:root{color-scheme:light;--background: #f9f9f9;--surface: #f9f9f9;--surface-lowest: #ffffff;--surface-low: #f3f3f3;--surface-container: #eeeeee;--surface-high: #e8e8e8;--surface-highest: #e2e2e2;--surface-variant: #e2e2e2;--on-surface: #1a1c1c;--on-surface-variant: #524433;--outline: #857460;--outline-variant: #d8c3ac;--primary: #825500;--primary-container: #ffaa00;--on-primary-container: #694300;--on-primary-fixed: #291800;--on-primary-fixed-variant: #633f00;--inverse-surface: #1a1f1e;--inverse-on-surface: #f1f1f1;--secondary: #5a5f5e;--error: #ba1a1a;--error-container: #ffdad6;--success: #22c55e;--sidebar-width: 240px;--topbar-height: 64px;--gutter: 16px;--page: 24px;--stack-sm: 8px;--stack-md: 16px;--stack-lg: 32px;--radius: 8px;--radius-card: 10px;--radius-sm: 4px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background);color:var(--on-surface);font-family:Inter,Segoe UI,sans-serif;font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;font-size:22px;line-height:1;-webkit-user-select:none;user-select:none}.app{display:flex;min-height:100vh;background:var(--background)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--inverse-surface);border-right:1px solid #2e3330;display:flex;flex-direction:column;padding:20px 0 12px;z-index:50}.sidebar-brand{display:flex;align-items:center;padding:0 20px 28px}.sidebar-brand img{height:28px;width:auto;display:block}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:0 10px;flex:1;overflow-y:auto}.sidebar-foot{display:flex;flex-direction:column;gap:4px;padding:12px 10px 8px;margin-top:auto;border-top:1px solid #2e3330}.nav-item{position:relative;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 14px 0 12px;border:0;border-left:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:transparent;color:#c3c7c6;opacity:.55;cursor:pointer;font:inherit;width:100%;text-align:left;transition:opacity .15s,background .15s,color .15s}.nav-item:hover{opacity:1;background:#ffffff0d;color:var(--inverse-on-surface)}.nav-item.active{opacity:1;color:var(--primary-container);border-left-color:var(--primary-container);background:#ffaa0014}.nav-item.active .material-symbols-outlined{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;color:var(--primary-container)}.nav-label{font-size:14px;font-weight:500;white-space:nowrap}.shell{flex:1;margin-left:var(--sidebar-width);min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:var(--topbar-height);background:var(--surface-lowest);border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;justify-content:space-between;padding:0 var(--page);position:sticky;top:0;z-index:40}.topbar-left{display:flex;align-items:center;gap:28px;min-width:0}.topbar-brand{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--on-surface)}.topbar-tabs{display:flex;align-items:stretch;gap:20px;height:var(--topbar-height)}.topbar-tab{display:inline-flex;align-items:center;height:100%;color:var(--on-surface-variant);font-size:14px;font-weight:500;border-bottom:2px solid transparent;padding:0 2px}.topbar-tab:hover{color:var(--primary)}.topbar-tab.active{color:var(--primary);font-weight:700;border-bottom-color:var(--primary-container)}.topbar-right{display:flex;align-items:center;gap:12px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--on-surface-variant);border-radius:var(--radius-sm);cursor:pointer;padding:0}.icon-btn:hover{color:var(--primary);background:var(--surface-low)}.user-chip{display:flex;align-items:center;gap:10px;padding:4px}.avatar{width:36px;height:36px;border-radius:999px;background:var(--primary-container);color:var(--on-primary-fixed-variant);display:grid;place-items:center;font-size:12px;font-weight:700;border:1px solid var(--outline-variant)}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-meta strong{font-size:13px;font-weight:600;color:var(--on-surface)}.user-meta span{font-size:11px;color:var(--on-surface-variant);text-transform:capitalize}.main{flex:1;padding:var(--page);display:flex;flex-direction:column;gap:var(--stack-md)}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--on-surface-variant);margin-bottom:-4px}.breadcrumb .sep{opacity:.5}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--stack-md)}.header h1,h1.page-title{margin:0;font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.01em;color:var(--on-surface)}.header p,.muted{margin:4px 0 0;color:var(--on-surface-variant);font-size:13px;line-height:18px}.header .btn-primary{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.label-caps{font-size:11px;line-height:16px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant)}.headline-md{margin:0;font-size:20px;line-height:28px;font-weight:600}.kpi-lg{font-size:28px;line-height:34px;font-weight:700;letter-spacing:-.01em;color:var(--on-surface)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gutter)}.grid-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}.grid-dash{display:grid;grid-template-columns:2fr 1fr;gap:var(--page)}.card{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-card);padding:var(--stack-md);box-shadow:0 2px 4px #00000005}.kpi-card{display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.kpi-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--stack-md)}.kpi-card-top .material-symbols-outlined{color:var(--secondary);opacity:.6}.kpi-row{display:flex;align-items:flex-end;gap:8px}.kpi-row .suffix{color:var(--on-surface-variant);margin-bottom:4px}.progress{width:100%;height:6px;border-radius:999px;background:var(--surface-container);overflow:hidden;margin-top:var(--stack-sm)}.progress>span{display:block;height:100%;border-radius:999px;background:var(--primary)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--outline-variant);border-radius:var(--radius-sm);background:var(--surface-lowest);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface)}.chip-live{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;border:1px solid rgba(34,197,94,.2);background:#22c55e1a;color:var(--success);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--success);flex-shrink:0}.dot.pulse{animation:pulse-dot 2s infinite}.dot.offline{background:var(--secondary);opacity:.7}.dot.error{background:var(--error)}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #22c55e8c}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.header-actions{display:flex;align-items:center;gap:var(--stack-md)}.panel{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-card);overflow:hidden;display:flex;flex-direction:column}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--outline-variant);background:var(--surface);flex-wrap:wrap}.search{position:relative;flex:1;min-width:220px;max-width:480px}.search .material-symbols-outlined{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--on-surface-variant);pointer-events:none}.search input{width:100%;padding-left:36px;background:var(--surface-lowest)}.toolbar-actions{display:flex;gap:8px}.toolbar-actions .btn-ghost{display:inline-flex;align-items:center;gap:6px;font-size:13px;text-transform:none;letter-spacing:0;font-weight:500}.panel-footer{padding:12px 16px;border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);font-size:13px;background:var(--surface)}.table-wrap{overflow:auto}.card-section{padding:0;overflow:hidden;display:flex;flex-direction:column}.card-section-head{padding:var(--stack-md);border-bottom:1px solid var(--outline-variant);display:flex;justify-content:space-between;align-items:center}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--surface-container);font-size:13px;line-height:18px;vertical-align:middle}th{background:var(--surface-lowest);color:var(--on-surface-variant);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}tbody tr{background:var(--surface-lowest)}tbody tr:nth-child(odd){background:var(--background)}tbody tr:hover{background:var(--surface-variant)}.company-cell{display:flex;align-items:center;gap:12px}.company-avatar{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--outline-variant);background:var(--surface-lowest);display:grid;place-items:center;color:var(--secondary);flex-shrink:0}.company-avatar .material-symbols-outlined{font-size:18px}.company-name{font-weight:600;color:var(--on-surface)}.row-actions{text-align:right;white-space:nowrap}.row-actions .icon-btn{display:inline-grid;opacity:.55}tr:hover .row-actions .icon-btn{opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--on-surface);background:transparent;padding:0;text-transform:none;letter-spacing:0}.badge.online:before,.badge.Available:before,.badge.completed:before,.badge.Accepted:before,.badge.active:before,.badge.Charging:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--success)}.badge.offline:before,.badge.pending:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--secondary);opacity:.7}.badge.failed:before,.badge.error:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--error)}.badge.Preparing:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--primary-container)}.log-in{color:#006783}.log-out{color:var(--primary)}pre{margin:0;max-width:520px;white-space:pre-wrap;word-break:break-word;color:var(--on-surface-variant);font-size:12px}input,select,textarea{width:100%;background:var(--surface);border:1px solid var(--outline-variant);color:var(--on-surface);border-radius:var(--radius-sm);padding:8px 12px;font:inherit;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-container);box-shadow:0 0 0 2px #fa03}input[type=checkbox]{width:auto;box-shadow:none}.field{display:flex;flex-direction:column;gap:var(--stack-sm);margin-bottom:var(--stack-md)}.field .label-caps{color:var(--on-surface)}button,.btn-primary,.btn-ghost{font:inherit;border-radius:var(--radius-sm);padding:10px 16px;cursor:pointer}button[type=submit],.btn-primary{background:var(--primary-container);color:var(--on-primary-fixed-variant);border:0;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}button[type=submit]:hover,.btn-primary:hover{filter:brightness(1.08)}button[type=submit]:disabled{opacity:.6;cursor:not-allowed}button[type=button],.btn-ghost{background:var(--surface-lowest);color:var(--on-surface);border:1px solid var(--outline-variant)}.btn-danger{color:var(--error)}.error{color:var(--error);margin:0 0 12px}.loading{padding:32px;color:var(--on-surface-variant)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#1a1f1e;color:#fff;position:relative;overflow:hidden}.login-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,rgba(255,170,0,.15) 0%,transparent 70%)}.login-split{width:100%;max-width:900px;display:flex;flex-direction:row;align-items:stretch;border-radius:16px;overflow:hidden;position:relative;z-index:1;background:#242928;box-shadow:0 24px 64px #00000073}.login-brand-panel{width:50%;padding:48px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border-right:1px solid rgba(255,255,255,.1);background:#1a1f1e8c}.login-brand-row{display:flex;align-items:center;gap:12px;margin-bottom:24px}.login-brand-row img{height:40px;width:auto;display:block}.login-subtitle{margin:0 0 32px;font-size:20px;line-height:28px;font-weight:600;color:#fff9}.login-tagline{margin:0;max-width:280px;font-size:14px;line-height:20px;color:#fff6}.login-form-panel{width:50%;padding:48px;display:flex;flex-direction:column;justify-content:center;background:#242928}.login-form-panel h2{margin:0 0 32px;text-align:center;font-size:20px;line-height:28px;font-weight:600;color:#fff}.login-form-panel .field{margin-bottom:16px}.login-form-panel .label-caps{color:#ffffffb3;margin-bottom:8px;display:block}.login-form-panel input{width:100%;background:#1a1f1e;border:1px solid rgba(255,255,255,.2);color:#fff;border-radius:4px;padding:12px 16px;font:inherit}.login-form-panel input::placeholder{color:#ffffff4d}.login-form-panel input:focus{outline:none;border-color:#fa0;box-shadow:0 0 0 1px #fa0}.login-form-panel .error{color:#ffb4ab;margin:0 0 12px;font-size:13px}.login-submit{width:100%;margin-top:16px;padding:16px;background:#fa0;color:#1a1c1c;border:0;border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.login-submit:hover{filter:brightness(1.05)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-divider{margin-top:32px;display:flex;align-items:center;gap:0}.login-divider hr{flex:1;border:0;border-top:1px solid rgba(255,255,255,.1);margin:0}.login-divider span{padding:0 16px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#fff6}.login-social{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.social-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:transparent;color:#fffc;font-size:14px;cursor:not-allowed;opacity:.7}.social-btn svg{width:20px;height:20px}.login-forgot{margin:32px 0 0;text-align:center}.login-forgot a{color:#fff9;font-size:14px}.login-forgot a:hover{color:#fa0}@media(max-width:800px){.login-split{flex-direction:column;max-width:440px}.login-brand-panel,.login-form-panel{width:100%;padding:32px 24px}.login-brand-panel{align-items:center;text-align:center;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.login-tagline{display:none}.login-subtitle{text-align:center;margin-bottom:0}}@media(max-width:1100px){.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-dash{grid-template-columns:1fr}.user-meta{display:none}}@media(max-width:900px){:root{--sidebar-width: 72px}.sidebar-brand{justify-content:center;padding:0 8px 20px}.sidebar-brand img{height:22px}.nav-label{display:none}.nav-item{justify-content:center;padding:0;border-left-width:3px}.topbar-tabs{display:none}}@media(max-width:700px){.sidebar{inset:auto 0 0;width:100%;height:64px;flex-direction:row;padding:0 8px;border-right:0;border-top:1px solid #2e3330}.sidebar-brand,.breadcrumb{display:none}.sidebar-nav,.sidebar-foot{flex-direction:row;margin:0;width:auto;border:0;padding:0}.sidebar-nav{flex:1;overflow-x:auto}.sidebar-foot{border:0}.nav-item{width:48px;border-left:0;border-bottom:3px solid transparent}.nav-item.active{border-bottom-color:var(--primary-container);background:transparent}.shell{margin-left:0}.main{padding:16px 16px 88px}.header h1,h1.page-title{font-size:22px;line-height:28px}.grid-kpi{grid-template-columns:1fr}.topbar-brand{font-size:16px}}