@charset "UTF-8";:root{--bg-void: #000814;--bg-deep: #00101f;--bg-panel: #001a2e;--bg-card: #002040;--bg-card-hover: #00284f;--bg-overlay: rgba(0, 16, 31, .92);--neon-primary: #00d4ff;--neon-secondary: #0090ff;--neon-cyan: #00ffea;--neon-blue: #1a6dff;--neon-violet: #7c3aed;--neon-green: #00ff88;--neon-amber: #ffaa00;--neon-red: #ff2d55;--neon-orange: #ff6b00;--glow-primary: 0 0 20px rgba(0, 212, 255, .5), 0 0 60px rgba(0, 212, 255, .15);--glow-secondary: 0 0 20px rgba(0, 144, 255, .5);--glow-green: 0 0 20px rgba(0, 255, 136, .5), 0 0 60px rgba(0, 255, 136, .15);--glow-red: 0 0 20px rgba(255, 45, 85, .5);--glow-amber: 0 0 20px rgba(255, 170, 0, .5);--text-primary: #e8f4ff;--text-secondary: #7ab8d4;--text-muted: #3a6080;--text-neon: #00d4ff;--border-subtle: rgba(0, 212, 255, .12);--border-active: rgba(0, 212, 255, .45);--border-bright: rgba(0, 212, 255, .8);--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--gap-2xl: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-full: 9999px;--font-display: "Orbitron", monospace;--font-ui: "Rajdhani", sans-serif;--font-body: "Inter", sans-serif;--ease-fast: .15s cubic-bezier(.4, 0, .2, 1);--ease-normal: .3s cubic-bezier(.4, 0, .2, 1);--ease-slow: .6s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-void: #EDF0FF;--bg-deep: #E0E7FF;--bg-panel: #F5F7FF;--bg-card: #FFFFFF;--bg-card-hover: #F0F4FF;--bg-overlay: rgba(237,240,255,.97);--neon-primary: #2563EB;--neon-secondary: #7C3AED;--neon-cyan: #0891B2;--neon-blue: #1D4ED8;--neon-violet: #6D28D9;--neon-green: #059669;--neon-amber: #D97706;--neon-red: #DC2626;--neon-orange: #EA580C;--glow-primary: 0 4px 28px rgba(37,99,235,.3), 0 1px 6px rgba(37,99,235,.18);--glow-secondary: 0 4px 28px rgba(124,58,237,.28), 0 1px 6px rgba(124,58,237,.14);--glow-green: 0 4px 28px rgba(5,150,105,.28), 0 1px 6px rgba(5,150,105,.14);--glow-red: 0 4px 28px rgba(220,38,38,.28), 0 1px 6px rgba(220,38,38,.14);--glow-amber: 0 4px 28px rgba(217,119,6,.28), 0 1px 6px rgba(217,119,6,.14);--text-primary: #0F172A;--text-secondary: #1E3A6E;--text-muted: #64748B;--text-neon: #2563EB;--border-subtle: rgba(37,99,235,.14);--border-active: rgba(37,99,235,.42);--border-bright: rgba(37,99,235,.78)}[data-theme=light] body{background:linear-gradient(145deg,#edf0ff,#e8eeff,#ede9fe 70%,#e0f0ff) fixed}[data-theme=light] .neon-text{color:var(--neon-primary);text-shadow:0 1px 8px rgba(37,99,235,.3)}[data-theme=light] .neon-text-green{color:var(--neon-green);text-shadow:0 1px 8px rgba(5,150,105,.28)}[data-theme=light] .neon-text-amber{color:var(--neon-amber);text-shadow:0 1px 8px rgba(217,119,6,.28)}[data-theme=light] .neon-text-red{color:var(--neon-red);text-shadow:0 1px 8px rgba(220,38,38,.26)}[data-theme=light] .card{background:#fff;border-top:2px solid var(--neon-primary);box-shadow:0 4px 24px #2563eb1a,0 1px 4px #0000000f}[data-theme=light] .widget{background:#fff!important;border:1px solid rgba(37,99,235,.14)!important;box-shadow:0 4px 20px #2563eb14,0 1px 4px #0000000d}[data-theme=light] .widget:before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.25),rgba(124,58,237,.2),transparent)!important}[data-theme=light] .widget:active{border-color:#2563eb61!important;box-shadow:var(--glow-primary)}[data-theme=light] .widget-header{background:linear-gradient(90deg,#2563eb0f,#7c3aed0a);border-bottom-color:#2563eb26!important;color:#1e3a6e!important}[data-theme=light] .gauge-wrap{background:linear-gradient(160deg,#fff,#f0f4ff)!important;border-color:#2563eb33!important;box-shadow:0 4px 24px #2563eb1a,0 1px 4px #0000000f}[data-theme=light] .gauge-wrap:before{background:radial-gradient(ellipse at 50% 0%,rgba(37,99,235,.08) 0%,transparent 70%)!important}[data-theme=light] .top-bar{background:linear-gradient(90deg,#2563eb,#7c3aed)!important;border-bottom-color:#2563eb4d!important;color:#fff!important}[data-theme=light] .top-bar .clock-display,[data-theme=light] .top-bar .location-display,[data-theme=light] .top-bar .status-chip,[data-theme=light] .top-bar .icon-btn,[data-theme=light] .top-bar i,[data-theme=light] .top-bar span{color:#ffffffeb!important}[data-theme=light] .top-bar .status-chip{background:#ffffff26!important}[data-theme=light] .bottom-nav{background:#fff!important;border-top:1px solid rgba(37,99,235,.15)!important;box-shadow:0 -4px 20px #2563eb14}[data-theme=light] .bottom-nav .nav-item{color:#64748b!important}[data-theme=light] .bottom-nav .nav-item.active{color:#2563eb!important;background:#2563eb14!important;border-radius:12px}[data-theme=light] .icon-btn{background:#2563eb12;border-color:#2563eb2e;color:#2563eb}[data-theme=light] .icon-btn:active,[data-theme=light] .icon-btn.active{background:#2563eb26;box-shadow:var(--glow-primary)}[data-theme=light] .btn-neon{border-color:#2563eb73;color:#2563eb}[data-theme=light] .btn-neon:active{background:#2563eb1a;box-shadow:var(--glow-primary)}[data-theme=light] .btn-neon.btn-solid{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}[data-theme=light] .badge-online{background:#0596691a;color:#059669;border-color:#0596694d}[data-theme=light] .badge-warning{background:#d977061a;color:#d97706;border-color:#d977064d}[data-theme=light] .badge-error{background:#dc26261a;color:#dc2626;border-color:#dc26264d}[data-theme=light] .neon-range{background:#e0e7ff}[data-theme=light] .neon-range::-webkit-slider-thumb{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 2px 12px #2563eb59}[data-theme=light] ::-webkit-scrollbar{width:4px;height:4px}[data-theme=light] ::-webkit-scrollbar-track{background:#e0e7ff;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb{background:linear-gradient(#2563eb,#7c3aed);border-radius:4px}[data-theme=light] .divider{background:linear-gradient(90deg,transparent,rgba(37,99,235,.3),rgba(124,58,237,.25),transparent)}[data-theme=light] .fuel-fill{background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 10px #05966959}[data-theme=light] .throttle-fill{background:linear-gradient(90deg,#2563eb,#7c3aed)}html,html *{transition:background-color .35s ease,border-color .35s ease,color .25s ease,box-shadow .35s ease}:root{--touch-target: 48px;--nav-height: 64px;--top-bar-height: 50px;--sp-xs: 6px;--sp-sm: 10px;--sp-md: 14px;--sp-lg: 20px;--sp-xl: 28px;--icon-nav: 22px;--icon-ui: 16px;--font-nav: 11px;--font-label: 10px}@media(min-width:1024px){:root{--touch-target: 52px;--nav-height: 70px;--top-bar-height: 54px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 22px;--sp-xl: 32px;--icon-nav: 24px;--icon-ui: 17px;--font-nav: 12px;--font-label: 11px}}@media(min-width:1280px){:root{--touch-target: 56px;--nav-height: 76px;--top-bar-height: 58px;--sp-xs: 8px;--sp-sm: 14px;--sp-md: 18px;--sp-lg: 24px;--sp-xl: 36px;--icon-nav: 26px;--icon-ui: 18px;--font-nav: 13px;--font-label: 12px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:var(--bg-void);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media(min-width:1024px){html,body{font-size:15px}}@media(min-width:1280px){html,body{font-size:16px}}@media(hover:none)and (pointer:coarse){*{cursor:default!important}a,button,[role=button]{cursor:pointer!important}button,a{-webkit-tap-highlight-color:rgba(0,212,255,.15)}}.touch-target{min-width:var(--touch-target);min-height:var(--touch-target);display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:0;height:0}.card{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,32,64,.85) 100%);border:1px solid var(--border-subtle);border-radius:var(--r-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);position:relative;overflow:hidden;transition:border-color var(--ease-normal),box-shadow var(--ease-normal)}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,212,255,.04) 0%,transparent 60%);pointer-events:none}.card:hover,.card.active{border-color:var(--border-active);box-shadow:var(--glow-primary)}.neon-text{color:var(--neon-primary);text-shadow:0 0 10px var(--neon-primary),0 0 30px rgba(0,212,255,.4)}.neon-text-green{color:var(--neon-green);text-shadow:0 0 10px var(--neon-green),0 0 30px rgba(0,255,136,.4)}.neon-text-amber{color:var(--neon-amber);text-shadow:0 0 10px var(--neon-amber),0 0 30px rgba(255,170,0,.4)}.neon-text-red{color:var(--neon-red);text-shadow:0 0 10px var(--neon-red)}.btn-neon{display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-sm);padding:10px 20px;background:transparent;border:1px solid var(--border-active);border-radius:var(--r-full);color:var(--neon-primary);font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all var(--ease-fast)}.btn-neon:hover,.btn-neon:active{background:#00d4ff1f;box-shadow:var(--glow-primary);border-color:var(--border-bright)}.btn-neon.btn-solid{background:linear-gradient(135deg,var(--neon-primary),var(--neon-secondary));border:none;color:var(--bg-void);font-weight:700}.btn-neon.btn-danger{border-color:var(--neon-red);color:var(--neon-red)}.btn-neon.btn-danger:hover{background:#ff2d551f;box-shadow:var(--glow-red)}.icon-btn{width:var(--touch-target);height:var(--touch-target);border-radius:50%;border:1px solid var(--border-subtle);background:#00d4ff0f;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--icon-ui);cursor:pointer;transition:all var(--ease-fast);flex-shrink:0}.icon-btn:active,.icon-btn.active{border-color:var(--border-active);color:var(--neon-primary);background:#00d4ff1f;box-shadow:var(--glow-primary)}.icon-btn.icon-btn-lg{width:calc(var(--touch-target) + 12px);height:calc(var(--touch-target) + 12px);font-size:calc(var(--icon-ui) + 4px)}.neon-range{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--bg-card-hover);border-radius:var(--r-full);outline:none;cursor:pointer}.neon-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--neon-primary);box-shadow:var(--glow-primary);cursor:pointer}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-full);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.badge.badge-online{background:#00ff881f;color:var(--neon-green);border:1px solid rgba(0,255,136,.3)}.badge.badge-warning{background:#ffaa001f;color:var(--neon-amber);border:1px solid rgba(255,170,0,.3)}.badge.badge-error{background:#ff2d551f;color:var(--neon-red);border:1px solid rgba(255,45,85,.3)}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-active),transparent);margin:var(--gap-md) 0}@keyframes pulse-glow{0%,to{box-shadow:var(--glow-primary)}50%{box-shadow:0 0 40px #00d4ffcc,0 0 80px #00d4ff4d}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes neon-flicker{0%,95%,to{opacity:1}96%,98%{opacity:.7}}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes rotate-gauge{0%{stroke-dashoffset:0}}.animate-slide-up{animation:slide-up var(--ease-normal) both}.animate-pulse{animation:pulse-glow 2s ease-in-out infinite}.animate-spin-slow{animation:spin-slow 8s linear infinite}.scroll-y{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-y::-webkit-scrollbar{display:none}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.gap-lg{gap:var(--gap-lg)}.flex-1{flex:1}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:18px}.text-xl{font-size:22px}.text-2xl{font-size:28px}.text-3xl{font-size:36px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.08em}