/* Shared Fupa presentation: consistent cards, controls and readable history. */
:root{color-scheme:dark;--surface:#19243c;--edge:#33415a;--muted:#a6afc4;--accent:#fbbf24}
body{background:#191c2e;color:#e8edf7;line-height:1.5}.container{max-width:760px;padding:24px 18px}.header{gap:16px;padding:10px 0 20px;flex-wrap:wrap}.header h1{color:#e8edf7;font-size:22px}.header-actions{flex-wrap:wrap}.header-actions button{margin-bottom:0;min-height:40px}.card,.login-box{background:var(--surface);border:1px solid var(--edge);border-radius:16px;padding:22px;margin-bottom:18px;box-shadow:0 6px 20px #090e1b16}.card h2{font-size:19px;color:#7dd3fc;line-height:1.4;margin-bottom:18px}.card h3{color:#c3ccdc;line-height:1.5}input,textarea,select{background:#121b2e;border:1px solid #40506a;color:#edf2fa;border-radius:10px;min-height:44px}input::placeholder,textarea::placeholder{color:#9aa7bd}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid #fbbf24;outline-offset:3px}button{border-radius:10px;min-height:44px;transition:filter .15s,background .15s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.55}button.secondary{background:#303c56;color:#e8edf7;border:1px solid #4c5a72}button.secondary:hover{background:#3c4963}#main-menu button{border:1px solid #46536b;border-radius:12px;text-align:left;padding:18px 20px!important;box-shadow:none}#main-menu h2{text-align:left}nav{background:#121b2e;border:1px solid var(--edge);padding:5px;gap:4px;border-radius:12px;flex-wrap:wrap}nav button{border-radius:8px;color:#b4bed0;min-width:95px}nav button.active{background:#2b3c58;color:#fbbf24}.entry{background:#131d32;border:1px solid #35415a;padding:17px;border-radius:12px;margin-bottom:12px}.entry.home-time{border-left:3px solid #7dd3fc}.entry label{line-height:1.5}.stats,.stats-grid{gap:12px}.stat,.stat-box,.stat-card{border:1px solid #35415a;border-radius:12px;background:#131d32;padding:16px}table{border-collapse:collapse;width:100%}th{font-size:12px;letter-spacing:.3px}td,th{line-height:1.5}a{color:#7dd3fc}label{line-height:1.5}#back-to-menu{background:#25314a;border:1px solid #40506a;color:#dce5f5}.budget-section{background:var(--surface)}.budget-actions button{min-height:38px}.loading{color:var(--muted);padding:20px}input[type=checkbox],input[type=radio]{min-height:0}input[type=range]{min-height:24px}@media(max-width:480px){.container{padding:16px 12px}.card{padding:17px}.header{gap:12px}.header h1{font-size:19px}.header-actions{gap:6px}.header-actions button{padding:8px 12px}nav button{font-size:14px;padding:12px 8px}.entry{padding:14px}.card h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
nav button:hover{background:#2b3c58;color:#fbbf24}

#main-menu button{position:relative;padding-right:68px!important}.tab-notification{position:absolute;right:16px;top:50%;transform:translateY(-50%);min-width:26px;height:26px;padding:0 7px;border-radius:20px;background:#ef3340;color:white;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0004;border:2px solid #fff3;line-height:1}

@media(max-width:480px){.tire-diagram.large .tire-tile{width:48px;min-width:0;flex:1;font-size:12px}.tire-diagram.large .axle-gap{width:20px}.tire-diagram.large .tire-group{gap:3px}.tire-diagram.large{padding:16px 6px}.tire-diagram.large .tire-axle{gap:4px}}