:root{color:#dfe6f3;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at top,#6ee7ff14,#0000 30%),radial-gradient(circle at 100%,#7bffc40f,#0000 24%),#06080d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at top,#6ee7ff14,#0000 30%),radial-gradient(circle at 100%,#7bffc40f,#0000 24%),#06080d;min-width:320px;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}h1,h2,p{margin:0}h1{letter-spacing:-.06em;color:#f4f8ff;margin-top:18px;font-size:clamp(3rem,7vw,5.6rem);line-height:.96}h2{color:#f4f8ff;margin-top:10px;font-size:clamp(1.1rem,2vw,1.6rem);line-height:1.2}#root{width:100%}.dashboard-shell{flex-direction:column;gap:18px;padding:24px;display:flex}.error-banner{color:#ffb5b5;background:#ff6b6b14;border-color:#ff6b6b33;padding:16px 18px}.panel{background:linear-gradient(#131821eb,#0b0f15f0);border:1px solid #ffffff14;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000059}.inset-panel{background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px}.glow-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#53e6ff38,#0000 65%);width:320px;height:320px;position:absolute;inset:auto -10% -55% auto}.hero-panel{grid-template-columns:1.3fr .9fr;gap:18px;min-height:360px;padding:24px;display:grid}.hero-copy,.hero-visual,.analytics-panel,.controls-panel,.trips-panel,.map-panel{padding:22px}.eyebrow-row,.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header.stacked{flex-direction:column}.eyebrow{color:#86ecff;letter-spacing:.12em;text-transform:uppercase;background:#6ee7ff14;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:12px;display:inline-flex}.status-pill{color:#d9faff;background:#ffffff0f;border-radius:999px;align-items:center;height:28px;padding:0 12px;font-size:12px;display:inline-flex}.status-pill.online{color:#98ffd4;background:#7bffc41f}.status-pill.charging{background:#6ee7ff1f}.hero-subtitle,.panel-note,.card-note,.muted{color:#dee6f29e}.hero-subtitle{max-width:560px;margin-top:16px;font-size:16px;line-height:1.7}.hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px;display:grid}.metric-label{text-transform:uppercase;letter-spacing:.14em;color:#dce3f07a;font-size:12px;display:block}.metric-value{color:#f4f8ff;margin-top:10px;font-size:34px;font-weight:600}.metric-value.giant{letter-spacing:-.06em;font-size:72px;line-height:1}.metric-value.muted{font-size:24px}.hero-visual{flex-direction:column;justify-content:space-between;display:flex}.map-header,.map-footer{color:#f3f6fb;justify-content:space-between;align-items:center;gap:10px;display:flex}.map-grid{background-color:#090d13eb;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:18px;flex:1;min-height:220px;margin:18px 0;position:relative}.map-glow,.map-ring,.vehicle-dot{border-radius:50%;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.map-glow{background:radial-gradient(circle,#6ee7ff33,#0000 68%);width:180px;height:180px}.map-ring{border:1px solid #6ee7ff40}.map-ring.ring-1{width:110px;height:110px}.map-ring.ring-2{width:170px;height:170px}.vehicle-dot{background:#6ee7ff;width:14px;height:14px;box-shadow:0 0 20px #6ee7ffcc}.stats-grid,.content-grid{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.stat-card{padding:18px}.stat-card strong,.trip-card strong{color:#f5f8ff;margin-top:12px;font-size:28px;display:block}.card-note{margin-top:10px;font-size:13px;display:block}.content-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.9fr)}.wide-panel{min-height:360px}.chart-block{grid-template-columns:1.2fr .9fr;align-items:stretch;gap:18px;margin-top:24px;display:grid}.bar-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:14px;min-height:230px;display:grid}.bar-column{flex-direction:column;align-items:center;gap:10px;height:100%;display:flex}.bar-track{background:#ffffff0a;border-radius:999px;flex:1;align-items:end;width:100%;padding:8px;display:flex;position:relative}.bar-fill{background:linear-gradient(#7bffc4,#6ee7ff);border-radius:999px;width:100%;box-shadow:0 8px 24px #6ee7ff47}.bar-column span,.line-point-group span{color:#dde5f194;font-size:12px}.energy-summary{gap:14px;display:grid}.energy-summary>div,.trip-card{padding:18px}.controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.control-button{color:#f5f8ff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;min-height:54px;font-size:14px;transition:transform .2s,border-color .2s,background .2s}.control-button:hover{border-color:#6ee7ff66;transform:translateY(-1px)}.control-button.primary{background:#6ee7ff24}.control-button.danger{color:#ffb2b2;background:#ff6b6b1a}.lower-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}.trip-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.line-chart{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:12px;min-height:210px;margin-top:24px;display:grid;position:relative}.line-point-group{flex-direction:column;justify-content:flex-end;align-items:center;min-height:180px;display:flex;position:relative}.line-point{background:#7bffc4;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 0 18px #7bffc473}.line-path{pointer-events:none;border-bottom:1px dashed #ffffff14;position:absolute;inset:34px 0 22px}.timeline-map{margin-top:24px;padding:18px}.timeline-track{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline-node{color:#f3f6fbcc;background:#ffffff0a;border-radius:999px;align-items:center;height:36px;padding:0 14px;display:inline-flex}.timeline-node.active{color:#87efff;background:#6ee7ff24}.timeline-note{color:#dee6f2b3;margin-top:16px}@media (width<=1200px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid,.lower-grid,.hero-panel,.chart-block{grid-template-columns:1fr}}@media (width<=720px){.dashboard-shell{padding:14px}.hero-panel,.hero-copy,.hero-visual,.analytics-panel,.controls-panel,.trips-panel,.map-panel{padding:18px}.stats-grid,.trip-summary,.controls-grid,.hero-metrics{grid-template-columns:1fr}.metric-value.giant{font-size:56px}}