:root{--navy-950:#071d32;--navy-900:#0b2e4f;--navy-800:#12476d;--navy-700:#1f5c85;--blue-500:#2584b8;--cyan-500:#2fa8c9;--cyan-100:#dff5fa;--ink-900:#172536;--ink-700:#42556a;--ink-500:#718096;--line:#dde6ee;--surface:#fff;--canvas:#f3f6f9;--amber:#e9a23b;--green:#2f9b78;--red:#d95f5f;--shadow:0 14px 38px #0f2d4614}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);min-width:320px;color:var(--ink-900);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Source Han Sans SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}.app-action-dialog-overlay{z-index:5000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071f2f8a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.app-action-dialog{color:#173b50;background:#fff;border:1px solid #709dae47;border-radius:22px;width:min(560px,100%);max-height:min(720px,100dvh - 48px);padding:28px;overflow:auto;box-shadow:0 28px 80px #04263742}.app-action-dialog header span{color:#239ab5;letter-spacing:.14em;font-size:13px;font-weight:800}.app-action-dialog header h2{margin:7px 0 0;font-size:25px;line-height:1.3}.app-action-dialog-description{color:#68808e;white-space:pre-line;margin-top:18px;font-size:15px;line-height:1.75}.app-action-dialog-field{gap:8px;margin-top:20px;font-weight:700;display:grid}.app-action-dialog-field input,.app-action-dialog-field textarea{color:#163b50;width:100%;font:inherit;resize:vertical;background:#f8fbfc;border:1px solid #c9dce4;border-radius:12px;outline:none;padding:12px 14px;line-height:1.55}.app-action-dialog-field input:focus,.app-action-dialog-field textarea:focus{border-color:#2da3bd;box-shadow:0 0 0 3px #2da3bd24}.app-action-dialog footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.app-action-dialog footer button{color:#476573;cursor:pointer;background:#edf4f6;border:0;border-radius:11px;min-height:42px;padding:0 19px;font-weight:800}.app-action-dialog footer button:disabled{cursor:not-allowed;opacity:.55}.app-action-dialog footer .app-action-dialog-primary{color:#fff;background:#168faa}.app-action-dialog footer .app-action-dialog-danger{color:#fff;background:#b95747}@media (width<=640px){.app-action-dialog-overlay{align-items:end;padding:12px}.app-action-dialog{max-height:calc(100dvh - 24px);padding:22px 18px calc(18px + env(safe-area-inset-bottom));border-radius:20px}.app-action-dialog footer button{flex:1}}button,input,select{font:inherit}button,select{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2fa8c959}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.site-shell{min-height:100vh}.hero{color:#fff;background:radial-gradient(circle at 82% 20%, #2fa8c933, transparent 28%), linear-gradient(120deg, var(--navy-950), var(--navy-900) 56%, #0d3c60);min-height:190px;position:relative;overflow:hidden}.hero-grid{opacity:.11;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff40 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 72%);mask-image:linear-gradient(270deg,#000,#0000 72%)}.hero:after{content:"";border:1px solid #64d7f02e;border-radius:50%;width:620px;height:430px;position:absolute;bottom:-250px;right:-180px;transform:rotate(-9deg);box-shadow:0 0 0 44px #64d7f006,0 0 0 88px #64d7f005}.topbar,.hero-intro,.dashboard{width:min(1440px,100% - 64px);margin-inline:auto}.topbar{z-index:2;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;min-height:68px;display:flex;position:relative}.brand{align-items:center;gap:13px;display:flex}.brand-mark{flex:none;place-items:center;width:38px;height:52px;display:grid}.brand-mark img{object-fit:contain;filter:drop-shadow(0 5px 12px #02101c3d);width:auto;height:50px;display:block}.brand h1{letter-spacing:.06em;margin:0;font-size:clamp(23px,2vw,29px);font-weight:720}.header-actions{align-items:center;gap:10px;display:flex}.data-stamp{color:#b9d9e5;align-items:center;gap:8px;margin-right:8px;font-size:15px;display:flex}.pulse-dot{background:#56dfbd;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #56dfbd1f}.secondary-button,.ghost-button{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 13px;font-size:13px;font-weight:680;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.secondary-button{color:#e9fbff;background:#2fa8c929;border:1px solid #85dff061}.system-entry-link{text-decoration:none}.ghost-button{color:#d8e7ed;background:#ffffff0a;border:1px solid #ffffff2b}.secondary-button:hover,.ghost-button:hover{background:#2fa8c942;transform:translateY(-1px)}.hero-intro{z-index:2;justify-content:space-between;align-items:flex-end;padding:14px 0 30px;display:flex;position:relative}.dashboard-tools,.hero-view-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.dashboard-tools .data-stamp{margin-right:4px}.hero-view-tools{flex-direction:column;align-items:flex-end}.hero-view-tools .data-stamp{margin:0 7px 0 0;font-size:13px}.hero-kicker{color:#fff;letter-spacing:.08em;margin:0 0 8px;font-size:17px;font-weight:720}.hero-copy{color:#bcd4de;margin:0;font-size:14px}.import-badge{color:#c7e7ef;text-overflow:ellipsis;white-space:nowrap;background:#051d3261;border:1px solid #68d2e740;border-radius:9px;max-width:340px;padding:9px 13px;font-size:14px;overflow:hidden}.dashboard{z-index:3;margin-top:-18px;padding-bottom:32px;position:relative}.view-hidden{display:none!important}.module-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0323398a;border:1px solid #91d5e42e;border-radius:14px;grid-template-columns:repeat(4,minmax(122px,1fr));gap:5px;padding:5px;display:inline-grid;box-shadow:0 16px 38px #0216272e}.module-tabs button{color:#bdd4df;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:6px 12px 6px 8px;transition:color .16s,background .16s,box-shadow .16s;display:flex}.module-tabs .module-tab-icon{color:#bfe9f1;flex:none;place-items:center;width:32px;height:32px;display:grid}.module-tab-icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.module-tabs button>span:last-child{flex-direction:column;display:flex}.module-tabs strong{font-size:14px;font-weight:750}.module-tabs small{color:#c0d9e39e;margin-top:2px;font-size:11px}.module-tabs button:hover{color:#fff;background:#67c3d71f}.module-tabs button.active{color:#155d7c;background:#f8fcfd;box-shadow:0 7px 18px #0116232e}.module-tabs button.active .module-tab-icon{color:#1682a1}.module-tabs button.active small{color:#6f8998}.filter-card{background:#fffffffa;border:1px solid #dde6eed1;border-radius:16px;grid-template-columns:minmax(280px,1.3fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(240px,1.2fr);gap:11px;padding:13px 16px;display:grid;box-shadow:0 14px 42px #05233921}.filter-card.leave-analysis-filters{grid-template-columns:minmax(250px,1.2fr) repeat(4,minmax(135px,.72fr)) minmax(230px,1.15fr)}.filter-card.dashboard-filters{grid-template-columns:minmax(280px,1.2fr) minmax(180px,.75fr) minmax(420px,2fr)}.leave-analysis{margin-top:26px}.leave-analysis-heading{background:linear-gradient(135deg,#fff 0%,#f4fbfc 100%);border:1px solid #dce8ed;border-radius:20px;justify-content:space-between;align-items:flex-end;gap:24px;padding:24px 28px;display:flex;box-shadow:0 14px 38px #08344817}.leave-analysis-heading .eyebrow,.leave-card-title>div>span{color:#1692aa;letter-spacing:.14em;margin:0 0 5px;font-size:11px;font-weight:800}.leave-analysis-heading h2,.leave-card-title h3{color:#123e55;margin:0}.leave-analysis-heading h2{font-size:27px}.leave-analysis-heading>div>p:last-child{color:#748d99;margin:8px 0 0;font-size:14px}.leave-analysis-rule{color:#257c69;background:#e8f7f3;border-radius:999px;flex:none;padding:8px 13px;font-size:12px;font-weight:750}.leave-analysis-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.leave-analysis-kpis article{background:#fff;border:1px solid #dce8ed;border-radius:18px;min-height:108px;padding:20px 22px;box-shadow:0 12px 30px #08344812}.leave-analysis-kpis span{color:#748d99;font-size:13px;display:block}.leave-analysis-kpis strong{color:#126c82;margin-top:7px;font-size:31px;line-height:1;display:inline-block}.leave-analysis-kpis small{color:#8aa0aa;margin-left:7px;font-size:12px}.leave-analysis-layout{grid-template-columns:minmax(0,1.75fr) minmax(300px,.75fr);align-items:stretch;gap:14px;margin-top:14px;display:grid}.leave-ranking-card,.leave-breakdown-card{background:#fff;border:1px solid #dce8ed;border-radius:20px;box-shadow:0 14px 38px #08344814}.leave-ranking-card{flex-direction:column;height:650px;display:flex;overflow:hidden}.leave-ranking-list{scrollbar-color:#b9ccd7 #eef3f6;scrollbar-width:thin;min-height:0;overflow-y:auto}.leave-card-title{justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 24px 18px;display:flex}.leave-card-title h3{font-size:20px}.leave-card-title>small{color:#91a2aa;font-size:11px}.leave-ranking-header,.leave-ranking-row{grid-template-columns:minmax(150px,1.1fr) minmax(120px,.9fr) 58px 72px minmax(170px,1.3fr) 92px;align-items:center;gap:12px;display:grid}.leave-ranking-header{z-index:2;color:#78909b;background:#f1f7f9;padding:10px 24px;font-size:11px;font-weight:750;position:sticky;top:0}.leave-ranking-row{color:#546f7c;text-align:left;background:#fff;border:0;border-top:1px solid #edf2f4;width:100%;padding:13px 24px;transition:background .15s}.leave-ranking-row:hover{background:#f7fbfc}.leave-person-cell{align-items:center;gap:10px;min-width:0;display:flex}.leave-person-cell>b{color:#18839d;background:#e5f5f8;border-radius:8px;flex:none;place-items:center;width:25px;height:25px;font-size:11px;display:grid}.leave-person-cell>span{flex-direction:column;min-width:0;display:flex}.leave-person-cell strong{color:#173f53;font-size:14px}.leave-person-cell small{color:#91a2aa;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.leave-ranking-row>span:not(.leave-person-cell){font-size:12px;line-height:1.45}.leave-days-cell{color:#cb6b4f;font-weight:800}.leave-type-cell{color:#54727f}.leave-analysis-side{grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;height:650px;display:grid}.leave-breakdown-card{flex-direction:column;min-height:0;padding-bottom:19px;display:flex;overflow:hidden}.leave-card-title.compact{padding-bottom:12px}.leave-card-title.compact h3{font-size:17px}.leave-bar-list{scrollbar-color:#b9ccd7 #eef3f6;scrollbar-width:thin;gap:13px;min-height:0;padding:0 22px;display:grid;overflow-y:auto}.leave-bar-item>div{color:#5d7681;justify-content:space-between;gap:14px;margin-bottom:6px;font-size:11px;display:flex}.leave-bar-item strong{color:#173f53;font-size:11px}.leave-bar-item i{background:#edf3f5;border-radius:999px;height:7px;display:block;overflow:hidden}.leave-bar-item i b{border-radius:inherit;background:linear-gradient(90deg,#18a3bb,#70ced8);height:100%;display:block}.department-bars .leave-bar-item i b{background:linear-gradient(90deg,#e28b68,#efc486)}.leave-analysis-empty,.leave-side-empty{color:#91a2aa;display:flex}.leave-analysis-empty{border-top:1px solid #edf2f4;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:220px}.leave-analysis-empty strong{color:#4f6c79}.leave-analysis-empty span,.leave-side-empty{font-size:12px}@media (width<=1220px){.leave-analysis-layout{grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr)}}@media (width<=1000px){.leave-analysis-layout{grid-template-columns:1fr}.leave-ranking-card,.leave-analysis-side{height:auto}.leave-ranking-list{max-height:520px}.leave-analysis-side{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.module-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.leave-analysis{margin-top:14px}.leave-analysis-heading{align-items:flex-start;padding:18px}.leave-analysis-heading h2{font-size:21px}.leave-analysis-heading>div>p:last-child,.leave-analysis-rule{display:none}.leave-analysis-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:9px}.leave-analysis-kpis article{min-height:90px;padding:16px}.leave-analysis-kpis strong{font-size:26px}.leave-analysis-layout{gap:9px;margin-top:9px}.leave-analysis-side{grid-template-columns:1fr;gap:9px}.leave-card-title{align-items:flex-start;padding:18px}.leave-card-title>small,.leave-ranking-header{display:none}.leave-ranking-row{grid-template-columns:1fr auto;gap:7px 12px;padding:14px 18px}.leave-ranking-row>span:nth-child(2),.leave-ranking-row>span:nth-child(3),.leave-ranking-row>span:nth-child(6){display:none}.leave-person-cell{grid-column:1}.leave-days-cell{text-align:right;grid-area:1/2}.leave-type-cell{grid-column:1/-1;padding-left:35px}}.filter-field,.search-field{flex-direction:column;gap:5px;min-width:0;display:flex}.filter-field>span,.search-field>span{color:var(--ink-500);letter-spacing:.05em;font-size:12px;font-weight:720}.filter-field select,.search-input-wrap{border:1px solid var(--line);width:100%;height:42px;color:var(--ink-900);background:#f9fbfc;border-radius:10px;transition:border-color .16s,box-shadow .16s}.filter-field select{padding:0 34px 0 12px;font-size:15px}.period-switch{border:1px solid var(--line);background:#f2f6f8;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:4px;height:42px;padding:4px;display:grid}.period-switch button{color:#697d8c;background:0 0;border:0;border-radius:7px;font-size:14px;font-weight:700;transition:color .16s,background .16s,box-shadow .16s}.period-switch button:hover{color:#245f7c;background:#ffffffb3}.period-switch button.active{color:#125e7e;background:#fff;box-shadow:0 2px 8px #1046621f}.filter-field select:hover,.search-input-wrap:hover,.filter-field select:focus,.search-input-wrap:focus-within{border-color:#79bdd1;box-shadow:0 0 0 3px #2fa8c914}.search-input-wrap{align-items:center;gap:9px;padding:0 12px;display:flex}.search-input-wrap>span{color:#7692a5;font-size:22px;line-height:1;transform:rotate(-20deg)}.search-input-wrap input{min-width:0;color:var(--ink-900);background:0 0;border:0;outline:0;flex:1;font-size:15px}.search-input-wrap input::placeholder{color:#9aa8b5}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0;display:grid}.kpi-card{background:var(--surface);width:100%;min-height:132px;color:var(--ink-900);text-align:left;border:1px solid #e3eaf0;border-radius:15px;align-items:center;padding:22px 25px;display:flex;box-shadow:0 7px 24px #14324b0e}.kpi-action{transition:transform .17s,border-color .17s,box-shadow .17s,background .17s;position:relative}.kpi-action:hover{border-color:#a9cbd8;transform:translateY(-2px);box-shadow:0 12px 28px #143e561a}.kpi-action:active{transform:translateY(0)}.kpi-action.active{box-shadow:0 0 0 3px #2fa8c91a,0 12px 28px #143e5617}.kpi-action.active[data-filter=all]{background:#f8fbfe;border-color:#7faccc;box-shadow:0 0 0 3px #26658e1a,0 12px 28px #143e5617}.kpi-action.active[data-filter=recorded]{background:#f8fdfe;border-color:#64bbd1}.kpi-action.active[data-filter=ongoing]{background:#fffdf8;border-color:#e5b45f;box-shadow:0 0 0 3px #e9a23b1c,0 12px 28px #143e5617}.kpi-action.active[data-filter=upcoming]{background:#f9fdfb;border-color:#75bfa5;box-shadow:0 0 0 3px #2f9b781a,0 12px 28px #143e5617}.kpi-content{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;display:grid}.kpi-main{min-width:0}.kpi-card .kpi-title{color:#61798a;margin-bottom:8px;font-size:16px;font-weight:650;line-height:1.35;display:block}.kpi-card strong{color:#173954;font-size:42px;font-weight:780;line-height:1}.kpi-card small{color:#8a98a7;font-size:14px}.kpi-primary-line{white-space:nowrap;align-items:baseline;gap:5px;min-height:40px;display:flex}.kpi-primary-line strong{font-size:34px}.kpi-primary-line em{color:#b3c0c6;margin:0 2px;font-size:17px;font-style:normal}.kpi-summary-stack{gap:6px;min-width:100px;display:grid}.kpi-card .kpi-summary-tag{text-align:left;white-space:nowrap;border-radius:7px;margin:0;padding:5px 9px;font-size:11px;font-weight:720;line-height:1.25;display:block}.kpi-summary-tag.business{color:#477c9f;background:#e9f3fb}.kpi-summary-tag.report{color:#99702b;background:#fff4dc}.kpi-summary-tag.leave{color:#a55e68;background:#fbecee}.kpi-summary-tag.leadership{color:#a95f5b;background:#faeceb}.kpi-summary-tag.middle{color:#58799a;background:#edf3fb}.kpi-summary-tag.general{color:#4f8469;background:#eaf6ef}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:18px;display:grid}.org-panel,.people-panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e1e8ee;border-radius:16px}.org-panel{position:sticky;top:16px;overflow:hidden}.panel-heading,.people-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading{border-bottom:1px solid #edf1f4;padding:20px 19px 17px}.panel-heading p,.people-heading p,.timeline-heading p{color:var(--cyan-500);letter-spacing:.13em;margin:0 0 3px;font-size:12px;font-weight:780}.panel-heading h2,.people-heading h2,.timeline-heading h3{color:#18374f;margin:0;font-size:20px;font-weight:730}.panel-heading>span{color:#4e8199;background:#edf6fa;border-radius:999px;padding:5px 8px;font-size:12px}.org-all{width:calc(100% - 24px);color:var(--ink-900);text-align:left;background:#f5fafc;border:1px solid #dbe9ef;border-radius:11px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;margin:12px;padding:11px 12px;display:grid}.org-all.active{background:#e7f5f9;border-color:#72bdd2;box-shadow:0 0 0 3px #2fa8c912}.org-symbol{color:#fff;background:#1e658d;border-radius:9px;place-items:center;width:32px;height:32px;font-size:14px;font-weight:760;display:grid}.org-all>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.org-all strong,.org-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:690;overflow:hidden}.org-all small,.org-item small{color:#81909f;margin-top:3px;font-size:12px}.org-all b{color:#2c789c;background:#fff;border-radius:8px;place-items:center;min-width:24px;height:24px;font-size:12px;display:grid}.org-groups{scrollbar-width:thin;scrollbar-color:#cbd9e2 transparent;max-height:calc(100vh - 252px);padding:0 12px 16px;overflow:auto}.org-group{margin-top:15px}.org-group-label{color:#728698;letter-spacing:.12em;align-items:center;gap:9px;padding:0 8px 7px;font-size:12px;font-weight:780;display:flex}.org-group-label i{background:#edf1f4;flex:1;height:1px}.org-item{width:100%;color:var(--ink-700);text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:15px minmax(0,1fr) 12px;align-items:center;gap:7px;padding:12px 8px;transition:color .15s,background .15s;display:grid;position:relative}.org-item:hover{background:#f5f8fa}.org-item.active{color:#135c7b;background:#e9f5f8}.tree-line{background:#fff;border:2px solid #b9cbd5;border-radius:50%;width:8px;height:8px;margin-left:3px}.org-item.active .tree-line{border-color:var(--cyan-500);background:var(--cyan-500);box-shadow:0 0 0 3px #2fa8c91f}.org-item-text{flex-direction:column;min-width:0;display:flex}.org-chevron{color:#9cafbb;font-size:17px}.people-panel{min-height:610px;padding:22px}.people-heading{margin-bottom:18px}.people-heading-actions{justify-content:flex-end;align-items:flex-end;gap:10px;display:flex}.result-count{color:#8593a0;align-items:center;min-height:44px;font-size:14px;display:flex}.result-count strong{color:#246b8f;font-size:18px}.sort-control{flex-direction:column;gap:5px;display:flex}.sort-control>span{color:#7d8d9a;font-size:11px;font-weight:700}.sort-control select{color:#3f5c70;background:#f8fafb;border:1px solid #dbe5eb;border-radius:9px;min-width:182px;height:40px;padding:0 32px 0 11px;font-size:13px;font-weight:650}.view-switch{background:#f0f4f6;border:1px solid #dbe5eb;border-radius:9px;grid-template-columns:repeat(2,1fr);gap:3px;height:40px;padding:3px;display:grid}.view-switch button{color:#70828f;background:0 0;border:0;border-radius:6px;min-width:56px;padding:0 10px;font-size:13px;font-weight:700}.view-switch button.active{color:#155f7f;background:#fff;box-shadow:0 2px 7px #14415a1f}.people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.people-grid.people-list{grid-template-columns:1fr;gap:8px}.people-category-sections{gap:20px;display:grid}.people-category-section{min-width:0}.people-category-heading{color:#61798a;letter-spacing:.08em;align-items:center;gap:10px;padding:0 4px 9px;font-size:13px;font-weight:780;display:flex}.people-category-heading i{background:#e5edf1;flex:1;height:1px}.people-category-heading small{color:#93a3ad;letter-spacing:0;font-size:11px;font-weight:680}.people-list-head,.people-list .person-card{grid-template-columns:minmax(240px,1.2fr) minmax(190px,.8fr) minmax(280px,1.25fr)}.people-list-head{color:#8494a0;letter-spacing:.04em;gap:18px;padding:0 18px 9px;font-size:11px;font-weight:700;display:grid}.people-list .person-card{align-items:center;gap:18px;padding:13px 18px;display:grid}.people-list .person-card-top{grid-template-columns:44px minmax(0,1fr)}.people-list .card-arrow{display:none}.people-list .person-stats{border-block:0;margin:0}.people-list .person-stats>div{padding:7px 12px}.people-list .card-recent{margin-top:0}.person-card{min-width:0;color:var(--ink-900);text-align:left;background:#fff;border:1px solid #e0e8ee;border-radius:14px;padding:16px;transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 4px 15px #14324b0a}.person-card:before{content:"";background:#a7bdca;width:3px;position:absolute;inset:0 auto 0 0}.person-card.status-ongoing:before{background:var(--red)}.person-card.status-upcoming:before{background:var(--amber)}.person-card.status-recorded:before{background:var(--cyan-500)}.person-card:hover{z-index:1;border-color:#9cc8d7;transform:translateY(-3px);box-shadow:0 13px 28px #10415d1c}.person-card-top{grid-template-columns:44px minmax(0,1fr) 18px;align-items:start;gap:11px;display:grid}.avatar,.drawer-avatar{color:#176281;background:linear-gradient(145deg,#d8edf5,#eaf4f7);border-radius:13px;place-items:center;font-weight:760;display:grid}.avatar{width:44px;height:44px;font-size:16px}.person-main{min-width:0}.person-name-line{align-items:center;gap:7px;min-width:0;display:flex}.person-name-line h3{color:#18364c;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:750;overflow:hidden}.category-tag{border-radius:999px;flex:none;align-items:center;min-height:24px;padding:0 9px;font-size:11px;font-weight:730;display:inline-flex}.category-leader{color:#a24b45;background:#fbe9e7;border:1px solid #efc4c0;box-shadow:inset 0 1px #ffffffb8}.category-chief{color:#93621c;background:#fff0d2}.category-deputy{color:#32705b;background:#e4f2e9}.category-staff{color:#28714e;background:#e4f5ea;border:1px solid #b9dfc9}.category-other{color:#687989;background:#edf1f4}.person-main>p{color:var(--ink-700);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 2px;font-size:14px;overflow:hidden}.person-main>small{color:#8a98a5;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.card-arrow{color:#a0b0bb;font-size:16px}.person-stats{border-block:1px dashed #dce6eb;grid-template-columns:repeat(3,1fr);margin:15px 0 12px;display:grid}.person-stats>.person-stat-scope{color:#78909f;letter-spacing:.08em;text-align:center;border:0;grid-column:1/-1;padding:8px 0 0;font-size:11px;font-weight:720;display:block}.person-stats>div{justify-content:space-between;align-items:center;gap:8px;padding:8px 0 11px;display:flex}.person-stats>div:not(.person-stat-scope){justify-content:center;gap:5px;padding-inline:12px}.person-stats>div:not(.person-stat-scope)+div{border-left:1px dashed #dce6eb;padding-left:12px}.person-stats strong{color:#164c6a;white-space:nowrap;font-size:20px;font-weight:770}.person-stats strong small{color:#78909f;margin-left:2px;font-size:10px;font-weight:650}.person-stats span{color:#81909f;white-space:nowrap;font-size:12px}.status-label{color:#557184;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.status-label i{background:#9fb0bb;border-radius:50%;width:7px;height:7px}.status-ongoing .status-label{color:#ae4646}.status-ongoing .status-label i{background:var(--red);box-shadow:0 0 0 4px #d95f5f1a}.status-upcoming .status-label{color:#986417}.status-upcoming .status-label i{background:var(--amber)}.status-recorded .status-label{color:#177692}.status-recorded .status-label i{background:var(--cyan-500)}.card-recent{background:#f6f9fa;border-radius:9px;grid-template-columns:1fr;align-items:start;gap:6px;min-width:0;margin-top:11px;padding:10px 11px;display:grid}.card-recent>span{color:#247895;white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:720;display:inline-flex}.card-recent>span i{background:var(--cyan-500);border-radius:50%;flex:none;width:7px;height:7px;box-shadow:0 0 0 3px #2fa8c91a}.card-recent p{color:#6f7f8c;overflow-wrap:anywhere;white-space:normal;margin:0;font-size:12px;line-height:1.55}.empty-state{text-align:center;align-content:center;place-items:center;min-height:420px;display:grid}.empty-state>div{color:#4a8da8;background:#edf5f8;border-radius:50%;place-items:center;width:62px;height:62px;font-size:30px;display:grid}.empty-state h3{color:#344e62;margin:16px 0 4px;font-size:19px}.empty-state p{color:#8493a0;margin:0 0 16px;font-size:14px}.empty-state button{color:#287796;background:#f5fbfc;border:1px solid #b9d8e3;border-radius:8px;padding:8px 14px;font-size:14px}.mobile-org-toggle{display:none}.page-footer{color:#8b98a4;justify-content:space-between;padding:20px 4px 0;font-size:12px;display:flex}.site-record-footer{color:#758997;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px 18px;padding:12px 24px 16px;font-size:13px;line-height:1.6;display:flex}.site-record-footer a{color:inherit;text-decoration:none}.site-record-footer a:hover{color:#177f9f;text-decoration:underline}.public-security-record{align-items:center;gap:6px;display:inline-flex}.public-security-record img{object-fit:contain;width:18px;height:20px}body:has(.login-record-page) .site-record-footer{z-index:60;bottom:max(8px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #1d5a741f;border-radius:12px;width:max-content;max-width:calc(100vw - 24px);padding:8px 16px;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0f354b1f}@media (width<=720px){.site-record-footer{flex-direction:column;gap:2px;padding:10px 12px 16px}body:has(.login-record-page) .site-record-footer{width:auto;max-width:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;position:static;transform:none}}@media print{.site-record-footer{display:none!important}}.records-panel,.absence-timeline-panel{background:var(--surface);box-shadow:var(--shadow);border:1px solid #e1e8ee;border-radius:16px;overflow:hidden}.absence-timeline-heading{border-bottom:1px solid #e2eaf0;justify-content:space-between;align-items:flex-end;gap:24px;padding:25px 28px 22px;display:flex}.absence-timeline-heading p{color:var(--cyan-500);letter-spacing:.09em;margin:0 0 5px;font-size:13px;font-weight:780}.absence-timeline-heading h2{color:#173950;margin:0;font-size:24px}.absence-timeline-heading>div:first-child>span{color:#8193a1;margin-top:7px;font-size:14px;display:block}.absence-timeline-legend{color:#718593;align-items:center;gap:16px;font-size:13px;display:flex}.absence-timeline-legend span{align-items:center;gap:6px;display:flex}.absence-timeline-legend i{border-radius:999px;width:18px;height:7px}.absence-timeline-legend .timeline-public{background:linear-gradient(90deg,#1a9fbc,#57c5d5)}.absence-timeline-legend .timeline-private{background:linear-gradient(90deg,#c09038,#e5bd68)}.absence-timeline-legend strong{color:#247b98;background:#edf6f8;border-radius:8px;padding:6px 9px}.absence-gantt-scroll{scrollbar-width:thin;scrollbar-color:#b9ccd7 #eef3f6;max-height:690px;overflow:auto}.absence-gantt{grid-template-columns:300px minmax(840px,1fr);min-width:1180px;display:grid}.absence-gantt-corner,.absence-gantt-scale{z-index:5;background:#f4f8fa;border-bottom:1px solid #dbe6eb;min-height:62px;position:sticky;top:0}.absence-gantt-corner{border-right:1px solid #dbe6eb;flex-direction:column;justify-content:center;padding:0 22px;display:flex;left:0}.absence-gantt-corner strong{color:#254c63;font-size:15px}.absence-gantt-corner span{color:#8b9aa5;margin-top:3px;font-size:11px}.absence-gantt-scale{min-width:840px}.absence-gantt-scale>span{color:#718795;white-space:nowrap;font-size:11px;position:absolute;bottom:16px;transform:translate(-50%)}.absence-gantt-row{display:contents}.absence-gantt-person{z-index:3;color:#234a61;text-align:left;background:#fff;border-top:0;border-bottom:1px solid #e7edf1;border-left:0;border-right:1px solid #e1e9ee;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:9px 14px 9px 18px;display:grid;position:sticky;left:0}.absence-gantt-person:hover{background:#f4fafc}.absence-gantt-person>span{color:#1b7695;background:#e5f3f7;border-radius:11px;place-items:center;width:38px;height:38px;font-size:15px;font-weight:760;display:grid}.absence-gantt-person div{min-width:0}.absence-gantt-person strong,.absence-gantt-person small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.absence-gantt-person strong{font-size:14px}.absence-gantt-person small{color:#8a99a4;margin-top:3px;font-size:11px}.absence-gantt-person b{color:#6e8795;font-size:11px;font-weight:650}.absence-gantt-track{background:linear-gradient(#fff,#fbfdfe);border-bottom:1px solid #e7edf1;min-width:840px;min-height:64px;position:relative;overflow:hidden}.absence-grid-line{background:#edf2f5;width:1px;position:absolute;top:0;bottom:0}.absence-today-line,.absence-row-today{z-index:4;background:#e3a938;width:1px;position:absolute;top:0;bottom:0}.absence-today-line span{color:#9b6814;white-space:nowrap;background:#fff1d0;border-radius:5px;padding:2px 5px;font-size:10px;font-style:normal;position:absolute;top:5px;left:5px}.absence-row-today{z-index:1;opacity:.55}.absence-event-bar{z-index:2;color:#fff;white-space:nowrap;border:0;border-radius:0;justify-content:center;align-items:center;min-width:7px;height:32px;padding:0;font-size:11px;display:flex;position:absolute;top:16px;overflow:hidden;box-shadow:0 5px 12px #19546921}.absence-event-bar.public{background:linear-gradient(90deg,#168fad,#52becf)}.absence-event-bar.private{background:linear-gradient(90deg,#b9812c,#dfb55e)}.absence-event-bar:hover{filter:brightness(1.06)}.absence-no-event{color:#a7b3bb;font-size:11px;position:absolute;top:23px;left:14px}.records-heading{border-bottom:1px solid #e9eef2;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 18px 13px;display:flex}.records-heading p{color:var(--cyan-500);letter-spacing:.13em;margin:0 0 4px;font-size:12px;font-weight:780}.records-heading h2{color:#18374f;margin:0;font-size:20px;font-weight:750}.records-heading>div:first-child>span{color:#83929f;margin-top:4px;font-size:13px;display:block}.records-heading-actions{flex:none;align-items:flex-end;gap:10px;display:flex}.records-department-filter{flex-direction:column;gap:5px;min-width:190px;display:flex}.records-department-filter>span{color:#7d8d9a;font-size:11px;font-weight:700}.records-department-filter select{color:#34556b;background:#f8fafb;border:1px solid #d7e3ea;border-radius:9px;height:42px;padding:0 34px 0 12px;font-size:13px;font-weight:650}.print-preview-button,.print-confirm-button{color:#fff;background:#176a8c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:720;transition:transform .16s,background .16s;display:inline-flex;box-shadow:0 5px 14px #176a8c2e}.print-preview-button>span,.print-confirm-button>span{background:#ffffff29;border-radius:6px;place-items:center;width:23px;height:23px;font-size:11px;display:grid}.print-preview-button:hover,.print-confirm-button:hover{background:#0e5978;transform:translateY(-1px)}.print-preview-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.records-summary{background:#f8fafb;align-items:center;gap:17px;min-height:54px;padding:8px 18px;display:flex}.records-summary>div{align-items:baseline;gap:6px;display:flex}.records-summary strong{color:#176180;font-size:22px;font-weight:770}.records-summary span{color:#728391;font-size:13px}.records-summary>i{background:#dce6eb;width:1px;height:27px}.records-summary p{color:#85949f;margin:0 0 0 auto;font-size:12px}.records-table-scroll{scrollbar-width:thin;scrollbar-color:#b9cbd5 #f3f6f8;max-height:680px;overflow:hidden auto}.records-table{table-layout:fixed;border-collapse:separate;border-spacing:0;color:#40576a;width:100%;min-width:0;font-size:14px}.records-table .record-col-index{width:3.7%}.records-table .record-col-person{width:6%}.records-table .record-col-department{width:8%}.records-table .record-col-role{width:7.9%}.records-table .record-col-category{width:6.7%}.records-table .record-col-range{width:14.1%}.records-table .record-col-days{width:5%}.records-table .record-col-day-mix{width:9.9%}.records-table .record-col-reason{width:9.6%}.records-table .record-col-type{width:4.5%}.records-table .record-col-location{width:9.7%}.records-table .record-col-work-head{width:7%}.records-table .record-col-leave-type{width:7.9%}.records-table th,.records-table td{text-align:left;vertical-align:middle;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #e8eef2;border-right:1px solid #edf1f4;padding:12px 8px}.records-table th{z-index:3;color:#526b7b;white-space:nowrap;background:#eff5f7;font-size:13px;font-weight:750;position:sticky;top:0}.records-table tbody tr:nth-child(2n) td{background:#fbfcfd}.records-table tbody tr:hover td{background:#f2fafc}.records-table td strong{color:#29485d;font-size:14px;font-weight:690;display:block}.records-table td small{color:#8796a1;margin-top:4px;font-size:11px;line-height:1.35;display:block}.records-table .record-index{z-index:2;color:#7c8c98;text-align:center;background:#fff;width:auto;min-width:0;position:sticky;left:0}.records-table th.record-index{z-index:5;background:#eaf2f5}.records-table .record-person{z-index:2;background:#fff;width:auto;min-width:0;position:sticky;left:3.7%;box-shadow:5px 0 9px #10364d09}.records-table .record-person-merged{text-align:center;vertical-align:middle;background:#f7fbfc}.records-table .record-index-merged,.records-table .record-info-merged{vertical-align:middle;background:#f7fbfc}.records-table .record-index-merged,.records-table .record-category.record-info-merged{text-align:center}.records-table .record-department,.records-table .record-role{width:auto;min-width:0}.records-table .record-category{text-align:center;width:auto;min-width:0}.records-table th.record-person{z-index:5;background:#eaf2f5}.records-table tbody tr:nth-child(2n) .record-index,.records-table tbody tr:nth-child(2n) .record-person{background:#fbfcfd}.records-table tbody tr:nth-child(2n) .record-person-merged,.records-table tbody tr:nth-child(2n) .record-index-merged,.records-table tbody tr:nth-child(2n) .record-info-merged{background:#f7fbfc}.records-table tbody tr:hover .record-index,.records-table tbody tr:hover .record-person{background:#f2fafc}.records-table tbody tr:hover .record-person-merged,.records-table tbody tr:hover .record-index-merged,.records-table tbody tr:hover .record-info-merged{background:#eef8fa}.record-person-button{color:#126b8d;background:0 0;border:0;padding:0;font-size:15px;font-weight:750}.record-person-button:hover{color:#0a4e6b;text-underline-offset:3px;text-decoration:underline}.records-table .record-range{color:#516a7a;white-space:normal;min-width:0}.records-table .record-days{text-align:center;width:auto;min-width:0}.records-table .record-days strong{color:#155f7f;font-size:17px}.records-table .record-reason{min-width:0;line-height:1.55}.record-type{border-radius:999px;justify-content:center;align-items:center;min-width:42px;min-height:25px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.record-type.public{color:#25718f;background:#e2f2f8}.record-type.private{color:#98641a;background:#fff0d7}.records-empty{text-align:center;align-content:center;place-items:center;min-height:430px;display:grid}.records-empty>div{color:#3984a0;background:#edf5f8;border-radius:16px;place-items:center;width:62px;height:62px;font-size:20px;font-weight:760;display:grid}.records-empty h3{color:#344e62;margin:15px 0 5px;font-size:19px}.records-empty p{color:#8493a0;margin:0 0 16px;font-size:14px}.records-empty button{color:#287796;background:#f5fbfc;border:1px solid #b9d8e3;border-radius:8px;padding:8px 14px;font-size:14px}.drawer-layer{z-index:50;position:fixed;inset:0}.drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0516246e;border:0;width:100%;animation:.17s fade-in;position:absolute;inset:0}.detail-drawer{background:#f7f9fb;width:min(510px,100%);height:100%;padding:25px 25px 22px;animation:.23s ease-out drawer-in;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-22px 0 65px #071d3233}.drawer-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.drawer-person{align-items:center;gap:13px;min-width:0;display:flex}.drawer-avatar{flex:none;width:54px;height:54px;font-size:19px}.drawer-name{align-items:center;gap:8px;display:flex}.drawer-name h2{color:#17364d;margin:0;font-size:25px;font-weight:760}.drawer-person p{color:#6e8090;margin:5px 0 0;font-size:14px}.drawer-close{color:#708290;background:#fff;border:1px solid #dce5ea;border-radius:10px;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.drawer-status{background:#fff;border:1px solid #e0e8ec;border-radius:10px;justify-content:space-between;align-items:center;margin:20px 0 14px;padding:10px 12px;display:flex}.drawer-status small{color:#8795a1;font-size:13px}.drawer-summary{background:#fff;border:1px solid #dfe8ed;border-radius:13px;grid-template-columns:repeat(5,1fr);display:grid;overflow:hidden;box-shadow:0 7px 22px #14324b0d}.drawer-summary>button{text-align:center;background:#fff;border:0;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:16px 10px;transition:background .15s,box-shadow .15s;display:flex}.drawer-summary>button+button{border-left:1px solid #e9eef1}.drawer-summary>button:hover{background:#f4fafc}.drawer-summary>button.active{z-index:1;background:#eaf6f9;position:relative;box-shadow:inset 0 -3px #2a9eb7}.drawer-summary span,.person-meta span{color:#8795a1;margin-bottom:7px;font-size:12px;display:block}.drawer-summary strong{color:#154a68;font-size:28px}.drawer-summary strong small{color:#7c8d9a;margin-left:3px;font-size:12px;font-weight:500}.leave-activity-card{background:#fff;border:1px solid #dfe8ed;border-radius:13px;margin-top:18px;padding:15px 16px 14px;box-shadow:0 7px 22px #14324b0d}.leave-activity-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.leave-activity-heading>div:first-child span,.leave-activity-heading>div:first-child strong{display:block}.leave-activity-heading>div:first-child span{color:#79909e;letter-spacing:.12em;margin-bottom:3px;font-size:10px;font-weight:800}.leave-activity-heading>div:first-child strong{color:#204c65;font-size:14px}.leave-activity-legend{color:#728793;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 9px;font-size:9px;display:flex}.leave-activity-legend span{align-items:center;gap:4px;display:inline-flex}.leave-activity-legend i,.leave-activity-grid i{border-radius:2px;display:block}.leave-activity-legend i{width:8px;height:8px}.leave-activity-months{color:#94a2aa;grid-template-columns:repeat(12,minmax(0,1fr));margin:12px 0 5px 19px;font-size:8px;display:grid}.leave-activity-body{grid-template-columns:13px minmax(0,1fr);gap:6px;display:grid}.leave-activity-weekdays{color:#97a5ad;text-align:center;grid-template-rows:repeat(7,7px);gap:2px;font-size:8px;line-height:7px;display:grid}.leave-activity-grid{grid-template-rows:repeat(7,7px);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;min-width:0;display:grid}.leave-activity-grid i{box-sizing:border-box;background:0 0;border:1px solid #dce6eb;min-width:0}.leave-activity-grid i.empty{background:0 0}.leave-activity-grid i.business,.leave-activity-legend i.business{background:#76bfd1;border-color:#0000}.leave-activity-grid i.report,.leave-activity-legend i.report{background:#efc56c;border-color:#0000}.leave-activity-grid i.leave,.leave-activity-legend i.leave{background:#df8d9a;border-color:#0000}.leave-activity-grid i:not(.empty):hover{outline-offset:1px;outline:2px solid #2151693d}.person-meta{grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 22px;display:grid}.person-meta>div{background:#fffc;border:1px solid #e1e8ed;border-radius:10px;padding:12px 14px}.person-meta strong{color:#40596b;font-size:14px}.timeline-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.detail-drawer .timeline-heading{margin-top:24px}.timeline-heading>span{color:#82919d;font-size:12px}.timeline{position:relative}.timeline:before{content:"";background:#cad8e0;width:1px;position:absolute;top:12px;bottom:18px;left:6px}.timeline-item{padding:0 0 13px 22px;position:relative}.timeline-dot{z-index:1;background:#f7f9fb;border:2px solid #9fb9c6;border-radius:50%;width:9px;height:9px;position:absolute;top:18px;left:2px}.timeline-item.highlighted .timeline-dot{border-color:var(--cyan-500);background:var(--cyan-500);box-shadow:0 0 0 4px #2fa8c91a}.event-card{background:#fff;border:1px solid #dfe7ec;border-radius:12px;padding:15px}.timeline-item.highlighted .event-card{border-color:#a9d8e5;box-shadow:0 5px 18px #1b6f8c12}.event-title-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.event-title-row span{color:#718493;font-size:12px}.event-title-row h4{color:#28465c;margin:4px 0 0;font-size:16px}.event-title-row>strong{color:#1d6688;flex:none;font-size:20px}.event-tags{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.event-tags span{color:#617684;background:#edf2f5;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:650}.event-tags .tag-public{color:#25718f;background:#e2f2f8}.event-tags .tag-private{color:#98641a;background:#fff0d7}.event-details{grid-template-columns:1.4fr 1fr;gap:8px;margin:0;display:grid}.event-details div{background:#f7f9fa;border-radius:8px;padding:8px 9px}.event-details dt{color:#8b99a5;margin-bottom:3px;font-size:11px}.event-details dd{color:#526878;margin:0;font-size:12px}.drawer-empty{color:#8795a1;text-align:center;padding:50px 0;font-size:14px}.print-preview-layer{z-index:70;position:fixed;inset:0}.print-preview-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#05162494;border:0;width:100%;animation:.17s fade-in;position:absolute;inset:0}.print-preview-shell{background:#e9edf0;border-radius:16px;animation:.23s ease-out drawer-in;position:absolute;inset:22px;overflow:auto;box-shadow:0 24px 80px #0516244d}.print-preview-toolbar{z-index:8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff5;border-bottom:1px solid #d3dce2;justify-content:space-between;align-items:center;gap:18px;min-height:70px;padding:12px 22px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #14324b14}.print-preview-toolbar>div{align-items:center;gap:10px;display:flex}.print-preview-toolbar>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.print-preview-toolbar strong{color:#193a52;font-size:17px}.print-preview-toolbar>div:first-child span{color:#7d8e9a;font-size:12px}.print-preview-cancel{color:#526c7d;background:#fff;border:1px solid #d4e0e7;border-radius:9px;min-height:42px;padding:0 15px;font-size:13px;font-weight:700}.print-sheet{color:#172536;background:#fff;width:min(1320px,100% - 48px);min-height:760px;margin:0 auto 26px;padding:36px 38px 30px;font-family:STSong,Songti SC,SimSun,serif;box-shadow:0 14px 34px #14324b21}.print-pages{padding:26px 0 16px}.print-document-header{text-align:center;border-bottom:2px solid #244b64;justify-content:center;align-items:center;min-height:74px;padding-bottom:17px;display:flex;position:relative}.print-document-header img{object-fit:contain;width:auto;height:54px;position:absolute;left:0}.print-document-header p{color:#668092;letter-spacing:.2em;margin:0 0 3px;font-size:12px}.print-document-header h2{color:#162f43;letter-spacing:.08em;margin:0;font-family:STSong,SimSun,serif;font-size:25px;font-weight:700}.print-document-header>span{color:#5e7180;letter-spacing:.08em;border:1px solid #98a9b4;border-radius:4px;padding:5px 9px;font-size:11px;position:absolute;right:0}.print-document-meta{color:#455d6e;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:11px 2px;font-size:11px;display:flex}.records-table-print{border-top:1px solid #314e62;border-left:1px solid #314e62;min-width:0;font-size:9px}.records-table-print .record-col-index{width:3.5%}.records-table-print .record-col-person{width:6%}.records-table-print .record-col-department,.records-table-print .record-col-role{width:8%}.records-table-print .record-col-category{width:7%}.records-table-print .record-col-range{width:14%}.records-table-print .record-col-days,.records-table-print .record-col-type{width:5%}.records-table-print .record-col-day-mix,.records-table-print .record-col-reason{width:10%}.records-table-print .record-col-location{width:9%}.records-table-print .record-col-work-head{width:7.5%}.records-table-print .record-col-leave-type{width:7%}.records-table-print th,.records-table-print td{color:#263d4d;box-shadow:none;background:#fff;border-bottom:1px solid #314e62;border-right:1px solid #314e62;padding:6px 5px;line-height:1.35;position:static}.records-table-print th{color:#213d50;text-align:center;white-space:normal;background:#edf2f4;font-size:9px}.records-table-print tbody tr:nth-child(2n) td,.records-table-print tbody tr:hover td{background:#fff}.records-table-print td strong{color:#263d4d;font-size:9px}.records-table-print td small{color:#586b79;margin-top:2px;font-size:8px}.records-table-print td.record-index,.records-table-print td.record-person,.records-table-print td.record-department,.records-table-print td.record-role,.records-table-print td.record-category,.records-table-print td.record-days{text-align:center;background:#fff;width:auto;min-width:0;position:static}.records-table-print th.record-index,.records-table-print th.record-person{background:#edf2f4}.records-table-print .record-person-merged,.records-table-print .record-index-merged,.records-table-print .record-info-merged{background:#fff}.records-table-print .record-range,.records-table-print .record-reason{min-width:0}.records-table-print .record-type{color:#263d4d;background:0 0;min-width:0;min-height:0;padding:0;font-size:9px}.print-document-footer{color:#526675;justify-content:space-between;gap:20px;margin-top:13px;font-size:10px;display:flex}.print-page-number{margin-left:auto}.toast{z-index:80;background:#fff;border:1px solid;border-radius:11px;align-items:center;gap:10px;max-width:min(420px,100vw - 32px);padding:12px 15px;font-size:14px;animation:.18s toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 38px #071d322e}.toast>span{color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.toast-success{color:#28725d;border-color:#b8dfd1}.toast-success>span{background:var(--green)}.toast-error{color:#a44242;border-color:#f0c3c3}.toast-error>span{background:var(--red)}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1220px){.filter-card,.filter-card.leave-analysis-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.search-field{grid-column:span 2}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-card{padding:17px}.kpi-icon{width:43px;height:43px}}@media (width<=960px){.topbar,.hero-intro,.dashboard{width:min(100% - 32px,760px)}.topbar{min-height:92px}.data-stamp{display:none}.hero-intro{flex-direction:column;align-items:stretch;gap:18px}.hero-view-tools{align-items:stretch}.module-tabs{width:100%}.filter-card{grid-template-columns:repeat(2,1fr)}.filter-card.leave-analysis-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.search-field{grid-column:1/-1}.kpi-grid{grid-template-columns:repeat(2,1fr)}.records-heading,.absence-timeline-heading{flex-direction:column;align-items:flex-start}.records-heading-actions{width:100%}.records-department-filter{flex:1}.records-summary{flex-wrap:wrap}.records-summary p{width:100%;margin-left:0}.print-preview-shell{inset:12px}.print-sheet{width:1160px;margin-inline:22px}.workspace{display:block}.people-heading{align-items:flex-start;gap:16px}.people-heading-actions{flex-wrap:wrap}.people-list-head{display:none}.people-list .person-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.people-list .person-card-top{grid-column:1/-1}.mobile-org-toggle{color:#627686;text-align:left;background:#fff;border:1px solid #dce6ec;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-bottom:12px;padding:13px 15px;font-size:12px;display:grid;box-shadow:0 5px 18px #14324b0d}.mobile-org-toggle strong{color:#1c526f;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.org-panel{margin-bottom:12px;display:none;position:static}.org-panel-open{display:block}.org-groups{max-height:460px}}@media (width<=640px){.hero{min-height:266px}.topbar,.hero-intro,.dashboard{width:calc(100% - 24px)}.topbar{align-items:flex-start;padding:18px 0}.brand-mark{width:44px;height:58px}.brand-mark img{height:56px}.brand h1{font-size:22px}.header-actions{flex-direction:column;align-items:flex-end}.secondary-button,.ghost-button{min-height:38px;padding:0 11px;font-size:12px}.hero-intro{align-items:flex-start;padding-top:20px}.hero-kicker{font-size:16px}.hero-copy{max-width:300px;font-size:14px;line-height:1.6}.import-badge{display:none}.dashboard{margin-top:-20px}.module-tabs{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.module-tabs button{gap:8px;min-height:48px;padding:7px 9px}.module-tabs button>span:first-child{width:32px;height:32px}.module-tabs small{display:none}.absence-timeline-heading{padding:21px 20px 18px}.absence-timeline-legend{flex-wrap:wrap}.filter-card{border-radius:14px;grid-template-columns:1fr 1fr;gap:12px;padding:15px}.search-field,.period-mode-field{grid-column:1/-1}.filter-field select,.search-input-wrap{height:44px;font-size:14px}.period-switch{height:44px}.kpi-grid{gap:10px;margin:12px 0}.kpi-card{border-radius:12px;gap:10px;min-height:90px;padding:13px}.kpi-icon{border-radius:10px;width:36px;height:36px;font-size:13px}.kpi-card strong{font-size:27px}.kpi-card span{font-size:11px}.kpi-card small{font-size:10px}.people-panel{border-radius:13px;padding:15px}.records-heading{gap:18px;padding:18px 15px}.records-heading h2{font-size:19px;line-height:1.4}.records-heading-actions{flex-direction:column;align-items:stretch}.records-department-filter,.records-department-filter select,.print-preview-button{width:100%}.records-summary{gap:11px;padding:11px 15px}.records-summary strong{font-size:22px}.records-summary p{line-height:1.55}.records-table-scroll{max-height:620px}.print-preview-shell{border-radius:0;inset:0}.print-preview-toolbar{align-items:flex-start;padding:11px 12px}.print-preview-toolbar>div:last-child{gap:6px}.print-preview-cancel,.print-confirm-button{min-height:38px;padding-inline:10px;font-size:11px}.people-heading h2{font-size:18px}.people-heading{flex-direction:column}.people-heading-actions{justify-content:flex-start;width:100%}.result-count{flex:1 0 100%;min-height:0}.sort-control{flex:1;min-width:0}.sort-control select{width:100%;min-width:0}.people-grid{grid-template-columns:1fr}.people-list .person-card{display:block}.people-list .person-stats{border-block:1px dashed #dce6eb;margin:13px 0 11px}.people-list .person-stats>div{padding:9px 12px}.people-list .card-recent{margin-top:10px}.person-card{padding:15px}.page-footer{flex-direction:column;gap:5px}.detail-drawer{width:100%;padding:20px 16px}.drawer-summary>button{padding:13px 10px}.drawer-summary strong{font-size:22px}.event-details{grid-template-columns:1fr}.toast{bottom:16px;right:16px}}@page{size:A4 landscape;margin:7mm}@media print{body.records-print-preview-open{min-width:0;background:#fff!important;overflow:visible!important}html:has(body.records-print-preview-open){min-width:0;background:#fff!important;overflow:visible!important}body.records-print-preview-open .site-shell>:not(.print-preview-layer){display:none!important}body.records-print-preview-open .print-preview-layer,body.records-print-preview-open .print-preview-shell{box-shadow:none;background:#fff;border-radius:0;animation:none;position:static;overflow:visible}body.records-print-preview-open .print-pages{padding:0}body.records-print-preview-open .print-preview-backdrop,body.records-print-preview-open .print-preview-toolbar{display:none!important}body.records-print-preview-open .print-sheet{width:auto;min-height:0;box-shadow:none;break-after:page;page-break-after:always;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:0;color:#000!important;opacity:1!important;visibility:visible!important}body.records-print-preview-open .print-sheet:last-child{break-after:auto;page-break-after:auto}body.records-print-preview-open .print-sheet *{color:#000!important;opacity:1!important;visibility:visible!important;-webkit-text-fill-color:#000!important;font-family:STSong,Songti SC,SimSun,serif!important}.print-document-header{min-height:18mm;padding-bottom:3mm}.print-document-header img{height:13mm}.print-document-header h2{font-size:17pt}.print-document-meta{padding-block:2.5mm;font-size:7.5pt}.records-table-print{table-layout:fixed;width:100%;font-size:6pt}.records-table-print thead{display:table-header-group!important}.records-table-print tbody{display:table-row-group!important}.records-table-print tr{break-inside:avoid;page-break-inside:avoid}.records-table-print th,.records-table-print td{overflow-wrap:anywhere;padding:1.35mm .85mm;font-size:6pt}.records-table-print td strong,.records-table-print .record-type{font-size:6pt}.records-table-print td small{font-size:5.4pt}.print-document-footer{margin-top:2.5mm;font-size:7pt}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media screen and (width<=720px){:is(html:has(.mobile-leadership-view),body:has(.mobile-leadership-view)){background:#eef3f6;overflow-x:hidden}.mobile-leadership-view{color:#17374d;background:radial-gradient(circle at 88% 3%,#39b2cd1f,#0000 18rem),linear-gradient(#edf4f7 0%,#f5f7f8 36%,#eef3f6 100%);min-height:100dvh}.mobile-leadership-header{padding:max(12px, env(safe-area-inset-top)) 14px 36px;color:#fff;background:radial-gradient(circle at 84% 10%,#3ebfd938,#0000 12rem),linear-gradient(145deg,#071e33,#0b3a5c 72%,#0a496a);position:relative;overflow:hidden}.mobile-leadership-header:after{content:"";border:1px solid #82e1f224;border-radius:50%;width:260px;height:210px;position:absolute;bottom:-118px;right:-86px;transform:rotate(-12deg);box-shadow:0 0 0 27px #82e1f206}.mobile-brand-row{z-index:2;justify-content:space-between;align-items:center;gap:12px;min-height:52px;display:flex;position:relative}.mobile-brand{align-items:center;gap:9px;min-width:0;display:flex}.mobile-brand img{object-fit:contain;filter:drop-shadow(0 4px 9px #000a143d);flex:none;width:30px;height:42px}.mobile-brand div{flex-direction:column;min-width:0;display:flex}.mobile-brand strong{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:760;overflow:hidden}.mobile-brand small{color:#a9cad7;letter-spacing:.08em;margin-top:1px;font-size:11px}.mobile-primary-nav{flex:none;gap:5px;display:flex}.mobile-primary-nav a,.mobile-primary-nav button{color:#e6f3f7;background:#ffffff0f;border:1px solid #b8e2ed2e;border-radius:11px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 9px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.mobile-primary-nav button{color:#d5e6ec}.mobile-overview-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0421356e;border:1px solid #a8dae72b;border-radius:18px;margin-top:14px;padding:16px;position:relative;box-shadow:0 16px 34px #000e1b2e}.mobile-overview-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-overview-heading>div{min-width:0}.mobile-overview-heading>div>span{color:#70d0e2;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:720;display:block;overflow:hidden}.mobile-overview-heading h1{margin:3px 0 0;font-size:clamp(21px,6vw,25px);font-weight:760;line-height:1.25}.mobile-data-state{color:#bdd9e2;background:#ffffff12;border:1px solid #b4dee924;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:28px;padding:0 9px;font-size:10px;display:inline-flex}.mobile-data-state i{background:#54dfb8;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #54dfb81a}.mobile-data-error i{background:#f0b95c}.mobile-overview-card>p{color:#abc6d1;margin:9px 0 14px;font-size:13px;line-height:1.55}.mobile-period-controls{grid-template-columns:minmax(0,1fr) minmax(118px,.92fr);gap:8px;display:grid}.mobile-period-switch{background:#00142240;border:1px solid #b9dde724;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;height:42px;padding:3px;display:grid}.mobile-period-switch button{color:#a9c7d2;background:0 0;border:0;border-radius:8px;font-size:12px;font-weight:700}.mobile-period-switch button.active{color:#12617e;background:#eef9fb;box-shadow:0 3px 9px #00121e33}.mobile-period-select select{color:#effcff;background:#ffffff17;border:1px solid #b9dde72b;border-radius:11px;outline:0;width:100%;height:42px;padding:0 30px 0 11px;font-size:16px;font-weight:650}.mobile-period-select option{color:#17374d}.mobile-leadership-content{z-index:3;width:100%;padding:0 12px max(28px, env(safe-area-inset-bottom));margin-top:-19px;position:relative}.mobile-status-scroller{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(94px,28%);grid-auto-flow:column;gap:8px;margin-inline:-12px;padding:0 12px 5px;display:grid;overflow-x:auto}.mobile-status-scroller::-webkit-scrollbar{display:none}.mobile-status-scroller button{color:#667c8a;scroll-snap-align:start;text-align:left;background:#fffffff7;border:1px solid #dfe8ed;border-radius:14px;min-height:72px;padding:10px 11px;box-shadow:0 5px 16px #14374d0e}.mobile-status-scroller button strong,.mobile-status-scroller button span{display:block}.mobile-status-scroller button strong{color:#183d56;font-size:24px;line-height:1}.mobile-status-scroller button span{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:11px;font-weight:650;overflow:hidden}.mobile-status-scroller button.active{color:#14728f;background:linear-gradient(145deg,#f8feff,#e9f8fb);border-color:#55b4cc;box-shadow:inset 0 0 0 1px #2fa8c91f,0 6px 18px #186f8d1a}.mobile-status-scroller button.active strong{color:#12617f}.mobile-search-row{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f1f6f8f0;grid-template-columns:minmax(0,1fr) auto;gap:8px;margin:8px -12px 0;padding:9px 12px;display:grid;position:sticky;top:0;box-shadow:0 8px 16px #1f405206}.mobile-search-box{color:#7892a1;background:#fff;border:1px solid #d7e2e8;border-radius:13px;align-items:center;gap:8px;min-width:0;height:46px;padding:0 11px;display:flex}.mobile-search-box>span{font-size:22px;line-height:1;transform:rotate(-20deg)}.mobile-search-box input{color:#17374d;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.mobile-search-box input::placeholder{color:#93a4ae}.mobile-search-box button{color:#718491;background:#edf2f4;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;margin-right:-6px;font-size:19px;display:grid}.mobile-filter-trigger{color:#276a86;background:#fff;border:1px solid #cfe0e7;border-radius:13px;min-width:64px;min-height:46px;padding:0 12px;font-size:14px;font-weight:750;position:relative}.mobile-filter-trigger.active{background:#eaf7fa;border-color:#79bfd1}.mobile-filter-trigger b{color:#fff;background:#1687a7;border:2px solid #eef4f7;border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid;position:absolute;top:-5px;right:-4px}.mobile-result-heading{padding:12px 3px 9px}.mobile-result-heading>div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.mobile-result-heading strong{color:#25475d;font-size:17px}.mobile-result-heading>div>span{color:#758a98;flex:none;font-size:13px}.mobile-result-heading p{scrollbar-width:none;gap:5px;margin:7px 0 0;display:flex;overflow-x:auto}.mobile-result-heading p span{color:#31728b;background:#e4f2f6;border-radius:999px;flex:none;padding:4px 8px;font-size:11px}.mobile-people-list{gap:8px;display:grid}.mobile-person-row{color:#17374d;text-align:left;background:#fffffffa;border:1px solid #dfe7ec;border-radius:15px;grid-template-columns:44px minmax(0,1fr) auto 11px;align-items:center;gap:10px;width:100%;min-height:94px;padding:12px 11px 12px 14px;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 14px #14324b0a}.mobile-person-accent{background:#b5c5cf;width:3px;position:absolute;inset:0 auto 0 0}.mobile-status-recorded .mobile-person-accent{background:#31a5c5}.mobile-status-ongoing .mobile-person-accent{background:#dc6767}.mobile-status-upcoming .mobile-person-accent{background:#e0a040}.mobile-person-avatar,.mobile-detail-avatar{color:#17627f;background:linear-gradient(145deg,#d9edf4,#eef6f8);border-radius:13px;place-items:center;font-weight:780;display:grid}.mobile-person-avatar{width:44px;height:44px;font-size:16px}.mobile-person-copy{flex-direction:column;min-width:0;display:flex}.mobile-person-name{align-items:center;gap:6px;min-width:0;display:flex}.mobile-person-name>strong{color:#17384f;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:760;overflow:hidden}.mobile-person-name .category-tag{min-height:21px;padding-inline:7px;font-size:9px;font-style:normal}.mobile-person-job,.mobile-person-recent{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-person-job{color:#617787;margin-top:5px;font-size:12px}.mobile-person-recent{color:#8a99a3;margin-top:5px;font-size:11px}.mobile-person-numbers{flex-direction:column;align-items:flex-end;min-width:52px;display:flex}.mobile-person-numbers>strong{color:#155d7c;font-size:25px;font-weight:760;line-height:1}.mobile-person-numbers>strong small{color:#738795;margin-left:2px;font-size:11px;font-weight:600}.mobile-person-numbers>span{color:#82929d;margin-top:6px;font-size:10px}.mobile-row-chevron{color:#9babb5;font-size:22px}.mobile-load-more{color:#28718d;background:#fff9;border:1px dashed #bdd1db;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;margin-top:2px;font-size:14px;font-weight:720;display:flex}.mobile-load-more span{color:#8899a4;font-size:10px;font-weight:500}.mobile-empty-state{text-align:center;background:#fff;border:1px solid #dfe8ed;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px 18px;display:flex}.mobile-empty-state>span{color:#4c8ba4;background:#edf5f7;border-radius:50%;place-items:center;width:58px;height:58px;font-size:28px;display:grid}.mobile-empty-state>strong{margin-top:14px;font-size:17px}.mobile-empty-state p{color:#80909b;margin:7px 0 16px;font-size:13px;line-height:1.6}.mobile-empty-state button{color:#24718c;background:#eef8fa;border:1px solid #bdd9e3;border-radius:11px;min-height:44px;padding:0 15px;font-size:14px;font-weight:700}.mobile-sheet-layer{z-index:90;position:fixed;inset:0}.mobile-sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05162385;border:0;width:100%;position:absolute;inset:0}.mobile-filter-sheet{max-height:min(82dvh,650px);padding:8px 16px max(16px, env(safe-area-inset-bottom));background:#f8fafb;border-radius:22px 22px 0 0;animation:.21s ease-out mobile-sheet-in;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -18px 48px #0318273b}.mobile-sheet-handle{background:#c7d4da;border-radius:99px;width:42px;height:4px;margin:0 auto 11px}.mobile-sheet-heading{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:17px;display:flex}.mobile-sheet-heading>div{flex-direction:column;display:flex}.mobile-sheet-heading strong{color:#183a50;font-size:20px}.mobile-sheet-heading span{color:#81929e;margin-top:3px;font-size:12px}.mobile-sheet-heading button{color:#617683;background:#e9eff2;border:0;border-radius:12px;width:44px;height:44px;font-size:24px}.mobile-sheet-field{flex-direction:column;gap:7px;margin-top:13px;display:flex}.mobile-sheet-field>span{color:#5c7382;font-size:13px;font-weight:720}.mobile-sheet-field select{color:#183b51;background:#fff;border:1px solid #cfdee5;border-radius:13px;outline:0;width:100%;height:50px;padding:0 38px 0 13px;font-size:16px;font-weight:650}.mobile-sheet-actions{background:linear-gradient(#0000,#f8fafb 18%);grid-template-columns:.72fr 1.28fr;gap:9px;margin:20px -2px -2px;padding-top:10px;display:grid;position:sticky;bottom:0}.mobile-sheet-actions button{color:#5f7380;background:#e9eff2;border:0;border-radius:13px;min-height:50px;font-size:15px;font-weight:760}.mobile-sheet-actions button:last-child{color:#fff;background:linear-gradient(135deg,#147d9e,#22aac2);box-shadow:0 10px 20px #1889a533}.mobile-person-detail{z-index:100;background:#eef3f6;flex-direction:column;height:100dvh;animation:.21s ease-out mobile-detail-in;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-detail-header{min-height:calc(64px + env(safe-area-inset-top));padding:max(10px, env(safe-area-inset-top)) 14px 10px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #d7e3e9db;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;box-shadow:0 6px 18px #14324b0e}.mobile-detail-header>button{color:#3c687e;background:#edf3f5;border:0;border-radius:12px;width:44px;height:44px;font-size:32px;line-height:1}.mobile-detail-header>div{flex-direction:column;min-width:0;display:flex}.mobile-detail-header>div strong{color:#18384e;font-size:18px}.mobile-detail-header>div span{color:#7b8d98;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.mobile-detail-header>.category-tag{min-height:25px;font-size:10px;font-style:normal}.mobile-detail-body{padding:12px 12px max(24px, env(safe-area-inset-bottom));overscroll-behavior-y:contain;flex:1;overflow-y:auto}.mobile-detail-profile{background:#fff;border:1px solid #dce6eb;border-radius:17px;overflow:hidden;box-shadow:0 7px 22px #14324b0e}.mobile-detail-identity{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;padding:14px;display:grid}.mobile-detail-avatar{width:48px;height:48px;font-size:18px}.mobile-detail-identity>div{flex-direction:column;min-width:0;display:flex}.mobile-detail-identity>div strong{color:#29495d;text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.mobile-detail-identity>div span{color:#7d8e99;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:11px;overflow:hidden}.mobile-detail-status{color:#677b88;background:#edf2f4;border-radius:999px;padding:5px 8px;font-size:10px;font-style:normal;font-weight:720}.mobile-detail-status-ongoing{color:#b04f4f;background:#fdecec}.mobile-detail-status-upcoming{color:#9a681d;background:#fff3dc}.mobile-detail-status-recorded{color:#247795;background:#e8f5f8}.mobile-detail-summary{background:#fbfcfd;border-top:1px solid #e8eef1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mobile-detail-summary>button{text-align:center;background:0 0;border:0;flex-direction:column;align-items:center;min-width:0;padding:13px 9px;display:flex}.mobile-detail-summary>button+button{border-left:1px solid #e8eef1}.mobile-detail-summary>button.active{background:#eaf6f9;box-shadow:inset 0 -3px #2a9eb7}.mobile-detail-summary strong{color:#155f7e;font-size:24px;line-height:1}.mobile-detail-summary span{color:#83929d;white-space:nowrap;margin-top:6px;font-size:9px}.mobile-detail-section-heading{justify-content:space-between;align-items:flex-end;gap:12px;padding:17px 3px 9px;display:flex}.mobile-detail-section-heading>div{align-items:baseline;gap:7px;display:flex}.mobile-detail-section-heading strong{color:#29485c;font-size:17px}.mobile-detail-section-heading span,.mobile-detail-section-heading small{color:#82939e;font-size:10px}.mobile-detail-events{gap:9px;display:grid}.mobile-detail-events article{background:#fff;border:1px solid #dde6eb;border-radius:15px;padding:14px;box-shadow:0 4px 14px #14324b09}.mobile-detail-events article.highlighted{border-color:#84c6d7;box-shadow:inset 3px 0 #2fa8c9,0 5px 17px #156c8b12}.mobile-event-topline{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.mobile-event-topline span{color:#718592;font-size:12px;line-height:1.5}.mobile-event-topline strong{color:#176180;flex:none;font-size:18px}.mobile-detail-events h2{color:#29485c;margin:5px 0 10px;font-size:16px;line-height:1.45}.mobile-event-tags{flex-wrap:wrap;gap:5px;display:flex}.mobile-event-tags span{color:#617582;background:#edf2f4;border-radius:7px;padding:4px 7px;font-size:10px;font-weight:650}.mobile-event-tags span.public{color:#277590;background:#e4f3f7}.mobile-event-tags span.private{color:#97661e;background:#fff1db}.mobile-detail-events dl{grid-template-columns:1.35fr 1fr;gap:7px;margin:11px 0 0;display:grid}.mobile-detail-events dl>div{background:#f6f8f9;border-radius:9px;min-width:0;padding:8px 9px}.mobile-detail-events dt{color:#8a99a3;font-size:9px}.mobile-detail-events dd{overflow-wrap:anywhere;color:#4d6473;margin:3px 0 0;font-size:11px;line-height:1.45}.mobile-detail-empty{color:#82939e;text-align:center;background:#fff;border-radius:15px;padding:60px 20px;font-size:14px}@keyframes mobile-sheet-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes mobile-detail-in{0%{opacity:0;transform:translate(22px)}to{opacity:1;transform:translate(0)}}}.mobile-detail-body>.leave-activity-card{margin:14px 14px 0}