:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#f6f6fa;background:#0c0e13;--text:#f6f6fa;--muted:#969aa8;--border:#282a33;--card:#15171e;--red:#ef3445;--red2:#ad1d32}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 900px 480px at 70% 0%,#27131b33,transparent),#0c0e13}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{height:72px;background:#101116;border-bottom:1px solid #262832;display:flex;align-items:center;justify-content:space-between;padding:0 36px;position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:14px}.mark,.authmark{font-size:27px;line-height:1;font-weight:1000;letter-spacing:-4px;font-style:italic;display:inline-block;color:#fff;background:linear-gradient(140deg,#f45d67,#d92742);border-radius:11px;padding:12px 14px 13px 9px;box-shadow:0 5px 25px #dc293b35}.dot,.authmark span{color:#fff}.brandname{font-weight:900;font-size:16px;letter-spacing:1.2px}.brandname small{font-size:10px;color:#b9b8c0;font-weight:600;margin-left:8px;letter-spacing:2px}.topright{display:flex;align-items:center;gap:18px}.pilot{background:#3b201f;color:#ffc7a4;font-size:10px;font-weight:800;padding:8px 12px;border-radius:6px;letter-spacing:1px}.read-only{color:#a3a4ab;font-size:11px;font-weight:700;letter-spacing:.8px}.tiny-dot{display:inline-block;background:#4bc997;width:7px;height:7px;border-radius:50%;margin-right:5px}.shell{display:flex;min-height:calc(100vh - 72px)}.sidebar{width:242px;flex-shrink:0;border-right:1px solid #24262d;padding:38px 15px 20px;background:#101116;display:flex;flex-direction:column}.nav-heading{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#6c7080;padding-left:17px;margin-bottom:18px}.nav-space{margin-top:42px}.nav{color:#9b9fab;padding:14px 18px;font-size:13px;font-weight:650;border-radius:9px;margin:2px 0;display:flex;align-items:center;gap:16px}.nav span{font-size:21px;line-height:1}.nav.active{background:#371b26;color:#fff;border-left:3px solid #e82e47}.nav:hover{background:#25232b;color:white}.side-card{margin:4px 7px;background:linear-gradient(135deg,#202129,#17191e);border:1px solid #32313b;border-radius:12px;padding:17px}.side-card-label{color:#858a97;font-size:11px;margin-bottom:9px}.side-card strong{font-size:15px}.side-card p{font-size:11px;color:#858a97;line-height:1.6;margin:12px 0 0}.side-footer{margin-top:auto;margin-left:15px;font-size:10px;color:#5f6372;font-weight:700;letter-spacing:1px}.side-footer span{color:#f04457}.main{max-width:1650px;min-width:0;flex:1;padding:45px 45px 26px}.headline{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:31px}.eyebrow{color:#fa556c;font-size:10px;font-weight:850;letter-spacing:2.1px}.headline h1{font-size:33px;letter-spacing:-1.3px;margin:13px 0 10px}.headline h1 em{font-weight:450;font-style:normal;color:#9c9eaa}.headline p,.orders-top p{margin:0;color:var(--muted);font-size:13px}.head-actions{display:flex;align-items:center;gap:16px;padding-top:18px}.snapshot{font-size:11px;color:#9298a5}.btn{border-radius:9px;border:1px solid #393c46;padding:11px 18px;font-size:12px;font-weight:800}.ghost{background:#20212a;color:#e5e5eb}.ghost:hover{background:#333540}.primary{background:linear-gradient(110deg,#ec3447,#b6233f);color:#fff;border:0;width:100%;padding:14px;margin-top:17px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:linear-gradient(150deg,#1b1c24,#14161c);border:1px solid #2a2b35;border-radius:13px;min-height:158px;padding:20px 24px;position:relative}.metric span{display:block;font-size:12px;color:#b0b0bd;margin-bottom:10px}.metric .value{font-size:39px;letter-spacing:-1px;font-weight:800}.metric small{display:block;color:#727887;margin-top:8px;font-size:10px}.metric-icon{position:absolute;right:18px;top:16px;font-size:22px;border-radius:10px;width:39px;height:39px;display:flex;align-items:center;justify-content:center}.red{color:#fb6575;background:#71263855}.purple{color:#c18aff;background:#502a7255}.blue{color:#86bbff;background:#284f7555}.green{color:#6fe2b5;background:#1c6c5255}.visuals{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.panel{background:#15171e;border:1px solid #2a2c35;border-radius:13px}.visuals>.panel{padding:22px 24px;min-height:230px}.panel-title,.orders-top{display:flex;justify-content:space-between;align-items:flex-start}.panel h2{font-size:16px;margin:0 0 8px;letter-spacing:-.2px}.panel-title p{margin:0;font-size:11px;color:#808595}.pill{background:#29212b;color:#d7a3af;font-size:10px;font-weight:800;border-radius:6px;padding:6px 9px;letter-spacing:.6px}.bars{margin-top:24px;display:grid;gap:14px}.barrow{display:grid;grid-template-columns:minmax(85px,1fr) 3fr 26px;gap:10px;align-items:center}.barlabel{font-size:11px;color:#c6c6ce;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barline{height:8px;border-radius:10px;background:#262832;overflow:hidden}.barfill{height:100%;background:linear-gradient(90deg,#8a2339,#ef3b50);border-radius:10px;min-width:3px}.barvalue{font-size:11px;color:#abb0ba;text-align:right}.empty{color:#777c88;font-size:13px}.orders{margin-top:18px;overflow:hidden}.orders-top{padding:27px 25px 22px}.orders-top h2{font-size:21px;margin:10px 0 12px}.count{background:#3b252b;color:#ff9aa8;border-radius:6px;padding:3px 8px;font-size:12px;vertical-align:middle;margin-left:6px}.tag-readonly{color:#6dddab;background:#18372c;font-size:10px;font-weight:800;padding:8px 10px;border-radius:7px;letter-spacing:.7px}.filters{padding:4px 25px 20px;display:flex;gap:10px}.search{border:1px solid #343640;border-radius:8px;background:#20222b;color:#a0a3af;display:flex;align-items:center;padding:0 13px;flex:1;font-size:21px}.search input{background:transparent;border:0;color:#fff;outline:none;font-size:12px;padding:12px;width:100%}.filters select{background:#20222b;border:1px solid #343640;border-radius:8px;color:#d7d7de;padding:0 12px;font-size:12px;max-width:230px;min-width:170px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#1c1e26;color:#898d9b;letter-spacing:1px;font-size:10px;font-weight:800;padding:15px 23px;border-top:1px solid #2c2e36;border-bottom:1px solid #2c2e36}td{padding:17px 23px;font-size:12px;color:#bdc0ca;border-bottom:1px solid #292a33;max-width:260px;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#1d1e26}.osid{font-weight:750;color:#f2f2f8}.subline{color:#808694;font-size:10px;margin-top:5px}.statuspill{padding:6px 9px;border-radius:7px;background:#2e2f39;color:#bfc1cb;font-size:10px;font-weight:750}.statuspill.open{color:#ffbc82;background:#56331e}.statuspill.done{color:#80ddb0;background:#254738}.emptytable{text-align:center;color:#7d8491;padding:38px}.tablefoot{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;font-size:11px;color:#888e9d}.pages{display:flex;gap:8px}.smallbtn{background:#252731;border:1px solid #3b3e46;border-radius:6px;color:#d6d6de;padding:7px 12px;font-size:11px}.smallbtn:disabled{opacity:.35;cursor:not-allowed}footer{text-align:center;padding:24px 5px;font-size:10px;color:#666d7b}.shade{position:fixed;inset:0;background:#08090de8;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px)}.shade.hidden{display:none}.auth{background:#171920;border:1px solid #363640;box-shadow:0 25px 90px #0009;border-radius:17px;width:100%;max-width:420px;padding:38px}.authmark{margin-bottom:27px}.auth h2{font-size:27px;margin:10px 0}.auth p{font-size:13px;color:#a3a8b3;line-height:1.6;margin:0 0 28px}.auth form label{font-size:10px;color:#b3b6c0;font-weight:800;letter-spacing:1.3px}.auth input{display:block;width:100%;padding:14px;background:#0e1016;color:white;border:1px solid #3c3e49;border-radius:8px;margin-top:9px;outline:none}.auth input:focus{border-color:#e24357}.auth-error{min-height:17px;margin-top:14px;color:#ff8f9a;font-size:12px}.auth-note{font-size:10px;color:#777e8e;border-top:1px solid #32343d;padding-top:19px;margin-top:10px;line-height:1.6}.toast{position:fixed;bottom:25px;right:25px;background:#22252d;color:#f9f9ff;padding:13px 18px;border:1px solid #444753;border-radius:9px;font-size:12px;box-shadow:0 10px 30px #0009;display:none;z-index:30}.toast.visible{display:block}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.main{padding:30px 24px}.sidebar{width:206px}.headline{display:block}.head-actions{padding-top:13px}}@media(max-width:750px){.sidebar{display:none}.topbar{padding:0 18px;height:64px}.brandname{font-size:13px}.brandname small{display:none}.pilot{display:none}.main{padding:25px 15px}.headline h1{font-size:28px}.metrics{gap:9px}.metric{padding:16px;min-height:132px}.metric .value{font-size:30px}.visuals{grid-template-columns:1fr}.filters{flex-wrap:wrap;padding:10px 15px 15px}.filters .search{flex-basis:100%}.filters select{flex:1;min-width:130px;max-width:unset}.orders-top{padding:20px 15px}.orders-top p{line-height:1.6}.tag-readonly{display:none}td,th{padding:14px}.auth{padding:28px}}
