@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap);:root{--green-900:#0c1e11;--green-800:#1a472a;--green-700:#228b22;--green-500:#4ade80;--green-100:#ecf6ec;--green-50:#f9fcf9;--green-25:#f4f7f4;--success-600:#16a34a;--success-100:#dcfce7;--warning-600:#d97706;--warning-100:#fef3c7;--error-600:#dc2626;--error-100:#fee2e2;--fg-1:#0f1a13;--fg-2:#2b3a2f;--fg-3:#5b6b5b;--fg-4:#8a978a;--line-1:#e5ebe5;--line-2:#eef2ee;--bg-app:#f4f7f4;--bg-card:#fff;--bg-hover:#f4f7f4;--bg-subtle:#f9fcf9;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;--t-display:28px;--t-h1:22px;--t-h2:16px;--t-body:14px;--t-table:13px;--t-label:12px;--lh-tight:1.1;--lh-snug:1.2;--lh-body:1.45;--tracking-label:0.06em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-12:48px;--s-16:64px;--r-sm:4px;--r-md:6px;--r-lg:8px;--r-pill:999px;--shadow-card:0 1px 2px rgba(26,71,42,.06),0 1px 3px rgba(26,71,42,.04);--shadow-pop:0 8px 24px rgba(26,71,42,.1),0 2px 6px rgba(26,71,42,.06);--shadow-focus:0 0 0 3px rgba(74,222,128,.25);--sidebar-w:260px;--header-h:64px;--ease-out:cubic-bezier(0.2,0,0,1);--t-fast:150ms;--t-mid:200ms;--t-slow:250ms}*,:after,:before{box-sizing:border-box}body{margin:0;color:var(--fg-2);background:var(--bg-app);font-family:var(--font-sans);font-size:var(--t-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;cursor:pointer;background:none;border:none;padding:0;color:inherit}h1{font-size:var(--t-h1);letter-spacing:-.01em}h1,h2{font-weight:600;line-height:var(--lh-snug);color:var(--fg-1);margin:0}h2{font-size:var(--t-h2)}.t-display{font-size:var(--t-display);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--fg-1)}.t-label{font-size:var(--t-label);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--fg-3)}.t-mono{font-family:var(--font-mono);font-size:13px;letter-spacing:0}.t-tabular{font-variant-numeric:tabular-nums}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--r-md)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;align-items:stretch}.app-main{display:flex;flex-direction:column;min-width:0;min-height:100vh}.app-content{padding:24px 28px 48px;width:100%}.sidebar{background:linear-gradient(180deg,#0c1e11,#1a472a);color:#fff;padding:18px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:10px 8px 16px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:14px}.sidebar-logo-img{height:40px;-o-object-fit:contain;object-fit:contain}.sidebar-brand{font-size:13px;font-weight:700;letter-spacing:.04em;line-height:1.1}.sidebar-brand-sub{font-size:9.5px;color:#4ade80;letter-spacing:.22em;margin-top:2px}.sidebar-section-label{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(74,222,128,.7);padding:14px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:6px;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.78);cursor:pointer;margin-bottom:2px;border:0;background:transparent;width:100%;text-align:left;transition:all .15s var(--ease-out)}.nav-item:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-item.active{background:rgba(74,222,128,.12);color:#fff;box-shadow:inset 2px 0 0 #4ade80}.nav-item .badge-pill{margin-left:auto;background:#d97706;color:#fff;font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;font-variant-numeric:tabular-nums}.sidebar-foot{margin-top:auto;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.08)}.user-card{display:flex;align-items:center;gap:10px;padding:8px;border-radius:6px;cursor:pointer}.user-card:hover{background:hsla(0,0%,100%,.06)}.avatar{width:32px;height:32px;border-radius:50%;background:#4ade80;color:#0c1e11;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.user-name{font-size:13px;color:#fff;font-weight:600;line-height:1.1}.user-role{font-size:11px;color:hsla(0,0%,100%,.55);margin-top:2px}.icon-btn{width:32px;height:32px;border-radius:6px;border:0;background:transparent;color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.header-menu-btn{display:none;width:36px;height:36px;border:0;background:transparent;color:var(--fg-2);border-radius:6px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.header-menu-btn:hover{background:var(--bg-app);color:var(--fg-1)}.sidebar-backdrop{display:none}.app-header{gap:16px;height:var(--header-h);background:#fff;border-bottom:1px solid var(--line-1);padding:0 28px;position:sticky;top:0;z-index:10}.app-header,.crumbs{display:flex;align-items:center}.crumbs{gap:8px;font-size:13px;color:var(--fg-3)}.crumbs .now{color:var(--fg-1);font-weight:600;font-size:14px}.crumbs .sep{color:var(--fg-4)}.global-search{flex:1;max-width:420px;position:relative}.global-search input{width:100%;height:36px;padding:0 12px 0 36px;border:1px solid var(--line-1);border-radius:6px;font-size:13px;background:var(--bg-app);font-family:var(--font-sans);color:var(--fg-1)}.global-search input:focus{outline:none;background:#fff;border-color:#4ade80;box-shadow:var(--shadow-focus)}.global-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--fg-3)}.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.header-icon-btn{position:relative;width:36px;height:36px;border-radius:6px;border:0;background:transparent;color:var(--fg-2);display:flex;align-items:center;justify-content:center;cursor:pointer}.header-icon-btn:hover{background:var(--bg-app)}.header-icon-btn .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:#d97706;border:1.5px solid #fff}.header-avatar{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line-1);cursor:pointer;background:#fff}.header-avatar:hover{background:var(--bg-app)}.header-avatar .avatar{width:28px;height:28px;background:var(--green-800);color:#fff;font-size:11px}.header-avatar .name{font-size:13px;font-weight:600;color:var(--fg-1)}.page-head{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px}.page-head h1{margin:0}.page-head .sub{color:var(--fg-3);font-size:13px;margin-top:4px}.page-head .actions{margin-left:auto;display:flex;gap:8px}.card{background:#fff;border:1px solid var(--line-1);border-radius:8px;box-shadow:var(--shadow-card)}.card-pad{padding:20px 22px}.card-head{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line-2)}.card-head h2{margin:0}.card-head .actions{margin-left:auto;display:flex;gap:8px;align-items:center}.card-head .meta{font-size:12px;color:var(--fg-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;height:36px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid transparent;transition:all var(--t-fast) var(--ease-out);white-space:nowrap;font-family:var(--font-sans)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--green-800);color:#fff}.btn-primary:hover{background:var(--green-700)}.btn-primary:active{background:var(--green-900)}.btn-secondary{background:#fff;color:var(--green-800);border-color:#cbd5cb}.btn-secondary:hover{background:var(--bg-app)}.btn-danger{background:#fff;color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.btn-ghost{background:transparent;color:var(--fg-2);height:32px;padding:0 10px}.btn-ghost:hover{background:var(--bg-app);color:var(--fg-1)}.btn-sm{height:30px;padding:0 10px;font-size:12px}.btn-lg{height:40px;padding:0 18px;font-size:14px}.btn-icon{padding:0;width:32px}.btn[disabled]{opacity:.55;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3)}.input,.select,.textarea{width:100%;padding:0 12px;height:38px;border:1px solid var(--line-1);border-radius:6px;font-size:13.5px;background:#fff;font-family:var(--font-sans);color:var(--fg-1)}.textarea{padding:10px 12px;height:auto;min-height:80px;line-height:1.5;resize:vertical}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--green-500);box-shadow:var(--shadow-focus)}.input::-moz-placeholder{color:var(--fg-4)}.input::placeholder{color:var(--fg-4)}.input.has-icon{padding-left:36px}.input-wrap{position:relative}.input-wrap>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--fg-3);pointer-events:none}.input-wrap .input{padding-left:34px}.field .help{font-size:11px;color:var(--fg-3)}.field .err{font-size:11px;color:#dc2626}.field-error .input,.field-error .select{border-color:#dc2626}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.checkbox-row input{width:16px;height:16px;accent-color:var(--green-700)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.04em}.badge .b-dot{width:6px;height:6px;border-radius:50%}.badge-DRAFT{background:#eef2ee;color:#5b6b5b}.badge-DRAFT .b-dot{background:#5b6b5b}.badge-PAID{background:#dbeafe;color:#1e40af}.badge-PAID .b-dot{background:#2563eb}.badge-COMPLETED{background:#dcfce7;color:#166534}.badge-COMPLETED .b-dot{background:#16a34a}.badge-PENDING{background:#fef3c7;color:#92400e}.badge-PENDING .b-dot{background:#d97706}.badge-APPROVED{background:#dcfce7;color:#166534}.badge-APPROVED .b-dot{background:#16a34a}.badge-REJECTED{background:#fee2e2;color:#991b1b}.badge-REJECTED .b-dot{background:#dc2626}.badge-cat{background:#ecf6ec;color:#1a472a}.table-wrap{overflow:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl thead th{text-align:left;padding:10px 16px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);background:#fff;border-bottom:1px solid var(--line-1);position:sticky;top:0;white-space:nowrap}table.tbl tbody td{padding:11px 16px;border-bottom:1px solid var(--line-2);color:var(--fg-2);vertical-align:middle}table.tbl tbody tr:nth-child(2n) td{background:var(--bg-subtle)}table.tbl tbody tr:hover td{background:var(--bg-hover)}table.tbl tbody tr.checked td{background:var(--green-100)}table.tbl tbody tr.selected td{background:#e0f0e0;box-shadow:inset 2px 0 0 var(--green-700)}table.tbl tbody tr:last-child td{border-bottom:0}.tbl .name{color:var(--fg-1);font-weight:500;line-height:1.2}.tbl .ref{font-family:var(--font-mono);font-size:11.5px;color:var(--fg-3);margin-top:2px}.tbl .amt{text-align:right;white-space:nowrap}.tbl .amt,.tbl .num-col{font-variant-numeric:tabular-nums}.tbl .num-col{color:var(--fg-3);width:40px}.tbl .row-actions{display:flex;gap:4px;justify-content:flex-end}.tbl .row-actions .btn-ghost{height:28px;width:28px;padding:0;color:var(--fg-3)}.tbl .row-actions .btn-ghost:hover{color:var(--green-800)}.tbl input[type=checkbox]{width:16px;height:16px;accent-color:var(--green-700)}.toolbar{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.toolbar .input,.toolbar .select{height:34px;font-size:13px}.toolbar .global-search{max-width:300px;flex:0 1 300px}.toolbar .global-search input{height:34px;background:#fff}.toolbar .right{margin-left:auto;display:flex;gap:8px;align-items:center}.toolbar .selected-count{font-size:12px;color:var(--fg-3)}.kpi-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:24px}@media (max-width:1280px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}.kpi{background:#fff;border:1px solid var(--line-1);border-radius:8px;padding:16px 18px;box-shadow:var(--shadow-card);min-height:108px;display:flex;flex-direction:column}.kpi .lbl{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:center;gap:8px}.kpi .lbl svg{color:var(--green-700)}.kpi .num{font-size:26px;font-weight:600;color:var(--fg-1);font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.05;margin-top:auto;padding-top:10px}.kpi .sub{font-size:11px;color:var(--fg-3);margin-top:6px;display:flex;align-items:center;gap:6px}.kpi .delta-up{color:#16a34a;font-weight:600}.kpi .delta-down{color:#dc2626;font-weight:600}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}@media (max-width:1100px){.chart-grid{grid-template-columns:1fr}}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;border:1px solid;font-size:13px;margin-bottom:16px}.alert-warning{background:#fef3c7;border-color:#fde68a;color:#92400e}.alert-info{background:#ecf6ec;border-color:#bbe5bb;color:#1a472a}.alert-success{background:#dcfce7;border-color:#bbf7d0;color:#166534}.alert-error{background:#fee2e2;border-color:#fecaca;color:#991b1b}.alert .actions{margin-left:auto;display:flex;gap:8px}.alert b{font-weight:600}.modal-backdrop{position:fixed;inset:0;background:rgba(12,30,17,.55);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;animation:bd .2s var(--ease-out)}@keyframes bd{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border-radius:8px;box-shadow:var(--shadow-pop);width:100%;max-width:560px;border-top:3px solid var(--green-700);overflow:hidden;animation:mo .2s var(--ease-out)}.modal.lg{max-width:820px}@keyframes mo{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-head{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line-2)}.modal-head h2{margin:0}.modal-head button{margin-left:auto;width:32px;height:32px;border-radius:6px;border:0;background:transparent;color:var(--fg-3);cursor:pointer}.modal-head button:hover{background:var(--bg-app);color:var(--fg-1)}.modal-body{padding:20px}.modal-foot{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px;background:var(--bg-app);border-top:1px solid var(--line-2)}.side-panel-backdrop{position:fixed;inset:0;background:rgba(12,30,17,.45);z-index:40;animation:bd .2s var(--ease-out)}.side-panel{position:fixed;top:0;right:0;bottom:0;width:min(720px,calc(100vw - 100px));background:var(--bg-app);box-shadow:-12px 0 32px rgba(12,30,17,.18);z-index:41;display:flex;flex-direction:column;animation:sp .25s var(--ease-out)}@keyframes sp{0%{transform:translateX(20px);opacity:0}to{transform:translateX(0);opacity:1}}.side-panel-head{display:flex;align-items:center;gap:12px;padding:18px 24px;background:#fff;border-bottom:1px solid var(--line-1)}.side-panel-head h1{margin:0}.side-panel-head .ref{font-family:var(--font-mono);font-size:12px;color:var(--fg-3);margin-left:8px}.side-panel-head .actions{margin-left:auto;display:flex;gap:8px}.side-panel-subhead{display:flex;gap:8px;justify-content:flex-end;padding:10px 24px;background:#fff;border-bottom:1px solid var(--line-1)}.side-panel-body{flex:1;overflow:auto;padding:24px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}@media(max-width:1100px){.detail-grid{grid-template-columns:1fr}}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}.kv .k{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);margin-bottom:3px}.kv .v{font-size:13.5px;color:var(--fg-1);font-weight:500}.kv .v.mono{font-family:var(--font-mono);font-size:12.5px;color:var(--fg-1)}.tabs{border-bottom:1px solid var(--line-1);background:#fff;border-radius:8px 8px 0 0;padding:0 6px;overflow-x:auto}.tab,.tabs{display:flex;gap:2px}.tab{flex-direction:column;align-items:flex-start;padding:14px 18px;border:0;background:transparent;font-family:inherit;font-size:13.5px;color:var(--fg-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.tab .sub{font-size:11px;color:var(--fg-4)}.tab:hover{color:var(--fg-1)}.tab.active{color:var(--green-800);font-weight:600;border-bottom-color:var(--green-700)}.tab.active .sub{color:var(--green-700)}.pagi{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--fg-3)}.pagi .right{margin-left:auto;display:flex;gap:4px}.pagi-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--line-1);background:#fff;color:var(--fg-2);cursor:pointer;font-size:12px;font-family:var(--font-mono)}.pagi-btn:hover{background:var(--bg-app)}.pagi-btn.active{background:var(--green-800);color:#fff;border-color:var(--green-800)}.pagi-btn[disabled]{opacity:.4;cursor:not-allowed}.progress{height:8px;border-radius:999px;background:var(--line-2);overflow:hidden}.progress>div{height:100%;background:linear-gradient(90deg,var(--green-700),var(--green-500));border-radius:999px;transition:width .3s var(--ease-out)}.toast-host{position:fixed;bottom:24px;right:24px;z-index:90;display:flex;flex-direction:column;gap:8px}.toast{background:#fff;border:1px solid var(--line-1);border-left:3px solid var(--green-700);border-radius:8px;padding:12px 16px;box-shadow:var(--shadow-pop);font-size:13px;display:flex;align-items:center;gap:10px;min-width:260px;animation:to .2s var(--ease-out)}@keyframes to{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.error{border-left-color:#dc2626}.toast.warning{border-left-color:#d97706}.login-bg{min-height:100vh;background:radial-gradient(ellipse at top,#1a472a 0,#0c1e11 70%);display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden}.login-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 20%,rgba(74,222,128,.12),transparent 40%),radial-gradient(circle at 10% 80%,rgba(34,139,34,.16),transparent 50%);pointer-events:none}.login-card{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:36px;box-shadow:0 20px 60px rgba(0,0,0,.4);position:relative;border-top:3px solid var(--green-500)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand .mark{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1a472a,#228b22);display:flex;align-items:center;justify-content:center;color:#4ade80;font-weight:700;font-size:18px}.login-brand .name{font-size:18px;font-weight:700;color:var(--fg-1);letter-spacing:.02em}.login-brand .sub{font-size:11px;color:var(--green-700);letter-spacing:.18em;font-weight:600;margin-top:2px}.login-title{font-size:20px;font-weight:600;color:var(--fg-1);margin:0 0 6px}.login-sub{color:var(--fg-3);font-size:13px;margin:0 0 24px}.login-foot{margin-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--fg-3)}.doc-preview{border:1px solid var(--line-1);border-radius:8px;background:#fff;overflow:hidden}.doc-preview .head{padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line-2);background:var(--bg-subtle)}.doc-preview .head .ttl{font-size:12px;font-weight:600;color:var(--fg-1)}.doc-preview .head .actions{margin-left:auto}.doc-preview .body{padding:18px;display:flex;align-items:center;justify-content:center;background:#0c1e11;min-height:280px;position:relative;color:#fff}.doc-img-fake{width:100%;background:#fff;border-radius:4px;padding:18px;color:#1a472a;text-align:center;font-family:var(--font-mono);font-size:11px;line-height:1.6}.file-current{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--line-2);border-radius:6px;font-size:13px;color:var(--fg-2);background:var(--bg-subtle)}.dropdown-menu{position:absolute;right:0;top:100%;margin-top:4px;background:#fff;border:1px solid var(--line-1);border-radius:6px;box-shadow:var(--shadow-pop);min-width:170px;padding:4px;z-index:20;animation:mo .15s var(--ease-out)}.dropdown-menu--floating{position:fixed;right:auto;top:auto;margin-top:0;z-index:1000}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:0;background:transparent;font-size:13px;color:var(--fg-2);cursor:pointer;border-radius:4px;font-family:var(--font-sans);text-align:left}.dropdown-item:hover{background:var(--bg-app);color:var(--fg-1)}.dropdown-item--danger{color:#dc2626}.dropdown-item--danger:hover{background:#fee2e2;color:#991b1b}.dropdown-item--disabled{color:var(--fg-4);cursor:default;font-size:12px}.dropdown-item--disabled:hover{background:transparent;color:var(--fg-4)}.empty{padding:60px 20px;text-align:center;color:var(--fg-3)}.empty .ttl{font-size:14px;font-weight:600;color:var(--fg-1);margin-bottom:6px}.empty .sub{font-size:13px;margin-bottom:14px}.divider{height:1px;background:var(--line-2);margin:14px 0}.day-stat{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border:1px solid var(--line-1);border-radius:8px;margin-bottom:14px;box-shadow:var(--shadow-card)}.day-stat .num{font-size:22px;font-weight:600;color:var(--fg-1);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.day-stat .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-3);font-weight:600}.toggle{position:relative;display:inline-block;width:36px;height:20px}.toggle input{display:none}.toggle .slider{position:absolute;inset:0;background:var(--line-1);border-radius:999px;transition:all .15s}.toggle .slider:after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all .15s}.toggle input:checked+.slider{background:var(--green-700)}.toggle input:checked+.slider:after{transform:translateX(16px)}.bar-chart{display:flex;align-items:flex-end;gap:8px;height:160px;padding:8px 4px}.bar-chart .bar{flex:1;background:linear-gradient(180deg,#4ade80,#228b22);border-radius:4px 4px 0 0;min-height:4px;position:relative}.bar-chart .bar:hover{background:linear-gradient(180deg,#86efac,#16a34a)}.bar-chart .bar:hover:after{content:attr(data-v);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);background:#0c1e11;color:#fff;padding:2px 6px;border-radius:4px;font-size:11px;font-family:var(--font-mono);white-space:nowrap}.bar-axis{display:flex;gap:8px;padding:6px 4px 0;border-top:1px solid var(--line-2);font-size:10px;color:var(--fg-4);font-family:var(--font-mono)}.bar-axis span{flex:1;text-align:center}.legend{display:flex;flex-direction:column;gap:8px;padding:8px 12px}.legend .row{display:flex;align-items:center;gap:8px;font-size:12.5px}.legend .row .sw{width:10px;height:10px;border-radius:2px}.legend .row .v{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg-1)}@media (max-width:768px){body,html{overflow-x:hidden}.app-shell{grid-template-columns:1fr}.app-content{padding:16px 14px 32px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:51;transform:translateX(-100%);transition:transform .25s var(--ease-out);height:100vh}.sidebar.sidebar--open{transform:translateX(0)}.sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(12,30,17,.5);z-index:50;animation:bd .2s var(--ease-out)}.header-menu-btn{display:flex}.app-header{padding:0 14px;gap:10px;height:56px}.global-search,.header-avatar .name{display:none}.header-avatar{padding:4px}.page-head{flex-direction:column;align-items:flex-start;gap:10px}.page-head h1{font-size:20px}.page-head .actions{margin-left:0;width:100%}.page-head .actions .btn{flex:1}.kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.kpi{padding:12px 14px;min-height:auto}.kpi .num{font-size:20px;padding-top:6px}.chart-grid{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.card{border-radius:6px}.card-pad{padding:14px 16px}.card-head{padding:12px 16px;gap:8px;flex-wrap:wrap}.card-head h2{font-size:14px}.toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.toolbar .global-search{max-width:100%;flex:1}.toolbar .select{width:100%!important}.toolbar .right{margin-left:0;justify-content:flex-start}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table.tbl{min-width:600px}table.tbl thead th{padding:8px 12px;font-size:10px}table.tbl tbody td{padding:10px 12px;font-size:12px}.pagi{flex-wrap:wrap;padding:10px 12px;gap:6px}.side-panel{width:100vw}.side-panel-head{padding:14px 16px;flex-wrap:wrap;gap:8px}.side-panel-head h1{font-size:18px}.side-panel-head .actions{width:100%;justify-content:flex-end}.side-panel-body{padding:16px}.detail-grid{grid-template-columns:1fr!important}.kv-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal{max-width:100%;border-radius:10px}.modal-body{padding:16px}.modal-foot{padding:12px 16px}.tabs{padding:0;gap:0;-webkit-overflow-scrolling:touch}.tab{padding:10px 14px;font-size:12.5px}.tab .sub{font-size:10px}.alert{flex-wrap:wrap;padding:10px 12px;font-size:12px}.alert .actions{margin-left:0;width:100%}.day-stat{flex-direction:column;align-items:stretch;gap:10px}.day-stat>div:last-child{max-width:100%!important}.login-bg{padding:16px}.login-card{padding:24px 20px;max-width:100%}.login-title{font-size:18px}.toast-host{left:12px;right:12px;bottom:12px}.toast{min-width:auto}.dropdown-menu{min-width:150px}.settings-grid{grid-template-columns:1fr!important}.doc-preview .body{min-height:200px}}