body{background:#09131a;color:#e8f3f6;font:13px/1.5 'DM Sans',sans-serif}.desktop-window{max-width:1600px;margin:18px auto 35px;background:#0f1e27;border:1px solid #2b414c;border-radius:12px;overflow:hidden;box-shadow:0 22px 80px #0008}.window-title{height:42px;background:#14232a;display:flex;align-items:center;justify-content:space-between;padding:0 15px 0 18px;border-bottom:1px solid #2c434e;color:#d8e5e9;font-size:11px;font-weight:800;letter-spacing:1.1px}.window-title>div{display:flex;align-items:center;gap:9px}.desktop-orb{color:#5fe6a4;font-size:21px}.build-label{background:#1f3937;color:#5fdba1;border:1px solid #2b6656;padding:4px 8px;border-radius:4px;font-size:9px}.window-controls{color:#7393a1}.window-controls span{font-size:15px;color:#c0d1d6}.app-layout{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:780px}.sidebar{background:#10232b;border-right:1px solid #2c414b;display:flex;flex-direction:column;padding:26px 12px 18px}.side-brand{display:flex;align-items:center;gap:13px;padding:0 12px 39px;font:800 25px/1 'Manrope';letter-spacing:-1px}.side-brand>.desktop-orb{font-size:38px}.side-brand span span{color:#55dfa0}.side-brand small{display:block;color:#79969f;font:800 9px 'DM Sans';letter-spacing:2px;margin-top:8px}.workspace-label{font-size:9px;color:#6e8791;padding:0 14px 12px;letter-spacing:2px;font-weight:800}.workspace-label.second{padding-top:27px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 15px;border:0;background:transparent;color:#9cb2bb;border-radius:8px;font-size:12px;font-weight:700}.sidebar nav button span{font-size:19px;line-height:1}.sidebar nav button:hover{background:#1a363c;color:#e4fff0}.sidebar nav button.active{background:#3bd990;color:#073325}.side-bottom{margin-top:auto;background:#17322e;border:1px solid #225146;border-radius:9px;padding:14px;color:#b8e3d0;font-size:11px;font-weight:800}.side-bottom small{display:block;color:#789f90;font-size:10px;margin:6px 0 0 16px}.live-dot{display:inline-block;width:7px;height:7px;background:#5cdd98;border-radius:50%;margin-right:7px;box-shadow:0 0 0 4px #2b684d88}.app-body{display:flex;flex-direction:column;min-width:0}.app-header{height:68px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a3c46;padding:0 30px}.crumb{color:#728b97;font-size:12px}.crumb span{margin:0 10px;color:#486471}.crumb strong{color:#e1edf2}.app-header-right{display:flex;align-items:center;gap:20px;color:#8ca4ae;font-size:11px}.live-label{border:1px solid #25634b;background:#19362f;color:#55d898;padding:6px 10px;border-radius:6px;font-weight:800}.avatar{width:32px;height:32px;background:#30584e;color:#c0f9da;border-radius:50%;display:grid;place-items:center;font-weight:800}.app-main{padding:33px 30px 50px;flex:1;background:radial-gradient(circle at 90% 0%,#1c3435,#0e1b23 35%)}.view.hidden{display:none}.view-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.view-heading .eyebrow{color:#4bd897;letter-spacing:2px;font-size:10px}.view-heading h1{font-size:30px;letter-spacing:-1px;margin:7px 0}.view-heading h1 span{color:#5cde9b}.view-heading p{color:#829ba5}.action-btn{border:0;border-radius:7px;background:#42d98e;color:#053a24;font-size:12px;font-weight:900;padding:13px 18px;white-space:nowrap}.action-btn:hover{background:#8af0ba}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.metrics-three{grid-template-columns:repeat(3,1fr)}.metric{background:#152932;border:1px solid #2b434d;border-radius:10px;padding:19px 20px;min-height:139px}.metric>div{display:flex;justify-content:space-between;align-items:center;color:#9bb3bc;font-size:11px}.metric-icon{background:#274d59;color:#66c7d8;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;font-size:20px}.metric-icon.good{background:#1f4a3c;color:#58dc96}.metric-icon.warn{background:#51432a;color:#ffce70}.metric>strong{display:block;margin:11px 0 1px;font:800 34px 'Manrope';letter-spacing:-1px;color:#fff}.metric>strong em{font:700 17px 'DM Sans';color:#b4c5cb}.metric small{font-size:10px;color:#7d98a3}.metric small b{color:#54dca0}.board-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:17px}.panel{border:1px solid #2a434d;background:#142731;border-radius:10px;min-width:0}.chart-panel,.distribution-panel{padding:23px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.panel-head h2,.settings-panel h2{font-size:16px;letter-spacing:-.4px;margin:0 0 5px}.panel-head p{font-size:11px;color:#7795a0}.panel-head select,.orders-filters select{border:1px solid #36505b;background:#182e38;color:#b7cbd1;padding:9px 12px;border-radius:6px;font-size:11px}.chart-legend{display:flex;gap:19px;font-size:10px;color:#90a9b3;margin-top:24px}.chart-legend span{display:flex;gap:7px;align-items:center}.chart-legend i{width:10px;height:10px;border-radius:2px;display:inline-block}.legend-one{background:#56db9a}.legend-two{background:#3e7280}.chart-area{height:230px;display:flex;align-items:end;justify-content:space-around;gap:10px;border-bottom:1px solid #37515b;background:repeating-linear-gradient(to top,transparent 0,transparent 44px,#273e4855 45px,#273e4855 46px);margin-top:17px;padding:0 5px}.chart-group{flex:1;max-width:58px;display:flex;gap:5px;align-items:end;height:100%;position:relative;padding-bottom:26px}.bar{width:40%;min-height:2px;border-radius:3px 3px 0 0;transition:height .3s}.bar.one{background:linear-gradient(#5ee4aa,#32a874)}.bar.two{background:#355e6b}.bar-label{position:absolute;bottom:2px;text-align:center;width:100%;font-size:9px;color:#7898a3}.donut{height:178px;width:178px;border-radius:50%;margin:25px auto 20px;background:conic-gradient(#52df99 0 86%,#3c8bb0 86% 97%,#efbd5f 97% 100%);display:grid;place-items:center}.donut-center{width:125px;height:125px;background:#142731;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.donut-center strong{font:800 31px 'Manrope'}.donut-center small{color:#7c9ba7}.donut-list{display:grid;gap:10px}.donut-list div{display:flex;align-items:center;gap:10px;color:#9bb3be;font-size:11px}.donut-list b{margin-left:auto;color:#eaf4f6}.donut-list i,.timeline-dot{display:inline-block;height:8px;width:8px;border-radius:50%}.good-dot{background:#50df98}.blue-dot{background:#3e9fc3}.yellow-dot{background:#f4bd54}.table-panel{margin-top:18px;padding:22px}.text-action{background:none;border:none;color:#5ddfa1;font-size:11px;font-weight:800}.table-scroll{overflow-x:auto}.table-scroll table{border-collapse:collapse;width:100%;min-width:650px;margin-top:17px}.table-scroll th{text-align:left;padding:13px 10px;color:#7e9ba6;font-size:10px;border-bottom:1px solid #2a444e;font-weight:800}.table-scroll td{padding:14px 10px;font-size:11px;color:#c8d9df;border-bottom:1px solid #263b43}.table-scroll td:nth-child(1){color:#62dca0;font-weight:900}.status{padding:5px 9px;border-radius:5px;font-size:10px;font-weight:800;white-space:nowrap}.status.done{background:#1e4238;color:#78e8af}.status.progress{background:#173e55;color:#76c4e7}.status.review{background:#50452e;color:#f2ce7b}.priority-high{color:#f7ab8e}.priority-mid{color:#f0ce81}.priority-low{color:#89a9c4}.statusbar{display:flex;justify-content:space-between;gap:15px;padding:10px 20px;background:#10232b;border-top:1px solid #2b434c;color:#7897a0;font-size:10px}.orders-filters{display:flex;gap:12px;padding:20px;flex-wrap:wrap}.orders-filters input{flex:1;min-width:220px;background:#0f222b;border:1px solid #36505b;padding:11px;border-radius:6px;color:#e9f7f5;font-size:12px}.secondary-btn{border:1px solid #37535d;background:#1b333d;color:#c7d7dd;border-radius:7px;padding:12px 15px;font-size:11px;font-weight:800}.secondary-btn:hover{border-color:#55dca0}.view-orders .table-scroll{padding:0 20px}.table-foot{padding:14px 20px;font-size:11px;color:#6f929e}.analytics-panel{padding:25px;margin-top:20px}.departments{display:grid;gap:24px;padding:30px 10px}.dept-label{display:flex;justify-content:space-between;gap:15px;margin-bottom:9px;color:#c6d9de;font-size:12px}.track{height:12px;border-radius:100px;background:#243c44;overflow:hidden}.fill{height:100%;background:linear-gradient(90deg,#2a9b73,#5de4a4);border-radius:100px;transition:width .25s}.activity-panel{padding:35px}.timeline{display:grid;gap:0}.timeline>div{display:flex;gap:16px;padding:0 0 35px;position:relative}.timeline>div:not(:last-child):before{content:'';position:absolute;left:4px;top:14px;bottom:0;width:1px;background:#2e5252}.timeline-dot{margin-top:5px;flex-shrink:0;position:relative;z-index:1}.timeline strong{font-size:13px}.timeline p{color:#7896a0;font-size:11px;margin-top:6px}.settings-panel{padding:30px;max-width:700px}.setting{display:flex;justify-content:space-between;gap:18px;padding:25px 0;border-bottom:1px solid #2b414b}.setting strong{font-size:13px}.setting p{color:#7e98a3;font-size:11px;margin-top:5px}.switch{position:relative;display:inline-block;width:43px;height:24px}.switch input{opacity:0;width:0;height:0}.switch span{position:absolute;inset:0;background:#49606a;border-radius:20px;cursor:pointer}.switch span:before{content:'';position:absolute;width:18px;height:18px;left:3px;top:3px;background:white;border-radius:50%;transition:.2s}.switch input:checked+span{background:#38bc7d}.switch input:checked+span:before{transform:translateX(19px)}.muted-notice{color:#86a1aa;font-size:11px;margin-top:20px}.compact .table-scroll td{padding-top:7px;padding-bottom:7px}.no-motion *{transition:none!important}.modal-backdrop{position:fixed;inset:0;background:#030d10cf;display:grid;place-items:center;z-index:10000;padding:20px}.modal-backdrop[hidden]{display:none}.modal{background:#19313b;color:#eaf4f8;border:1px solid #40606a;border-radius:12px;width:min(440px,100%);padding:28px;box-shadow:0 22px 65px #0009}.modal-heading{display:flex;justify-content:space-between}.modal h2{font-size:19px}.modal-heading button{background:none;color:#b2c6ce;border:0;font-size:26px}.modal p{color:#8ea9b2;font-size:11px;margin:14px 0}.modal form{display:grid;gap:16px}.modal form label{display:grid;gap:7px;font-size:11px;font-weight:800}.modal form input,.modal form select{padding:11px;color:#dceef4;background:#10252f;border:1px solid #3c5863;border-radius:6px}.modal form button{margin-top:8px}@media(max-width:1000px){.app-layout{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:25px 8px}.app-main{padding:25px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.board-grid{grid-template-columns:1fr 1fr}.chart-panel{grid-column:1/3}.distribution-panel{grid-column:1/3}.donut-list{max-width:250px;margin:auto}}@media(max-width:650px){.desktop-window{margin:0 0 25px;border-radius:0}.app-layout{grid-template-columns:1fr}.sidebar{padding:8px;flex-direction:row;align-items:center;overflow-x:auto;border-right:0;border-bottom:1px solid #2d464f}.sidebar .side-brand,.sidebar .workspace-label,.sidebar .side-bottom{display:none}.sidebar nav{display:flex;gap:4px}.sidebar nav button{white-space:nowrap;width:auto;font-size:10px;padding:9px}.sidebar nav button span{font-size:15px}.sidebar nav button[data-view=settings]{display:none}.app-header{padding:0 15px}.header-date,.live-label,.window-controls{display:none}.app-main{padding:24px 12px}.view-heading{align-items:start;flex-direction:column}.view-heading h1{font-size:27px}.metrics{gap:8px}.metric{padding:12px;min-height:115px}.metric strong{font-size:26px}.metric>div{font-size:10px}.chart-panel,.distribution-panel,.table-panel{padding:14px}.chart-group{gap:2px}.statusbar{display:block}.statusbar span:last-child{display:none}.orders-filters{padding:12px}.board-grid{display:block}.distribution-panel{margin-top:15px}}