:root{font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;color:#17201d;background:#f2f1ec;font-synthesis:none;--ink:#17201d;--forest:#143b32;--mint:#b8dfce;--lime:#dff06b;--paper:#fbfaf6;--line:#deded6;--muted:#6c746f}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 90% 10%,#dceadf 0,transparent 28%),#f2f1ec}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.lookup-hint .text-link{display:inline-block;margin:0 0 0 8px;font-size:12px}.month-multi-picker{margin:0 0 14px;padding:13px 14px;border:1px solid #e0e2da;border-radius:12px;background:#f7f7f2}.month-multi-picker>strong{display:block;margin-bottom:10px;font-size:12px;color:var(--muted)}.month-multi-picker>div{display:flex;flex-wrap:wrap;gap:9px}.month-check{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:9px;background:#fff;cursor:pointer;font-size:13px}.month-check input{margin:0}.splash{min-height:100vh;display:grid;place-content:center;gap:18px;text-align:center;color:var(--muted)}.brand-mark{width:64px;height:64px;display:grid;place-items:center;background:var(--lime);color:var(--forest);border-radius:20px 20px 20px 5px;font:600 30px/1 Space Grotesk;box-shadow:0 18px 45px #1f4b3b22}.brand-mark.small{width:42px;height:42px;border-radius:13px 13px 13px 4px;font-size:20px;box-shadow:none}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(430px,.85fr) 1.15fr;background:var(--forest)}.login-card{background:var(--paper);padding:clamp(40px,8vw,120px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{margin:24px 0 8px;color:#4b7b6c;text-transform:uppercase;letter-spacing:.14em;font:600 12px/1.4 Space Grotesk}.login-card h1,.page-heading h1{margin:0;letter-spacing:-.045em;font-size:clamp(36px,5vw,66px);line-height:1.08}.login-copy{max-width:520px;color:var(--muted);line-height:1.9;margin:24px 0 34px}.primary-button,.secondary-button{border:0;border-radius:12px;padding:11px 18px;cursor:pointer;font-weight:600;transition:.18s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary-button{background:var(--forest);color:#fff}.primary-button:hover{background:#1c5144;transform:translateY(-1px)}.primary-button.large{padding:15px 27px}.primary-button.small{padding:9px 13px}.secondary-button{background:#e8eee9;color:var(--forest)}.secondary-button:hover{background:#dce8df}.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.text-link{margin-top:18px;color:#416d60;text-decoration:none;font-size:14px}.notice{margin-top:25px;padding:12px 14px;border-left:3px solid #d9df67;background:#f3f5d8;color:#687038;font-size:13px}.login-aside{position:relative;overflow:hidden;padding:8vw;color:#dce9e3;display:flex;flex-direction:column;justify-content:flex-end}.login-aside:before{content:"";position:absolute;width:70vw;height:70vw;border:1px solid #8eb1a444;border-radius:50%;left:10%;top:-30%;box-shadow:0 0 0 8vw #1b4a3e55,0 0 0 16vw #234f4455}.login-aside p{position:relative;font-size:clamp(20px,2.4vw,34px);line-height:1.55;letter-spacing:-.02em}.month-stack{position:absolute;right:7vw;top:8vw;display:flex;flex-direction:column;font:600 clamp(60px,9vw,140px)/.78 "Space Grotesk";color:#b8dfce1f}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#102e27;color:#fff;padding:26px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 6px 30px}.brand strong,.brand small{display:block}.brand small{color:#9fb7af;margin-top:3px;font-size:12px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.sidebar nav button{border:0;background:transparent;color:#a9bdb6;padding:13px 14px;border-radius:12px;text-align:left;cursor:pointer}.sidebar nav button span{margin-right:13px;font:500 11px Space Grotesk;opacity:.55}.sidebar nav button.active{background:#24483e;color:#fff}.sidebar-user{margin-top:auto;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;border-top:1px solid #ffffff17;padding:20px 4px 0}.avatar{width:38px;height:38px;background:#dff06b;color:#17392f;border-radius:50%;display:grid;place-items:center;font-size:12px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.sidebar-user strong,.sidebar-user small{display:block}.sidebar-user small{color:#9fb7af;font-size:11px;margin-top:2px}.logout{border:0;background:transparent;color:#9fb7af;font-size:12px;cursor:pointer}.content{padding:clamp(24px,4vw,64px);min-width:0}.dashboard,.admin-page{max-width:1480px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}.page-heading .eyebrow{margin-top:0}.page-heading h1{font-size:clamp(34px,4vw,58px)}.month-switch,.admin-tabs{display:flex;gap:5px;padding:5px;background:#e5e6df;border-radius:14px}.month-switch button,.admin-tabs button{border:0;background:transparent;padding:9px 18px;border-radius:10px;color:#687069;cursor:pointer}.month-switch button.active,.admin-tabs button.active{background:var(--paper);color:var(--ink);box-shadow:0 3px 12px #19312813}.summary-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px;margin-bottom:18px}.summary-card{min-height:165px;padding:25px;background:var(--paper);border:1px solid #e5e3da;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between}.summary-card span{color:var(--muted);font-size:14px}.summary-card strong{font:600 clamp(28px,3vw,43px) "Space Grotesk";letter-spacing:-.04em}.summary-card small{color:#8a918c}.summary-card.main-total{background:var(--forest);color:#fff;border-color:var(--forest);position:relative;overflow:hidden}.summary-card.main-total:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:var(--lime);right:-55px;top:-55px;opacity:.8}.summary-card.main-total span,.summary-card.main-total small{color:#bad0c8}.table-card,.admin-card{background:var(--paper);border:1px solid #e5e3da;border-radius:20px;padding:25px;margin-bottom:18px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-title .eyebrow{margin:0 0 5px}.section-title h2{margin:0;font-size:25px;letter-spacing:-.03em}.data-badge{padding:6px 10px;background:#eef2df;color:#627037;border-radius:999px;font-size:12px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:860px}th{text-align:left;color:#7d847f;font-size:12px;font-weight:500;padding:12px;border-bottom:1px solid var(--line)}td{padding:15px 12px;border-bottom:1px solid #ecebe5;font-size:14px}.person-row{cursor:pointer}.person-row:hover{background:#f6f7f1}.person-row td strong,.person-row td small{display:block}.person-row td small{color:#89908b;margin-top:3px;font-size:11px}.department-cell{max-width:390px;color:#59615c}.chevron{border:0;background:transparent;color:#789088;font-size:25px;transform:rotate(0);transition:.15s;cursor:pointer}.chevron.open{transform:rotate(90deg)}.detail-row td{background:#f3f5ef;padding:18px}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:9px}.detail-item{background:#fff;border:1px solid #e6e8df;border-radius:11px;padding:12px;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.detail-item span{grid-column:1/-1;font-size:12px;color:#53615b}.detail-item small{color:#8b918d;font-size:11px}.detail-item strong{font:600 13px Space Grotesk}.muted{color:var(--muted)}.empty-state,.loading-panel,.error-panel{min-height:55vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-state h2{margin:25px 0 8px;font-size:30px}.empty-state p{color:var(--muted)}.empty-orbit{width:100px;height:100px;border:1px solid #9bb1a7;border-radius:50%;display:grid;place-items:center}.empty-orbit:before{content:"";width:60px;height:60px;border:1px solid #bfd0c8;border-radius:50%}.empty-orbit span{position:absolute;width:16px;height:16px;background:var(--lime);border-radius:50%;transform:translate(42px,-18px)}.error-panel{color:#9c3f34}.admin-tabs{width:max-content;margin-bottom:20px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.admin-stats article{background:var(--paper);border:1px solid #e5e3da;border-radius:17px;padding:20px}.admin-stats span,.admin-stats strong{display:block}.admin-stats span{color:var(--muted);font-size:12px}.admin-stats strong{font:600 32px Space Grotesk;margin-top:12px}.action-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.action-card .eyebrow{margin-top:0}.action-card h2{margin:0}.action-card p{color:var(--muted)}.action-buttons{display:flex;gap:10px}.inline-message{grid-column:1/-1;margin:0;color:#3d735d}.import-list>div{display:grid;grid-template-columns:12px 50px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #ecebe5}.import-list small{color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:#a9aaa5}.status-dot.success{background:#55a277}.status-dot.failed{background:#c9665c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}input,select{border:1px solid #d9dcd4;background:#fff;border-radius:10px;padding:10px 12px;color:var(--ink);outline:none}input:focus,select:focus{border-color:#6e9d8d;box-shadow:0 0 0 3px #6e9d8d18}.department-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:560px;overflow:auto}.check-row{display:flex;align-items:flex-start;gap:10px;padding:11px;background:#f4f5f0;border-radius:10px;cursor:pointer}.check-row input{margin-top:4px}.check-row span,.check-row strong,.check-row small{display:block}.check-row small{color:var(--muted);margin-top:3px}.success-message{color:#3e795f}.search-inline{display:flex;gap:7px}.mapping-list{display:flex;flex-direction:column;gap:8px;max-height:650px;overflow:auto}.mapping-row{display:grid;grid-template-columns:minmax(280px,1fr) minmax(240px,.7fr) auto;gap:12px;align-items:center;padding:13px;background:#f5f6f1;border-radius:12px}.mapping-row strong,.mapping-row small{display:block}.mapping-row small,.mapping-row p{color:var(--muted);font-size:11px}.mapping-row p{margin:5px 0 0}.mapping-list.compact .mapping-row{grid-template-columns:1fr 1fr}.wide-search{width:100%;margin-bottom:14px}.resolved-toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.issue-list{display:flex;flex-direction:column;gap:8px}.issue-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px;background:#f5f6f1;border-radius:12px}.issue-row strong,.issue-row small{display:block}.issue-row strong{margin:5px 0}.issue-row small{color:var(--muted);font-size:11px}.issue-month{display:inline-flex;padding:3px 7px;border-radius:999px;background:#e5eadc;color:#54633f;font-size:11px}.employee-lookup-form{display:grid;grid-template-columns:minmax(260px,480px) auto;align-items:end;gap:12px}.employee-lookup-form label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px}.lookup-hint{margin:12px 0 20px;color:var(--muted);font-size:12px}.lookup-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:12px}.lookup-card{padding:18px;border:1px solid #e2e5dc;border-radius:15px;background:#f8f8f4}.lookup-card header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.lookup-card header strong,.lookup-card header small{display:block}.lookup-card header small{margin-top:4px;color:var(--muted)}.account-state{padding:5px 9px;border-radius:999px;font-size:11px}.account-state.active{background:#def0e5;color:#397355}.account-state.inactive{background:#eee3df;color:#93594d}.id-row{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #e5e6df}.id-row span{color:var(--muted);font-size:12px}.id-row code{overflow-wrap:anywhere;color:#264d42}.id-row button{border:0;background:#e4ece7;color:#315f51;border-radius:8px;padding:6px 9px;cursor:pointer}.lookup-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:#727b75;font-size:11px}.lookup-links{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding-top:12px;border-top:1px solid #e5e6df}.lookup-links strong{font-size:12px}.lookup-links span{color:var(--muted);font-size:11px}.lookup-empty{display:flex;flex-direction:column;gap:5px;padding:18px;border-radius:12px;background:#f4f5ef}.lookup-empty span{color:var(--muted);font-size:12px}@media(max-width:1000px){.app-shell{grid-template-columns:88px 1fr}.sidebar{padding:20px 13px}.brand>div:last-child,.sidebar nav button:not(.active) span,.sidebar nav button span,.sidebar nav button{font-size:0}.sidebar nav button{height:48px;text-align:center}.sidebar nav button:after{content:"•";font-size:22px}.sidebar-user{grid-template-columns:1fr}.sidebar-user>div:nth-child(2),.logout{display:none}.summary-grid{grid-template-columns:1fr 1fr}.summary-card.main-total{grid-column:1/-1}.department-picker{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr 1fr}}@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-aside{display:none}.login-card{padding:45px 28px}.app-shell{display:block}.sidebar{position:sticky;height:auto;z-index:10;flex-direction:row;align-items:center;padding:10px 14px}.brand{padding:0}.brand>div:last-child{display:none}.sidebar nav{margin-left:auto;flex-direction:row}.sidebar nav button{height:auto;padding:10px 12px;font-size:12px}.sidebar nav button:after{display:none}.sidebar-user{margin:0 0 0 8px;border:0;padding:0;display:block}.sidebar-user .avatar{width:34px;height:34px}.content{padding:23px 15px}.page-heading{align-items:flex-start;flex-direction:column}.month-switch{width:100%}.month-switch button{flex:1}.summary-grid{grid-template-columns:1fr}.summary-card.main-total{grid-column:auto}.admin-stats{grid-template-columns:1fr 1fr}.action-card{grid-template-columns:1fr}.action-buttons{flex-direction:column}.form-grid,.mapping-row,.mapping-list.compact .mapping-row{grid-template-columns:1fr}.section-title{align-items:flex-start;flex-direction:column}.search-inline{width:100%}.search-inline input{min-width:0;flex:1}.issue-row{align-items:flex-start;flex-direction:column}.admin-tabs{max-width:100%;overflow-x:auto}.employee-lookup-form,.lookup-results{grid-template-columns:1fr}.lookup-meta{flex-direction:column}.id-row{grid-template-columns:58px minmax(0,1fr) auto}}