:root{
  --bg:#f4f7fb;--surface:#ffffff;--surface-2:#f8fafc;--text:#0f172a;--muted:#64748b;--line:#e6ebf2;
  --navy:#10233f;--navy-2:#18365e;--gold:#c99a34;--blue:#2563eb;--purple:#7c3aed;--emerald:#059669;--amber:#d97706;--red:#dc2626;
  --teal:#0f9f9a;--cyan:#0891b2;--orange:#ea580c;--sky:#0284c7;--violet:#8b5cf6;--slate:#475569;
  --shadow:0 12px 34px rgba(15,23,42,.08);--shadow-sm:0 5px 18px rgba(15,23,42,.06);--radius:22px;--radius-sm:14px;
  --sidebar:264px;--dept:#2563eb;--dept-soft:rgba(37,99,235,.10);
  color-scheme:light;
}
html[data-theme="dark"]{--bg:#08111f;--surface:#101b2c;--surface-2:#0c1727;--text:#eef5ff;--muted:#9fb0c7;--line:#203049;--navy:#0a1628;--navy-2:#142744;--shadow:0 15px 38px rgba(0,0,0,.32);--shadow-sm:0 6px 20px rgba(0,0,0,.26);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:14px;letter-spacing:-.01em}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}
.hidden{display:none!important}.muted{color:var(--muted)}.danger-text{color:var(--red)}.good-text{color:var(--emerald)}.amber-text{color:var(--amber)}.nowrap{white-space:nowrap}.mono{font-family:"SFMono-Regular",Consolas,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Login */
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);background:var(--surface)}
.login-brand{position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;color:#fff;background:radial-gradient(circle at 25% 18%,rgba(110,168,255,.35),transparent 28%),radial-gradient(circle at 80% 70%,rgba(124,58,237,.32),transparent 30%),linear-gradient(145deg,#07172d,#102c54 52%,#11213a)}
.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:34px;transform:rotate(18deg)}.login-brand:before{width:430px;height:260px;right:-100px;top:5%}.login-brand:after{width:620px;height:360px;right:-240px;bottom:-10%}
.brand-copy{position:relative;z-index:2;max-width:650px}.brand-mark{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,#fff,#cbdcf5);color:#10233f;display:grid;place-items:center;font-weight:900;font-size:27px;box-shadow:0 20px 55px rgba(0,0,0,.22);margin-bottom:28px}.brand-title{font-size:clamp(46px,6vw,88px);line-height:.92;letter-spacing:-.06em;font-weight:850;margin:0}.brand-sub{font-size:clamp(20px,2vw,30px);font-weight:650;margin:22px 0 8px}.brand-tag{color:#c5d7ee;font-size:17px;line-height:1.65;max-width:560px}.brand-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:34px}.brand-pills span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);padding:9px 13px;border-radius:999px;color:#eaf2ff}
.login-side{display:grid;place-items:center;padding:42px;background:linear-gradient(180deg,var(--surface),var(--surface-2))}.login-card{width:min(440px,100%)}.login-card h1{font-size:32px;letter-spacing:-.04em;margin:0 0 8px}.login-card .eyebrow{color:var(--blue);font-weight:800;letter-spacing:.08em;font-size:11px;text-transform:uppercase;margin-bottom:12px}.field{margin:18px 0}.field label{display:block;font-size:12px;font-weight:750;color:var(--muted);margin-bottom:8px}.control{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:14px 15px;outline:none;transition:.2s}.control:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.11)}.btn-primary{width:100%;border:0;border-radius:14px;padding:14px 18px;background:linear-gradient(135deg,#1f5ee9,#5b48e8);color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(37,99,235,.24)}.login-foot{display:flex;justify-content:space-between;gap:16px;margin-top:15px;color:var(--muted);font-size:12px}

/* App shell */
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:60;left:0;top:0;bottom:0;width:var(--sidebar);padding:18px 14px;background:linear-gradient(180deg,#0d1d34,#0a1526);color:#dce8f7;display:flex;flex-direction:column;transition:transform .24s ease,width .24s ease}.side-brand{display:flex;align-items:center;gap:12px;padding:10px 12px 20px}.side-logo{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#fff,#bfd4f2);color:#10233f;display:grid;place-items:center;font-weight:900}.side-brand strong{font-size:19px;letter-spacing:-.04em}.side-brand small{display:block;color:#7f99bb;font-size:10px;margin-top:2px;letter-spacing:.04em}.side-nav{overflow:auto;padding-right:3px;flex:1}.nav-group{font-size:10px;color:#617999;text-transform:uppercase;letter-spacing:.12em;font-weight:800;padding:15px 12px 7px}.nav-item{width:100%;border:0;background:transparent;color:#aebfd4;display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;text-align:left;margin:2px 0;transition:.18s;position:relative}.nav-item:hover{color:#fff;background:rgba(255,255,255,.06)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(73,123,255,.24),rgba(73,123,255,.08));box-shadow:inset 3px 0 #70a2ff}.nav-icon{width:25px;text-align:center;font-size:17px}.nav-label{flex:1}.nav-pin{font-size:11px;color:#607793}.sidebar-foot{border-top:1px solid rgba(255,255,255,.08);padding-top:11px}.legacy-link{display:flex;gap:9px;padding:10px 12px;color:#7891b2;border-radius:10px}.legacy-link:hover{background:rgba(255,255,255,.05);color:#fff}
.main{margin-left:var(--sidebar);min-height:100vh;transition:margin .24s}.topbar{position:sticky;top:0;z-index:45;min-height:74px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:12px 26px}.mobile-menu{display:none;border:0;background:var(--surface-2);color:var(--text);width:40px;height:40px;border-radius:12px}.search-wrap{position:relative;flex:1;max-width:680px}.search-box{width:100%;height:44px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:14px;padding:0 45px 0 42px;outline:none}.search-box:focus{background:var(--surface);border-color:#b9c8db;box-shadow:var(--shadow-sm)}.search-icon{position:absolute;left:15px;top:12px;color:var(--muted);font-size:17px}.kbd{position:absolute;right:10px;top:10px;border:1px solid var(--line);color:var(--muted);padding:2px 7px;border-radius:7px;font-size:11px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{height:40px;min-width:40px;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;display:grid;place-items:center;position:relative}.icon-btn:hover{box-shadow:var(--shadow-sm)}.notif-dot{position:absolute;right:7px;top:7px;width:8px;height:8px;background:var(--red);border:2px solid var(--surface);border-radius:50%}.profile-chip{display:flex;align-items:center;gap:9px;padding:5px 9px 5px 5px;border:1px solid var(--line);background:var(--surface);border-radius:13px}.avatar{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,var(--dept),#6d5cec);display:grid;place-items:center;color:#fff;font-weight:850}.profile-chip strong{font-size:12px;display:block}.profile-chip small{color:var(--muted);font-size:10px}
.content{padding:26px;max-width:1680px;margin:auto}.view{display:none}.view.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.055em;line-height:1.05}.page-head p{margin:8px 0 0;color:var(--muted)}.date-label{color:var(--muted);font-weight:650;font-size:12px;margin-bottom:8px}.head-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 13px;font-weight:750;display:inline-flex;align-items:center;gap:7px}.btn:hover{box-shadow:var(--shadow-sm)}.btn.accent{background:var(--dept);border-color:transparent;color:#fff}.btn.ai{background:linear-gradient(135deg,#6d28d9,#4f46e5);border:0;color:#fff}.btn.good{background:var(--emerald);border:0;color:#fff}.btn.danger{background:var(--red);border:0;color:#fff}.btn.small{font-size:11px;padding:7px 9px;border-radius:9px}

/* Cards/design system */
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.card.flat{box-shadow:none}.card-title{font-size:15px;font-weight:850;letter-spacing:-.02em}.card-sub{color:var(--muted);font-size:12px;margin-top:3px}.grid{display:grid;gap:14px}.grid.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{position:relative;overflow:hidden;min-height:126px;padding:17px}.metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;top:-35px;background:var(--metric-soft,rgba(37,99,235,.10))}.metric-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.metric-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:var(--muted)}.metric-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--metric-soft,rgba(37,99,235,.10));color:var(--metric-color,var(--blue));font-size:17px}.metric-value{font-size:29px;font-weight:850;letter-spacing:-.05em;margin:13px 0 5px}.metric-foot{font-size:11px;color:var(--muted)}.trend-up{color:var(--emerald);font-weight:800}.trend-down{color:var(--red);font-weight:800}.metric.red{--metric-color:var(--red);--metric-soft:rgba(220,38,38,.10)}.metric.green{--metric-color:var(--emerald);--metric-soft:rgba(5,150,105,.10)}.metric.amber{--metric-color:var(--amber);--metric-soft:rgba(217,119,6,.10)}.metric.purple{--metric-color:var(--purple);--metric-soft:rgba(124,58,237,.10)}.metric.teal{--metric-color:var(--teal);--metric-soft:rgba(15,159,154,.10)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);gap:15px;margin-bottom:15px}.hero-card{background:linear-gradient(135deg,var(--dept),color-mix(in srgb,var(--dept) 70%,#111827));color:#fff;border:0;position:relative;overflow:hidden;padding:25px}.hero-card:before{content:"";position:absolute;inset:auto -70px -110px auto;width:300px;height:300px;border-radius:50%;border:44px solid rgba(255,255,255,.08)}.hero-card h2{font-size:clamp(28px,3vw,42px);margin:0 0 7px;letter-spacing:-.055em}.hero-card p{color:rgba(255,255,255,.78);margin:0}.hero-stat-row{display:flex;gap:26px;flex-wrap:wrap;margin-top:26px}.hero-stat strong{font-size:24px;display:block}.hero-stat span{font-size:11px;color:rgba(255,255,255,.72)}
.motivation-card{background:linear-gradient(145deg,var(--surface),color-mix(in srgb,var(--dept-soft) 58%,var(--surface)));position:relative;overflow:hidden}.quote-mark{font-size:48px;line-height:.7;color:var(--dept);opacity:.22;font-family:Georgia,serif}.quote-en{font-size:17px;line-height:1.5;font-weight:760;margin:10px 0}.quote-hi{font-size:14px;line-height:1.55;color:var(--muted)}.motivation-foot{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:10px}
.ai-insight{background:linear-gradient(145deg,rgba(124,58,237,.11),rgba(37,99,235,.06)),var(--surface);border-color:rgba(124,58,237,.18)}.ai-head{display:flex;align-items:center;gap:9px;color:var(--purple);font-weight:850}.ai-orb{width:33px;height:33px;border-radius:11px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;display:grid;place-items:center;box-shadow:0 8px 20px rgba(124,58,237,.22)}.ai-copy{font-size:14px;line-height:1.6;margin:12px 0 0}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:25px 2px 12px}.section-title h2{font-size:19px;margin:0;letter-spacing:-.035em}.section-title span{font-size:11px;color:var(--muted)}
.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;background:#edf2f7;color:#475569}.badge.green{background:rgba(5,150,105,.11);color:#047857}.badge.red{background:rgba(220,38,38,.10);color:#c31d1d}.badge.amber{background:rgba(217,119,6,.12);color:#bd6507}.badge.blue{background:rgba(37,99,235,.10);color:#1d4ed8}.badge.purple{background:rgba(124,58,237,.11);color:#6d28d9}.badge.slate{background:rgba(71,85,105,.12);color:#475569}html[data-theme=dark] .badge{color:#dce7f7}
.progress{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--dept),#8b5cf6)}.progress.gold>span{background:linear-gradient(90deg,#d59b2a,#f2c55b)}

/* Tasks */
.task-board{display:grid;grid-template-columns:repeat(4,minmax(250px,1fr));gap:13px;align-items:start;overflow-x:auto}.task-col{background:color-mix(in srgb,var(--surface-2) 80%,transparent);border:1px solid var(--line);border-radius:18px;padding:12px;min-height:240px}.task-col-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 11px;font-size:12px;font-weight:850}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:13px;margin-bottom:9px;box-shadow:0 4px 12px rgba(15,23,42,.04);transition:.18s}.task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.task-title{font-weight:800;line-height:1.35;margin:8px 0}.task-meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.task-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px}.task-actions button{border:1px solid var(--line);background:var(--surface-2);color:var(--text);font-size:10px;font-weight:800;border-radius:8px;padding:7px 8px}.task-actions button:first-child{background:var(--dept);border-color:var(--dept);color:#fff}

/* Command centre */
.command-hero{background:linear-gradient(145deg,#0b1d36,#133760);color:#fff;border:0;padding:25px;position:relative;overflow:hidden}.command-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:center}.health-ring{--p:86;width:170px;height:170px;border-radius:50%;background:conic-gradient(#3dd598 calc(var(--p)*1%),rgba(255,255,255,.13) 0);display:grid;place-items:center;position:relative;margin:auto}.health-ring:before{content:"";width:138px;height:138px;background:#102946;border-radius:50%;position:absolute}.health-score{position:relative;text-align:center}.health-score strong{font-size:42px;letter-spacing:-.07em}.health-score span{font-size:11px;color:#a8c3e6;display:block}.command-title{font-size:27px;font-weight:850;letter-spacing:-.045em}.command-status{font-size:15px;color:#c9def7;margin-top:9px;line-height:1.5}.redflag-list{display:grid;gap:8px;margin-top:17px}.redflag{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:13px;padding:11px;background:var(--surface)}.severity-dot{width:9px;height:9px;border-radius:50%;margin-top:4px;background:var(--amber);flex:none}.severity-dot.CRITICAL{background:var(--red)}.severity-dot.HIGH{background:#f97316}.severity-dot.MEDIUM{background:#eab308}.severity-dot.INFORMATION{background:var(--blue)}.redflag strong{font-size:12px}.redflag p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.4}

/* Factory / inventory / CRM */
.machine-grid,.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.machine-card,.inventory-card{position:relative}.machine-top,.inventory-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.machine-state{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:850}.state-led{width:9px;height:9px;border-radius:50%;background:var(--emerald);box-shadow:0 0 0 4px rgba(5,150,105,.10)}.state-led.red{background:var(--red);box-shadow:0 0 0 4px rgba(220,38,38,.10)}.state-led.amber{background:var(--amber);box-shadow:0 0 0 4px rgba(217,119,6,.10)}.machine-name,.inventory-name{font-weight:850;font-size:16px;margin:13px 0 4px}.machine-info,.inventory-info{color:var(--muted);font-size:11px;line-height:1.5}.inventory-weight{font-size:28px;font-weight:850;letter-spacing:-.05em;margin:12px 0 5px}.recommendation{margin-top:11px;padding:10px;border-radius:11px;background:rgba(124,58,237,.08);color:var(--text);font-size:11px;line-height:1.45}
.kanban{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:11px;overflow-x:auto;padding-bottom:8px}.kanban-col{background:var(--surface-2);border:1px solid var(--line);border-radius:17px;padding:10px;min-height:320px}.kanban-head{font-size:11px;font-weight:900;display:flex;justify-content:space-between;padding:4px 4px 10px;text-transform:uppercase;letter-spacing:.06em}.lead-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:11px;margin-bottom:8px}.lead-card strong{font-size:12px}.lead-card p{font-size:10px;color:var(--muted);margin:5px 0}.lead-value{font-weight:800;color:var(--blue);font-size:11px}
.receivable-buckets{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.bucket{padding:15px;border-radius:17px;border:1px solid var(--line);background:var(--surface)}.bucket strong{display:block;font-size:20px;margin-top:8px}.bucket.green{border-top:3px solid var(--emerald)}.bucket.yellow{border-top:3px solid #eab308}.bucket.orange{border-top:3px solid #f97316}.bucket.red{border-top:3px solid var(--red)}.bucket.critical{border-top:3px solid #991b1b}

/* Timeline / tables */
.timeline{display:flex;align-items:flex-start;gap:0;overflow-x:auto;padding:18px 3px}.timeline-step{min-width:135px;text-align:center;position:relative;padding-top:30px}.timeline-step:before{content:"";width:17px;height:17px;border-radius:50%;background:#cbd5e1;position:absolute;top:0;left:calc(50% - 8px);z-index:2;border:4px solid var(--surface)}.timeline-step:after{content:"";height:3px;background:#dbe3ee;position:absolute;top:7px;left:50%;right:-50%}.timeline-step:last-child:after{display:none}.timeline-step.DONE:before{background:var(--emerald)}.timeline-step.DONE:after{background:var(--emerald)}.timeline-step.ACTIVE:before{background:var(--amber);box-shadow:0 0 0 5px rgba(217,119,6,.12)}.timeline-step.BLOCKED:before{background:var(--red)}.timeline-step span{font-size:10px;font-weight:800;line-height:1.3;display:block}.smart-table-wrap{border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:hidden}.table-tools{display:flex;gap:8px;align-items:center;padding:11px;border-bottom:1px solid var(--line);background:var(--surface-2)}.table-tools input,.table-tools select{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:9px;padding:8px 9px;font-size:11px}.smart-table{width:100%;border-collapse:collapse}.smart-table th{position:sticky;top:0;background:var(--surface-2);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:11px;border-bottom:1px solid var(--line)}.smart-table td{font-size:11px;padding:11px;border-bottom:1px solid var(--line)}.smart-table tr:hover td{background:color-mix(in srgb,var(--dept-soft) 35%,transparent)}

/* Assistant, notification, search overlays */
.fab{position:fixed;right:25px;bottom:25px;z-index:80;border:0;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;padding:13px 17px;font-weight:850;box-shadow:0 15px 35px rgba(79,70,229,.32);display:flex;gap:8px;align-items:center}.quick-fab{right:auto;left:calc(var(--sidebar) + 25px);background:linear-gradient(135deg,var(--dept),color-mix(in srgb,var(--dept) 70%,#111827));transition:left .24s}
.panel-drawer{position:fixed;z-index:100;right:18px;top:88px;bottom:18px;width:min(430px,calc(100vw - 36px));background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 80px rgba(15,23,42,.24);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;transform:translateX(calc(100% + 40px));transition:.25s}.panel-drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between;align-items:center;padding:17px;border-bottom:1px solid var(--line)}.drawer-body{padding:14px;overflow:auto;flex:1}.assistant-welcome{padding:15px;border-radius:16px;background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(37,99,235,.06));margin-bottom:12px}.chat-msg{max-width:92%;padding:11px 12px;border-radius:14px;margin:8px 0;white-space:pre-wrap;line-height:1.5;font-size:12px}.chat-msg.user{margin-left:auto;background:var(--dept);color:#fff;border-bottom-right-radius:4px}.chat-msg.ai{background:var(--surface-2);border:1px solid var(--line);border-bottom-left-radius:4px}.chat-compose{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-compose input{flex:1;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:12px;padding:11px}.chat-compose button{border:0;border-radius:12px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;width:44px}
.search-pop{position:fixed;z-index:120;top:75px;left:calc(var(--sidebar) + 28px);width:min(680px,calc(100vw - var(--sidebar) - 60px));max-height:65vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(15,23,42,.2);padding:8px}.search-result{display:flex;align-items:center;gap:11px;border-radius:12px;padding:10px}.search-result:hover{background:var(--surface-2)}.result-icon{width:35px;height:35px;border-radius:10px;background:var(--dept-soft);color:var(--dept);display:grid;place-items:center;font-weight:900;font-size:10px}.result-copy{min-width:0;flex:1}.result-copy strong{display:block;font-size:12px}.result-copy span{font-size:10px;color:var(--muted)}
.quick-menu{position:fixed;z-index:95;left:calc(var(--sidebar) + 24px);bottom:80px;width:270px;background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);padding:8px}.quick-item{display:flex;gap:10px;padding:10px;border-radius:10px;align-items:center}.quick-item:hover{background:var(--surface-2)}.quick-item span:first-child{width:28px;height:28px;background:var(--dept-soft);display:grid;place-items:center;border-radius:8px}
.empty{padding:42px 18px;text-align:center;color:var(--muted)}.empty .emoji{font-size:36px;margin-bottom:9px}.empty strong{display:block;color:var(--text);font-size:15px;margin-bottom:5px}
.skeleton{background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:10px;color:transparent!important}@keyframes shimmer{to{background-position:-200% 0}}
.confetti{position:fixed;inset:0;pointer-events:none;z-index:999;overflow:hidden}.confetti i{position:absolute;top:-20px;width:8px;height:14px;background:var(--dept);animation:fall 1.5s linear forwards}@keyframes fall{to{transform:translateY(105vh) rotate(620deg);opacity:.2}}

/* Settings */
.settings-grid{display:grid;grid-template-columns:260px 1fr;gap:15px}.settings-menu .btn{width:100%;justify-content:flex-start;margin-bottom:7px}.choice-row{display:flex;gap:9px;flex-wrap:wrap}.choice{border:1px solid var(--line);background:var(--surface-2);padding:10px 13px;border-radius:12px;font-weight:750}.choice.active{border-color:var(--dept);box-shadow:0 0 0 3px var(--dept-soft)}

/* department theme */
body[data-dept-theme="navy"]{--dept:#173760;--dept-soft:rgba(23,55,96,.11)}body[data-dept-theme="blue"]{--dept:#2563eb;--dept-soft:rgba(37,99,235,.10)}body[data-dept-theme="purple"]{--dept:#7c3aed;--dept-soft:rgba(124,58,237,.10)}body[data-dept-theme="emerald"]{--dept:#059669;--dept-soft:rgba(5,150,105,.10)}body[data-dept-theme="indigo"]{--dept:#4f46e5;--dept-soft:rgba(79,70,229,.10)}body[data-dept-theme="teal"]{--dept:#0f9f9a;--dept-soft:rgba(15,159,154,.10)}body[data-dept-theme="cyan"]{--dept:#0891b2;--dept-soft:rgba(8,145,178,.10)}body[data-dept-theme="industrial"]{--dept:#1d5d8f;--dept-soft:rgba(29,93,143,.10)}body[data-dept-theme="green"]{--dept:#15803d;--dept-soft:rgba(21,128,61,.10)}body[data-dept-theme="orange"]{--dept:#ea580c;--dept-soft:rgba(234,88,12,.10)}body[data-dept-theme="sky"]{--dept:#0284c7;--dept-soft:rgba(2,132,199,.10)}body[data-dept-theme="deepgreen"]{--dept:#166534;--dept-soft:rgba(22,101,52,.10)}body[data-dept-theme="violet"]{--dept:#8b5cf6;--dept-soft:rgba(139,92,246,.10)}body[data-dept-theme="slate"]{--dept:#475569;--dept-soft:rgba(71,85,105,.10)}

@media(max-width:1180px){.grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.command-grid{grid-template-columns:180px 1fr}.receivable-buckets{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){:root{--sidebar:264px}.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-side{min-height:100vh;padding:25px}.sidebar{transform:translateX(-100%)}.sidebar.mobile-open{transform:none}.main{margin-left:0}.mobile-menu{display:grid;place-items:center}.quick-fab{left:18px}.content{padding:18px 14px 95px}.topbar{padding:10px 13px}.profile-chip .profile-text{display:none}.grid.metrics,.grid.two,.grid.three{grid-template-columns:1fr 1fr}.command-grid{grid-template-columns:1fr}.health-ring{width:145px;height:145px}.health-ring:before{width:118px;height:118px}.task-board{grid-template-columns:repeat(4,270px)}.receivable-buckets{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.search-pop{left:14px;right:14px;width:auto;top:70px}.page-head{align-items:flex-start;flex-direction:column}.kbd{display:none}}
@media(max-width:520px){.grid.metrics,.grid.two,.grid.three{grid-template-columns:1fr}.metric{min-height:105px}.metric-value{font-size:25px}.hero-card{padding:20px}.hero-stat-row{gap:18px}.receivable-buckets{grid-template-columns:1fr}.fab{right:14px;bottom:15px}.quick-fab{left:14px}.top-actions .icon-btn:nth-child(2){display:none}}