:root{--ink:#101827;--muted:#687386;--line:#e5eaf0;--cyan:#0c89a7;--pale:#eafcff;--navy:#03091c;--white:#fff}body,html{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;color:var(--ink);background:#f5fbfd}button,input,textarea{font:inherit}button{cursor:pointer}.loginPage{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:linear-gradient(135deg,#e9fdff,#fff 60%,#edf2ff)}.loginVisual{padding:48px 64px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#dffafd,#e7efff);overflow:hidden}.loginLogo{width:210px;height:auto;object-fit:contain;background:white;border-radius:20px;padding:12px;box-shadow:0 12px 30px #9ac4d533}.visionBlock{max-width:570px}.eyebrow{color:#087c9a;letter-spacing:.24em;font-weight:800;font-size:13px}.visionBlock h1,.welcomeCard h1{font-size:44px;line-height:1.25;margin:16px 0}.heroTitle p,.subText,.visionBlock p,.welcomeCard p{color:var(--muted);line-height:1.9}.characterRow{display:flex;align-items:flex-end;gap:24px}.koala{object-fit:contain}.speechBubble{background:white;padding:18px 22px;border-radius:20px 20px 20px 4px;font-weight:800;box-shadow:0 12px 25px #4a718422}.loginPanel{display:grid;place-items:center;padding:48px;background:#ffffffee}.loginFormWrap{width:min(460px,100%)}.loginFormWrap h2{font-size:36px;margin:8px 0}.loginForm{display:grid;gap:22px;margin-top:32px}.formField,.loginForm label{display:grid;gap:8px;font-weight:700}.formField input,.formField textarea,.loginForm input{width:100%;border:1px solid #dbe3ea;background:#f8fafc;border-radius:16px;padding:16px;outline:none}.formField input:focus,.formField textarea:focus,.loginForm input:focus{border-color:#20a3c0;box-shadow:0 0 0 4px #aeeaf455;background:white}.passwordWrap{position:relative}.passwordWrap button{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#087c9a;font-weight:800}.primaryButton{width:100%;border:0;background:var(--navy);color:white;border-radius:16px;padding:16px 22px;font-weight:800;box-shadow:0 10px 24px #1f2e4a33}.primaryButton:hover{background:#075f76}.secondaryButton{border:1px solid var(--line);background:white;color:#374151;border-radius:12px;padding:10px 16px;font-weight:800}.textButton{display:block;border:0;background:transparent;color:#087c9a;font-weight:800;margin:24px auto}.demoBox{display:grid;gap:5px;background:#e8fbfd;padding:18px;border-radius:18px;color:#155b6b}.copyright{display:block;text-align:center;margin-top:26px;color:#9aa6b5}.errorMessage{background:#fff0f0;color:#b42318;padding:13px;border-radius:12px}.successMessage{background:#ecfdf3;color:#027a48;padding:14px;border-radius:14px}.pageBackground{min-height:100vh;padding:24px;background:linear-gradient(145deg,#effcff,#fff,#f0f3ff)}.dashboardContainer,.pageContainer{max-width:1240px;margin:auto}.dashboardHeader,.portalHeader{display:flex;justify-content:space-between;align-items:center;background:#ffffffef;border:1px solid #edf1f4;padding:14px 20px;border-radius:22px;box-shadow:0 8px 24px #43657814}.brandButton{display:flex;align-items:center;gap:14px;border:0;background:transparent;text-align:left}.brandButton span{display:grid;gap:3px}.brandButton small{color:var(--muted)}.brandLogo{width:96px;height:48px;object-fit:contain}.welcomeCard{margin-top:24px;padding:38px;border-radius:30px;background:linear-gradient(120deg,#c9f8fc,#dfe6ff);justify-content:space-between;box-shadow:0 12px 30px #4a718416}.welcomeCard,.welcomeSide{display:flex;align-items:center}.welcomeSide{gap:20px}.welcomeSide img{object-fit:contain}.workCard{display:grid;gap:6px;padding:20px;min-width:190px;border-radius:20px;background:white;box-shadow:0 10px 25px #4a718422}.workCard strong{font-size:24px}.workCard span{color:#0686a2;font-weight:800}.statsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px}.statsGrid article{display:grid;gap:10px;background:white;padding:24px;border-radius:24px;border:1px solid #edf1f4;box-shadow:0 8px 22px #4365780e}.statsGrid article>span{color:var(--muted);font-weight:800}.statsGrid article>strong{font-size:34px}.statsGrid small{color:#98a3b3}.statsGrid strong small{font-size:16px;margin-left:5px}.green{color:#009c70}.orange{color:#f59e0b}.menuSection{margin-top:36px}.menuSection h2,.noticeCard h2,.tableCard h2{margin-bottom:6px}.menuSection>p{color:var(--muted)}.menuGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.menuGrid button{display:flex;align-items:center;gap:18px;min-height:130px;border:1px solid #edf1f4;background:white;padding:22px;border-radius:24px;text-align:left;box-shadow:0 8px 20px #4365780f;transition:.2s}.menuGrid button:hover{transform:translateY(-3px);box-shadow:0 14px 30px #4365781c}.menuIcon{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e6fbfd;color:#166579;font-size:29px}.menuGrid button>span:last-child{display:grid;gap:8px}.menuGrid small{color:var(--muted);line-height:1.5}.bottomGrid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:30px 0}.cameraCard,.formCard,.noticeCard,.stampPanel,.tableCard,.visionCard{background:white;padding:26px;border-radius:26px;border:1px solid #edf1f4;box-shadow:0 8px 22px #4365780e}.noticeCard>div{display:grid;gap:6px;background:#f1fbfd;padding:18px;border-radius:17px;margin-top:12px}.noticeCard small{color:#087c9a;font-weight:800}.visionCard{background:#071126;color:white}.visionCard h2{line-height:1.55}.visionCard p:last-child{color:#c8d0df;line-height:1.8}.heroTitle{text-align:center;padding:48px 20px 30px}.heroTitle h1{font-size:38px;margin:10px 0}.attendanceLayout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.cameraCard{position:relative;overflow:hidden}.cameraCard video{width:100%;aspect-ratio:4/3;background:#eef3f5;border-radius:20px;object-fit:cover}.cameraFrame{position:absolute;left:18%;right:18%;top:16%;aspect-ratio:1;border:4px solid white;border-radius:22px;box-shadow:0 0 0 999px #0003;pointer-events:none}.cameraCard>p{color:var(--muted);min-height:24px}.buttonRow{display:flex;flex-wrap:wrap;gap:10px}.buttonRow .primaryButton{width:auto}.employeeCard{display:flex;align-items:center;gap:16px;background:#f4fbfc;border-radius:20px;padding:18px}.employeeCard img{object-fit:contain}.employeeCard div{display:grid;gap:5px}.employeeCard strong{font-size:21px}.employeeCard small,.employeeCard span{color:var(--muted)}.stampGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.stampGrid button{min-height:78px;border:0;border-radius:18px;background:var(--navy);color:white;font-weight:800;font-size:18px}.stampGrid button:disabled{opacity:.35;cursor:not-allowed}.historyMini{margin-top:20px;background:#f7fafb;padding:18px;border-radius:18px}.historyMini>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9eef2}.formCard{max-width:720px;margin:0 auto 40px;display:grid;gap:20px}.checkboxLine{display:flex;align-items:center;gap:10px;font-weight:500}.checkboxLine input{width:20px}.tableCard{overflow:auto;margin-bottom:40px}table{width:100%;border-collapse:collapse;min-width:720px}td,th{padding:15px;border-bottom:1px solid #e8edf1;text-align:left;vertical-align:top}th{color:#627083;background:#f7fafb}.status{display:inline-block;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}.status-承認待ち{background:#fff7e6;color:#b54708}.status-承認{background:#ecfdf3;color:#027a48}.status-差し戻し{background:#fff0f0;color:#b42318}.smallApprove,.smallReturn{border:0;border-radius:10px;padding:8px 12px;font-weight:800}.smallApprove{background:#def7ec;color:#037a55}.smallReturn{background:#fee4e2;color:#b42318}@media (max-width:900px){.loginPage{grid-template-columns:1fr}.loginVisual{display:none}.loginPanel{min-height:100vh;padding:28px}.attendanceLayout,.welcomeCard{grid-template-columns:1fr;display:grid}.welcomeSide{justify-content:flex-start}.menuGrid,.statsGrid{grid-template-columns:1fr 1fr}.bottomGrid{grid-template-columns:1fr}}@media (max-width:600px){.pageBackground{padding:10px}.dashboardHeader,.portalHeader{border-radius:16px}.brandLogo{width:76px}.welcomeCard{padding:25px}.visionBlock h1,.welcomeCard h1{font-size:30px}.welcomeSide{flex-direction:column;align-items:flex-start}.menuGrid,.statsGrid{grid-template-columns:1fr}.heroTitle h1{font-size:30px}.attendanceLayout{display:block}.stampPanel{margin-top:14px}.stampGrid{grid-template-columns:1fr}}@media print{body,html{width:210mm!important;min-height:297mm!important;margin:0!important;padding:0!important;background:#fff!important}}.v2Page{min-height:100vh;padding:24px;background:linear-gradient(145deg,#eefcff,#fff 54%,#f1f3ff)}.v2Container{max-width:1280px;margin:auto}.v2Header{justify-content:space-between;padding:14px 20px;border:1px solid #e8eef2;border-radius:22px;background:#fff;box-shadow:0 8px 24px #31556812}.v2Brand,.v2Header{display:flex;align-items:center}.v2Brand{gap:14px}.v2Brand img{object-fit:contain}.v2Brand div{display:grid;gap:2px}.v2Brand strong{font-size:18px}.v2Brand small{color:#788697}.v2OutlineButton{padding:10px 16px;border:1px solid #dce5ea;border-radius:12px;background:#fff;font-weight:800}.v2Hero{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:36px;border-radius:30px;background:linear-gradient(120deg,#cbf9fc,#dde6ff);box-shadow:0 12px 30px #456a7e16}.v2Hero h1{margin:10px 0;font-size:42px;line-height:1.25}.v2Hero p{color:#53687b}.v2HeroRight{display:flex;align-items:center;gap:16px}.v2HeroRight img{object-fit:contain}.v2WorkCard{display:grid;gap:6px;min-width:190px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 10px 24px #3155681d}.v2WorkCard strong{font-size:24px}.v2WorkCard span{color:#07839f;font-weight:800}.v2Eyebrow{margin:0;color:#07839f;font-size:11px;font-weight:900;letter-spacing:.18em}.v2AttendanceCard,.v2CalendarCard,.v2Card,.v2MenuSection,.v2ProfileCard{margin-top:20px;padding:24px;border:1px solid #e8eef2;border-radius:24px;background:#fff;box-shadow:0 8px 24px #3155680e}.v2SectionHeading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.v2Card h2,.v2MenuSection h2,.v2SectionHeading h2{margin:5px 0 0}.v2TextButton{padding:0;border:0;background:transparent;color:#07839f;font-weight:900}.v2ProfileGrid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}.v2ProfileGrid div{padding:15px;border-radius:15px;background:#f5fafb}.v2ProfileGrid span{display:block;margin-bottom:6px;color:#7d8997;font-size:12px}.v2ProfileGrid strong{font-size:14px}.v2AttendanceCard{display:flex;justify-content:space-between;align-items:center}.v2AttendanceCard h2{margin:5px 0}.v2StatusGreen{color:#07966d}.v2AttendanceButtons{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.v2AttendanceButtons button{min-width:105px;padding:14px;border:0;border-radius:14px;background:#081126;color:#fff;font-weight:900}.v2AttendanceButtons button:hover{background:#087c98}.v2TwoColumn{display:grid;grid-template-columns:1fr 1fr;gap:20px}.v2ThreeColumn{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v2Badge{padding:7px 10px;border-radius:999px;background:#e7f8fb;color:#087c9a;font-size:12px;font-weight:900}.v2DeadlineList{display:grid;gap:10px;margin-top:17px}.v2DeadlineList>div{display:flex;justify-content:space-between;align-items:center;padding:13px;border-radius:14px;background:#f7fafb}.v2DeadlineList div div{display:grid;gap:4px}.v2DeadlineList small{color:#8793a1}.v2DeadlineList>div>span{padding:6px 9px;border-radius:999px;background:#fff4e5;color:#b66a00;font-size:11px;font-weight:900}.v2DeadlineList>div>span.isDone{background:#e8f8f0;color:#087550}.v2TimeInputs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:17px 0}.v2TimeInputs label{display:grid;gap:7px;color:#58687a;font-size:12px;font-weight:800}.v2TimeInputs input,.v2TodoForm input{width:100%;padding:13px;border:1px solid #dce5ea;border-radius:13px;background:#f8fafb}.v2PrimaryButton{width:100%;padding:14px;border:0;border-radius:14px;background:#081126;color:#fff;font-weight:900}.v2Success{margin:10px 0 0;color:#087550;font-weight:800}.v2GoalCard p:not(.v2Eyebrow){color:#536478;line-height:1.7}.v2Progress{height:10px;border-radius:999px;background:#e9eff2;overflow:hidden}.v2Progress span{display:block;height:100%;border-radius:inherit;background:#0c89a7}.v2Legend{display:flex;gap:14px;color:#738090;font-size:12px}.v2CalendarGrid,.v2Weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.v2Weekdays{margin-top:18px;text-align:center;color:#7d8997;font-size:12px;font-weight:800}.v2CalendarGrid{margin-top:8px}.v2CalendarGrid>div{min-height:82px;padding:10px;border-radius:13px;background:#f7fafb}.v2CalendarGrid>div.empty{background:transparent}.v2CalendarGrid small,.v2CalendarGrid strong{display:block}.v2CalendarGrid small{margin-top:12px;color:#7a8796;font-size:10px}.v2CalendarGrid .holiday{background:#fff5f3}.v2CalendarGrid .today{background:#dff8fb;box-shadow:inset 0 0 0 2px #22a7c0}.v2SimpleList{padding-left:20px}.v2ApplicationList,.v2SimpleList{display:grid;gap:11px;margin:17px 0 0}.v2ApplicationList{padding:0;list-style:none}.v2ApplicationList li{display:flex;justify-content:space-between}.v2ApplicationList strong{color:#087550}.v2ApplicationList .pending{color:#b66a00}.v2TodoForm{display:flex;gap:8px;margin-top:17px}.v2TodoForm button{padding:0 18px;border:0;border-radius:13px;background:#0c89a7;color:#fff;font-weight:900}.v2TodoList{display:grid;gap:10px;margin-top:13px}.v2TodoList label{display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;background:#f7fafb}.v2TodoList .done{text-decoration:line-through;color:#9aa5b1}.v2Notice{display:grid;gap:5px;margin-top:12px;padding:14px;border-radius:14px;background:#eefafd}.v2Notice small{color:#087c9a;font-weight:800}.v2MenuGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:17px}.v2MenuGrid button{display:flex;align-items:center;gap:15px;min-height:100px;padding:18px;border:1px solid #e8eef2;border-radius:18px;background:#fff;text-align:left}.v2MenuGrid button>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e7f9fb;color:#0b7187;font-size:24px}.v2MenuGrid button div{display:grid;gap:5px}.v2MenuGrid small{color:#788697}.v2Vision{margin:22px 0;padding:30px;border-radius:26px;background:#071126;color:#fff}.v2Vision h2{font-size:28px}.v2Vision p:last-child{color:#c9d2df}@media(max-width:1050px){.v2ProfileGrid{grid-template-columns:repeat(3,1fr)}.v2MenuGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.v2Page{padding:10px}.v2AttendanceCard,.v2Hero{display:grid;gap:20px}.v2Hero h1{font-size:31px}.v2HeroRight{flex-wrap:wrap}.v2ThreeColumn,.v2TwoColumn{grid-template-columns:1fr}.v2ProfileGrid{grid-template-columns:repeat(2,1fr)}.v2AttendanceButtons{grid-template-columns:1fr 1fr}.v2AttendanceButtons button{min-width:0}.v2MenuGrid{grid-template-columns:1fr}.v2CalendarGrid>div{min-height:58px;padding:7px}.v2CalendarGrid small,.v2Legend{display:none}}.v2Helper{color:#718093;line-height:1.65;font-size:13px}.v2StampStatusGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.v2StampStatusGrid>div{display:grid;gap:7px;padding:15px;border-radius:15px;background:#f5fafb}.v2StampStatusGrid span{color:#7d8997;font-size:12px;font-weight:800}.v2StampStatusGrid strong{font-size:20px}.v2StampStatusGrid .pending{color:#b66a00}.v2CurrentState{margin:14px 0 0;color:#667587}.v2BadgeOk,.v2CurrentState strong{color:#087550}.v2BadgeOk{background:#e8f8f0}.v2FaceBox{display:flex;align-items:center;gap:14px;margin:17px 0;padding:15px;border-radius:15px;background:#f5fafb}.v2FaceIcon{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#dff7fa;color:#087c9a;font-size:28px;font-weight:900}.v2FaceBox>div:last-child{display:grid;gap:5px}.v2FaceBox small{color:#7d8997}.v2FormLabel{display:grid;gap:7px;margin:12px 0;color:#58687a;font-size:12px;font-weight:800}.v2FormLabel select,.v2FormLabel textarea{width:100%;padding:13px;border:1px solid #dce5ea;border-radius:13px;background:#f8fafb;resize:vertical}.v2Error{margin:10px 0 0;color:#b42318;font-weight:800}@media(max-width:760px){.v2StampStatusGrid{grid-template-columns:1fr 1fr}}.v2ButtonRow,.v2CalendarActions{display:flex;gap:10px;align-items:center}.v2OutlineButton:disabled{opacity:.4;cursor:not-allowed}.v2CalendarLimit{text-align:right;color:#718096;font-size:12px;margin-top:10px}.v2NoticeManual{border-left:4px solid #e0a93b;background:#fffaf0}.v2Notice button{margin-top:8px}.v2FormPage{background:#fff;border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(43,65,82,.08);margin:24px 0}.v2FormPage h1{margin:0;font-size:30px}.v2InfoGrid{gap:16px;margin:22px 0}.v2EvaluationList label,.v2InfoGrid label{display:flex;flex-direction:column;gap:8px;font-weight:700;color:#43515d}.v2EvaluationList select,.v2EvaluationList textarea,.v2InfoGrid input,.v2InfoGrid select{border:1px solid #dce4e8;border-radius:12px;padding:12px;background:#fff;font:inherit}.v2UploadBox{display:flex;flex-direction:column;gap:10px;padding:22px;border:2px dashed #c8d8da;border-radius:16px;background:#f8fbfb;margin:18px 0;font-weight:700}.v2EvaluationList{display:grid;gap:14px;margin:20px 0}.v2EvaluationList label{padding:16px;border:1px solid #e1e9eb;border-radius:16px;background:#fbfdfd}.v2StatusPanel{padding:18px;border-radius:16px;background:#f7faf9;margin:20px 0}.v2DocumentRow{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #e3e9e8}.v2DocumentRow b{color:#267a65}.v2ManualAlert{padding:18px 20px;background:#fff8e8;border:1px solid #f0d38b;border-radius:16px;margin:20px 0}.v2ManualAlert p{margin:6px 0 0;color:#68747c}.v2ManualFilters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.v2ManualFilters button{border:1px solid #d8e1e3;background:#fff;border-radius:999px;padding:9px 14px}.v2ManualFilters button.active{background:#315f5a;color:#fff}.v2ManualList{display:grid;gap:12px}.v2ManualList article{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e1e8ea;border-radius:16px;padding:18px}.v2ManualList article.updated{border-color:#e6b44b;background:#fffaf0}.v2ManualList h3{margin:6px 0}.v2ManualList p{margin:0;color:#728087;font-size:13px}.v2ManualList span{display:inline-block;font-size:12px;font-weight:800;color:#8a6421}.v2ButtonRow{justify-content:flex-end;margin-top:18px}@media(max-width:760px){.v2InfoGrid{grid-template-columns:1fr}.v2ManualList article{align-items:flex-start;flex-direction:column}.v2CalendarActions{width:100%;justify-content:flex-end}.v2DocumentRow{grid-template-columns:1fr}.v2FormPage{padding:18px}}.cameraPanel{display:grid;gap:14px;max-width:520px;margin:20px 0}.cameraPanel img,.cameraPanel video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px;background:#111}.summaryGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.summaryGrid>div,.summaryGrid>label{display:grid;gap:8px;padding:18px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.summaryGrid small,.summaryGrid span{color:#667085}.summaryGrid strong{font-size:1.35rem}.plannedLeaveList{display:grid;gap:10px}.plannedLeaveList>div{display:flex;align-items:center;gap:14px;padding:13px;border:1px solid #e5e7eb;border-radius:14px}.plannedLeaveList span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#efe7fb;color:#69349a}.adminTable,.historyTable{display:grid;overflow-x:auto}.historyTable>div{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));min-width:580px;padding:12px;border-bottom:1px solid #eceff3}.adminTableHead,.historyHead{font-weight:700;background:#f8f6fb}.infoBox,.warningBox{display:grid;gap:8px;padding:16px;border-radius:14px;margin:16px 0}.warningBox{background:#fff3f0;border:1px solid #f8c9bd}.infoBox{background:#f0f8ff;border:1px solid #c8e2f5}.checkLine,.conditionList label{display:flex;gap:10px;align-items:center}.periodPanel{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px;border-radius:16px;background:#f8f6fb}.conditionList{display:grid;gap:12px;margin:18px 0}.resultBox{display:flex;justify-content:space-between;align-items:center;padding:18px;border-radius:16px;background:#f4f4f5}.resultBox strong{font-size:1.7rem}.resultBox.isEligible{background:#eef8f0;border:1px solid #b9dfc0}.breakdown{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.breakdown span{padding:8px 12px;border-radius:999px;background:#f5f2f8}.adminMetrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:22px 0}.adminMetrics>div{display:grid;gap:8px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(30,20,50,.06)}.adminMetrics span{color:#667085}.adminMetrics strong{font-size:1.8rem}.adminTable>div{display:grid;grid-template-columns:1.4fr repeat(6,minmax(100px,1fr));min-width:900px;padding:13px;border-bottom:1px solid #eceff3}.adminHero{min-height:auto}@media(max-width:640px){.summaryGrid{grid-template-columns:1fr}.periodPanel{align-items:stretch}.cameraPanel{max-width:none}}@media print{body *{visibility:hidden!important}.printArea,.printArea *{visibility:visible!important}.printArea{position:absolute;left:0;top:0;width:100%;box-shadow:none!important}button{display:none!important}}.clinicSalesName{display:block;margin:8px 0 18px;font-size:1.05rem}.clinicSalesNumbers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.clinicSalesNumbers>div{padding:14px;border-radius:14px;background:#f7f8f7;display:flex;flex-direction:column;gap:5px}.clinicSalesNumbers span{color:#68736d;font-size:.82rem}.clinicSalesNumbers strong{font-size:1.08rem}.clinicSalesRate{margin:12px 0 0;text-align:right}.attendanceQrCard{display:flex;flex-direction:column}.attendanceQrCard .v2PrimaryButton{margin-top:auto}.qrClinicGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.qrClinicCard{border:1px solid #e2e8e4;border-radius:20px;padding:22px;text-align:center;background:#fff}.qrClinicCard h2{min-height:3em}.qrClinicCard img{width:min(260px,100%);height:auto;margin:10px auto 18px;border-radius:12px}@media (max-width:720px){.clinicSalesNumbers,.qrClinicGrid{grid-template-columns:1fr}}.fullscreenAttendanceButton{position:fixed;right:18px;top:18px;z-index:50;border:0;border-radius:999px;padding:12px 18px;background:#164a3f;color:#fff;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.16)}.personalQrContainer{max-width:760px}.personalQrCard{text-align:center}.personalQrCard h1{margin:4px 0 10px;font-size:34px}.personalQrName{margin:0;font-size:26px;font-weight:900}.personalQrId{margin:6px 0 20px;color:#64748b;font-weight:800}.personalQrImageWrap{display:inline-flex;padding:18px;border:3px solid #0f766e;border-radius:24px;background:#fff;box-shadow:0 16px 40px rgba(15,118,110,.14)}.personalQrImageWrap img{width:min(68vw,420px);height:auto}.personalQrCard .v2PrimaryButton{margin-top:20px}.terminalPage{min-height:100vh;background:#edf7f7;color:#102a43;padding:18px;font-family:inherit}.terminalTopbar{max-width:1180px;margin:0 auto 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;padding:14px 18px;border-radius:18px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.terminalTopbar>div:first-child{display:flex;flex-direction:column}.terminalTopbar strong{font-size:25px}.terminalTopbar span{font-size:13px;color:#64748b;font-weight:800}.terminalTopActions{display:flex;gap:10px}.terminalTopActions button,.terminalTopActions select{min-height:46px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:0 14px;font-weight:800}.terminalTopActions button{background:#0f766e;color:#fff;border:0}.terminalClock{text-align:center;margin:12px auto}.terminalClock p{margin:0;font-weight:800;color:#475569}.terminalClock h1{font-size:64px;line-height:1;margin:4px 0 12px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.terminalAuthCard,.terminalPunchCard{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;padding:28px;box-shadow:0 16px 50px rgba(15,23,42,.1);text-align:center}.terminalAuthCard h2{font-size:30px;margin:0 0 20px}.terminalVideo{display:none;width:min(100%,580px);height:320px;object-fit:cover;margin:0 auto 18px;border-radius:18px;background:#0f172a}.terminalVideo.isActive{display:block}.terminalPrimary,.terminalPunchButton{width:100%;min-height:94px;border:0;border-radius:20px;font-size:30px;font-weight:900;color:#fff;background:#0f766e}.terminalDivider{margin:22px 0;border-top:1px solid #e2e8f0;position:relative}.terminalDivider span{position:relative;top:-12px;background:#fff;padding:0 12px;color:#64748b;font-weight:800}.terminalIdRow{display:grid;grid-template-columns:1fr auto;gap:12px}.terminalIdRow input{min-height:62px;border:2px solid #cbd5e1;border-radius:14px;padding:0 18px;font-size:22px;font-weight:800}.terminalIdRow button{border:0;border-radius:14px;padding:0 24px;background:#0f172a;color:#fff;font-weight:900;font-size:18px}.terminalEmployee span{display:inline-flex;background:#dcfce7;color:#166534;padding:7px 14px;border-radius:999px;font-weight:900}.terminalEmployee h2{font-size:36px;margin:10px 0 4px}.terminalEmployee p{margin:0 0 20px;color:#64748b;font-weight:800}.terminalStatusGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.terminalStatusGrid>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px}.terminalStatusGrid small,.terminalStatusGrid span{display:block;color:#64748b;font-weight:800}.terminalStatusGrid strong{display:block;font-size:23px;margin:5px 0}.terminalPunchButton.clockIn{background:#059669}.terminalPunchButton.break{background:#d97706}.terminalPunchButton.clockOut{background:#dc2626}.terminalNext{margin-top:16px;min-height:52px;border:1px solid #94a3b8;background:#fff;border-radius:12px;padding:0 24px;font-weight:900}.terminalComplete{padding:28px;background:#e2e8f0;border-radius:18px;font-size:24px;font-weight:900}.terminalMessage{max-width:900px;margin:14px auto 0;padding:15px 18px;border-radius:14px;text-align:center;font-weight:900}.terminalMessage.success{background:#dcfce7;color:#166534}.terminalMessage.error{background:#fee2e2;color:#991b1b}.terminalRules{max-width:1180px;margin:14px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 16px;background:#fff;border-radius:14px;color:#475569}.terminalRules strong{color:#0f172a}.terminalRules span{padding-left:8px;border-left:1px solid #cbd5e1}.terminalRules small{width:100%;text-align:center}@media(max-width:760px){.terminalTopbar{align-items:stretch}.terminalTopActions,.terminalTopbar{flex-direction:column}.terminalClock h1{font-size:48px}.terminalStatusGrid{grid-template-columns:repeat(2,1fr)}.terminalIdRow{grid-template-columns:1fr}.terminalAuthCard,.terminalPunchCard{padding:20px}.terminalPrimary,.terminalPunchButton{min-height:80px;font-size:25px}}.v2Page{position:relative;background:linear-gradient(180deg,rgba(235,251,252,.95),rgba(247,252,247,.93) 57%,rgba(255,244,225,.98)),radial-gradient(circle at 8% 9%,rgba(255,160,184,.22),transparent 20%),radial-gradient(circle at 92% 11%,rgba(31,178,183,.18),transparent 24%);overflow:hidden}.v2Page:before{left:-70px;bottom:-80px;width:260px;height:260px;background:radial-gradient(circle at 30% 35%,rgba(255,127,158,.45) 0 12%,transparent 13%),radial-gradient(circle at 66% 35%,rgba(255,176,195,.5) 0 12%,transparent 13%),radial-gradient(circle at 50% 68%,rgba(255,145,171,.42) 0 16%,transparent 17%);opacity:.38}.v2Page:after,.v2Page:before{content:"";position:fixed;pointer-events:none}.v2Page:after{right:-70px;top:100px;width:250px;height:250px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,rgba(23,139,103,.12) 0 8px,transparent 9px 21px);transform:rotate(-20deg)}.v2Container{position:relative;z-index:1}.v2Header{background:rgba(255,255,255,.86)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-color:rgba(255,255,255,.95)!important;border-radius:28px!important}.v2Hero{background:linear-gradient(120deg,#c4f5f4,#d7efff 57%,#f8d9c2)!important;border:1px solid rgba(255,255,255,.86);box-shadow:0 20px 48px rgba(36,117,126,.14)!important;position:relative;overflow:hidden}.v2Hero:after{content:"A BRIGHT DAY AT Mi";position:absolute;left:36px;bottom:18px;color:rgba(18,118,127,.48);font:italic 12px Georgia,serif;letter-spacing:.14em}.v2CalendarCard,.v2Card,.v2MenuSection,.v2ProfileCard{background:rgba(255,255,255,.91)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:rgba(255,255,255,.96)!important;box-shadow:0 16px 42px rgba(42,103,111,.09)!important}.v2ProfileGrid div{background:linear-gradient(145deg,#f4fbfb,#fdf8f0)!important}.v2ProfileUpdated{text-align:right;margin:14px 2px 0;color:#8a9ca4;font-size:11px}.v2CalendarGrid .holiday{background:linear-gradient(145deg,#fff3f5,#fff9ef)!important}.v2CalendarGrid .holiday small{color:#db718c!important;font-weight:800}.v2PrimaryButton{background:linear-gradient(90deg,#21b8bf,#168fa1 62%,#ed8ba4)!important}.v2Badge{background:linear-gradient(90deg,#e5f8f6,#fff1f4)!important}.v2Vision{background:linear-gradient(120deg,#1b9ca7,#58bda8 62%,#ea9aaf)!important}@page{size:A4 landscape;margin:4mm}@media print{body,html{width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important}.printArea{width:100%!important;height:auto!important;overflow:visible!important}.exportReport.printArea,.monthModal.printArea,.printArea{position:static!important;left:auto!important;top:auto!important}}.v2InfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.v2InfoItem{display:grid;gap:5px;padding:13px;border:1px solid #dcebed;border-radius:10px;background:#fbfeff}.v2InfoItem small{color:#68808a;font-size:11px}.v2InfoItem strong{color:#304850;font-size:13px;line-height:1.65}.v2Details{margin:14px 0;padding:12px 14px;border:1px solid #dcebed;border-radius:10px;background:#fff}.v2Details summary{cursor:pointer;color:#258f9d;font-weight:800}.v2Details p{color:#526a73;font-size:12px;line-height:1.8}.v2Notice{margin:18px 0;padding:18px;border:1px solid #d9e9ec;border-radius:12px;background:#fbfeff}.v2Notice p{margin-bottom:0;color:#687c84;font-size:12px}@media(max-width:700px){.v2InfoGrid{grid-template-columns:1fr}}.v2CommunityGrid{display:grid;grid-template-columns:1.18fr .82fr;gap:20px}.v2NoticeMain{min-height:470px}.v2NoticeScroller{height:350px;overflow-y:auto;scroll-snap-type:y mandatory;padding-right:8px;margin-top:16px}.v2NoticePost{min-height:320px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:28px;border:1px solid #dcebed;border-radius:20px;background:linear-gradient(145deg,#f5fdfe,#fff9f4);scroll-snap-align:start}.v2NoticePost+.v2NoticePost{margin-top:14px}.v2NoticePost small{color:#07839f;font-weight:900}.v2NoticePost strong{font-size:22px;line-height:1.45}.v2NoticePost p{color:#617482;line-height:1.8}.v2SharedNoteBody{margin-top:18px;padding:20px;border-radius:18px;background:linear-gradient(145deg,#f0fbf8,#fffaf2)}.v2SharedNoteBody p{color:#667985;line-height:1.7}.v2AlbumFrame{position:relative;height:350px;margin-top:16px;border-radius:20px;overflow:hidden;background:#eef5f5}.v2AlbumFrame img{object-fit:cover}.v2AlbumControls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:14px}.v2AlbumControls button{width:42px;height:42px;border:1px solid #dcebed;border-radius:50%;background:#fff;font-weight:900}.v2AlbumControls span{font-weight:800;color:#617482}.v2HeroRight{justify-content:flex-end}@media(max-width:760px){.v2CommunityGrid{grid-template-columns:1fr}.v2NoticeMain{min-height:430px}.v2NoticeScroller{height:320px}.v2NoticePost{min-height:290px;padding:22px}.v2NoticePost strong{font-size:19px}.v2AlbumFrame{height:300px}.v2HeroRight{width:100%;margin-top:18px}.v2WorkCard{width:100%}}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;color:#132f3f}a,button{font:inherit}.lockedTopPage{min-height:100vh;background:#f8f4e9 url(/mi-portal-bg-fixed.png) top/cover fixed no-repeat}.desktopCanvas{position:relative;width:min(1480px,100vw);aspect-ratio:1234/1024;margin:0 auto;background:url(/mi-portal-bg-fixed.png) top/cover no-repeat;overflow:hidden}.dynamicHeader{position:absolute;top:2.4%;right:2.2%;height:7.4%;display:flex;gap:12px;align-items:stretch}.roundHeaderButton{position:relative;width:64px;border:0;border-radius:22px;background:#fff;color:#0089a8;box-shadow:0 7px 20px rgba(19,77,91,.13);display:grid;place-items:center;align-content:center;text-decoration:none;cursor:pointer}.roundHeaderButton span{font-size:28px;line-height:1}.roundHeaderButton small{font-size:10px;color:#222;margin-top:5px}.roundHeaderButton b{position:absolute;right:4px;top:0;width:18px;height:18px;border-radius:50%;background:#ef3457;color:#fff;font-size:10px;display:grid;place-items:center}.userHeaderCard{min-width:300px;border-radius:24px;background:#fff;display:grid;grid-template-columns:55px 1fr 112px;align-items:center;box-shadow:0 7px 20px rgba(19,77,91,.13);overflow:hidden}.userIcon{font-size:31px;color:#0089a8;text-align:center}.userHeaderCard>div{display:grid}.userHeaderCard strong{font-size:15px}.userHeaderCard small{font-size:11px;margin-top:3px}.userHeaderCard button{height:100%;border:0;border-left:1px solid #e5eaec;background:#fff;cursor:pointer}.operationPopup{position:absolute;z-index:30;top:10.5%;right:2.2%;width:360px;background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(8,55,70,.24);padding:15px}.operationPopup header{display:flex;justify-content:space-between}.operationPopup header button{border:0;background:transparent;font-size:20px}.operationPopup>button{width:100%;border:0;background:#f5fbfc;text-align:left;padding:10px;border-radius:10px;display:grid;margin-top:8px}.operationPopup span,.operationPopup time{font-size:11px;color:#66818b}.philosophyNav{position:absolute;left:50%;top:16.3%;transform:translateX(-50%);display:flex;gap:10px}.philosophyNav button{min-width:112px;border:1px solid rgba(0,143,168,.18);background:rgba(255,255,255,.9);border-radius:999px;padding:8px 15px;box-shadow:0 8px 20px rgba(22,93,107,.09);cursor:pointer;display:grid}.philosophyNav b{font-size:13px;color:#087f98}.philosophyNav small{font-size:9px;color:#5d737c}.philosophyModal{position:fixed;inset:0;z-index:100;display:grid;place-items:center}.modalShade{position:absolute;inset:0;border:0;background:rgba(7,42,55,.45)}.philosophyModal article{position:relative;width:min(760px,90vw);max-height:80vh;overflow:auto;border-radius:28px;padding:42px 48px;background:linear-gradient(145deg,#f8ffff,#e8fafd 58%,#fff3f0);box-shadow:0 30px 90px rgba(0,44,61,.34)}.philosophyModal article p{font:700 26px Georgia;margin:0;color:#153444}.philosophyModal article h2{font-size:18px;margin:6px 0 35px}.philosophyModal article h3{font:500 31px/1.55 Georgia,Yu Mincho,serif;text-align:center;color:#53636b}.philosophyModal article div{font:18px/2 Yu Mincho,serif;color:#53636b;white-space:pre-line}.modalClose{position:absolute;right:18px;top:15px;width:36px;height:36px;border:0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.mainMenuGrid{position:absolute;left:1.2%;right:1.2%;top:23.3%;height:24.4%;display:grid;grid-template-columns:repeat(4,1fr);gap:.75%}.mainMenuCard{position:relative;border-radius:18px;background:rgba(255,255,255,.98);text-decoration:none;color:#152e3b;box-shadow:0 9px 25px rgba(26,74,86,.12);padding:27px 22px 22px;display:grid;grid-template-columns:58px 1fr;column-gap:12px;align-content:start}.mainMenuCard i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:30px;font-style:normal}.staffCard em,.staffCard i{background:#ef4e67}.clinicCard em,.clinicCard i{background:#2074b6}.adminCard em,.adminCard i{background:#379544}.timeCard em,.timeCard i{background:#109aae}.mainMenuCard h2{margin:7px 0 2px;font-size:18px}.staffCard b,.staffCard h2{color:#e8435d}.clinicCard b,.clinicCard h2{color:#1767aa}.adminCard b,.adminCard h2{color:#267b36}.timeCard b,.timeCard h2{color:#07879c}.mainMenuCard b{font-size:13px}.mainMenuCard p{grid-column:1/-1;margin:24px 0 0;text-align:center;font-size:12px;line-height:1.9}.mainMenuCard em{position:absolute;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:28px;font-style:normal}.dynamicLowerGrid{position:absolute;left:1.2%;right:1.2%;top:49.3%;height:45.5%;display:grid;grid-template-columns:1.18fr 1.04fr 1.05fr;gap:.8%}.dynamicLowerGrid article{background:#fff;border-radius:18px;box-shadow:0 9px 25px rgba(26,74,86,.1);overflow:hidden}.dynamicLowerGrid article>header,.mobileNews>header{height:61px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f1}.dynamicLowerGrid h2,.mobileNews h2{font-size:17px;color:#0f5382}.dynamicLowerGrid header a,.mobileNews header a{font-size:10px;color:#008ba8;text-decoration:none;font-weight:700}.newsFeed{height:calc(100% - 61px);overflow-y:auto;scroll-behavior:smooth;background:#f7fbfc;padding:10px}.newsFeed::-webkit-scrollbar{width:8px}.newsFeed::-webkit-scrollbar-thumb{background:#b8dce3;border-radius:99px}.newsPost{width:100%;border:0;background:#fff;text-align:left;padding:0;overflow:hidden;cursor:pointer;border-radius:14px;margin-bottom:10px;box-shadow:0 5px 16px rgba(13,75,89,.08)}.newsPost.isUnread{outline:2px solid rgba(237,74,103,.16)}.newsAuthor{height:52px;padding:8px 13px;display:grid;grid-template-columns:36px 1fr auto 18px;align-items:center;gap:8px}.newsAuthor>span{width:32px;height:32px;border-radius:50%;background:#0d9db1;color:#fff;display:grid;place-items:center;font-weight:800}.newsAuthor>div{display:grid}.newsAuthor b{font-size:11px}.newsAuthor small{font-size:9px}.newsAuthor time{font-size:10px}.newsAuthor em{font-style:normal}.newsPost>img{width:100%;height:150px;object-fit:cover;display:block}.newsBody{padding:10px 13px}.newsBody mark{display:inline-block;border-radius:999px;padding:3px 8px;background:#ffe5e9;color:#d83355;font-size:9px}.newsBody h3{margin:6px 0 7px;font-size:14px}.newsBody p{margin:0;font-size:10.5px;line-height:1.8}.newsBody footer{display:flex;gap:15px;margin-top:12px;font-size:13px}.newsBody footer b{margin-left:auto}.notesPanel{padding-bottom:10px}.noteTabs{height:38px;display:grid;grid-template-columns:1fr 1fr;margin:0 18px}.noteTabs button{border:0;background:#f3f3f4;color:#223946}.noteTabs button.active{background:#fff;color:#0788a3;border:1px solid #0aa0ba;border-bottom:0;border-radius:10px 10px 0 0}.noteList{height:calc(100% - 99px);overflow:auto;padding:7px 18px}.noteList a{min-height:65px;border-bottom:1px solid #e8ecee;display:grid;grid-template-columns:24px 1fr auto;gap:8px;align-items:center;text-decoration:none;color:#164d71}.noteList a>span{color:#008eaa}.noteList a>div{display:grid}.noteList b{font-size:11px}.noteList small{font-size:9px;color:#516a75;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noteList em{font-size:8px;color:#89989e;margin-top:4px;font-style:normal}.noteList time{font-size:9px;color:#6b7b82}.emptyState{font-size:12px;color:#71858d}.gallerySlideshow{position:relative;height:56%;margin:12px 14px 0;border-radius:13px;overflow:hidden;background:#edf6f8}.gallerySlideshow>img{width:100%;height:100%;object-fit:cover}.slideCaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;background:linear-gradient(transparent,rgba(4,31,39,.78));color:#fff;display:grid}.slideCaption small{font-size:9px}.slideCaption b{font-size:14px}.slideCaption span{font-size:8px}.gallerySlideshow>button{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border:0;border-radius:50%;background:rgba(255,255,255,.86);font-size:24px;cursor:pointer}.gallerySlideshow .prev{left:8px}.gallerySlideshow .next{right:8px}.slideDots{height:24px;display:flex;justify-content:center;align-items:center;gap:6px}.slideDots button{width:6px;height:6px;border:0;border-radius:50%;background:#c4d2d6;padding:0}.slideDots button.active{width:18px;border-radius:99px;background:#0b9bb2}.eventFolders{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0 14px 12px}.eventFolders a{background:#f1f8f9;border-radius:8px;padding:7px 8px;font-size:9px;text-decoration:none;color:#17617a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobileCanvas{display:none}@media(max-width:720px){body{background:#fff}.desktopCanvas{display:none}.mobileCanvas{display:block;min-height:100vh;padding-bottom:74px;background:url(/mi-portal-bg-fixed.png) 58% top/auto 100vh fixed no-repeat,#fff}.mobileHeader{height:78px;padding:16px 17px;display:grid;grid-template-columns:1fr 36px 28px;align-items:center;background:rgba(255,255,255,.95);position:relative;z-index:2}.mobileBrand{display:flex;align-items:center;gap:8px}.mobileBrand img{width:36px;height:36px;object-fit:contain}.mobileBrand div{display:grid}.mobileBrand b{font-size:15px}.mobileBrand small{font-size:9px;color:#078ba5}.mobileHeader>button{position:relative;border:0;background:transparent;color:#008daa;font-size:25px}.mobileHeader>button em{position:absolute;right:-3px;top:-4px;background:#ef3155;color:#fff;border-radius:50%;width:16px;height:16px;font-size:9px;display:grid;place-items:center;font-style:normal}.mobileHeader>span{font-size:25px;color:#008daa}.mobileWelcome{text-align:center;padding:14px 10px 12px}.mobileWelcome i{display:block;color:#008aa6;font:italic 31px Georgia}.mobileWelcome h1{font-size:17px;margin:8px 0}.mobileWelcome p{font-size:11px;line-height:1.8}.mobileWelcome b{color:#008ca7;font-size:25px}.mobilePhilosophy{display:flex;gap:5px;padding:0 12px 10px;overflow:auto}.mobilePhilosophy button{border:1px solid #d8ecef;background:#fff;border-radius:999px;padding:7px 10px;font-size:9px;white-space:nowrap;color:#087d95}.mobileMenu{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 12px}.mobileMenu a{height:82px;background:#fff;border:1px solid #edf0f1;border-radius:7px;text-decoration:none;display:grid;place-items:center;align-content:center;gap:5px;box-shadow:0 4px 15px rgba(23,69,80,.08)}.mobileMenu i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:21px;font-style:normal}.mobileMenu a:first-child i{background:#ef4e67}.mobileMenu a:nth-child(2) i{background:#2074b6}.mobileMenu a:nth-child(3) i{background:#379544}.mobileMenu a:nth-child(4) i{background:#109aae}.mobileMenu span{font-size:10px;text-align:center;font-weight:700;color:#125779}.mobileNews{margin-top:13px;background:#fff;border-top:1px solid #eceff0;border-bottom:1px solid #eceff0}.mobileNews>header{height:50px;padding:0 14px}.mobileNews h2{font-size:13px}.mobileNews .newsFeed{height:520px}.mobileNews .newsPost>img{height:225px}.mobileNews .newsBody h3{font-size:14px}.mobileNews .newsBody p{font-size:11px}.mobileBottom{position:fixed;z-index:50;left:0;right:0;bottom:0;height:68px;background:#fff;border-top:1px solid #e6eaec;display:grid;grid-template-columns:repeat(4,1fr)}.mobileBottom a,.mobileBottom button{position:relative;border:0;background:#fff;text-decoration:none;color:#384e58;display:grid;place-items:center;align-content:center;gap:3px}.mobileBottom span{font-size:21px;color:#1475ad}.mobileBottom b{font-size:9px}.mobileBottom em{position:absolute;top:3px;right:24%;background:#ef3155;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center;font-size:9px;font-style:normal}.operationPopup{position:fixed;top:80px;left:12px;right:12px;width:auto}.philosophyModal article{padding:32px 24px}.philosophyModal article h3{font-size:22px}.philosophyModal article div{font-size:14px;line-height:1.9}}