*{box-sizing:border-box}:root{--brand-riot-red:#eb0029;--brand-riot-dark:#111;--brand-riot-gray:#f9f9f9;--bg:#f2f2f2;--surface:#fff;--border:#e1e1e1;--text:#111;--muted:#7e7e7e;--control-bg:var(--brand-riot-red);--control-border:var(--brand-riot-red);--control-text:#fff;--danger:var(--brand-riot-red);--nav-bg:transparent;--nav-text:#555;--nav-muted:#7e7e7e;--nav-active-bg:#f9f9f9;--nav-active-text:#111;--nav-active-border:var(--brand-riot-red);--fab-bg:var(--brand-riot-red);--fab-text:#fff;--header-bg:#111;--header-text:#fff;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:1.45}:root[data-theme=light]{--bg:#f2f2f2;--surface:#fff;--border:#e1e1e1;--text:#111;--muted:#7e7e7e;--control-bg:var(--brand-riot-red);--control-border:var(--brand-riot-red);--control-text:#fff;--danger:var(--brand-riot-red);--nav-bg:transparent;--nav-text:#555;--nav-muted:#7e7e7e;--nav-active-bg:#f9f9f9;--nav-active-text:#111;--nav-active-border:var(--brand-riot-red);--fab-bg:var(--brand-riot-red);--fab-text:#fff;--header-bg:#111;--header-text:#fff}:root[data-theme=dark]{--bg:#0a0a0c;--surface:#1e2328;--border:#3c3c41;--text:#f0e6d2;--muted:#a09b8c;--control-bg:var(--brand-riot-red);--control-border:var(--brand-riot-red);--control-text:#fff;--danger:var(--brand-riot-red);--nav-bg:transparent;--nav-text:#a09b8c;--nav-muted:#7e7e7e;--nav-active-bg:#2b2a29;--nav-active-text:#f0e6d2;--nav-active-border:var(--brand-riot-red);--fab-bg:var(--brand-riot-red);--fab-text:#fff;--header-bg:#111;--header-text:#fff}.pageTitle{align-items:center;gap:12px;margin:0;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700;line-height:1.25;display:flex}.pageTitleLogo{object-fit:contain;flex-shrink:0;width:40px;height:40px}.pageTitleText{min-width:0}html,body{height:100%;margin:0}#root{min-height:100%}a{color:inherit}.appShell{flex-direction:column;min-height:100vh;display:flex}.topHeader{background:var(--header-bg);color:var(--header-text);z-index:50;align-items:center;height:80px;padding:0 16px;display:flex;position:sticky;top:0}.topHeaderInner{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin:0 auto;display:flex}.headerBrand{letter-spacing:1px;white-space:nowrap;align-items:center;gap:8px;font-family:Great Vibes,cursive;font-size:1.8rem;font-weight:400;display:flex}.headerBrandLogo{object-fit:contain;flex-shrink:0;width:78px;height:78px}@media (width>=768px){.headerBrand{gap:12px;font-size:2.2rem}.headerBrandLogo{width:56px;height:56px}}.headerActions{align-items:center;gap:24px;display:flex}.languageSwitcher{color:var(--header-text);cursor:pointer;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.languageSwitcher:hover{color:var(--brand-riot-red)}.languageSelect{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.userProfileMock{cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:6px 12px;transition:background .2s;display:flex}.userProfileMock:hover{background:#ffffff1a}.userInfo{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.userName{color:var(--header-text);font-size:14px;font-weight:700}.userTag{color:var(--muted);font-size:12px}.userAvatar{background:var(--surface);width:36px;height:36px;color:var(--text);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.userProfileMock:hover .userAvatar{border-color:var(--brand-riot-red)}.pageContainer{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;display:flex}.shellMain{flex:1;padding-bottom:84px}.sidebar{display:none}.bottomNav{z-index:40;height:68px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;display:grid;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.navItem{color:var(--nav-muted);text-transform:uppercase;letter-spacing:.5px;border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:6px 8px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.navItem--active{color:var(--nav-active-text);background:var(--nav-active-bg)}.navIcon{font-size:18px;line-height:1}.navLabel{line-height:1}.bottomAdd{background:var(--fab-bg);width:54px;height:54px;color:var(--fab-text);border:none;border-radius:999px;place-self:center;margin-bottom:0;padding:0;font-size:26px;line-height:1}.fab{display:none}@media (width<=380px){.bottomNav{padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:8px}.navItem{padding:6px}.navIcon{font-size:18px}.navLabel{display:none}.bottomAdd{width:50px;height:50px}}.addOverlay{z-index:60;background:#00000059;position:fixed;inset:0}.addMenu{border:1px solid var(--border);background:var(--surface);border-radius:14px;position:fixed;bottom:86px;left:12px;right:12px;overflow:hidden;box-shadow:0 20px 50px #00000073}.addMenuItem{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;border-radius:0;padding:14px;font-weight:600}.addMenuItem:last-child{border-bottom:none}@media (width>=900px){.pageContainer{flex-direction:row;align-items:flex-start;gap:40px;padding:40px 24px}.sidebar{background:0 0;flex-direction:column;gap:14px;width:260px;display:flex;position:sticky;top:120px}.sidebarNav{flex-direction:column;gap:4px;display:flex}.sidebar .navItem{color:var(--nav-muted);border-left:4px solid #0000;border-radius:8px;flex-direction:row;justify-content:flex-start;gap:12px;padding:16px 20px;font-size:13px;transition:all .2s}.sidebar .navItem:hover{background:var(--nav-active-bg);color:var(--text)}.sidebar .navItem--active{background:var(--nav-active-bg);color:var(--nav-active-text);border-left:4px solid var(--nav-active-border);border-radius:0 8px 8px 0}.sidebar .navIcon{font-size:20px}.sidebar .navLabel{line-height:1.2}.shellMain{background:var(--surface);border-radius:16px;min-height:600px;padding-bottom:0;box-shadow:0 4px 24px #0000000a}:root[data-theme=dark] .shellMain{box-shadow:0 4px 24px #0003}.bottomNav{display:none}.fab{z-index:55;background:var(--fab-bg);width:64px;height:64px;color:var(--fab-text);border:none;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:32px;line-height:1;transition:transform .2s;display:inline-flex;position:fixed;bottom:32px;right:32px;box-shadow:0 18px 40px #eb002959}.fab:hover{transform:scale(1.05)}.addMenu{width:280px;bottom:110px;left:auto;right:32px}}.page{padding:24px}@media (width>=768px){.page{padding:40px}}.pageHeader{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}@media (width>=768px){.pageHeader{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}}.pageHeaderActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card{border:1px solid var(--border);background:var(--surface);border-radius:12px;margin-top:24px;padding:24px}.gridForm{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=768px){.gridForm.carsCreate{grid-template-columns:1fr 1fr 140px 160px}.gridForm.maintenanceCreate{grid-template-columns:1fr 180px 220px}.grid2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.carEntryForm{grid-template-columns:160px 1fr 160px 160px}}input,select,button{font:inherit}input,select{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;padding:12px 16px;transition:border-color .2s}input:focus,select:focus{border-color:var(--brand-riot-red);outline:none}button{border:1px solid var(--control-border);background:var(--control-bg);color:var(--control-text);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}button:hover:not(:disabled){filter:brightness(1.1)}button:disabled{opacity:.5;cursor:not-allowed}h1,h2{margin:0}.modal-backdrop{z-index:50;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(520px,100%);max-height:min(90vh,700px);padding:24px;overflow:auto;box-shadow:0 24px 60px #0006}.modal-panel--fullscreen{border-radius:16px;width:100%;height:100%;max-height:none;padding:24px;position:relative}.modal-close{width:40px;height:40px;color:var(--muted);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:inline-flex;position:absolute;top:16px;right:16px}.modal-close:hover{background:var(--bg);color:var(--text)}.modal-panel h3{text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:1.25rem;font-weight:700}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}