*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}:root{--nav-height:60px;--color-bg:#fafafa;--color-surface:#fff;--color-surface-hover:#f0f7f4;--color-surface-secondary:#eee;--color-text:#1a1a1a;--color-text-secondary:#444;--color-text-muted:#666;--color-text-muted-2:#888;--color-text-on-secondary:#333;--color-text-on-primary:#fff;--color-border:#e5e5e5;--color-border-light:#e2e8f0;--color-input-border:#d0d0d0;--color-primary:#18523f;--color-success:#18523f;--color-danger:#a12a24;--color-error-text:#c0392b;--color-warning-bg:#fff3cd;--color-warning-border:#ffe08a;--color-track-bg:#e5e7eb;--color-modal-overlay:#00000073;--color-shadow:#00000040;--color-toast-bg:#1a1a1a;--badge-green-text:#166534;--badge-green-bg:#dcfce7;--badge-green-border:#bbf7d0;--badge-blue-text:#1e3a8a;--badge-blue-bg:#dbeafe;--badge-blue-border:#bfdbfe;--badge-admin-text:#1d4ed8;--badge-admin-bg:#e8f0fe;--badge-grey-text:#374151;--badge-grey-bg:#f3f4f6;--badge-grey-border:#e5e7eb;--badge-amber-text:#92400e;--badge-amber-accent:#f59e0b;--badge-amber-bg:#fffbeb;--badge-amber-border:#fef3c7;--badge-red-text:#991b1b;--badge-red-accent:#ef4444;--badge-red-bg:#fef2f2;--badge-red-border:#fee2e2;--status-due-bg:#fde2e1;--status-upcoming-bg:#fff3cd;--status-upcoming-text:#8a6400;--status-ok-bg:#e3f1e9;--chart-secondary:#2f6690;--code-bg:#f8fafc;--code-bg-alt:#f1f5f9;--code-inline-bg:#e2e8f0;--code-text:#0f172a;--live-driving-dot:#10b981;--live-driving-text:#047857;--live-stopped-dot:#3b82f6;--live-stopped-text:#1d4ed8;--live-idle-dot:#6b7280;--live-idle-text:#374151;--color-disabled:#ccc;--chip-green-bg:#e8f0ec;--chip-green-border:#cddcd4;--chip-red-bg:#fdf2f2;--chip-red-border:#fde2e2}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-hover:#163229;--color-surface-secondary:#2a2a2a;--color-text:#f0f0f0;--color-text-secondary:#cfcfcf;--color-text-muted:#a0a0a0;--color-text-muted-2:#8a8a8a;--color-text-on-secondary:#e0e0e0;--color-text-on-primary:#fff;--color-border:#333;--color-border-light:#3a3a3a;--color-input-border:#4a4a4a;--color-primary:#2f8564;--color-success:#2f8564;--color-danger:#d9534f;--color-error-text:#e57373;--color-warning-bg:#3a2f10;--color-warning-border:#5c4a12;--color-track-bg:#333;--color-modal-overlay:#0009;--color-shadow:#00000080;--color-toast-bg:#2a2a2a;--badge-green-text:#86efac;--badge-green-bg:#14321f;--badge-green-border:#1f4d30;--badge-blue-text:#93c5fd;--badge-blue-bg:#142744;--badge-blue-border:#1e3a63;--badge-admin-text:#93c5fd;--badge-admin-bg:#142744;--badge-grey-text:#d1d5db;--badge-grey-bg:#2a2d33;--badge-grey-border:#3a3e46;--badge-amber-text:#fcd34d;--badge-amber-bg:#3a2f0f;--badge-amber-border:#5c4a17;--badge-red-text:#fca5a5;--badge-red-bg:#3a1414;--badge-red-border:#5c1f1f;--status-due-bg:#3a1414;--status-upcoming-bg:#3a2f0f;--status-upcoming-text:#fcd34d;--status-ok-bg:#14321f;--chart-secondary:#5b9bc4;--code-bg:#1a1f26;--code-bg-alt:#22272e;--code-inline-bg:#2d333b;--code-text:#e6edf3;--live-driving-dot:#10b981;--live-driving-text:#34d399;--live-stopped-dot:#3b82f6;--live-stopped-text:#60a5fa;--live-idle-dot:#9ca3af;--live-idle-text:#d1d5db;--color-disabled:#4a4a4a;--chip-green-bg:#163229;--chip-green-border:#1f4d30;--chip-red-bg:#3a1414;--chip-red-border:#5c1f1f}}:root[data-theme=dark]{--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-hover:#163229;--color-surface-secondary:#2a2a2a;--color-text:#f0f0f0;--color-text-secondary:#cfcfcf;--color-text-muted:#a0a0a0;--color-text-muted-2:#8a8a8a;--color-text-on-secondary:#e0e0e0;--color-text-on-primary:#fff;--color-border:#333;--color-border-light:#3a3a3a;--color-input-border:#4a4a4a;--color-primary:#2f8564;--color-success:#2f8564;--color-danger:#d9534f;--color-error-text:#e57373;--color-warning-bg:#3a2f10;--color-warning-border:#5c4a12;--color-track-bg:#333;--color-modal-overlay:#0009;--color-shadow:#00000080;--color-toast-bg:#2a2a2a;--badge-green-text:#86efac;--badge-green-bg:#14321f;--badge-green-border:#1f4d30;--badge-blue-text:#93c5fd;--badge-blue-bg:#142744;--badge-blue-border:#1e3a63;--badge-admin-text:#93c5fd;--badge-admin-bg:#142744;--badge-grey-text:#d1d5db;--badge-grey-bg:#2a2d33;--badge-grey-border:#3a3e46;--badge-amber-text:#fcd34d;--badge-amber-bg:#3a2f0f;--badge-amber-border:#5c4a17;--badge-red-text:#fca5a5;--badge-red-bg:#3a1414;--badge-red-border:#5c1f1f;--status-due-bg:#3a1414;--status-upcoming-bg:#3a2f0f;--status-upcoming-text:#fcd34d;--status-ok-bg:#14321f;--chart-secondary:#5b9bc4;--code-bg:#1a1f26;--code-bg-alt:#22272e;--code-inline-bg:#2d333b;--code-text:#e6edf3;--live-driving-dot:#10b981;--live-driving-text:#34d399;--live-stopped-dot:#3b82f6;--live-stopped-text:#60a5fa;--live-idle-dot:#9ca3af;--live-idle-text:#d1d5db;--color-disabled:#4a4a4a;--chip-green-bg:#163229;--chip-green-border:#1f4d30;--chip-red-bg:#3a1414;--chip-red-border:#5c1f1f}:root[data-accent=blue]{--color-primary:#1d4ed8;--color-surface-hover:#eff6ff;--chip-green-bg:#eff6ff;--chip-green-border:#bfdbfe}:root[data-accent=purple]{--color-primary:#7c3aed;--color-surface-hover:#f5f3ff;--chip-green-bg:#f5f3ff;--chip-green-border:#ddd6fe}:root[data-accent=orange]{--color-primary:#c2410c;--color-surface-hover:#fff7ed;--chip-green-bg:#fff7ed;--chip-green-border:#fed7aa}:root[data-accent=black]{--color-primary:#18181b;--color-surface-hover:#f4f4f5;--chip-green-bg:#f4f4f5;--chip-green-border:#d4d4d8}@media (prefers-color-scheme:dark){:root:not([data-theme=light])[data-accent=blue]{--color-primary:#3b82f6;--color-surface-hover:#16213a;--chip-green-bg:#16213a;--chip-green-border:#1e3a63}:root:not([data-theme=light])[data-accent=purple]{--color-primary:#8b5cf6;--color-surface-hover:#241b40;--chip-green-bg:#241b40;--chip-green-border:#3b2a5c}:root:not([data-theme=light])[data-accent=orange]{--color-primary:#ea580c;--color-surface-hover:#3a2415;--chip-green-bg:#3a2415;--chip-green-border:#5c3a1f}:root:not([data-theme=light])[data-accent=black]{--color-primary:#71717a;--color-surface-hover:#27272a;--chip-green-bg:#27272a;--chip-green-border:#3f3f46}}:root[data-theme=dark][data-accent=blue]{--color-primary:#3b82f6;--color-surface-hover:#16213a;--chip-green-bg:#16213a;--chip-green-border:#1e3a63}:root[data-theme=dark][data-accent=purple]{--color-primary:#8b5cf6;--color-surface-hover:#241b40;--chip-green-bg:#241b40;--chip-green-border:#3b2a5c}:root[data-theme=dark][data-accent=orange]{--color-primary:#ea580c;--color-surface-hover:#3a2415;--chip-green-bg:#3a2415;--chip-green-border:#5c3a1f}:root[data-theme=dark][data-accent=black]{--color-primary:#71717a;--color-surface-hover:#27272a;--chip-green-bg:#27272a;--chip-green-border:#3f3f46}body{color:var(--color-text);background:var(--color-bg);padding-top:env(safe-area-inset-top);padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit}.container{max-width:480px;margin:0 auto;padding:16px}@media (min-width:640px){.container{max-width:640px;padding:24px}}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:18px}p{color:var(--color-text-secondary);font-size:15px;line-height:1.5}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px}.reminder-banner{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:12px;margin-bottom:16px;padding:14px}.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:12px 14px;font-size:15px}.form{flex-direction:column;gap:10px;display:flex}.form input,.form select,.form button,.form-select{width:100%}input,select,textarea,button{border:1px solid var(--color-input-border);box-sizing:border-box;min-height:48px;color:var(--color-text);background-color:var(--color-surface);border-radius:10px;padding:12px 14px;font-size:16px}textarea{font-family:inherit}.form select,.form-select,select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;height:48px;min-height:48px;padding:12px 36px 12px 14px;line-height:1.2;display:block}button{background:var(--color-primary);color:var(--color-text-on-primary);cursor:pointer;border:none;padding:12px 14px;font-weight:500}button:disabled{opacity:.6;cursor:default}input:focus,select:focus,textarea:focus,button:focus{box-shadow:inset 0 0 0 2px var(--color-primary);outline:none}.error-text{color:var(--color-error-text);font-size:14px}.field-error{color:var(--color-error-text);margin:-4px 0 0;font-size:13px}.toast-container{left:50%;bottom:calc(var(--nav-height) + 16px + env(safe-area-inset-bottom));z-index:1000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:calc(100% - 32px);max-width:480px;display:flex;position:fixed;transform:translate(-50%)}.toast{background:var(--color-toast-bg);color:#fff;text-align:center;border-radius:10px;max-width:100%;padding:10px 16px;font-size:14px;animation:.2s toast-in;box-shadow:0 4px 14px #0003}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-danger)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-loader{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;min-height:60vh;animation:.28s .12s both page-loader-fade;display:flex}.page-loader__ring{width:40px;height:40px;animation:.9s linear infinite spin}.page-loader__track{stroke:var(--color-border)}.page-loader__arc{stroke:var(--color-primary);stroke-linecap:round}.page-loader__label{color:var(--color-text-muted);letter-spacing:.02em;margin:0;font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes page-loader-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-loader__ring{animation-duration:2s}}.modal-backdrop{background:var(--color-modal-overlay);z-index:1001;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--color-surface);width:100%;max-width:420px;box-shadow:0 10px 30px var(--color-shadow);border-radius:14px;padding:20px}.modal-card p{color:var(--color-text-on-secondary);margin:0;font-size:15px}.btn-secondary{background:var(--color-surface-secondary);color:var(--color-text-on-secondary)}.btn-danger{background:var(--color-danger);color:var(--color-text-on-primary)}.btn-action{border:1px solid var(--color-border-light);background:var(--color-surface);height:24px;min-height:24px;color:var(--color-text-secondary);border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-action:hover{background:var(--color-surface-secondary)}.btn-action-danger{color:var(--color-danger)}.btn-action-danger:hover{background:var(--badge-red-bg);border-color:var(--badge-red-border);color:var(--badge-red-text)}.btn-action-primary{background:var(--color-primary);color:var(--color-text-on-primary);border:none}.btn-action-primary:hover{opacity:.9}.upload-progress-track{background:var(--color-track-bg);border-radius:3px;width:100%;height:6px;overflow:hidden}.upload-progress-fill{background:var(--color-primary);height:100%;transition:width .15s}.nav-btn-premium{background:var(--color-surface);min-height:36px;color:var(--color-primary);border:1px solid var(--color-border-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.nav-btn-premium:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.nav-btn-premium:active{transform:translateY(.5px)}.nav-btn-premium.active{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary);box-shadow:0 2px 6px #18523f26}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.bottom-nav{height:var(--nav-height);padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:60;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;max-width:480px;display:flex}@media (min-width:640px){.bottom-nav-inner{max-width:640px}}.bottom-nav a,.bottom-nav .bottom-nav-more{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-height:auto;padding:0;font-size:10.5px;font-weight:400;text-decoration:none;display:flex}.bottom-nav a.active,.bottom-nav .bottom-nav-more.active{color:var(--color-primary);font-weight:700}.bottom-nav a.disabled{color:var(--color-text-muted-2);pointer-events:none}.bottom-nav .icon{justify-content:center;align-items:center;display:flex}.bottom-nav a.active:not(.primary-tab) .icon,.bottom-nav .bottom-nav-more.active .icon{background:var(--color-surface-hover);border-radius:12px;margin:-4px -14px;padding:4px 14px}.bottom-nav .icon svg{width:21px;height:21px;display:block}.bottom-nav .primary-tab,.bottom-nav .primary-tab.active{color:var(--color-primary)}.bottom-nav .primary-tab.disabled .icon-wrap{opacity:.5}.bottom-nav .primary-tab .icon-wrap{background:var(--color-primary);color:var(--color-text-on-primary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-20px;display:flex;box-shadow:0 2px 8px #00000040}.bottom-nav .primary-tab .icon-wrap .icon svg{width:20px;height:20px}.sheet-backdrop{background:var(--color-modal-overlay);z-index:1001;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-card{background:var(--color-surface);padding:12px 20px calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;width:100%;max-width:480px;max-height:min(70vh,560px);box-shadow:0 -4px 20px var(--color-shadow);border-radius:16px 16px 0 0;animation:.18s sheet-up;overflow-y:auto}@media (min-width:640px){.sheet-card{max-width:640px}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--color-border);border-radius:2px;width:36px;height:4px;margin:0 auto 12px}.sheet-group-label{color:var(--color-text-muted-2);margin:14px 0 6px;font-size:12px}.sheet-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;display:grid}.sheet-item{background:var(--color-surface-secondary);min-height:64px;color:var(--color-text-on-secondary);text-align:center;cursor:pointer;border:none;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:10px 6px;font-size:12px;font-weight:500;display:flex}.sheet-item:active{transform:translateY(.5px)}