*{box-sizing:border-box}:root{--bg:#0b0d10;--panel:#11151a;--panel-2:#161b21;--border:#252b33;--text:#f4f6f8;--muted:#8f99a6;--subtle:#606a77;--accent:#e82127;--ok:#38d996;--warn:#f2b84b;--shadow:0 18px 55px #00000047}html,body{background:radial-gradient(circle at 80% -10%, #e8212714, transparent 28%), var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button{color:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:10;background:#0a0c0ff0;flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand-mark{letter-spacing:-.05em;border:1px solid #3a4049;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand div:last-child{display:grid}.brand strong{letter-spacing:.02em;font-size:17px}.brand span{color:var(--muted);margin-top:1px;font-size:12px}nav{gap:6px;display:grid}.nav-item{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;height:46px;padding:0 13px;transition:all .16s;display:flex}.nav-item:hover{color:var(--text);background:#14181e}.nav-item.active{color:var(--text);box-shadow:inset 3px 0 0 var(--accent);background:#171b21}.nav-item svg{flex:none}.sidebar-foot{border-top:1px solid var(--border);gap:10px;margin-top:auto;padding:20px 10px 0;display:grid}.read-only-pill{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.sidebar-foot small{color:#525b66;font-size:11px}.main{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:8;background:#0b0d10d1;border-bottom:1px solid #252b33bf;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}.top-status{color:var(--muted);align-items:center;gap:9px;font-size:13px;display:flex}.mobile-brand{display:none}.status-dot{background:var(--ok);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #38d99614}.status-dot.offline{background:var(--warn);box-shadow:0 0 0 4px #f2b84b14}.top-actions{align-items:center;gap:14px;display:flex}.last-update{color:var(--subtle);font-size:12px}.refresh-button{border:1px solid var(--border);cursor:pointer;background:#12161b;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 13px;display:inline-flex}.refresh-button:hover{background:#171c22;border-color:#3a424d}.refresh-button:disabled{opacity:.6;cursor:default}.refresh-button svg{width:17px;height:17px}.page{max-width:1480px;margin:0 auto;padding:34px}.hero{border:1px solid var(--border);min-height:350px;box-shadow:var(--shadow);background:radial-gradient(circle at 78% 45%,#75808e21,#0000 30%),linear-gradient(145deg,#14181d,#0f1216 70%);border-radius:22px;grid-template-columns:.82fr 1.18fr;align-items:center;gap:10px;padding:42px 46px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";filter:blur(20px);background:#e8212717;border-radius:999px;width:300px;height:300px;position:absolute;top:-140px;right:-120px}.hero-copy{z-index:2;position:relative}.eyebrow{letter-spacing:.16em;color:#727d8a;font-size:11px;font-weight:700;line-height:1}.hero h1,.placeholder h1{letter-spacing:-.045em;margin:12px 0;font-size:clamp(34px,4vw,58px);line-height:.98}.hero p{color:var(--muted);max-width:550px;margin:0;line-height:1.65}.hero-badges{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.badge{border:1px solid var(--border);border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:11px;font-weight:650;display:inline-flex}.badge-ok{color:#b9f4dc;background:#38d99617;border-color:#38d9963d}.badge-warn{color:#ffe0a0;background:#f2b84b14;border-color:#f2b84b38}.badge-neutral{color:#c1c8d0;background:#ffffff06}.hero-car{z-index:1;min-width:0;position:relative}.car-art{filter:drop-shadow(0 24px 24px #00000061);width:100%;max-width:760px;margin:auto;display:block}.car-shadow{filter:blur(14px);background:#0000008c;border-radius:999px;width:70%;height:20px;margin:-28px auto 0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px;display:grid}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;gap:13px;min-width:0;padding:19px;display:flex}.metric-icon{color:#aeb7c1;background:#191e25;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-label{color:var(--muted);font-size:12px}.metric-value{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:18px;font-weight:690;overflow:hidden}.metric-note{color:var(--subtle);margin-top:4px;font-size:11px}.content-grid{grid-template-columns:1.5fr .9fr;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:25px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel h2{letter-spacing:-.025em;margin:7px 0 0;font-size:22px}.locked-state{background:#0e1115;border:1px dashed #303742;border-radius:14px;align-items:center;gap:16px;min-height:116px;margin-top:25px;padding:20px;display:flex}.locked-icon{color:#9da7b3;background:#191e25;border-radius:13px;flex:none;place-items:center;width:42px;height:42px;display:grid}.locked-state strong{font-size:14px}.locked-state p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.55}.ghost-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:15px;display:grid}.ghost-metrics div{background:var(--panel-2);border:1px solid #21262d;border-radius:12px;gap:5px;padding:14px;display:grid}.ghost-metrics span{color:var(--subtle);font-size:11px}.ghost-metrics b{color:#717b87;font-size:15px}.check-list{gap:13px;margin-top:24px;display:grid}.check-list>div{color:#c7cdd4;align-items:center;gap:10px;font-size:13px;display:flex}.check{width:23px;height:23px;color:var(--ok);background:#38d99614;border:1px solid #38d99629;border-radius:999px;place-items:center;font-size:12px;display:grid}.placeholder{border:1px solid var(--border);background:radial-gradient(circle at 50% 10%, #5a647317, transparent 26%), var(--panel);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 145px);padding:40px;display:flex}.placeholder-icon{border:1px solid var(--border);color:#bbc3cc;background:#171b21;border-radius:22px;place-items:center;width:72px;height:72px;margin-bottom:22px;display:grid}.placeholder-icon svg{width:30px;height:30px}.placeholder h1{font-size:42px}.placeholder p{color:var(--muted);max-width:620px;margin:0 0 22px;line-height:1.65}@media (max-width:1100px){.shell{grid-template-columns:86px 1fr}.sidebar{padding-inline:13px}.brand{justify-content:center;padding-inline:0}.brand>div:last-child,.nav-item span,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:0}.hero{grid-template-columns:1fr}.hero-car{margin-top:-35px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media (max-width:720px){.shell{display:block}.sidebar{border-right:0;border-top:1px solid var(--border);height:72px;padding:8px 10px;display:block;position:fixed;inset:auto 0 0}.brand,.sidebar-foot{display:none}.sidebar nav{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.nav-item{border-radius:10px;height:54px}.nav-item.active{box-shadow:inset 0 -2px 0 var(--accent)}.nav-item svg{width:19px;height:19px}.topbar{height:66px;padding:0 16px}.top-status{display:none}.mobile-brand{letter-spacing:-.02em;font-weight:720;display:block}.last-update,.refresh-button span{display:none}.refresh-button{justify-content:center;width:38px;padding:0}.page{padding:16px 16px 94px}.hero{border-radius:18px;min-height:auto;padding:28px 22px 12px}.hero h1{font-size:36px}.hero-car{margin:-15px -24px 0}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.metric-card{padding:15px}.metric-icon{width:34px;height:34px}.metric-value{font-size:15px}.content-grid{gap:10px;margin-top:10px}.panel{border-radius:16px;padding:19px}.ghost-metrics{grid-template-columns:1fr 1fr}.placeholder{border-radius:18px;min-height:calc(100vh - 176px);padding:30px 20px}.placeholder h1{font-size:36px}}@media (max-width:430px){.metric-grid{grid-template-columns:1fr}.hero-badges{gap:6px}}.notice{color:#f4d493;background:#f2b84b12;border:1px solid #f2b84b40;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:13px}.notice.neutral{color:var(--muted);border-color:var(--border);background:#0e1115;margin-top:18px;margin-bottom:0}.operational-panel{min-height:calc(100vh - 145px)}.vehicle-selector,.control-row,.smart-form,.settings-stack{align-items:center;gap:12px;display:flex}.vehicle-selector{margin-top:24px}select,input[type=number],input[type=datetime-local]{border:1px solid var(--border);color:var(--text);background:#0d1014;border-radius:10px;min-height:42px;padding:0 12px}select{min-width:220px}.action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.action-grid button,.button-primary,.button-secondary,.button-danger,.link-button,.control-row button{border:1px solid var(--border);min-height:42px;color:var(--text);cursor:pointer;text-align:center;background:#171c22;border-radius:11px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;display:inline-flex}.action-grid button:hover,.button-secondary:hover,.control-row button:hover{background:#1d232a;border-color:#414a56}.button-primary{background:#e82127;border-color:#e82127;font-weight:700}.button-danger{color:#ffb9bc;background:#e8212714;border-color:#e8212759}button:disabled,.button-primary:disabled{opacity:.4;cursor:not-allowed}.control-row{border:1px solid var(--border);background:#0e1115;border-radius:14px;margin-top:18px;padding:16px}.control-row label{min-width:140px;color:var(--muted);gap:4px;font-size:13px;display:grid}.control-row label b{color:var(--text);font-size:15px}.control-row input[type=range]{flex:1}.metric-grid.compact{margin-top:22px}.smart-card{border:1px solid var(--border);background:linear-gradient(145deg,#101419,#0d1014);border-radius:16px;margin-top:22px;padding:22px}.smart-card h3{margin:7px 0;font-size:20px}.smart-card p,.panel-copy{color:var(--muted);font-size:13px;line-height:1.6}.smart-form{flex-wrap:wrap;align-items:end;margin-top:18px}.smart-form label{color:var(--muted);gap:7px;font-size:12px;display:grid}.smart-form input{min-width:180px}.smart-status{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:16px;font-size:12px;display:flex}.settings-stack{flex-direction:column;align-items:stretch;margin-top:24px}.settings-stack>div{border-bottom:1px solid var(--border);justify-content:space-between;gap:16px;padding:14px 0;display:flex}.settings-stack span{color:var(--muted)}.check.pending{color:var(--warn);background:#f2b84b14;border-color:#f2b84b33}@media (max-width:900px){.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-row{flex-wrap:wrap}.control-row input[type=range]{flex-basis:100%}}@media (max-width:720px){.operational-panel{min-height:calc(100vh - 176px)}.vehicle-selector{flex-direction:column;align-items:stretch}select{width:100%;min-width:0}.action-grid{grid-template-columns:1fr 1fr}.smart-form{flex-direction:column;align-items:stretch}.smart-form input,.smart-form button{width:100%}.control-row{grid-template-columns:1fr 1fr;display:grid}.control-row input[type=range]{grid-column:1/-1}}