:root{--bg:#f5f7f6;--panel:#fff;--text:#17231f;--muted:#77847f;--line:#e6ebe8;--green:#216b52;--mint:#e6f3ed;--orange:#e98a45;--shadow:0 12px 34px rgba(28,57,45,.07)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 "Microsoft YaHei",system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#18352b;color:#dcebe4;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 9px 28px}.brand-mark{width:38px;height:38px;border-radius:12px;background:#d6f1e4;color:#1b5844;display:grid;place-items:center;font-size:21px;font-weight:800}.brand strong{display:block;font-size:16px;letter-spacing:.3px}.brand span{font-size:10px;color:#91b4a5;text-transform:uppercase;letter-spacing:1px}.workspace-label{font-size:11px;color:#7fa797;margin:8px 12px 10px}.nav-item{display:flex;align-items:center;gap:12px;color:#abc6bb;padding:12px;border-radius:10px;margin:3px 0;cursor:pointer}.nav-item:hover,.nav-item.active{background:#285442;color:#fff}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid #315445;padding:18px 9px 0;display:flex;align-items:center;gap:7px;color:#90b1a4;font-size:12px}.status-dot{width:7px;height:7px;background:#60d49b;border-radius:50%}.sidebar-foot button{margin-left:auto;background:none;border:0;color:#b8d6ca;font-size:17px;cursor:pointer}.main{flex:1;padding:30px 38px;max-width:1600px;margin:auto;width:100%}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#9aa8a2}.topbar h1{font-size:28px;margin:5px 0 0;letter-spacing:-.5px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--panel);border-radius:10px;font-size:20px;color:var(--muted)}.user-chip{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--line);padding:6px 10px 6px 6px;border-radius:12px}.avatar{width:30px;height:30px;background:#f0d7c3;color:#8c4f2d;border-radius:9px;display:grid;place-items:center;font-weight:700}.user-chip b,.user-chip small{display:block}.user-chip small{color:var(--muted);font-size:11px}.user-chip>span{color:var(--muted);margin-left:5px}.grid{display:grid;gap:18px}.kpis{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.kpi .label{color:var(--muted);font-size:13px}.kpi .value{font-size:28px;font-weight:750;margin:12px 0 8px}.trend{font-size:12px;color:#2b9b69}.trend.down{color:#d36b4d}.dashboard-grid{grid-template-columns:1.55fr 1fr;margin-top:18px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-head h3{margin:0;font-size:16px}.card-head a,.link{color:var(--green);font-size:12px;cursor:pointer}.chart{height:218px;display:flex;align-items:flex-end;gap:13px;padding:22px 12px 0;background:linear-gradient(180deg,#fff 0%,#f6fbf8 100%);border-radius:10px}.bar-wrap{flex:1;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;gap:8px}.bar{width:100%;max-width:38px;background:#9bd4ba;border-radius:7px 7px 3px 3px}.bar.hot{background:#2d8062}.bar-label{font-size:11px;color:var(--muted)}.mini-list{display:grid;gap:12px}.mini-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.mini-row:last-child{border-bottom:0}.mini-row strong{display:block}.mini-row small{color:var(--muted)}.amount{font-weight:700}.table-card{margin-top:18px}.table-tools{display:flex;gap:8px;align-items:center}.search{border:1px solid var(--line);padding:9px 12px;border-radius:9px;background:#fbfcfc;outline:none}.btn{border:0;border-radius:9px;padding:10px 15px;background:var(--green);color:white;cursor:pointer}.btn.secondary{background:var(--mint);color:var(--green)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px;font-weight:500}td{font-size:13px}.tag{padding:4px 8px;border-radius:99px;background:var(--mint);color:var(--green);font-size:11px}.tag.orange{background:#fff0e4;color:#b85f28}.tag.gray{background:#eef1f0;color:#687570}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-toolbar h2{font-size:17px;margin:0}.empty-note{color:var(--muted);padding:25px 0}.stat-grid{grid-template-columns:repeat(3,1fr)}.progress{height:8px;background:#edf1ef;border-radius:9px;overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;background:var(--green);border-radius:9px}.dark{--bg:#101915;--panel:#18231f;--text:#e7f1ed;--muted:#9bada5;--line:#2d4038}.dark .search{background:#18231f;color:white}.toast{position:fixed;right:30px;bottom:25px;background:#18352b;color:white;padding:12px 18px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:none}@media(max-width:900px){.sidebar{width:72px;padding:18px 8px}.brand div:not(.brand-mark),.workspace-label,.nav-item span:not(.nav-icon),.sidebar-foot span{display:none}.brand{padding:0 9px 25px}.kpis{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.main{padding:22px 18px}}@media(max-width:560px){.top-actions .icon-btn{display:none}.kpis,.stat-grid{grid-template-columns:1fr}.topbar h1{font-size:23px}th:nth-child(3),td:nth-child(3){display:none}}

.hidden{display:none!important}.login-screen{min-height:100vh;background:#0f2b22;padding:5vh 5vw;display:grid;place-items:center}.login-panel{width:min(1040px,100%);min-height:610px;display:grid;grid-template-columns:1.2fr .8fr;background:#f6f7f2;border-radius:26px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.28)}.login-art{position:relative;overflow:hidden;padding:64px;background:linear-gradient(145deg,#173c30,#1d6a50);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.login-art h1{font-size:46px;line-height:1.15;letter-spacing:-2px;margin:16px 0}.login-art p{color:#b9d8cb;font-size:16px;max-width:430px}.lab-ring{position:absolute;width:430px;height:430px;border:70px solid rgba(194,235,215,.1);border-radius:50%;top:-170px;right:-110px}.lab-ring:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#e69455;right:20px;bottom:10px;box-shadow:-180px 100px 0 20px rgba(221,245,232,.09)}.login-metrics{display:flex;gap:34px;margin-top:56px}.login-metrics span{display:flex;flex-direction:column;color:#acd0c0;font-size:12px}.login-metrics b{color:white;font-size:23px}.login-form{padding:64px 50px;display:flex;flex-direction:column;justify-content:center}.login-brand{padding:0 0 38px;color:var(--text)}.login-form h2{font-size:30px;margin:0}.login-form>p{color:var(--muted);margin:7px 0 28px}.login-form label,.modal-card label{display:flex;flex-direction:column;gap:7px;color:#596860;font-size:12px;margin-bottom:16px}.login-form input,.modal-card input,.modal-card select{width:100%;border:1px solid #dfe6e2;background:white;border-radius:10px;padding:12px;color:#17231f;font:inherit;outline:none}.login-form input:focus,.modal-card input:focus,.modal-card select:focus{border-color:#2d8062;box-shadow:0 0 0 3px rgba(45,128,98,.12)}.login-btn{width:100%;padding:13px;margin-top:5px}.form-error{min-height:22px;color:#c54f3a;font-size:12px;margin-top:10px}.logout-btn{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:5px}.loading{padding:80px;text-align:center;color:var(--muted)}.table-scroll{overflow:auto}.muted{color:var(--muted);font-weight:400;font-size:12px}.actions{white-space:nowrap}.actions button{border:0;background:transparent;color:var(--green);cursor:pointer;padding:5px 7px}.actions button.danger{color:#c85c46}.actions button.approve{color:#17865b}.section-title{margin:26px 3px 0}.section-title h3{font-size:16px}.modal{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(8,24,18,.55);backdrop-filter:blur(3px)}.modal-card{position:relative;background:var(--panel);width:min(680px,100%);max-height:90vh;overflow:auto;border-radius:18px;box-shadow:0 25px 80px rgba(0,0,0,.3)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h3{margin:0}.modal-head button{border:0;background:transparent;color:var(--muted);font-size:25px;cursor:pointer}.modal-card form{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:8px}.form-tip{background:var(--mint);color:var(--green);padding:10px 12px;border-radius:9px;font-size:12px}.approval-board{display:grid;grid-template-columns:1fr 1fr;gap:15px}.approval-board button{background:#f3f8f5;border:1px solid var(--line);border-radius:13px;padding:24px;text-align:left;cursor:pointer;color:var(--text)}.approval-board b{display:block;font-size:34px;color:var(--green)}.approval-board span{color:var(--muted)}.error-card{text-align:center;padding:50px}.error-card p{color:var(--muted)}.toast.error{background:#a94335}code{font-size:11px;color:var(--muted);word-break:break-all}.dark .login-form input,.dark .modal-card input,.dark .modal-card select{background:#111b17;color:#e7f1ed;border-color:#31473e}.dark .approval-board button{background:#13201b}.dark .login-brand{color:#17231f}@media(max-width:780px){.login-panel{grid-template-columns:1fr}.login-art{display:none}.login-form{padding:45px 30px}.form-grid{grid-template-columns:1fr}.page-toolbar{align-items:flex-start;gap:12px;flex-direction:column}.table-tools{width:100%}.search{flex:1}.user-chip>div:not(.avatar){display:none}}@media(max-width:560px){.approval-board{grid-template-columns:1fr}}