:root{
 --ui-bg:#f6f8f9;--ui-surface:#fff;--ui-surface-2:#f9fbfb;--ui-text:#102a2a;--ui-muted:#647778;--ui-line:#e2e9e9;--ui-teal:#0f6e61;--ui-teal-2:#1b8878;--ui-teal-soft:#e6f5f0;--ui-sidebar:#082f30;--ui-sidebar-2:#0d3b3b;--ui-success:#13885e;--ui-warning:#d38a12;--ui-danger:#d64747;--ui-blue:#3978d4;--ui-purple:#7f59d9;--ui-shadow:0 12px 34px rgba(17,47,47,.06)
}
body{background:var(--ui-bg);color:var(--ui-text);letter-spacing:-.005em}.layout{grid-template-columns:250px minmax(0,1fr);background:var(--ui-bg)}
.sidebar{background:linear-gradient(180deg,var(--ui-sidebar),#082829 100%);padding:1.25rem .85rem 1rem;gap:.7rem;border-right:1px solid rgba(255,255,255,.06);box-shadow:8px 0 24px rgba(6,41,42,.06);z-index:8}.sidebar .brand{padding:.25rem .55rem .75rem;font-size:1.35rem}.brand-v2{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem}.brand-v2 .brand-sub{display:block;flex-basis:100%;font-size:.76rem;font-weight:500;letter-spacing:0;color:#9fc5c0;margin-top:.1rem}.legacy-sidebar-intro{display:none!important}.sidebar nav{gap:.15rem;margin-top:.3rem}.sidebar nav a{min-height:42px;display:flex;align-items:center;gap:.72rem;padding:.58rem .72rem;border-radius:9px;color:#d1e4e2;font-size:.9rem;transition:background .16s ease,color .16s ease,transform .16s ease}.sidebar nav a:hover{background:rgba(255,255,255,.06);color:white;transform:translateX(1px)}.sidebar nav a[aria-current=page]{background:linear-gradient(90deg,rgba(37,132,117,.4),rgba(37,132,117,.23));color:#79e1c2;box-shadow:inset 3px 0 0 #4fd3ad}.nav-icon{width:18px;height:18px;flex:0 0 18px}.nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-section{display:block;margin:.85rem .72rem .28rem;color:#7fa9a6;font-size:.66rem;font-weight:700;letter-spacing:.11em}.sidebar footer{display:grid;gap:.65rem;padding:.75rem .2rem 0;border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.025)}.avatar,.topbar-avatar{display:inline-grid;place-items:center;border-radius:50%;font-weight:800}.avatar{width:34px;height:34px;background:#a9ead7;color:#12433b;font-size:.76rem}.sidebar-user-copy{min-width:0;display:grid}.sidebar-user-copy strong{font-size:.82rem;color:white;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-copy small{font-size:.72rem;color:#9fc5c0;text-transform:capitalize}.sidebar footer>button{width:100%;border-color:rgba(255,255,255,.15);font-size:.82rem}
.work{background:var(--ui-bg)}.topbar{position:sticky;top:0;z-index:7;min-height:68px;padding:.65rem 1.4rem;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--ui-line);justify-content:flex-start;box-shadow:0 1px 0 rgba(17,47,47,.02)}.org-picker{width:min(230px,24vw);flex:0 0 auto}.org-picker select{max-width:none!important;height:42px;border-color:#d7e0e0;border-radius:10px;background:#fff;font-size:.88rem;padding-right:2rem}.global-search{position:relative;display:flex;align-items:center;flex:1;max-width:560px;margin-left:.25rem}.global-search .search-icon{position:absolute;left:.85rem;width:18px;height:18px;color:#748787;pointer-events:none}.global-search input{height:42px;padding-left:2.5rem;border-color:#e0e7e7;background:#f8fafa;border-radius:10px;font-size:.9rem}.global-search input:focus{background:white}.topbar>.badge{margin-left:auto}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.45rem}.quick-create{position:relative}.quick-create summary{list-style:none;display:flex;align-items:center;gap:.45rem;cursor:pointer;background:linear-gradient(180deg,#16806f,#0f6b5f);color:white;border:1px solid #0e6459;border-radius:9px;padding:.58rem .82rem;font-size:.86rem;font-weight:700}.quick-create summary::-webkit-details-marker{display:none}.button-icon{width:16px;height:16px}.quick-create-menu{position:absolute;right:0;top:calc(100% + .5rem);width:225px;background:white;border:1px solid var(--ui-line);border-radius:12px;padding:.45rem;box-shadow:0 18px 50px rgba(18,45,45,.15);z-index:30}.quick-create-menu button{width:100%;text-align:left;border:0;background:transparent;border-radius:8px;font-size:.84rem}.quick-create-menu button:hover{background:#f0f7f5}.icon-button{width:38px;height:38px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#355151}.icon-button:hover{background:#f0f5f4}.icon-button .ui-icon{width:19px;height:19px}.topbar-avatar{width:36px;height:36px;background:#e6ecef;color:#34515a;font-size:.74rem;margin-left:.15rem}.topbar .identity{text-align:left;min-width:95px}.topbar .identity strong{font-size:.8rem}.topbar .identity .muted{font-size:.72rem;text-transform:capitalize}.command-palette{position:fixed;z-index:100;top:62px;left:50%;transform:translateX(-34%);width:min(520px,calc(100vw - 2rem));max-height:420px;overflow:auto;background:#fff;border:1px solid var(--ui-line);border-radius:13px;padding:.5rem;box-shadow:0 24px 80px rgba(13,45,45,.2)}.command-head{padding:.55rem .65rem;color:#7b8c8c;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.command-item{width:100%;display:flex;align-items:center;gap:.7rem;border:0;background:transparent;text-align:left}.command-item:hover{background:#f0f7f5}.command-icon{width:18px;height:18px;color:var(--ui-teal)}.command-empty{padding:1rem;color:var(--ui-muted);font-size:.85rem;margin:0}
.main{max-width:1640px;padding:1.75rem 1.8rem 3rem}.main-v2>div{animation:uiFade .18s ease}@keyframes uiFade{from{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:none}}.pagehead{margin-bottom:1.35rem;align-items:center}.pagehead h1{font-size:1.65rem;color:#10292d}.pagehead .muted{margin:.22rem 0 0;font-size:.9rem;color:#687c7d}.page-eyebrow{display:block;margin-bottom:.18rem;font-size:.65rem;font-weight:800;letter-spacing:.11em;color:#7b9290}.pagehead>.actions .primary{box-shadow:0 5px 13px rgba(15,110,97,.14)}
button{border-color:#dce5e5;border-radius:9px;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#c9d8d6}button.primary{background:linear-gradient(180deg,#16806f,#0f6b5f);border-color:#0f6b5f;box-shadow:0 4px 10px rgba(15,107,95,.1)}input,select,textarea{border-color:#cbd9d8;border-radius:9px;background:#fff}input:focus,select:focus,textarea:focus{border-color:#5cae9f;box-shadow:0 0 0 3px rgba(83,187,170,.12);outline:0}
.panel,.table-wrap,.metric{border-color:var(--ui-line);box-shadow:var(--ui-shadow)}.panel{border-radius:14px;padding:1.25rem;background:var(--ui-surface)}.panel h2{color:#163236}.panel-v2{position:relative}.table-wrap{border-radius:12px;box-shadow:none}.table-v2{font-size:.86rem}.table-v2 th{position:sticky;top:0;z-index:1;background:#f8fafa;color:#5d7272;font-size:.75rem;text-transform:none;letter-spacing:.01em}.table-v2 th,.table-v2 td{padding:.78rem .9rem}.table-v2 tbody tr{transition:background .12s ease}.table-v2 tbody tr:hover{background:#f4faf8}.toolbar-v2{margin:.7rem 0 1rem}.toolbar-v2 input[type=search]{height:40px;min-width:280px;background:#fbfcfc}.badge{border-radius:999px;padding:.18rem .55rem;font-weight:650}.badge.warn{background:#fff5dd;color:#95680d}.badge.bad{background:#fdebed;color:#ad3344}.pager{margin-top:.85rem}.empty{border-style:dashed!important;background:#fbfdfc!important;box-shadow:none!important;padding:2.3rem!important}.empty::before{content:'◇';display:block;font-size:1.45rem;color:#8ca7a2;margin-bottom:.4rem}
.dashboard-view .pagehead{position:relative;padding-right:240px;margin-bottom:1.05rem}.dashboard-view .pagehead h1{font-size:2rem}.dashboard-date{position:absolute;right:0;top:.25rem;color:#687c7d;font-size:.8rem;text-transform:capitalize}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric-v2{position:relative;min-height:116px;padding:1rem 1rem 1rem 4rem;border-radius:13px;background:#fff;overflow:hidden}.metric-v2::after{content:'';position:absolute;inset:auto -24px -36px auto;width:95px;height:95px;border-radius:50%;background:rgba(15,110,97,.025)}.metric-v2 strong{font-size:1.7rem;margin-top:.22rem;color:#112f34}.metric-v2 .muted{color:#587071;font-weight:600}.metric-icon{position:absolute;left:1rem;top:1rem;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--ui-teal-soft);color:var(--ui-teal)}.metric-icon .ui-icon{width:19px;height:19px}.metric-1 .metric-icon{background:#eaf2ff;color:var(--ui-blue)}.metric-2 .metric-icon{background:#f0ebff;color:var(--ui-purple)}.metric-3 .metric-icon{background:#fff1d9;color:#b46c08}.dashboard-content-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr);gap:.9rem;margin-top:.95rem}.dashboard-main-column,.dashboard-side-column{display:grid;gap:.9rem;align-content:start}.operation-card{margin:0;min-height:330px}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-title-row h2{margin:0;font-size:1.02rem}.panel-hint{font-size:.75rem;color:#738686}.operation-bars{display:grid;gap:1rem;padding:.5rem .15rem}.operation-row{display:grid;gap:.38rem}.operation-label{display:flex;justify-content:space-between;gap:1rem;font-size:.82rem;color:#506969}.operation-label strong{color:#183536}.operation-track{height:10px;background:#edf2f2;border-radius:999px;overflow:hidden}.operation-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#58c8aa,#118170);min-width:0}.attention-panel{margin:0}.attention-panel>h2{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;font-size:1rem;color:#9d3d2f}.attention-panel .toolbar{display:none}.attention-panel .table-wrap{border:0;border-radius:0}.attention-panel table th{display:none}.attention-panel table td{padding:.65rem .3rem;font-size:.8rem}.attention-panel .pager{display:none}.attention-panel .empty{margin:0;background:#f7fbf9!important;color:#4d756c!important}.attention-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:999px;background:#fbe7e4;color:#c34538;font-size:.72rem}.attention-count.ok{background:#e7f5ef;color:#187653}.quick-actions-card{margin:0;padding:1rem}.quick-action-row{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:.7rem;text-align:left;padding:.65rem .25rem}.quick-action-row+ .quick-action-row{border-top:1px solid #edf1f1}.quick-action-row:hover{background:#f7fbfa;transform:none}.quick-action-icon{width:32px;height:32px;padding:7px;border-radius:9px;background:#e9f5f1;color:var(--ui-teal);flex:0 0 32px}.quick-action-row>span{display:grid}.quick-action-row strong{font-size:.8rem;font-weight:700}.quick-action-row small{font-size:.71rem;color:#748686}
.auth-v2{background:#f7f9f9}.auth-v2 .auth-aside{background:radial-gradient(circle at 25% 25%,rgba(68,193,159,.14),transparent 28%),linear-gradient(160deg,#0a3a39,#082b2c);position:relative;overflow:hidden}.auth-v2 .auth-aside::after{content:'';position:absolute;width:360px;height:360px;border:1px solid rgba(115,225,194,.13);border-radius:50%;right:-150px;bottom:-150px}.auth-v2 .auth-card{background:white;padding:2rem;border:1px solid var(--ui-line);border-radius:18px;box-shadow:0 22px 65px rgba(18,45,45,.09)}.auth-v2 .auth-card h1{font-size:1.8rem}.auth-v2 .notice{border:1px solid #f1dfaf}
@media(max-width:1180px){.layout{grid-template-columns:220px minmax(0,1fr)}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-content-grid{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:1fr 1fr}.global-search{max-width:390px}.topbar>.badge{display:none}}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto;display:block;padding:.8rem}.sidebar .brand{display:inline-flex;min-width:190px}.sidebar nav{display:flex;margin:.4rem 0 0;overflow-x:auto;padding-bottom:.2rem}.sidebar nav a{flex:0 0 auto}.nav-section,.sidebar footer,.brand-sub{display:none!important}.topbar{position:sticky;top:0;padding:.55rem .8rem}.org-picker{width:180px}.global-search{display:none}.topbar-actions{margin-left:auto}.main{padding:1.2rem}.dashboard-view .pagehead{padding-right:0}.dashboard-date{position:static;margin-top:.5rem}.dashboard-side-column{grid-template-columns:1fr}}
@media(max-width:620px){.topbar{flex-wrap:wrap}.org-picker{width:100%;order:1}.topbar-actions{order:2;width:100%;justify-content:flex-end}.topbar>.badge{display:inline-block;margin:0 auto 0 0}.topbar .identity{display:none}.dashboard-metrics{grid-template-columns:1fr 1fr}.metric-v2{padding-left:3.5rem}.metric-icon{width:32px;height:32px}.dashboard-view .pagehead h1{font-size:1.65rem}.pagehead{align-items:flex-start}.table-v2 th,.table-v2 td{padding:.7rem .75rem}.command-palette{top:110px;transform:translateX(-50%);left:50%}}
@media(max-width:430px){.dashboard-metrics{grid-template-columns:1fr}.quick-create-menu{right:auto;left:0}.main{padding:1rem}.panel{padding:1rem}}
@media print{.command-palette,.quick-create-menu,.dashboard-date{display:none!important}}