*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #0f0f0f;--bg-surface: #1a1a1a;--bg-elevated: #242424;--bg-input: #1e1e1e;--border: #2e2e2e;--border-focus: #444;--text-primary: #f0f0f0;--text-muted: #888;--text-hint: #555;--accent: #C0302A;--accent-hover: #a82520;--accent-dim: rgba(192, 48, 42, .15);--green: #4ade80;--green-dim: #1a2e1a;--red-dim: #2a1515;--red-text: #f87171;--motor-border: #b45309;--motor-bg: #1c1710;--motor-badge: #7c2d12;--motor-badge-text: #fed7aa}html,body,#root{height:100%;background:var(--bg-base);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}input,button,textarea,select{font-family:inherit;font-size:inherit}input{background:var(--bg-input);border:1px solid var(--border);border-radius:7px;color:var(--text-primary);padding:9px 12px;outline:none;transition:border-color .15s;width:100%}input:focus{border-color:var(--border-focus)}input::placeholder{color:var(--text-hint)}button{cursor:pointer;border:none;border-radius:7px;padding:9px 16px;font-weight:600;font-size:13px;transition:background .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#444}.app-shell{min-height:100vh;background:var(--bg-base)}.sidebar{display:none}.bottom-nav{display:flex}@media (min-width: 768px){.app-shell{display:flex}.sidebar{display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:200px;background:var(--bg-surface);border-right:1px solid var(--border);z-index:20;padding:16px 0;gap:0}.sidebar-logo{display:flex;align-items:center;justify-content:center;padding:12px 12px 16px;border-bottom:1px solid var(--border);margin-bottom:8px;overflow:hidden}.sidebar-vehicle{margin:8px 12px;padding:8px 10px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:7px}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:2px;padding:4px 8px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:background .15s,color .15s;width:100%}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--bg-elevated);color:var(--accent);font-weight:600}.nav-item.active .nav-icon svg{stroke:var(--accent)}.sidebar-signout{margin:8px 12px 0;padding:8px 12px;background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text-muted);font-size:12px;cursor:pointer;text-align:left}.sidebar-signout:hover{color:var(--text-primary);border-color:var(--text-muted)}.content-area{margin-left:200px;min-height:100vh;width:calc(100% - 200px)}.bottom-nav{display:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:var(--bg-surface);border-top:1px solid var(--border);z-index:20;align-items:stretch}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;padding:6px 2px;transition:color .15s}.bottom-nav-item.active{color:var(--accent)}.bottom-nav-item .nav-label{font-size:9px;font-weight:600;letter-spacing:.02em}@media (max-width: 767px){.content-area{padding-bottom:68px}}