: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}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(3,minmax(136px,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 button>span:first-child{color:#bfe9f1;background:#a9dde91f;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:13px;font-weight:780;display:grid}.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>span:first-child{color:#1682a1;background:#dff4f8}.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-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:114px;color:var(--ink-900);text-align:left;border:1px solid #e3eaf0;border-radius:15px;align-items:center;gap:16px;padding:20px;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-icon{border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-weight:780;display:grid}.kpi-blue{color:#26658e;background:#e5f0fa}.kpi-cyan{background:var(--cyan-100);color:#1885a3}.kpi-amber{color:#a76b18;background:#fff1d7}.kpi-green{color:#287c63;background:#e3f4ed}.kpi-card>div:last-child{grid-template-columns:auto auto;align-items:baseline;column-gap:5px;display:grid}.kpi-card span{color:var(--ink-500);grid-column:1/-1;margin-bottom:4px;font-size:14px}.kpi-card strong{color:#173954;font-size:34px;font-weight:760;line-height:1}.kpi-card small{color:#8a98a7;font-size:13px}.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-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 0}.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:#5b3d0d;background:linear-gradient(105deg,#ffffff7a,#0000 28%),linear-gradient(135deg,#fff2c7 0%,#e8be5e 48%,#f8dda0 100%);border:1px solid #d3aa4e;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #7e530c1f,0 2px 7px #97691829}.category-chief{color:#93621c;background:#fff0d2}.category-deputy{color:#32705b;background:#e4f2e9}.category-staff{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 solid #eef2f5;grid-template-columns:1fr 1fr;margin:15px 0 12px;display:grid}.person-stats>div{align-items:baseline;gap:5px;padding:11px 0;display:flex}.person-stats>div+div{border-left:1px solid #eef2f5;padding-left:14px}.person-stats strong{color:#164c6a;font-size:24px;font-weight:770}.person-stats span{color:#81909f;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;justify-content:center;align-items:center;gap:14px;padding:16px 24px 22px;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}@media (width<=640px){.site-record-footer{flex-direction:column;gap:2px;padding-inline:16px}}@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:8px;justify-content:space-between;align-items:center;gap:7px;min-width:7px;height:32px;padding:0 9px;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 span{text-overflow:ellipsis;overflow:hidden}.absence-event-bar b{flex:none;font-size:10px}.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(3,1fr);display:grid;overflow:hidden;box-shadow:0 7px 22px #14324b0d}.drawer-summary>div{padding:16px}.drawer-summary>div+div{border-left:1px solid #e9eef1}.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}.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}.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 .record-index,.records-table-print .record-person,.records-table-print .record-department,.records-table-print .record-role,.records-table-print .record-category,.records-table-print .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{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)}.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(3,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 solid #eef2f5;margin:13px 0 11px}.people-list .person-stats>div{padding:9px 0}.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>div{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}}