body.with-app-navigation{padding-left:256px}
.app-page>.topbar{display:none}
.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:70;width:256px;overflow-y:auto;padding:18px 14px 28px;border-right:1px solid var(--line);background:color-mix(in srgb,var(--surface),var(--bg) 18%)}
.app-sidebar-brand{display:flex;align-items:center;gap:11px;margin:0 6px 24px;color:var(--ink);line-height:1;text-decoration:none}.app-sidebar-brand .brand-mark{display:grid;flex:0 0 42px;place-items:center;width:42px;height:42px;border-radius:14px 7px 14px 7px;background:var(--ink);color:var(--surface);font-size:13px;font-weight:800;letter-spacing:.08em}.app-sidebar-brand strong,.app-sidebar-brand small{display:block}.app-sidebar-brand small{margin-top:5px;color:var(--muted);font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.app-sidebar-nav{display:grid;gap:21px}.app-sidebar-nav section{display:grid;gap:3px}.app-nav-group{padding:0 10px 5px;color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.app-nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 10px;border-radius:10px;color:var(--ink);font-size:.87rem;font-weight:720;text-decoration:none}.app-nav-link:hover,.app-nav-link.active{background:var(--accent-soft);color:var(--accent-strong)}.app-nav-count{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--warm);color:#3e260f;font-size:.75rem;font-weight:900}
.app-shell-topbar{position:sticky;top:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:76px;padding:10px clamp(18px,3vw,42px);border-bottom:1px solid color-mix(in srgb,var(--line),transparent 18%);background:color-mix(in srgb,var(--bg),transparent 7%);backdrop-filter:blur(18px)}.app-shell-context small,.app-shell-context strong{display:block}.app-shell-context small,.app-vehicle-switcher label{color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.app-shell-context strong{font-size:.96rem}.app-vehicle-switcher{display:grid;gap:2px}.app-vehicle-switcher select{max-width:min(42vw,430px);padding:4px 28px 4px 0;border:0;background:transparent;color:var(--ink);font-weight:800;cursor:pointer}.app-shell-actions{display:flex;align-items:center;gap:9px}.app-notification strong{display:grid;place-items:center;min-width:22px;height:22px;margin-left:7px;border-radius:999px;background:var(--warm);color:#3e260f;font-size:.72rem}
.app-user-menu{position:relative}.app-user-menu>summary{list-style:none;cursor:pointer}.app-user-menu>summary::-webkit-details-marker{display:none}.app-user-menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:90;display:grid;min-width:220px;padding:8px;border:1px solid var(--line);border-radius:15px;background:var(--surface-strong);box-shadow:var(--shadow)}.app-user-menu-panel a,.app-user-menu-panel button{width:100%;padding:10px 12px;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:.88rem;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.app-user-menu-panel a:hover,.app-user-menu-panel button:hover{background:var(--accent-soft);color:var(--accent-strong)}
.app-nav-toggle{display:none}.app-nav-backdrop{display:none}
@media(max-width:1040px){body.with-app-navigation{padding-left:0}.app-sidebar{transform:translateX(-102%);transition:transform .2s ease;box-shadow:var(--shadow)}body.app-nav-open .app-sidebar{transform:translateX(0)}.app-nav-toggle{position:fixed;left:12px;top:18px;z-index:85;display:flex;align-items:center;gap:7px;min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-weight:800;cursor:pointer}body.app-nav-open .app-nav-backdrop{position:fixed;inset:0;z-index:65;display:block;background:rgba(15,36,30,.42)}.app-shell-topbar{padding-left:112px}}
@media(max-width:720px){.app-shell-topbar{align-items:stretch;flex-direction:column;padding:12px 14px 12px 104px}.app-shell-context{width:100%}.app-vehicle-switcher select{width:100%;max-width:none}.app-shell-actions{width:100%;flex-wrap:wrap}.app-shell-actions>.top-action{flex:1}.app-user-menu{flex:1}.app-user-menu>summary{width:100%}.app-user-menu-panel{left:auto;right:0}.app-nav-toggle{top:14px}.app-page>.container{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.app-sidebar{transition:none}}
.report-format-options{margin:0;padding:0;border:0}.report-format-options legend{margin-bottom:8px;font-size:.85rem;font-weight:800}
.report-button{display:inline-flex;align-items:center;text-decoration:none}