:root{--font:'Manrope',sans-serif;--bg:#090c0e;--sidebar:#080b0d;--surface:#111519;--surface2:#151a1f;--surface3:#1b2026;--text:#f5f7f7;--muted:#8c969e;--line:#252c32;--lime:#b5f23b;--lime2:#94d51f;--blue:#3b82f6;--purple:#a855f7;--orange:#f97316;--yellow:#eab308;--cyan:#06b6d4;--green:#84cc16;--red:#ef4444;--shadow:0 18px 45px rgba(0,0,0,.26)}html[data-theme=light]{--bg:#f2f4f5;--sidebar:#101416;--surface:#fff;--surface2:#f7f9fa;--surface3:#edf1f3;--text:#14181b;--muted:#6f7880;--line:#dde3e6;--shadow:0 15px 38px rgba(15,20,24,.08)}html[data-font=inter]{--font:'Inter',sans-serif}html[data-font=plus-jakarta]{--font:'Plus Jakarta Sans',sans-serif}html[data-font=dm-sans]{--font:'DM Sans',sans-serif}html[data-font=system]{--font:system-ui,-apple-system,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px}body{background:radial-gradient(circle at 82% -10%,rgba(181,242,59,.035),transparent 25%),var(--bg)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.v8-app{min-height:100vh}.v8-sidebar{position:fixed;inset:0 auto 0 0;width:218px;padding:18px 13px;background:linear-gradient(180deg,#0c1012,#07090b);border-right:1px solid #1e252a;display:flex;flex-direction:column;z-index:50}.v8-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;border-bottom:1px solid #1e252a;text-decoration:none}.v8-brand-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--lime),#5c8c0e);color:#091006;font-weight:900;font-size:23px;transform:skew(-7deg)}.v8-brand strong{display:block;color:#fff;font-size:16px;letter-spacing:.02em}.v8-brand span{display:block;color:var(--lime);font-size:8px;font-weight:800;letter-spacing:.16em;margin-top:3px}.v8-nav-label{margin:20px 10px 8px;color:#626b71;font-size:8px;font-weight:800;letter-spacing:.18em}.v8-nav{display:grid;gap:4px}.v8-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:9px;color:#b2bac0;text-decoration:none;font-size:12px;font-weight:600}.v8-nav a svg{width:17px;height:17px;color:#818b92}.v8-nav a:hover{background:#12181b;color:#fff}.v8-nav a.active{background:#171d1c;color:#fff;box-shadow:inset 3px 0 0 var(--lime)}.v8-nav a.active svg{color:var(--lime)}.v8-user{margin-top:auto;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:14px 8px 4px;border-top:1px solid #1e252a}.v8-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--lime2);color:var(--lime);font-weight:800}.v8-user strong,.v8-user span{display:block}.v8-user strong{color:#fff;font-size:12px}.v8-user span{color:#6e7a81;font-size:10px}.v8-user a{color:#7f8a90;text-decoration:none}.v8-workspace{margin-left:218px;min-height:100vh}.v8-globalbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:rgba(9,12,14,.86);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.v8-global-search{position:relative;width:470px;height:40px;display:flex;align-items:center;gap:9px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.v8-global-search svg{color:#7f8990}.v8-global-search input{flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.v8-global-search kbd{padding:4px 7px;border-radius:6px;background:var(--surface3);color:#7e888f;font-size:10px}.v8-global-actions{display:flex;gap:9px;align-items:center}.v8-icon-btn,.v8-control-btn,.v8-new-btn{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-size:11px;font-weight:700}.v8-icon-btn{width:38px;position:relative}.v8-icon-btn i{position:absolute;right:7px;top:6px;width:6px;height:6px;border-radius:50%;background:var(--lime)}.v8-control-btn{padding:0 13px}.v8-new-btn{padding:0 16px;background:var(--lime);border-color:var(--lime);color:#10130c}.v8-main{padding:18px 22px 38px}.v8-pagehead{margin-bottom:17px}.v8-pagehead h1{margin:0;font-size:25px;letter-spacing:-.04em}.v8-pagehead p{margin:6px 0 0;color:var(--muted);font-size:11px}.v8-card,.panel,.route-card,.calendar-day,.operations-card,.today-strip,.day-card{background:linear-gradient(180deg,var(--surface),#0f1417);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);color:var(--text)}html[data-theme=light] .v8-card,html[data-theme=light] .panel,html[data-theme=light] .route-card,html[data-theme=light] .calendar-day,html[data-theme=light] .operations-card{background:var(--surface)}.v8-card>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.v8-card>header h2{margin:0;font-size:14px}.v8-card>header h2 span{color:var(--muted);font-weight:500}.v8-card>header a{color:var(--lime);text-decoration:none;font-size:10px;font-weight:700;border:1px solid #354122;border-radius:8px;padding:8px 11px}.v8-metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:13px}.v8-metric{min-height:94px;display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,var(--surface),var(--surface2));text-decoration:none;color:var(--text)}.v8-metric-icon{width:43px;height:43px;border-radius:50%;background:#262d31;box-shadow:inset 0 0 18px rgba(255,255,255,.02)}.v8-metric small,.v8-metric em{display:block}.v8-metric small{font-size:11px}.v8-metric strong{display:block;font-size:25px;line-height:1.1;margin:3px 0}.v8-metric em{color:var(--muted);font-style:normal;font-size:9px}.metric-new .v8-metric-icon{background:rgba(59,130,246,.18)}.metric-scheduled .v8-metric-icon{background:rgba(168,85,247,.18)}.metric-loaded .v8-metric-icon{background:rgba(234,179,8,.18)}.metric-transit .v8-metric-icon{background:rgba(6,182,212,.18)}.metric-delivered .v8-metric-icon{background:rgba(132,204,22,.2)}.metric-cancelled .v8-metric-icon{background:rgba(239,68,68,.18)}.v8-dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:13px}.v8-table-wrap{overflow:auto}.v8-table{width:100%;border-collapse:collapse;font-size:11px}.v8-table th{padding:10px 12px;text-align:left;color:#737e85;font-size:9px;font-weight:700;border-bottom:1px solid var(--line)}.v8-table td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.v8-table tr:last-child td{border-bottom:0}.v8-table td strong,.v8-table td small{display:block}.v8-table td strong{font-size:11px}.v8-table td small{font-size:9px;color:var(--muted);margin-top:2px}.v8-row td:first-child{border-left:2px solid transparent}.v8-row.row-new td:first-child{border-left-color:var(--blue)}.v8-row.row-scheduled td:first-child{border-left-color:var(--purple)}.v8-row.row-upcoming td:first-child{border-left-color:var(--orange)}.v8-row.row-loaded td:first-child{border-left-color:var(--yellow)}.v8-row.row-in_transit td:first-child{border-left-color:var(--cyan)}.v8-row.row-delivered td:first-child{border-left-color:var(--green)}.v8-row.row-cancelled td:first-child{border-left-color:var(--red)}.v8-status,.order-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;font-size:9px;font-weight:700}.status-new{background:rgba(59,130,246,.14)!important;color:#60a5fa!important}.status-scheduled{background:rgba(168,85,247,.14)!important;color:#c084fc!important}.status-upcoming{background:rgba(249,115,22,.14)!important;color:#fb923c!important}.status-loaded{background:rgba(234,179,8,.14)!important;color:#facc15!important}.status-in_transit{background:rgba(6,182,212,.14)!important;color:#22d3ee!important}.status-delivered{background:rgba(132,204,22,.14)!important;color:#a3e635!important}.status-cancelled{background:rgba(239,68,68,.14)!important;color:#f87171!important}.v8-actions{display:flex;gap:5px;white-space:nowrap}.v8-actions a{padding:6px 8px;border:1px solid var(--line);border-radius:7px;color:#d7dde0;text-decoration:none;font-size:9px}.v8-actions a.lime{color:var(--lime);border-color:#354522}.v8-actions a.red{color:#ff7676;border-color:#522627}.v8-dashboard-side{display:grid;gap:13px;align-content:start}.v8-side-list{padding:5px 14px}.v8-side-list a{display:flex;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:10px}.v8-side-list a:last-child{border-bottom:0}.v8-side-list strong{margin-left:auto}.dot{width:7px;height:7px;border-radius:50%}.dot-new{background:var(--blue)}.dot-scheduled{background:var(--purple)}.dot-loaded{background:var(--yellow)}.dot-transit{background:var(--cyan)}.dot-delivered{background:var(--green)}.dot-cancelled{background:var(--red)}.v8-wide-link{display:block;margin:9px 14px 14px;padding:9px;text-align:center;border:1px solid #354522;border-radius:8px;color:var(--lime);text-decoration:none;font-size:10px}.v8-quick{padding:6px 14px 12px}.v8-quick a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none;font-size:10px}.v8-quick a:last-child{border-bottom:0}.v8-week{margin-top:13px}.v8-week-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:14px 16px}.v8-week-grid article{padding-right:28px}.v8-week-grid strong,.v8-week-grid small{display:block}.v8-week-grid strong{font-size:11px}.v8-week-grid small{color:var(--muted);font-size:9px;margin-top:3px}.v8-week-grid div{display:flex;gap:5px;margin-top:9px}.v8-week-grid div b:first-child{color:var(--lime)}.v8-week-grid div b:last-child{color:#60a5fa}.v8-week-grid i{display:block;height:3px;margin-top:8px;border-radius:3px;background:linear-gradient(90deg,var(--lime) var(--w),#2a3034 var(--w));}.panel{padding:17px!important;margin-bottom:14px!important}.panel-header{margin-bottom:14px!important}.panel h2,.panel-header h2{color:var(--text)!important}.muted{color:var(--muted)!important}.btn{border-radius:8px!important;font-size:10px!important;font-weight:700!important;min-height:34px}.btn-primary{background:var(--lime)!important;border-color:var(--lime)!important;color:#10130c!important}.btn-light,.btn-outline{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--text)!important}.btn-pdf{background:rgba(132,204,22,.1)!important;border-color:#354522!important;color:var(--lime)!important}.btn-retailer-pdf{background:rgba(239,68,68,.1)!important;border-color:#522627!important;color:#ff7676!important}.table-wrap{border:1px solid var(--line)!important;border-radius:11px!important;background:var(--surface)!important}table{color:var(--text)!important}th{background:var(--surface2)!important;color:var(--muted)!important;border-bottom-color:var(--line)!important}td{border-bottom-color:var(--line)!important;color:var(--text)!important}tbody tr:hover{background:var(--surface2)!important}.input,select,textarea,.form-group input,.form-group select,.form-group textarea{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--text)!important;border-radius:8px!important}.input:focus,select:focus,textarea:focus{border-color:var(--lime2)!important;box-shadow:0 0 0 3px rgba(181,242,59,.08)!important}.status-tabs{gap:7px!important}.status-tab{background:var(--surface2)!important;border-color:var(--line)!important;border-radius:8px!important}.operations-card,.route-card,.calendar-day{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.route-order,.product-card,.product-row{background:var(--surface2)!important;border-color:var(--line)!important}.drawer{background:var(--bg)!important}.drawer-header{background:var(--surface)!important;border-color:var(--line)!important}.v8-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.v8-theme-options,.v8-font-options{padding:14px;display:grid;gap:9px}.v8-theme-options{grid-template-columns:repeat(3,1fr)}.v8-theme-options button,.v8-font-options button{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);color:var(--text);text-align:left}.v8-theme-options button.selected,.v8-font-options button.selected{border-color:var(--lime);box-shadow:0 0 0 2px rgba(181,242,59,.08)}.demo{height:58px;display:block;border-radius:7px;margin-bottom:9px}.demo.dark{background:#090c0e}.demo.light{background:#f2f4f5}.demo.system{background:linear-gradient(90deg,#090c0e 50%,#f2f4f5 50%)}.v8-theme-options strong,.v8-theme-options small,.v8-font-options strong,.v8-font-options span{display:block}.v8-theme-options small,.v8-font-options span{color:var(--muted);font-size:9px;margin-top:3px}@media(max-width:1200px){.v8-metric-grid{grid-template-columns:repeat(3,1fr)}.v8-dashboard-grid{grid-template-columns:1fr}.v8-dashboard-side{grid-template-columns:1fr 1fr}.v8-global-search{width:360px}}@media(max-width:850px){.v8-sidebar{position:static;width:100%}.v8-workspace{margin-left:0}.v8-nav{grid-template-columns:repeat(2,1fr)}.v8-user{display:none}.v8-globalbar{position:static;flex-wrap:wrap;height:auto;padding:12px}.v8-global-search{width:100%}.v8-main{padding:15px}.v8-theme-options{grid-template-columns:1fr}.v8-settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.v8-metric-grid{grid-template-columns:1fr 1fr}.v8-dashboard-side{grid-template-columns:1fr}.v8-week-grid{grid-template-columns:1fr;gap:13px}.v8-global-actions{flex-wrap:wrap}.v8-control-btn{display:none}}