:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7fb;background:#040914;--panel:#081524;--line:#20344d;--green:#42cd66;--blue:#2e8deb;--purple:#8244d4;--gold:#dfa11b;--red:#e34858;--orange:#e88322;--cyan:#26b3c8}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#0a1830,#050a16 47%,#02060c)}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #4bcaff;outline-offset:2px}.app-shell{--sidebar-width:180px;--right-width:270px;display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:hidden;background:#06101b;border-right:1px solid #16283b;padding:10px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:8px;align-items:center;min-height:48px;border-bottom:1px solid #14263a;font-size:24px}.brand b{display:block;font-size:16px}.brand small{display:block;font-size:6px;color:#55d46b}.overview,.nav-link{width:100%;border:0;background:transparent;border-radius:6px;padding:7px 8px;display:flex;gap:8px;align-items:center;text-align:left}.overview{margin:10px 0;background:linear-gradient(90deg,#472176,#682ab0)}.sidebar-scroll{overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.sidebar-scroll::-webkit-scrollbar,.dashboard-scroll::-webkit-scrollbar,.right-rail::-webkit-scrollbar,.table-wrap::-webkit-scrollbar{width:8px;height:8px}.sidebar-scroll::-webkit-scrollbar-thumb,.dashboard-scroll::-webkit-scrollbar-thumb,.right-rail::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:#243a55;border-radius:99px}.nav-title{font-size:6px;color:#718197;margin:10px 7px 4px}.nav-link{font-size:7px;color:#bdc7d5}.nav-link:hover{background:#0b1a2b}.nav-link em{margin-left:auto;background:#b32235;border-radius:99px;padding:1px 5px;font-style:normal;font-size:6px}.admin-status{margin-top:auto;padding:8px!important;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px}.admin-status b,.admin-status small{display:block}.admin-status b{font-size:7px}.admin-status small{font-size:6px;color:#8f9daf}.admin-status span{font-size:6px;color:#51d970}.sidebar-toggle{position:absolute;right:-13px;top:78px;width:26px;height:34px;border:1px solid #293d56;border-radius:0 7px 7px 0;background:#0a1625;display:grid;place-items:center}.resize-handle{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:40}.sidebar-handle{right:-3px}.right-handle{left:-3px}.main{min-width:0;height:100vh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;padding:0 10px}.topbar{min-height:62px;display:grid;grid-template-columns:auto minmax(280px,430px) auto;gap:16px;align-items:center;border-bottom:1px solid #1b2d43}.title-area{display:flex;align-items:center;gap:8px}.title-area h1{font-size:18px;margin:0}.title-area p{font-size:8px;margin:2px 0;color:#9eaabc}.mobile-menu{display:none;border:0;background:transparent}.top-search{border:1px solid #263950;background:#071320;border-radius:6px;padding:8px 10px;display:flex;gap:7px;align-items:center}.top-search input{width:100%;border:0;background:transparent;color:#fff}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:7px}.top-actions button{border:1px solid #263950;background:#091625;border-radius:5px;padding:6px 8px;display:flex;gap:5px}.dashboard-scroll{overflow:auto;overscroll-behavior:contain;padding-bottom:9px}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #20344d;border-radius:8px;box-shadow:0 8px 22px #0003}.metrics-grid{display:grid;grid-template-columns:repeat(10,minmax(120px,1fr));gap:7px;margin:9px 0;min-width:1180px}.metric{height:88px;padding:8px}.metric small,.metric span{display:block;font-size:6px}.metric b{display:block;font-size:18px;margin:6px 0}.metric.green b{color:#49d270}.metric.blue b{color:#4a9cef}.metric.purple b{color:#aa6bea}.metric.gold b{color:#e4ad25}.metric.red b{color:#ef4f5f}.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--right-width);gap:8px;align-items:start}.workspace-main{display:grid;gap:8px;min-width:0}.right-rail{position:sticky;top:0;display:grid;gap:8px;max-height:calc(100vh - 130px);overflow:auto;align-content:start}.collapsible{padding:0;overflow:hidden}.panel-header{min-height:36px;padding:6px 8px;border-bottom:1px solid #1b2d42;display:flex;justify-content:space-between;align-items:center}.collapse-toggle{border:0;background:transparent;display:flex;gap:6px;align-items:center;font-size:8px}.panel-actions{display:flex;gap:5px}.panel-actions button{border:1px solid #293b53;background:#0a1929;border-radius:4px;padding:4px 6px;font-size:6px}.icon-action{display:grid!important;place-items:center}.panel-body{padding:8px;min-width:0}.panel-expanded{position:fixed!important;z-index:100;top:12px!important;right:12px!important;bottom:12px!important;left:12px!important;max-height:none!important;background:#071321}.panel-expanded .panel-body{height:calc(100vh - 64px);overflow:auto}.top-grid{display:grid;grid-template-columns:1.8fr .9fr .9fr;gap:8px}.middle-grid{display:grid;grid-template-columns:1.55fr .9fr .9fr;gap:8px}.bottom-grid{display:grid;grid-template-columns:1.2fr .85fr .9fr .75fr;gap:8px}.table-wrap{overflow:auto;max-height:270px}table{width:100%;border-collapse:collapse;min-width:800px;font-size:6px}th,td{border-bottom:1px solid #1b2d42;padding:7px;text-align:left}.loadbar{width:54px;height:6px;background:#17273c;border-radius:99px;display:inline-block;margin-right:4px}.loadbar i{display:block;height:100%;background:#4cc963;border-radius:inherit}.ok-text{color:#50d872}.warn-text{color:#f0b02f}.mini-btn{border:1px solid #6334aa;background:#2b174c;border-radius:4px;padding:4px 6px;font-size:6px}.donut-wrap,.ai-health,.attendance{display:grid;grid-template-columns:125px 1fr;gap:9px;align-items:center}.donut,.gauge-ring{width:120px;height:120px;border-radius:50%;padding:14px;display:grid;place-items:center}.workload{background:conic-gradient(#2f8eea 0,#2f8eea 25%,#53bd4d 25%,#53bd4d 73%,#dfa21b 73%,#dfa21b 94%,#df4857 94%)}.attendance-ring{background:conic-gradient(#42c968 0,#42c968 96%,#25354b 96%)}.gauge-ring{background:conic-gradient(#56bd49 0,#56bd49 98%,#25354b 98%)}.donut span,.gauge-ring span{height:100%;width:100%;border-radius:50%;background:#091625;display:grid;place-items:center;align-content:center;text-align:center}.donut b,.gauge-ring b{font-size:18px}.donut small,.gauge-ring small{font-size:6px}.donut-wrap ul,.ai-health ul,.attendance ul{list-style:none;padding:0;margin:0;display:grid;gap:7px;font-size:6px}.donut-wrap li,.ai-health li,.attendance li{display:flex;justify-content:space-between}.department-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.dept-card{border:1px solid #243852;border-radius:6px;background:#0a1828;padding:7px}.dept-card h3{font-size:8px;margin:0 0 5px}.dept-card p{font-size:6px;color:#a2afbe}.dept-card span{display:flex;justify-content:space-between;font-size:6px}.dept-card.purple{border-color:#64409d}.dept-card.blue{border-color:#2c5c9e}.dept-card.green{border-color:#316d45}.dept-card.gold{border-color:#8c671d}.dept-card.cyan{border-color:#2b6f80}.dept-card.pink{border-color:#8a3c60}.queue-list{display:grid}.queue-row{display:grid;grid-template-columns:.7fr 1.7fr 1fr .7fr .9fr .7fr;gap:5px;border-bottom:1px solid #1b2d42;padding:7px 0;font-size:6px}.approval-list{display:grid;gap:6px}.approval-list article{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border:1px solid #2b394d;border-radius:5px;padding:7px}.approval-list b,.approval-list small{display:block}.approval-list b{font-size:7px}.approval-list small{font-size:6px;color:#95a2b4}.approval-list span{font-size:6px;border-radius:4px;padding:3px 5px}.approval-list .high{background:#4c171d;color:#ff7d86}.approval-list .normal{background:#123c23;color:#65df83}.approval-list button{border:1px solid #673143;background:#37151d;border-radius:4px;padding:5px 7px;font-size:6px}.line-chart{width:100%;height:210px;background:repeating-linear-gradient(to bottom,#0b192b 0,#0b192b 49px,#22364a22 50px)}.job-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.job-stats article{border:1px solid #21354e;border-radius:5px;padding:7px;text-align:center}.job-stats small{display:block;font-size:6px}.job-stats b{font-size:16px}.red-text{color:#ef4c5a}.cost-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.cost-row span{border:1px solid #21354e;border-radius:5px;padding:7px;font-size:6px}.cost-row b{display:block;font-size:12px}.safety-list,.alert-list,.schedule-list{list-style:none;padding:0;margin:0;display:grid}.safety-list li{display:flex;justify-content:space-between;border-bottom:1px solid #1c2d42;padding:8px 0;font-size:6px}.safety-list b{color:#e1a329}.alert-list li{display:grid;grid-template-columns:55px 42px 1fr;gap:5px;border-bottom:1px solid #1c2e43;padding:7px 0;font-size:6px}.alert-list span{border-radius:4px;text-align:center;padding:3px}.alert-list .high{background:#4d171e;color:#ff7f88}.alert-list .medium{background:#4a3910;color:#edc65e}.alert-list .info{background:#123454;color:#63b8ff}.schedule-list li{display:grid;grid-template-columns:65px 1fr;border-bottom:1px solid #1c2d42;padding:8px 0;font-size:6px}.schedule-list small{grid-column:2;color:#8f9daf}.quick-actions{display:grid;gap:6px}.quick-actions button{border:1px solid #30355e;background:#19133b;border-radius:5px;padding:8px;display:flex;gap:7px;align-items:center;font-size:6px}.quick-actions button:nth-child(2){background:#123865}.quick-actions button:nth-child(3){background:#174526}.quick-actions button:nth-child(4){background:#4a3511}.quick-actions button:nth-child(5){background:#0e3f4a}.status-bar{min-height:55px;border-top:1px solid #1b2e44;background:#06101c;display:flex;align-items:center;gap:5px;overflow-x:auto;padding:6px}.status-bar>div{flex:1 0 105px;border-right:1px solid #173049;display:grid;grid-template-columns:auto 1fr;gap:4px;padding:3px 8px}.status-bar span{color:#48d16a}.status-bar b{font-size:6px}.status-bar small{grid-column:2;font-size:5px;color:#8f9daf}.status-bar button{margin-left:auto;flex:0 0 auto;border:1px solid #24374f;background:#091624;border-radius:5px;padding:7px 9px;display:flex;gap:5px;font-size:6px}.compact .metric{height:70px}.compact .metric b{font-size:15px}.compact .panel-header{min-height:31px}.compact .panel-body{padding:6px}.compact .line-chart{height:165px}.fallback-panel{padding:12px;display:grid;gap:8px;color:#ffd56e}.fallback-panel button,.fatal-card button{width:max-content;border:0;background:#5f2fb2;border-radius:5px;padding:8px 12px}.fatal-shell{min-height:100vh;display:grid;place-items:center}.fatal-card{max-width:600px;background:#091625;border:1px solid #30475f;border-radius:10px;padding:22px}.fatal-card pre{white-space:pre-wrap;background:#030810;padding:9px;border-radius:5px;color:#ffb5b5}.fatal-actions{display:flex;gap:8px}@media(max-width:1400px){.metrics-grid{grid-template-columns:repeat(5,minmax(140px,1fr));min-width:0}.top-grid{grid-template-columns:1.5fr 1fr}.top-grid>*:last-child{grid-column:1/3}.middle-grid{grid-template-columns:1fr 1fr}.middle-grid>*:first-child{grid-column:1/3}.bottom-grid{grid-template-columns:1fr 1fr}.department-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.right-rail{position:static;max-height:none;grid-template-columns:repeat(2,1fr)}.right-handle{display:none}.topbar{grid-template-columns:1fr 1fr}.top-actions{grid-column:1/3}.top-search{width:100%}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform .2s ease}.sidebar:not(.collapsed){transform:translate(0)}.main{padding-inline:7px}.mobile-menu{display:inline-grid}.topbar{grid-template-columns:1fr;padding:8px 0}.top-actions{grid-column:auto;justify-content:flex-start;overflow-x:auto}.metrics-grid{grid-template-columns:repeat(2,minmax(150px,1fr))}.top-grid,.middle-grid,.bottom-grid,.right-rail{grid-template-columns:1fr}.top-grid>*:last-child,.middle-grid>*:first-child{grid-column:auto}.department-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.title-area h1{font-size:14px}.top-actions span{display:none}.metrics-grid,.department-grid{grid-template-columns:1fr 1fr}.donut-wrap,.ai-health,.attendance{grid-template-columns:1fr}.donut,.gauge-ring{margin:auto}.job-stats{grid-template-columns:1fr 1fr}.cost-row{grid-template-columns:1fr}.queue-row{grid-template-columns:1fr 1fr 1fr}.queue-row span:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}