html,body,#root{min-height:100%;margin:0}body{min-width:320px}button,input,select,textarea{font-family:inherit}@font-face{font-family:Finance Daytona;src:url(https://finance-app-nikolay.pages.dev/fonts/daytona-light.ttf)format("truetype");font-style:normal;font-weight:300 600;font-display:swap}:root{color:#17233f;font-synthesis:none;text-rendering:optimizelegibility;--navy:#10264d;--navy-2:#183b69;--teal:#10a6a1;--teal-dark:#0d7e7a;--blue-soft:#eaf3fb;--yellow:#fff7cf;--green:#16835b;--green-soft:#e9f8f1;--orange:#b66b08;--orange-soft:#fff5df;--red:#bd3b48;--red-soft:#fff0f1;--ink-muted:#68758c;--line:#dfe7f0;--outline:#b9c9d9;--focus-ring:#10a6a13d;--surface:#fff;--surface-muted:#f7f9fc;--text:#17233f;--heading:#10264d;--app-bg:#f3f7fb;--shadow:0 10px 30px #12305314;background:#f3f7fb;font-family:Finance Daytona,Avenir Next,Segoe UI,sans-serif}.theme-day-violet{--navy:#35105f;--navy-2:#62349a;--teal:#7c2bb7;--teal-dark:#57138b;--blue-soft:#efe4ff;--yellow:#fff1bd;--green:#087a58;--green-soft:#ddf8eb;--orange:#a64e00;--orange-soft:#ffebc9;--red:#bd2858;--red-soft:#ffe1eb;--ink-muted:#665477;--line:#bea0dc;--outline:#7743a7;--focus-ring:#7c2bb766;--surface:#fff;--surface-muted:#f5ebff;--surface-soft:#fcf8ff;--input-bg:#fff6c9;--text:#352242;--heading:#321058;--app-bg:#f2e7ff;--mobile-surface:#fffffffa;--shadow:0 10px 24px #42186429}.theme-day-yellow{--navy:#244500;--navy-2:#477000;--teal:#3d8500;--teal-dark:#245c00;--blue-soft:#efffc9;--yellow:#fff29b;--green:#347500;--green-soft:#e8ffc4;--orange:#a54f00;--orange-soft:#ffe7ad;--red:#b32535;--red-soft:#ffe2e4;--ink-muted:#53643a;--line:#a7c94d;--outline:#567d00;--focus-ring:#4c77006b;--surface:#fffef6;--surface-muted:#f6ffd9;--surface-soft:#fffffa;--input-bg:#fff9c8;--text:#26350d;--heading:#1d3b00;--app-bg:#fff7bd;--mobile-surface:#fffef6fa;--shadow:0 10px 24px #40520026}.theme-day-cyan{--navy:#00345f;--navy-2:#005d91;--teal:#008f9c;--teal-dark:#005f6d;--blue-soft:#d8f3ff;--yellow:#fff8b7;--green:#087a50;--green-soft:#dcf8e9;--orange:#a64d00;--orange-soft:#ffebc8;--red:#b31f43;--red-soft:#ffe2e9;--ink-muted:#365f79;--line:#62b9d2;--outline:#087aa5;--focus-ring:#007aa56b;--surface:#fff;--surface-muted:#e7f8ff;--surface-soft:#f5fcff;--input-bg:#fffde3;--text:#082e48;--heading:#002b59;--app-bg:#dff4ff;--mobile-surface:#fffffffa;--shadow:0 10px 24px #00456826}.theme-night-lime{--navy:#1b2607;--navy-2:#698f0b;--teal:#9acb19;--teal-dark:#ceff55;--blue-soft:#293815;--yellow:#3b390e;--green:#b9ed42;--green-soft:#253713;--orange:#ffc35c;--orange-soft:#3b2c12;--red:#ff7c72;--red-soft:#431f1c;--ink-muted:#bdc999;--line:#586b2d;--outline:#a5d52d;--focus-ring:#bef43e8c;--surface:#151b0f;--surface-muted:#222c16;--surface-soft:#1a2212;--input-bg:#10150b;--text:#edf8d4;--heading:#fbffe9;--app-bg:#0c1008;--mobile-surface:#11160cfa;--shadow:0 0 22px #a6d72924}.theme-night-amber{--navy:#28133e;--navy-2:#7d3d82;--teal:#e3496b;--teal-dark:#ff9aae;--blue-soft:#31244f;--yellow:#493819;--green:#65e0a6;--green-soft:#153a2c;--orange:#ffc064;--orange-soft:#422d19;--red:#ff7895;--red-soft:#481d31;--ink-muted:#c6b5da;--line:#6e4d88;--outline:#ff7895;--focus-ring:#ff789585;--surface:#1c1430;--surface-muted:#2a1d43;--surface-soft:#241938;--input-bg:#150f25;--text:#f7eefe;--heading:#fff8ff;--app-bg:#100a20;--mobile-surface:#19112bfa;--shadow:0 0 22px #ff557724}.theme-night-cyan{--navy:#061d2d;--navy-2:#087e9c;--teal:#00cbe5;--teal-dark:#70efff;--blue-soft:#0c3448;--yellow:#3b3510;--green:#5df0a7;--green-soft:#0b3c2c;--orange:#ffc257;--orange-soft:#3a2b0f;--red:#ff7188;--red-soft:#431926;--ink-muted:#9dc8d5;--line:#27687a;--outline:#14cce5;--focus-ring:#42e5ff8f;--surface:#071b29;--surface-muted:#0d2a3b;--surface-soft:#0a2232;--input-bg:#03141f;--text:#e5faff;--heading:#fff;--app-bg:#020b14;--mobile-surface:#04121ffa;--shadow:0 0 22px #00cbe529}*{box-sizing:border-box}body{background:var(--app-bg);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--text)}.app-shell main{width:100%;max-width:1440px;margin:0 auto;padding:30px 38px 110px}header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}header>div:nth-child(2){min-width:0}.eyebrow{color:var(--teal);letter-spacing:.12em;margin:0 0 5px;font-size:11px;font-weight:600}.page-title h1,header h1{color:var(--heading);letter-spacing:-.45px;margin:0;font-size:31px;font-weight:500;line-height:1.05}.header-actions{align-items:center;gap:10px;display:flex}.mobile-menu{background:var(--navy);color:#fff;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:grid}.mobile-menu:hover{background:var(--navy-2)}.sidebar{background:var(--navy);z-index:40;flex-direction:column;width:276px;height:100dvh;padding:24px 14px;transition:transform .24s;display:flex;position:fixed;top:0;left:0;transform:translate(-106%);box-shadow:10px 0 32px #10264d26}.sidebar.open{transform:translate(0)}.brand{color:#fff;align-items:center;gap:11px;margin:0 7px 34px;display:flex}.brand-mark{background:var(--teal);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:grid}.brand strong{letter-spacing:-.2px;font-size:18px;font-weight:600;line-height:1;display:block}.brand span{color:#cce6e8;margin-top:3px;font-size:13px;display:block}.sidebar nav{gap:4px;display:grid}.nav-item{color:#e9f1fb;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 13px;font-size:14px;font-weight:400;display:flex}.nav-item:hover,.nav-item.active{background:var(--teal);color:#fff}.sidebar-bottom{border-top:1px solid #ffffff26;margin-top:auto;padding-top:14px}.sidebar-bottom p{color:#bfd0e4;margin:15px 13px 0;font-size:11px}.sidebar-overlay{opacity:0;pointer-events:none;z-index:30;background:#10264d66;border:0;transition:opacity .24s;position:fixed;inset:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.primary,.secondary,.danger,.panel-head button,.table-action{border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:9px 13px;font-size:13px;font-weight:500;transition:background .16s,box-shadow .16s,transform .16s;display:inline-flex}.primary{background:var(--teal);color:#fff;box-shadow:0 7px 16px #10a6a129}.primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.secondary{background:var(--surface);border:1px solid var(--line);color:var(--navy)}.secondary:hover{background:var(--blue-soft)}.danger{background:var(--red-soft);color:var(--red)}.compact{min-height:34px;padding:7px 10px}.submit{justify-self:start;margin-top:5px}.theme-toggle{background:var(--navy);border:3px solid var(--surface);border-radius:50%;width:42px;height:42px;padding:0;box-shadow:0 3px 12px #10264d2e}.theme-toggle span{background:var(--teal);border-radius:50%;width:100%;height:100%;display:block}.theme-toggle:hover span{background:#42c5c0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px;display:grid}.metric{background:var(--surface);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:14px;align-items:center;gap:13px;width:100%;padding:17px;transition:box-shadow .16s,transform .16s;display:flex}.metric-button:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.metric-icon{border-radius:10px;flex:0 0 40px;justify-content:center;align-items:center;height:40px;display:grid}.metric-icon.blue{background:var(--blue-soft);color:var(--navy-2)}.metric-icon.green{background:var(--green-soft);color:var(--green)}.metric-icon.amber{background:var(--orange-soft);color:var(--orange)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric p{color:var(--ink-muted);margin:0 0 4px;font-size:12px}.metric strong{color:var(--heading);letter-spacing:-.35px;font-size:23px;font-weight:500;line-height:1;display:block}.metric small{color:var(--ink-muted);margin-top:6px;font-size:11px;display:block}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:18px 0;padding:21px;box-shadow:0 2px 4px #10264d05}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.panel-head h2{color:var(--heading);letter-spacing:-.2px;margin:0;font-size:18px;font-weight:500}.panel-head button{color:var(--teal);background:0 0;min-height:auto;padding:5px 0}.panel-head button:hover{text-decoration:underline}.attention,.activity,.issue-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.attention:first-of-type,.activity:first-of-type,.issue-row:first-of-type{border-top:0}.attention strong,.activity strong,.issue-row strong{color:var(--heading);font-size:14px;font-weight:500;display:block}.attention p,.activity p,.issue-row p{color:var(--ink-muted);margin:3px 0 0;font-size:12px}.attention>div,.activity>div,.issue-row>div:nth-child(2){min-width:0}.activity>b{color:var(--heading);white-space:nowrap;margin-left:auto;font-size:13px}.warning-dot{background:var(--orange);border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:block}.activity-icon,.vehicle-icon{background:var(--blue-soft);color:var(--navy-2);border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:grid}.tag{background:var(--surface-muted);color:var(--ink-muted);white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:11px}.tag.amber{background:var(--orange-soft);color:var(--orange)}.empty{color:var(--ink-muted);margin:8px 0;font-size:13px}.vehicle-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.vehicle-card{background:var(--surface-soft);border:1px solid var(--line);color:var(--text);text-align:left;border-radius:14px;padding:17px;transition:border-color .16s,box-shadow .16s,transform .16s}.vehicle-card:hover{box-shadow:var(--shadow);border-color:#9dcac8;transform:translateY(-2px)}.vehicle-top{justify-content:space-between;align-items:center;display:flex}.vehicle-card h3{color:var(--heading);margin:17px 0 5px;font-size:16px;font-weight:500}.registration{color:var(--teal-dark);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.registration.inline{font-size:11px}.vehicle-meta{color:var(--ink-muted);flex-wrap:wrap;gap:10px;margin-top:15px;font-size:12px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{border-bottom:1px solid var(--line);color:var(--ink-muted);letter-spacing:.04em;text-align:left;text-transform:uppercase;padding:10px 9px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--line);color:var(--text);vertical-align:middle;padding:13px 9px;font-size:13px}tbody tr:last-child td{border-bottom:0}td strong{color:var(--heading);font-weight:500;display:block}td small{color:var(--ink-muted);margin-top:3px;font-size:11px;display:block}.table-action{background:var(--blue-soft);color:var(--navy-2);min-height:32px;padding:6px 9px}.table-action:hover{background:#d8eaf8}.severity{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.severity.low{background:var(--green)}.severity.medium{background:var(--orange)}.severity.high{background:var(--red)}.status-select{background:var(--surface-muted);border:1px solid var(--line);color:var(--navy);border-radius:8px;margin-left:auto;padding:8px;font-size:12px}.cost-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:20px;display:grid}.cost-summary div{background:var(--navy);color:#d9e7f7;border-radius:13px;padding:18px}.cost-summary span{opacity:.86;font-size:12px;display:block}.cost-summary strong{color:#fff;margin-top:6px;font-size:25px;font-weight:500;display:block}.bottom-nav{background:var(--mobile-surface,#ffffffed);border:1px solid var(--line);z-index:35;border-radius:14px;grid-template-columns:repeat(8,1fr);width:min(790px,100% - 32px);padding:6px;transition:transform .24s,opacity .24s;display:grid;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #10264d25}.bottom-nav.hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 42px))}.bottom-nav button{color:var(--ink-muted);background:0 0;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:49px;padding:5px;font-size:10px;display:flex}.bottom-nav button.active{background:var(--teal);color:#fff}.bottom-nav button:hover:not(.active){background:var(--blue-soft);color:var(--navy)}.document-list{display:grid}.document-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:14px 0;display:flex}.document-row:first-child{border-top:0}.document-icon{background:var(--blue-soft);color:var(--navy-2);border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:grid}.document-info{min-width:0}.document-info strong{color:var(--heading);font-size:14px;font-weight:500;display:block}.document-info p{color:var(--ink-muted);margin:3px 0;font-size:12px}.document-info small{margin-top:4px;font-size:12px;display:block}.document-info .expiring{color:var(--orange)}.document-info .expired{color:var(--red)}.document-row>.tag{margin-left:auto}.danger-tag{background:var(--red-soft);color:var(--red)}.modal-backdrop{z-index:60;background:#10264d70;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px;width:100%;max-width:680px;max-height:calc(100dvh - 40px);padding:24px;overflow:auto;box-shadow:0 24px 70px #07193852}.modal-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-head h2{color:var(--heading);margin:0;font-size:20px;font-weight:500}.modal-head button{background:var(--surface-muted);color:var(--navy);border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.form-grid label{color:var(--heading);gap:6px;font-size:12px;font-weight:500;display:grid}.form-grid input,.form-grid select,.form-grid textarea{background:var(--input-bg,#fff);border:1px solid var(--outline);color:var(--text);resize:vertical;border-radius:8px;width:100%;padding:10px;font-size:14px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--teal);outline:3px solid var(--focus-ring)}.wide{grid-column:1/-1}.form-hint{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}@media (width<=920px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-two{grid-template-columns:1fr}.header-actions .secondary{display:none}}@media (width<=740px){.app-shell main{padding:22px 16px 100px}.sidebar{width:min(288px,86vw)}header{align-items:flex-start;margin-bottom:22px}.page-title h1,header h1{font-size:26px}.header-actions{margin-left:auto}.header-actions .primary{min-height:42px;padding:10px;font-size:0}.header-actions .primary svg{margin:0}.theme-toggle{width:42px;height:42px}.metrics{gap:10px}.metric{padding:13px}.metric-icon{flex-basis:34px;width:34px;height:34px}.metric strong{font-size:20px}.metric small{display:none}.panel{border-radius:14px;margin:14px 0;padding:16px}.panel-head h2{font-size:17px}.vehicle-grid,.cost-summary{grid-template-columns:1fr}.document-row{flex-wrap:wrap;align-items:flex-start}.document-row>.tag{margin-left:0}.bottom-nav{border-radius:14px 14px 0 0;width:100%;padding:5px;bottom:0;left:0;transform:translate(0)}.bottom-nav.hidden{transform:translateY(calc(100% + 9px))}.bottom-nav button{min-height:48px;font-size:0}.bottom-nav button svg{width:20px;height:20px}.modal{padding:18px}.form-grid{grid-template-columns:1fr}.submit{width:100%}}.backup-card,.danger-card{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:28px;padding:22px;display:flex}.backup-card{background:var(--blue-soft)}.danger-card{background:var(--red-soft);margin-top:16px}.backup-card h3,.danger-card h3{color:var(--heading);margin:0 0 7px;font-size:16px;font-weight:500}.danger-card h3{color:var(--red)}.backup-card p,.danger-card p{color:var(--ink-muted);max-width:630px;font-size:13px;line-height:1.55}.backup-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}@media (width<=740px){.backup-card,.danger-card{flex-direction:column;align-items:flex-start}.backup-actions{justify-content:flex-start}}