@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg: #0b0f14;--panel: #121821;--panel-raised: #171f2a;--border: #232d3a;--text: #edeff2;--text-muted: #8a97a6;--accent: #ff8a3d;--accent-dim: #ff8a3d33;--good: #2dd4bf;--bad: #ff5c72;--warn: #ffd166;--font-display: "Space Grotesk", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit}.app-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.brand{font-family:var(--font-display);font-weight:700;font-size:1.05rem;letter-spacing:-.01em;margin-bottom:4px}.brand small{display:block;font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.08em;margin-top:2px}.nav-link{text-decoration:none;color:var(--text-muted);padding:10px 12px;border-radius:6px;font-size:.9rem;font-weight:500;margin-top:18px;transition:background .15s,color .15s}.nav-link:first-of-type{margin-top:28px}.nav-link:hover{background:var(--panel-raised);color:var(--text)}.nav-link.active{background:var(--accent-dim);color:var(--accent)}.main{padding:28px 36px 60px;overflow-y:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar h1{font-family:var(--font-display);font-size:1.4rem;margin:0}.live-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.72rem;color:var(--good);border:1px solid var(--good);padding:4px 10px;border-radius:999px;background:#2dd4bf14}.live-badge.offline{color:var(--text-muted);border-color:var(--border);background:transparent}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--good);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 #2dd4bf66}70%{box-shadow:0 0 0 6px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:28px}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:16px 18px}.kpi-card .label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.kpi-card .value{font-family:var(--font-display);font-size:1.7rem;font-weight:700}.kpi-card .value.accent{color:var(--accent)}.kpi-card .value.good{color:var(--good)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:22px}.panel h2{font-family:var(--font-display);font-size:1.02rem;margin:0 0 16px}table{width:100%;border-collapse:collapse;font-size:.86rem}th{text-align:left;color:var(--text-muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:10px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}.ref-code{font-family:var(--font-mono);font-size:.78rem;color:var(--accent);border:1px dashed var(--accent-dim);padding:1px 6px;border-radius:4px}.status-pill{font-family:var(--font-mono);font-size:.68rem;padding:3px 9px;border-radius:999px;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border);color:var(--text-muted)}.status-pill.pending{color:var(--warn);border-color:var(--warn)}.status-pill.approved,.status-pill.billed,.status-pill.delivered{color:var(--good);border-color:var(--good)}.status-pill.rejected{color:var(--bad);border-color:var(--bad)}.status-pill.intransit,.status-pill.dispatched{color:var(--accent);border-color:var(--accent)}.btn{font-family:var(--font-body);font-weight:600;font-size:.82rem;padding:7px 14px;border-radius:6px;border:1px solid var(--border);background:var(--panel-raised);color:var(--text);cursor:pointer;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#1a1206;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--bad)}.btn.danger:hover{border-color:var(--bad)}.btn+.btn{margin-left:8px}.btn:disabled{opacity:.4;cursor:not-allowed}.variance{font-family:var(--font-mono);font-size:.78rem}.variance.over{color:var(--bad)}.variance.under{color:var(--good)}.track-list{display:flex;flex-direction:column;gap:10px}.track-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;padding:12px 16px}.track-row .reg{font-family:var(--font-mono);color:var(--accent);font-weight:500}.track-row .coords{font-family:var(--font-mono);font-size:.76rem;color:var(--text-muted)}.empty-state{color:var(--text-muted);font-size:.85rem;padding:24px 0;text-align:center}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 16px;align-items:end}.inline-form>button{height:38px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--text-muted);font-weight:500}.form-field input,.form-field select{font-family:var(--font-body);font-size:.88rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:9px 10px;height:38px}.form-field input:focus,.form-field select:focus{outline:none;border-color:var(--accent)}.form-error{grid-column:1 / -1;color:var(--bad);font-size:.82rem}.panel-nested{background:var(--panel-raised);border:1px dashed var(--border);border-radius:8px;padding:16px;margin:4px 0}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:480px;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:32px}.login-card form{display:flex;flex-direction:column;gap:14px}.login-demo-accounts{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.login-demo-accounts h3{font-family:var(--font-display);font-size:.85rem;margin:0 0 4px}.login-demo-accounts p{color:var(--text-muted);font-size:.78rem;margin:0 0 12px}.login-demo-accounts code{font-family:var(--font-mono);color:var(--accent)}.demo-account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.demo-account-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel-raised);border:1px solid var(--border);border-radius:8px;padding:8px 12px;cursor:pointer;text-align:left;transition:border-color .15s}.demo-account-chip:hover{border-color:var(--accent)}.demo-account-chip .role{font-size:.78rem;font-weight:600;color:var(--text)}.demo-account-chip .addr{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted)}.sidebar-user{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.sidebar-user-name{font-size:.85rem;font-weight:600}.sidebar-user-role{font-family:var(--font-mono);font-size:.68rem;color:var(--text-muted);margin-top:2px}