@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-ext-400-normal.39u3dp1q8vt28.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-400-normal.3-2s2qyqt5syo.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-cyrillic-400-normal.1ob51yn_zh4f3.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-400-normal.2c9g56gofrre8.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-greek-400-normal.20ztly1_og8qv.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-400-normal.1d6bt9ufqnym6.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-vietnamese-400-normal.41bcgzntq2c9e.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-400-normal.3nx5do2g1gg_d.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-ext-400-normal.2wkl6p2bjtdkj.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-400-normal.1d956-ol9h5w9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/ibm-plex-sans-latin-400-normal.1xf5nwxyfigak.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-400-normal.19i24--p24z3r.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-ext-500-normal.37y6j4asgn87a.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-500-normal.42ydqmu-69p6e.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-cyrillic-500-normal.3j8b5jptl4nhr.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-500-normal.2r3_h99a4p2o6.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-greek-500-normal.0k99vu2yejv84.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-500-normal.2kq1zw7ns-90j.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-vietnamese-500-normal.38exv3t7tju-g.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-500-normal.14rtxflq2gk6f.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-ext-500-normal.1h2_ral94l6aj.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-500-normal.1zyjrbr0w_u4w.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(../media/ibm-plex-sans-latin-500-normal.2i4a1iuj6lbvw.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-500-normal.14sc3d7sk_zzh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-cyrillic-ext-600-normal.0hanpnpn3ki-v.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-ext-600-normal.33q0gwxfwkcq9.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-cyrillic-600-normal.1bd0br_i69opa.woff2)format("woff2"),url(../media/ibm-plex-sans-cyrillic-600-normal.0h3aaz4315ad-.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-greek-600-normal.17-3491c_tfac.woff2)format("woff2"),url(../media/ibm-plex-sans-greek-600-normal.1mkps5wbbyo2a.woff)format("woff");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-vietnamese-600-normal.3hxpyk-en1__5.woff2)format("woff2"),url(../media/ibm-plex-sans-vietnamese-600-normal.3i-6fz_bx7yta.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-ext-600-normal.0a5-aslyj_wbq.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-ext-600-normal.00ca59z0uilzq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/ibm-plex-sans-latin-600-normal.2ovda_azncp9b.woff2)format("woff2"),url(../media/ibm-plex-sans-latin-600-normal.2wn5p1s7u3utm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--background:#f5f5f5;--surface:#fff;--border:#d9d9d9;--text:#1e1e1e;--muted:#757575;--accent:#308d7f;--accent-dark:#134f49;--sidebar:#131819}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{color:var(--text);background:var(--background);margin:0;font-family:IBM Plex Sans,Arial,sans-serif;font-size:14px;line-height:1.35}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.dashboard-shell{min-height:100vh;display:flex}.sidebar{color:#f0f5f0;background:var(--sidebar);flex-direction:column;flex:0 0 240px;gap:28px;width:240px;height:100vh;padding:32px 28px 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;width:100%;font-size:20px;font-weight:600;display:flex}.brand-mark{background:var(--accent);border-radius:3px;flex:none;width:10px;height:28px;display:block}.current-car{background:#1c2223;border-radius:10px;flex-direction:column;gap:6px;width:100%;padding:16px;display:flex}.current-car span{color:#879e9c;font-size:10px;font-weight:500}.current-car strong{color:#f2f7f2;font-size:17px;font-weight:600}.vehicle-switcher{width:100%;position:relative}.vehicle-trigger{text-align:left;cursor:pointer;background:0 0;border:0;outline:none;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:0;display:flex}.vehicle-trigger>span,.vehicle-option>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.vehicle-trigger strong{color:#f2f7f2;text-overflow:ellipsis;white-space:nowrap;font-size:17px;font-weight:600;overflow:hidden}.vehicle-trigger small{color:#a8b5b2;font-size:12px;font-weight:400}.vehicle-chevron{border-bottom:1.5px solid #a8b5b2;border-right:1.5px solid #a8b5b2;flex:0 0 8px;width:8px;height:8px;margin:-4px 2px 0 0;transition:margin .15s,transform .15s;transform:rotate(45deg)}.vehicle-trigger[aria-expanded=true] .vehicle-chevron{margin-top:4px;transform:rotate(225deg)}.vehicle-trigger:focus-visible{border-radius:5px;box-shadow:0 0 0 2px #308d7f8c}.vehicle-menu{z-index:20;background:#fff;border:1px solid #d9dfda;border-radius:12px;width:260px;padding:6px;animation:.14s ease-out vehicle-menu-in;position:absolute;top:calc(100% + 12px);left:-8px;box-shadow:0 18px 48px #00000047}.vehicle-menu:before{content:"";background:#fff;border-top:1px solid #d9dfda;border-left:1px solid #d9dfda;width:10px;height:10px;position:absolute;bottom:100%;left:23px;transform:translateY(6px)rotate(45deg)}.vehicle-menu-header{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 4px;font-size:11px;font-weight:500}.vehicle-menu-row{border-radius:8px;align-items:center;transition:background-color .14s;display:flex}.vehicle-menu-row:hover,.vehicle-menu-row:focus-within{background:#f0f4f1}.vehicle-menu-row.selected{background:#e6f0ea}.vehicle-menu-row .vehicle-option{flex:1;background:0 0!important}.vehicle-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;padding:11px 12px;display:grid}.vehicle-option:focus-visible{outline:none}.vehicle-option-mark{border:1px solid #aab6b0;border-radius:50%;width:8px;height:8px}.vehicle-menu-row.selected .vehicle-option-mark{background:var(--accent);box-shadow:0 0 0 1px var(--accent);border:2px solid #dff0e8}.vehicle-option strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.vehicle-option small{color:var(--muted);font-size:11px}.vehicle-menu-row-actions{flex-shrink:0;align-items:center;gap:2px;margin-right:6px;display:flex}.vehicle-edit-action-btn,.vehicle-delete-action-btn{color:#9ba6a3;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;transition:all .14s;display:grid}.vehicle-menu-row:hover .vehicle-edit-action-btn,.vehicle-menu-row:hover .vehicle-delete-action-btn{color:#64748b}.vehicle-edit-action-btn:hover{background:#308d7f1f;transform:scale(1.08);color:var(--accent)!important}.vehicle-delete-action-btn:hover{background:#fee2e2;transform:scale(1.08);color:#dc2626!important}.dashboard-vehicle-edit-btn{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .13s;display:inline-flex}.dashboard-vehicle-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:#308d7f14;transform:translateY(-1px)}.vehicle-menu-footer{border-top:1px dashed #d9dfda;margin-top:4px;padding-top:4px}.vehicle-restore-btn{width:100%;color:var(--accent-dark);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:8px 10px;font-size:12px;font-weight:500;transition:background-color .14s;display:flex}.vehicle-restore-btn:hover{background:#edf5f2}@keyframes vehicle-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.current-car p{color:#a8b5b2;margin:0;font-size:12px}.navigation{flex-direction:column;gap:6px;width:100%;display:flex}.nav-item{color:#b5c2bf;border-radius:8px;align-items:center;gap:12px;height:44px;padding:0 14px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.nav-item img{flex:0 0 6px;width:6px;height:6px}.nav-item:hover,.nav-item-active{background:#243837}.sidebar-spacer{flex:1}.sidebar-footer{border-top:1px solid #ffffff14;flex-direction:column;gap:16px;width:100%;padding-top:16px;display:flex}.sidebar-legal-links{flex-direction:column;gap:7px;padding:0 10px;display:flex}.sidebar-legal-links a{color:#849491;font-size:10px;line-height:1.35;transition:color .15s}.sidebar-legal-links a:hover{color:#d1dbd6;text-underline-offset:3px;text-decoration:underline}.sidebar-made-by{color:#596360;padding:0 10px 6px;font-size:10px;line-height:1.35;display:block}.sidebar-made-by a{color:#849491;text-decoration:none;transition:color .2s}.sidebar-made-by a:hover{color:#d1dbd6;text-underline-offset:3px;text-decoration:underline}.sidebar-account-button{color:#111827;text-align:left;cursor:pointer;background:#f5f8f6;border:1px solid #0000;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:9px 10px;transition:border-color .15s,background-color .15s,transform .15s;display:flex}.sidebar-account-button:hover{background:#fff;border-color:#8db6ad;transform:translateY(-1px)}.sidebar-account-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sidebar-account-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sidebar-account-copy strong,.sidebar-account-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-account-copy strong{font-size:12px;font-weight:600}.sidebar-account-copy small{color:var(--muted);font-size:10px}.sidebar-account-button>svg{color:#71807d;flex:none}.backup-note{flex-direction:column;gap:4px;display:flex}.backup-note strong{color:#d1dbd6;font-size:12px;font-weight:500}.backup-note span{color:#7a8c8a;font-size:11px}.sidebar-logout-button{color:#b5c2bf;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.sidebar-logout-button svg{color:#8fa09d;flex-shrink:0;transition:color .15s}.sidebar-logout-button:hover{color:#fca5a5;background:#dc262626;border-color:#dc262659}.sidebar-logout-button:hover svg{color:#fca5a5}.logout-icon-wrapper{background:#f0fdf9!important;border-color:#ccfbf1!important}.cookie-banner{z-index:9000;background:#fff;border:1px solid #d8e1dd;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;width:min(620px,100vw - 48px);padding:16px;animation:.22s ease-out cookie-banner-in;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 55px #13181933}.cookie-banner-icon{width:42px;height:42px;color:var(--accent-dark);background:#e8f2ee;border-radius:10px;place-items:center;display:grid}.cookie-banner-copy{min-width:0}.cookie-banner-copy strong{margin-bottom:3px;font-size:13px;display:block}.cookie-banner-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.cookie-banner-copy a{color:var(--accent-dark);text-underline-offset:2px;font-weight:500;text-decoration:underline}.cookie-banner>button{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;height:38px;padding:0 18px;font-size:12px;font-weight:600}.cookie-banner>button:hover{background:#0e6259}@keyframes cookie-banner-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{flex-direction:column;flex:1;gap:24px;min-width:0;padding:36px 40px;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.dashboard-header h1{letter-spacing:-.018em;margin:0;font-size:30px;font-weight:600}.dashboard-header p{color:var(--muted);margin:4px 0 0;font-size:13px}.add-service-button{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;flex:none;align-items:center;gap:8px;padding:12px 18px 12px 16px;font-size:14px;font-weight:500;transition:background-color .15s,transform .15s;display:flex}.add-service-button img{width:18px;height:18px}.add-service-button:hover{background:#0e6259;transform:translateY(-1px)}.summary-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel{border:1px solid var(--border);background:var(--surface);border-radius:8px}.metric-card{flex-direction:column;align-items:flex-start;gap:8px;min-width:0;height:132px;padding:18px;display:flex}.metric-label{color:var(--muted);font-size:12px;font-weight:500}.metric-value{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:26px;font-weight:600;line-height:1.35;overflow:hidden}.metric-caption{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.health-card{gap:10px}.health-heading{justify-content:space-between;align-items:center;width:100%;display:flex}.health-pill{color:#14634a;background:#e0f2eb;border-radius:99px;padding:5px 8px;font-size:11px;font-weight:500}.health-track{background:#dbe3de;border-radius:99px;width:100%;height:6px;overflow:hidden}.health-track span{border-radius:inherit;background:var(--accent);width:87.5%;height:100%;display:block}.dashboard-columns{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:20px;display:grid}.primary-column,.secondary-column{flex-direction:column;gap:20px;min-width:0;display:flex}.panel{padding:20px}.panel-heading h2,.ownership-panel h2{margin:0;font-size:18px;font-weight:600}.service-log-heading h2{font-size:20px}.panel-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.service-log{flex-direction:column;gap:14px;display:flex}.service-log-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.service-log-heading a{color:var(--accent-dark);white-space:nowrap;font-size:13px;font-weight:500}.service-log-heading a:hover{text-decoration:underline}.service-rows{flex-direction:column;gap:14px;display:flex}.service-row{background:#f5f5f5;border-radius:8px;align-items:center;gap:16px;height:82px;padding:12px;display:flex}.service-row time{width:82px;color:var(--muted);white-space:nowrap;flex:0 0 82px;font-size:12px;font-weight:500}.service-info{flex:1;min-width:0}.service-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.service-info p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:11px;overflow:hidden}.service-row>strong{white-space:nowrap;flex:none;font-size:14px;font-weight:600}.expenses-panel{flex-direction:column;gap:16px;display:flex}.panel-heading-inline{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel-heading-inline span{color:var(--muted);font-size:12px}.bar-chart{align-items:flex-end;gap:18px;width:100%;height:150px;display:flex}.bar-column{border-radius:6px;outline:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex;position:relative}.bar{background:#b8c4bd;border-radius:4px;width:clamp(40px,58%,180px);transition:filter .15s,transform .15s;display:block;position:relative}.bar-current{background:var(--accent)}.bar-tooltip{z-index:2;color:#f5fbf7;opacity:0;pointer-events:none;white-space:nowrap;background:#18201f;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:500;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);box-shadow:0 4px 14px #1318192e}.bar-tooltip:after{content:"";border:5px solid #0000;border-top-color:#18201f;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.bar-column:hover .bar,.bar-column:focus-visible .bar{filter:brightness(.92);transform:translateY(-2px)}.bar-column:hover .bar-tooltip,.bar-column:focus-visible .bar-tooltip{opacity:1;transform:translate(-50%)}.bar-column:focus-visible{box-shadow:0 0 0 2px #308d7f4d}.bar-label{color:var(--muted);font-size:10px;font-weight:500}.reminders-panel,.reminder-list{flex-direction:column;gap:14px;display:flex}.reminder{border-radius:8px;flex-direction:column;gap:7px;padding:14px;display:flex}.reminder>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.reminder h3{margin:0;font-size:14px;font-weight:600}.reminder span{flex:none;font-size:11px;font-weight:500}.reminder p{color:var(--muted);margin:0;font-size:11px}.reminder-ok{background:#e6f0ea}.reminder-ok span{color:#134f3d}.reminder-soon{background:#f3ebd5}.reminder-soon span{color:#6e4d14}.reminder-overdue{background:#f2e0dd}.reminder-overdue span{color:#7a2924}.ownership-panel{flex-direction:column;gap:14px;display:flex}.ownership-panel dl{flex-direction:column;gap:14px;margin:0;display:flex}.ownership-panel dl>div{justify-content:space-between;align-items:center;gap:14px;display:flex}.ownership-panel dt{color:var(--muted);font-size:12px}.ownership-panel dd{white-space:nowrap;margin:0;font-size:13px;font-weight:600}.ownership-panel .ownership-total{border-top:1px solid var(--border);margin-top:1px;padding-top:14px}.ownership-panel .ownership-total dt{color:var(--text);font-size:13px;font-weight:500}.ownership-panel .ownership-total dd{font-size:17px}.journal-main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:36px 40px;display:flex;overflow:hidden}.journal-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.journal-header h1{letter-spacing:-.018em;margin:0;font-size:30px;font-weight:600}.journal-header p{color:var(--muted);margin:3px 0 0;font-size:13px}.journal-add-button{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;flex:none;padding:12px 18px;font-size:14px;font-weight:500;transition:background-color .15s,transform .15s}.journal-add-button:hover{background:#0e6259;transform:translateY(-1px)}.journal-add-button:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.journal-filters{grid-template-columns:minmax(220px,1fr) 200px 200px;gap:12px;display:grid}.journal-search{align-items:center;width:100%;display:flex;position:relative}.journal-search svg{pointer-events:none;z-index:1;position:absolute;left:14px}.journal-search input{padding-left:38px!important}.journal-select{align-items:center;width:100%;display:flex;position:relative}.journal-select select{appearance:none;padding-right:44px!important}.journal-select>svg{color:#71807c;pointer-events:none;position:absolute;right:14px}.journal-select:focus-within>svg{color:var(--accent-dark)}.journal-filters input,.journal-filters select,.export-button{border:1px solid var(--border);width:100%;height:44px;color:var(--muted);background:var(--surface);border-radius:8px;outline:none;padding:0 14px;font-size:13px}.journal-filters input::placeholder{color:var(--muted);opacity:1}.journal-filters input:focus,.journal-filters select:focus,.export-button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #308d7f1f}.journal-filters select,.export-button{cursor:pointer}.export-button{text-align:left}.export-button:hover{color:var(--text);border-color:#b7bdb9}.journal-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.journal-summary article{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:14px 16px;display:flex;overflow:hidden}.journal-summary span{color:var(--muted);font-size:11px;font-weight:500}.journal-summary strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:20px;font-weight:600;overflow:hidden}.journal-summary p{color:var(--muted);margin:0;font-size:11px}.journal-table-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;padding:18px;overflow:hidden}.journal-table-scroll{overflow-x:auto}.journal-table{min-width:1020px}.journal-table-row{border-top:1px solid var(--border);grid-template-columns:86px minmax(200px,1fr) 160px 120px 180px 110px 74px;align-items:center;min-width:0;min-height:72px;padding:0 12px;font-size:12px;transition:background-color .15s;display:grid}.journal-table-row:hover:not(.journal-table-head){background:#fbfdfc}.journal-row-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex;padding-right:0!important;overflow:visible!important}.journal-delete-btn,.journal-edit-btn{color:#a3aeab;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;transition:all .15s;display:grid}.journal-table-row:hover .journal-delete-btn,.journal-table-row:hover .journal-edit-btn{color:#64748b}.journal-edit-btn:hover{background:#edf7f4;border-color:#b8d8d0;transform:scale(1.08);color:var(--accent-dark)!important}.journal-delete-btn:hover{background:#fff1f2;border-color:#fecdd3;transform:scale(1.08);color:#dc2626!important}.journal-th-actions{padding-right:0!important}.journal-table-row>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:12px;overflow:hidden}.journal-table-row strong{font-weight:600}.journal-table-row .journal-cell-title{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.journal-cell-title>strong,.journal-cell-title>small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.journal-cell-title>small{color:#7a8783;font-size:10px;font-weight:400;line-height:1.3}.journal-table-row span{color:var(--muted)}.journal-table-head{min-height:34px;color:var(--muted);border-top:0;font-size:10px;font-weight:500}.journal-badge{border-radius:4px;align-items:center;padding:3px 8px;font-size:11px;font-weight:500;line-height:1.2;display:inline-flex}.journal-badge-maintenance{color:#137333;background:#e6f4ea}.journal-badge-brakes{color:#c5221f;background:#fce8e6}.journal-badge-suspension{color:#1a73e8;background:#e8f0fe}.journal-badge-engine{color:#b06000;background:#fef7e0}.journal-badge-transmission{color:#8430ce;background:#f3e8fd}.journal-badge-tires{color:#0369a1;background:#e0f2fe}.journal-badge-body,.journal-badge-care{color:#475569;background:#f1f5f9}.journal-badge-electrical{color:#c2410c;background:#ffedd5}.journal-badge-other{color:#6b7280;background:#f3f4f6}.journal-empty{border-top:1px solid var(--border);min-height:160px;color:var(--muted);place-items:center;margin:0;font-size:13px;display:grid}.journal-table-footer{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-top:14px;font-size:11px;display:flex}.pagination{flex:none;gap:8px;display:flex}.pagination button{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0;font-size:12px;font-weight:500;display:grid}.pagination button:hover:not(:disabled):not(.active){background:#edf0ed}.pagination button.active{color:#f5fbf7;background:var(--accent-dark)}.pagination button:disabled{cursor:default;opacity:.35}.reminders-main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:36px 40px;display:flex;overflow:hidden}.reminders-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.reminders-header h1{letter-spacing:-.018em;margin:0;font-size:30px;font-weight:600}.reminders-header p{color:var(--muted);margin:3px 0 0;font-size:13px}.reminders-add-button{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;flex:none;padding:12px 18px;font-size:14px;font-weight:500;transition:background-color .15s,transform .15s}.reminders-add-button:hover{background:#0e6259;transform:translateY(-1px)}.reminders-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.reminders-summary article{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;padding:16px 18px;display:flex;overflow:hidden}.reminders-summary span{color:var(--muted);font-size:11px;font-weight:500}.reminders-summary strong{font-size:24px;font-weight:600}.reminders-summary .metric-active{color:var(--accent-dark)}.reminders-summary .metric-soon{color:#6e4d14}.reminders-summary .metric-overdue{color:#7a2924}.reminders-summary p{color:var(--muted);margin:0;font-size:11px}.reminders-columns{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:20px;display:grid}.plans-column,.plan-section,.reminders-side-column{flex-direction:column;min-width:0;display:flex}.plans-column,.reminders-side-column{gap:18px}.plan-section{gap:12px}.plan-section>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.plan-section>header h2{margin:0;font-size:18px;font-weight:600}.plan-section>header span{color:var(--muted);font-size:11px;font-weight:500}.plan-row{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;height:112px;padding:16px;display:flex}.plan-row-top,.plan-row-bottom{justify-content:space-between;align-items:center;gap:20px;width:100%;min-width:0;display:flex}.plan-row-top>div{min-width:0}.plan-row h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:600;overflow:hidden}.plan-row p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:2px 0 0;font-size:11px;overflow:hidden}.plan-status{border-radius:99px;flex:none;padding:5px 9px;font-size:10px;font-weight:500;line-height:1.35}.plan-status.status-ok{color:#134f3d;background:#e6f0ea}.plan-status.status-soon{color:#6e4d14;background:#f3ebd5}.plan-status.status-overdue{color:#7a2924;background:#f2e0dd}.plan-row-actions{flex:none;align-items:center;gap:8px;display:flex}.plan-complete-button{color:var(--accent-dark);font:inherit;cursor:pointer;background:#f5faf8;border:1px solid #bad3cc;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:600;transition:border-color .15s,background-color .15s}.plan-complete-button:hover{border-color:var(--accent);background:#e7f2ee}.plan-row-bottom{color:var(--muted);white-space:nowrap;font-size:11px}.plan-row-bottom span,.plan-row-bottom strong{text-overflow:ellipsis;overflow:hidden}.plan-row-bottom strong{color:var(--text);font-weight:500}.reminder-side-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;width:100%;display:flex;overflow:hidden}.mileage-panel{gap:8px;padding:20px}.mileage-panel>span{color:var(--muted);font-size:11px;font-weight:500}.mileage-panel>strong{font-size:28px;font-weight:600}.mileage-panel>p{color:var(--muted);margin:0;font-size:11px}.mileage-button,.mileage-form button{color:var(--accent-dark);cursor:pointer;background:#e8f0eb;border:0;border-radius:7px;padding:10px 12px;font-size:12px;font-weight:500}.mileage-button:hover,.mileage-form button:hover{background:#dceae1}.mileage-form{gap:8px;width:100%;display:flex}.mileage-form input{border:1px solid var(--border);border-radius:7px;outline:none;width:100%;min-width:0;padding:0 10px}.mileage-form input:focus{border-color:var(--accent)}.rules-panel{gap:14px;padding:20px}.rules-panel h2,.notifications-panel h2{margin:0;font-size:17px;font-weight:600}.rule-row{align-items:flex-start;gap:10px;width:100%;display:flex}.rule-row>img{flex:0 0 6px;width:6px;height:6px;margin-top:5px}.rule-row>div{min-width:0}.rule-row strong{font-size:12px;font-weight:500;display:block}.rule-row p{color:var(--muted);margin:2px 0 0;font-size:11px;line-height:1.35}.notifications-panel{gap:12px;padding:20px}.notification-setting{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;font-size:12px;display:flex}.notification-setting span{color:var(--muted)}.notification-setting strong{white-space:nowrap;font-weight:500}.expenses-main{flex-direction:column;flex:1;gap:22px;min-width:0;padding:36px 40px;display:flex;overflow:hidden}.expenses-header{justify-content:space-between;align-items:center;gap:24px;min-height:64px;display:flex}.expenses-header h1{letter-spacing:-.018em;margin:0;font-size:30px;font-weight:600}.expenses-header p{color:var(--muted);margin:3px 0 0;font-size:13px}.expenses-header-actions{flex:none;gap:10px;display:flex}.expenses-header-actions button{cursor:pointer;border-radius:8px;font-weight:500}.expenses-export{border:1px solid var(--border);color:var(--text);background:var(--surface);padding:11px 15px;font-size:13px}.expenses-export:hover{border-color:#b7bdb9}.expenses-add{color:#f5fbf7;background:var(--accent-dark);border:0;padding:12px 18px;font-size:14px}.expenses-add:hover{background:#0e6259}.expenses-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.period-tabs{gap:4px;display:flex}.period-tabs button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:500}.period-tabs button:hover:not(.active){background:#e8eae8}.period-tabs button.active{color:#f2faf7;background:#243837}.expenses-toolbar select{border:1px solid var(--border);color:var(--text);background:var(--surface);cursor:pointer;border-radius:8px;outline:none;padding:10px 34px 10px 14px;font-size:12px;font-weight:500}.expenses-toolbar select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #308d7f1f}.expenses-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.expenses-metrics article{border:1px solid var(--border);background:var(--surface);border-radius:8px;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;height:132px;padding:18px;display:flex}.expenses-metrics span{color:var(--muted);font-size:12px;font-weight:500}.expenses-metrics strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:26px;font-weight:600;overflow:hidden}.expenses-metrics p{max-width:100%;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.expenses-analytics{grid-template-columns:minmax(0,1fr) 336px;align-items:start;gap:20px;display:grid}.expense-panel{border:1px solid var(--border);background:var(--surface);border-radius:8px;min-width:0;overflow:hidden}.spending-trend{flex-direction:column;gap:18px;height:auto;min-height:340px;padding:20px;display:flex}.spending-trend>header{justify-content:space-between;align-items:center;gap:20px;display:flex}.spending-trend h2,.category-breakdown h2,.recent-expenses h2{margin:0;font-size:18px;font-weight:600}.spending-trend header p{color:var(--muted);margin:3px 0 0;font-size:11px}.spending-trend header>strong{flex:none;font-size:18px;font-weight:600}.expense-chart{align-items:flex-end;gap:10px;width:100%;height:230px;display:flex}.expense-bar-column{border-radius:5px;outline:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:100%;display:flex}.expense-bar{background:#b8c4bd;border-radius:4px;width:clamp(24px,68%,80px);transition:filter .15s,transform .15s;display:block;position:relative}.expense-bar.current{background:var(--accent)}.expense-month{color:var(--muted);font-size:9px;font-weight:500}.expense-bar-tooltip{z-index:2;color:#f5fbf7;opacity:0;pointer-events:none;white-space:nowrap;background:#18201f;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:500;line-height:1;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,4px);box-shadow:0 4px 14px #1318192e}.expense-bar-tooltip:after{content:"";border:5px solid #0000;border-top-color:#18201f;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.expense-bar-column:hover .expense-bar,.expense-bar-column:focus-visible .expense-bar{filter:brightness(.92);transform:translateY(-2px)}.expense-bar-column:hover .expense-bar-tooltip,.expense-bar-column:focus-visible .expense-bar-tooltip{opacity:1;transform:translate(-50%)}.expense-bar-column:focus-visible{box-shadow:0 0 0 2px #308d7f4d}.expense-bar-column.clickable{cursor:pointer}.expense-bar-column.selected .expense-bar{transform:translateY(-2px);background:var(--accent)!important}.expense-bar-column.selected .expense-month{color:var(--accent);font-weight:700}.expense-bar.active{background:var(--accent)!important}.month-detail-panel{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;margin-top:16px;animation:.18s month-panel-in;overflow:hidden}@keyframes month-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.month-detail-header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.month-detail-title{align-items:center;gap:8px;display:flex}.month-detail-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px}.month-detail-title strong{color:var(--text);font-size:14px;font-weight:700}.month-detail-count{color:var(--muted);background:var(--border);border-radius:10px;padding:2px 7px;font-size:11px}.month-detail-right{align-items:center;gap:12px;display:flex}.month-detail-total{color:var(--text);font-size:15px;font-weight:700}.month-detail-close{border:1px solid var(--border);width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.month-detail-close:hover{background:var(--border);color:var(--text)}.month-detail-list{flex-direction:column;max-height:320px;display:flex;overflow-y:auto}.month-detail-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:12px 16px;transition:background .1s;display:flex}.month-detail-row:last-child{border-bottom:none}.month-detail-row:hover{background:var(--bg)}.month-detail-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.month-detail-badge-service{color:var(--accent);background:#308d7f1f;border:1px solid #308d7f47}.month-detail-badge-expense{color:#ea580c;background:#ea580c1f;border:1px solid #ea580c47}.month-detail-date{color:var(--muted);white-space:nowrap;min-width:48px;margin-top:1px;font-size:12px}.month-detail-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.month-detail-title-line{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.month-detail-name{color:var(--text);word-break:break-word;font-size:13px;font-weight:600;line-height:1.35}.month-detail-mileage{color:var(--muted);background:var(--bg);border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.month-detail-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;line-height:1.3;display:flex}.month-detail-cat,.month-detail-parts-labor{color:var(--muted)}.month-detail-notes{color:var(--muted);font-style:italic}.month-detail-amount{color:var(--text);white-space:nowrap;text-align:right;margin-top:1px;font-size:14px;font-weight:700}.month-detail-empty{color:var(--muted);text-align:center;padding:20px 16px;font-size:13px}.category-breakdown{flex-direction:column;gap:12px;height:340px;padding:20px;display:flex}.expense-category-row{justify-content:space-between;align-items:center;gap:12px;width:100%;height:44px;display:flex}.expense-category-row>div{align-items:center;gap:9px;min-width:0;display:flex}.expense-category-row img{flex:0 0 8px}.expense-category-row>div>div{flex-direction:column;gap:1px;min-width:0;display:flex}.expense-category-row strong{white-space:nowrap;font-size:12px;font-weight:600}.expense-category-row>div strong{text-overflow:ellipsis;font-weight:500;overflow:hidden}.expense-category-row span{color:var(--muted);font-size:10px}.recent-expenses{flex-direction:column;padding:18px 20px;display:flex}.recent-expenses>header{justify-content:space-between;align-items:center;gap:20px;padding-bottom:10px;display:flex}.recent-expenses header a{color:var(--accent-dark);white-space:nowrap;font-size:12px;font-weight:500}.recent-expenses header a:hover{text-decoration:underline}.expense-transaction-row{border-top:1px solid var(--border);align-items:center;gap:0;height:62px;padding:0 10px;display:flex}.expense-transaction-row time{width:90px;color:var(--muted);flex:0 0 90px;font-size:11px;font-weight:500}.expense-transaction-row>div{flex:1;min-width:0}.expense-transaction-row h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.expense-transaction-row p{color:var(--muted);margin:2px 0 0;font-size:10px}.expense-transaction-row>strong{white-space:nowrap;flex:none;font-size:13px;font-weight:600}.login-page{background:var(--background);grid-template-columns:minmax(420px,44%) minmax(0,1fr);min-height:100svh;display:grid}.login-showcase{color:#f2f7f2;background:var(--sidebar);flex-direction:column;min-height:100svh;padding:42px clamp(42px,5vw,80px);display:flex;position:relative;overflow:hidden}.login-brand{z-index:2;letter-spacing:-.01em;align-self:flex-start;align-items:center;gap:10px;font-size:20px;display:flex;position:relative}.login-brand>span,.login-mobile-brand>span{background:var(--accent);border-radius:3px;width:10px;height:28px}.login-brand strong{font-weight:600}.login-showcase-copy{z-index:2;width:min(100%,520px);margin:auto 0;padding:70px 0;position:relative}.login-eyebrow,.login-card-kicker{color:#79b9ae;letter-spacing:.13em;font-size:11px;font-weight:600}.login-showcase h1{letter-spacing:-.04em;margin:18px 0 20px;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,4.2vw,64px);font-weight:400;line-height:1.02}.login-showcase-copy>p{color:#aebbb7;max-width:470px;margin:0;font-size:16px;line-height:1.55}.login-showcase ul{gap:18px;margin:42px 0 0;padding:0;list-style:none;display:grid}.login-showcase li{grid-template-columns:28px minmax(0,1fr);gap:14px;display:grid}.login-showcase li>span{color:#5f7773;padding-top:2px;font-size:10px;font-weight:600}.login-showcase li strong{font-size:13px;font-weight:600;display:block}.login-showcase li p{color:#83928e;margin:3px 0 0;font-size:12px}.login-showcase-note{z-index:2;color:#71827e;margin:0;font-size:11px;position:relative}.login-decoration{border:1px solid #308d7f2e;border-radius:50%;width:680px;height:680px;position:absolute;bottom:-260px;right:-250px}.login-decoration span{border:1px solid #308d7f24;border-radius:50%;position:absolute;inset:80px}.login-decoration span:nth-child(2){inset:170px}.login-decoration span:nth-child(3){background:#308d7f12;inset:260px}.login-content{background:radial-gradient(circle at 90% 10%, #308d7f12, transparent 26rem), var(--background);place-items:center;min-height:100svh;padding:48px;display:grid}.login-card{border:1px solid var(--border);background:var(--surface);border-radius:16px;width:min(100%,440px);padding:42px;box-shadow:0 24px 70px #191f1b14}.login-mobile-brand{align-items:center;gap:9px;margin-bottom:38px;font-size:18px;font-weight:600;display:none}.login-mobile-brand>span{width:8px;height:24px}.login-card-kicker{color:var(--accent-dark)}.login-card h2{letter-spacing:-.025em;margin:10px 0 7px;font-size:30px;font-weight:600}.login-card-intro{color:var(--muted);margin:0 0 30px;font-size:13px}.login-form{flex-direction:column;gap:19px;display:flex}.login-form>label{flex-direction:column;gap:7px;display:flex}.login-form>label>span{font-size:12px;font-weight:500}.login-form input[type=email],.login-form input[type=text],.password-field{border:1px solid var(--border);background:#fbfcfa;border-radius:8px;width:100%;height:48px}.login-form input[type=email],.login-form input[type=text]{outline:none;padding:0 14px}.password-field{align-items:center;display:flex;overflow:hidden}.password-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 4px 0 14px}.password-field button{height:100%;color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:0 13px;font-size:11px;font-weight:500}.login-form input[type=email]:focus,.login-form input[type=text]:focus,.password-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #308d7f1c}.login-form-options{justify-content:space-between;align-items:center;gap:16px;margin-top:-3px;display:flex}.remember-me{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.remember-me input{width:15px;height:15px;accent-color:var(--accent-dark)}.login-form-options>a,.login-signup a{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:500}.login-form-options>a:hover,.login-signup a:hover{text-decoration:underline}.auth-consent{color:var(--muted);cursor:pointer;grid-template-columns:16px minmax(0,1fr);align-items:start;font-size:11px;line-height:1.45;gap:9px!important;display:grid!important}.auth-consent input{width:15px;height:15px;accent-color:var(--accent-dark);margin:1px 0 0}.auth-hint{color:var(--muted);margin:-5px 0 0;font-size:11px;line-height:1.5}.recovery-success{text-align:center;flex-direction:column;align-items:center;display:flex}.recovery-success-icon{color:#f5fbf7;background:var(--accent-dark);border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:18px;font-size:23px;display:grid}.recovery-success h3{margin:0 0 8px;font-size:20px}.recovery-success p{color:var(--muted);margin:0 0 24px;font-size:12px;line-height:1.55}.recovery-success .login-submit{width:100%}.recovery-success>a{color:var(--accent-dark);margin-top:18px;font-size:11px;font-weight:500}.recovery-success>a.recovery-login-link{color:#f5fbf7;justify-content:center;align-items:center;height:48px;margin-top:0;font-size:14px;font-weight:600;display:flex}.login-submit{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;height:48px;font-size:14px;font-weight:600;transition:background-color .15s,transform .15s}.login-submit:hover{background:#0e6259;transform:translateY(-1px)}.login-form-message{color:#14634a;background:#e6f0ea;border-radius:7px;margin:-5px 0 0;padding:10px 12px;font-size:11px;line-height:1.4}.login-form-message.login-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:500;animation:.2s errorFadeIn}.login-form-message.login-error{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;font-weight:500;animation:.2s errorFadeIn}.verification-heading{text-align:center;flex-direction:column;align-items:center;gap:5px;margin-bottom:3px;display:flex}.verification-heading p{color:var(--muted);margin:3px 0 0;font-size:12px}.verification-heading strong{color:var(--text);overflow-wrap:anywhere;font-size:13px}.verification-icon{color:#f5fbf7;background:var(--accent-dark);border-radius:50%;place-items:center;width:50px;height:50px;margin-bottom:8px;font-size:21px;display:grid}.login-form input.verification-code-input{letter-spacing:12px;text-align:center;height:58px;padding-left:20px;font-size:25px;font-weight:600}.verification-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.verification-actions button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:500}.verification-actions button:disabled,.login-submit:disabled{cursor:default;opacity:.55}.login-submit:disabled:hover{background:var(--accent-dark);transform:none}.login-signup{border-top:1px solid var(--border);color:var(--muted);text-align:center;margin:24px 0 0;padding-top:22px;font-size:12px}@media (max-width:1100px){.summary-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:minmax(0,1fr) 300px}.journal-filters{grid-template-columns:minmax(220px,1fr) 170px 130px}.reminders-columns,.expenses-analytics{grid-template-columns:minmax(0,1fr) 300px}.export-button{grid-column:3}}@media (max-width:860px){.login-page{display:block}.login-showcase{display:none}.login-content{padding:32px 20px}.login-mobile-brand{display:flex}.dashboard-shell{display:block}.sidebar{flex-basis:auto;gap:18px;width:100%;height:auto;padding:20px;position:static}.backup-note,.sidebar-spacer{display:none}.current-car{width:min(100%,420px);padding:12px 14px;display:flex}.vehicle-trigger{min-height:40px}.vehicle-menu{width:min(340px,100vw - 40px);left:0}.vehicle-menu-row-actions button{width:34px;height:34px}.navigation{flex-direction:row;overflow-x:auto}.nav-item{flex:none}.sidebar-legal-links{flex-flow:wrap;gap:8px 16px}.dashboard-content,.journal-main,.reminders-main,.expenses-main{padding:28px 20px}.dashboard-columns,.reminders-columns,.expenses-analytics{grid-template-columns:1fr}}@media (max-width:560px){.sidebar{gap:14px;padding:16px}.current-car{max-width:none}.vehicle-menu{width:calc(100vw - 32px)}.login-content{place-items:stretch stretch;padding:0}.login-card{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0;padding:32px 24px}.cookie-banner{grid-template-columns:auto minmax(0,1fr);width:calc(100vw - 28px);padding:14px;bottom:14px;right:14px}.cookie-banner>button{grid-column:1/-1;width:100%}.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-header h1{font-size:26px}.journal-header,.reminders-header,.expenses-header{flex-direction:column;align-items:stretch}.journal-header h1,.reminders-header h1,.expenses-header h1{font-size:26px}.journal-add-button,.reminders-add-button{width:100%}.expenses-header-actions{grid-template-columns:1fr 1fr;display:grid}.journal-filters,.journal-summary,.reminders-summary,.expenses-metrics{grid-template-columns:1fr}.expenses-toolbar{flex-direction:column;align-items:stretch}.period-tabs{overflow-x:auto}.expenses-toolbar select{align-self:flex-start}.plan-row-bottom{flex-direction:column;align-items:flex-start;gap:4px}.export-button{grid-column:auto}.journal-table-footer{flex-direction:column;align-items:flex-start}.add-service-button{justify-content:center}.summary-metrics{grid-template-columns:1fr}.service-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"info cost""date date";align-items:center;gap:10px 12px;height:auto;min-height:96px;padding:14px;display:grid}.service-row time{white-space:normal;grid-area:date;width:auto}.service-info{grid-area:info}.service-info h3,.service-info p{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.service-row>strong{grid-area:cost;align-self:start;padding-top:1px}.service-log-heading{align-items:flex-start;gap:10px}.plan-section>header{align-items:flex-start;gap:12px}.plan-section>header h2{min-width:0}.plan-section>header span{flex:none;padding-top:4px}.plan-row{gap:14px;height:auto;min-height:0;padding:16px}.plan-row-top{flex-direction:column;align-items:stretch;gap:12px}.plan-row h3,.plan-row p{text-overflow:clip;white-space:normal;overflow:visible}.plan-row-actions{justify-content:space-between;width:100%}.plan-complete-button{min-height:34px;padding-inline:12px}.plan-row-bottom{white-space:normal;width:100%}.plan-row-bottom span,.plan-row-bottom strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;max-width:100%;overflow:visible}.reminder>div{align-items:flex-start}.reminder h3{overflow-wrap:anywhere;min-width:0}}@media print{.sidebar,.journal-filters,.journal-add-button,.pagination,.expenses-header-actions,.expenses-toolbar{display:none!important}.journal-main,.expenses-main{padding:0;overflow:visible}.journal-table-panel{border:0;padding:0}.journal-table-scroll{overflow:visible}}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#131819b8;justify-content:center;align-items:center;padding:20px;animation:.18s cubic-bezier(.16,1,.3,1) modalOverlayIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--surface);border:1px solid #00000014;border-radius:14px;flex-direction:column;width:100%;max-width:620px;max-height:min(92vh,840px);animation:.22s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 24px 60px -12px #13181959,0 0 0 1px #ffffff0d}.modal-header{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 16px;display:flex}.modal-header-info{flex-direction:column;gap:6px;display:flex}.modal-header-info h2{color:var(--text);letter-spacing:-.015em;margin:0;font-size:20px;font-weight:600}.modal-vehicle-badge{color:var(--accent-dark);background:#edf5f3;border-radius:12px;align-self:flex-start;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.modal-car-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.modal-close-button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 32px;place-items:center;padding:0;transition:background-color .15s,color .15s;display:grid}.modal-close-button:disabled{cursor:not-allowed;opacity:.5}.modal-close-button:hover{color:var(--text);background:#edf1ee}.modal-form{flex-direction:column;flex:1;min-height:0;display:flex}.modal-body{flex-direction:column;flex:1;gap:15px;min-height:0;padding:20px 26px;display:flex;overflow-y:auto}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:#d8dedb;border-radius:4px}.modal-section{flex-direction:column;gap:8px;display:flex}.modal-section-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:500}.modal-section-title{color:#2b3331;font-size:13px;font-weight:600}.modal-chips{flex-wrap:wrap;gap:6px;display:flex}.modal-chip{color:#374151;cursor:pointer;background:#f7faf9;border:1px solid #dce4e1;border-radius:16px;padding:5px 11px;font-size:12px;font-weight:400;transition:all .14s}.modal-chip:hover{color:#111827;background:#ebf3f0;border-color:#b7ccc7}.modal-chip.active{border-color:var(--accent-dark);color:#fff;background:var(--accent-dark)}.modal-subtype-toggle{gap:8px;width:100%;display:flex}.modal-subtype-pill{color:#374151;cursor:pointer;background:#f7faf9;border:1px solid #dce4e1;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:500;transition:all .14s;display:inline-flex}.modal-subtype-pill:hover{color:#111827;background:#ebf3f0;border-color:#b7ccc7}.modal-subtype-pill.active{border-color:var(--accent-dark);color:#fff;background:var(--accent-dark);box-shadow:0 1px 3px #24383726}.modal-field{flex-direction:column;gap:5px;display:flex}.modal-field-title{color:#2b3331;font-size:12px;font-weight:500}.modal-required{color:#d93838}.modal-field input,.modal-field select,.modal-field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#fdfdfd;border-radius:8px;outline:none;font-size:13.5px;transition:border-color .15s,box-shadow .15s,background-color .15s}.modal-field input,.modal-field select{height:40px;padding:0 12px}.modal-field select{cursor:pointer}.modal-field textarea{resize:vertical;min-height:64px;padding:8px 12px}.modal-field input:focus,.modal-field select:focus,.modal-field textarea:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #308d7f21}.modal-field input::placeholder,.modal-field textarea::placeholder{color:#9ba6a3}.modal-field.has-error .modal-field-title,.login-form label.has-error>span{color:#be123c!important}.modal-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.modal-input-wrapper input{width:100%}.modal-input-wrapper input.input-invalid{padding-right:36px}.modal-error-icon{pointer-events:none;align-items:center;animation:.18s errorFadeIn;display:flex;position:absolute;right:12px}.modal-field input.input-invalid,.login-form input.input-invalid,.password-field.input-invalid{animation:.38s cubic-bezier(.36,.07,.19,.97) both inputShake;background-color:#fff8f8!important;border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d481f!important}.password-field.input-invalid input{background:0 0!important}.modal-field input.input-invalid:focus,.login-form input.input-invalid:focus,.password-field.input-invalid:focus-within{border-color:#be123c!important;box-shadow:0 0 0 3px #e11d4838!important}.modal-error-message{color:#be123c;align-items:center;gap:6px;margin-top:4px;font-size:12px;font-weight:500;animation:.18s cubic-bezier(.16,1,.3,1) errorFadeIn;display:inline-flex}.modal-error-message svg{flex-shrink:0}.modal-field-hint{color:#687572;margin-top:2px;font-size:11.5px}.vehicle-combobox{align-items:center;width:100%;display:flex;position:relative}.modal-field .vehicle-combobox input{padding-right:42px}.vehicle-combobox-toggle{color:#65736f;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;transition:color .14s,background-color .14s;display:grid;position:absolute;right:5px}.vehicle-combobox-toggle:hover{color:var(--accent-dark);background:#edf5f2}.vehicle-combobox-toggle svg{transition:transform .16s}.vehicle-combobox.open .vehicle-combobox-toggle svg{transform:rotate(180deg)}.vehicle-combobox.invalid .vehicle-combobox-toggle{color:#be123c}.vehicle-combobox-menu{z-index:10050;overscroll-behavior:contain;background:#fff;border:1px solid #d9e2df;border-radius:10px;padding:6px;animation:.14s cubic-bezier(.16,1,.3,1) vehicle-combobox-in;position:fixed;overflow-y:auto;box-shadow:0 16px 42px #1318192e,0 3px 10px #13181914}.vehicle-combobox-menu::-webkit-scrollbar{width:6px}.vehicle-combobox-menu::-webkit-scrollbar-thumb{background:#cad6d2;border:1px solid #fff;border-radius:5px}.vehicle-combobox-option{color:#27312f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:42px;padding:7px 10px;display:flex}.vehicle-combobox-option.active{background:#f0f6f3}.vehicle-combobox-option.selected{color:var(--accent-dark);background:#e7f2ee}.vehicle-combobox-option-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.vehicle-combobox-option-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.vehicle-combobox-option-copy small{color:#7a8783;font-size:10.5px}.vehicle-combobox-option>svg{flex:none}.vehicle-combobox-empty{color:#6e7b77;flex-direction:column;justify-content:center;gap:3px;min-height:68px;padding:10px 12px;display:flex}.vehicle-combobox-empty strong{color:#37413f;font-size:12px;font-weight:600}.vehicle-combobox-empty span{overflow-wrap:anywhere;font-size:11px;line-height:1.4}@keyframes vehicle-combobox-in{0%{opacity:0;transform:translateY(-4px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-cost-section{background:#f7faf8;border:1px solid #e1e9e6;border-radius:10px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.modal-cost-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-cost-total{border-top:1px dashed #d1ddd9;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.modal-cost-total span{color:#4b5563;font-size:13px;font-weight:500}.modal-cost-total strong{color:var(--accent-dark);letter-spacing:-.01em;font-size:18px;font-weight:700}.modal-attachments{background:#f7faf8;border:1px solid #e1e9e6;border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.modal-attachments-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.modal-attachments-heading>div{flex-direction:column;gap:2px;min-width:0;display:flex}.modal-attachments-heading strong{font-size:13px;font-weight:600}.modal-attachments-heading span{color:var(--muted);font-size:11px}.modal-attachments-heading>button,.modal-attachment-empty{color:var(--accent-dark);font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd8d4;justify-content:center;align-items:center;display:inline-flex}.modal-attachments-heading>button{border-radius:7px;flex:none;gap:6px;padding:7px 10px;font-size:11px;font-weight:600}.modal-attachment-empty{color:#60706b;border-style:dashed;border-radius:8px;gap:9px;width:100%;min-height:58px;padding:10px 14px;font-size:11px}.modal-attachments-heading>button:hover,.modal-attachment-empty:hover{border-color:var(--accent);color:var(--accent-dark);background:#eef7f3}.modal-attachment-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.modal-attachment-item{background:#fff;border:1px solid #dce5e2;border-radius:8px;align-items:center;min-width:0;display:flex;overflow:hidden}.modal-attachment-item>a{min-width:0;color:inherit;flex:1;align-items:center;gap:9px;padding:7px;text-decoration:none;display:flex}.modal-attachment-item>a:hover strong{color:var(--accent-dark)}.modal-attachment-item img,.modal-attachment-filetype,.modal-attachment-pending-icon{border-radius:6px;flex:0 0 36px;width:36px;height:36px}.modal-attachment-item img{object-fit:cover}.modal-attachment-filetype,.modal-attachment-pending-icon{color:#76512c;background:#f5eadc;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.modal-attachment-pending-icon{color:var(--accent-dark);background:#e8f2ee;margin:7px 0 7px 7px}.modal-attachment-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.modal-attachment-copy strong,.modal-attachment-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.modal-attachment-copy strong{font-size:11px;font-weight:600}.modal-attachment-copy small{color:var(--muted);font-size:9px}.modal-attachment-item>button{color:#89938f;cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:36px;margin-right:3px;display:inline-flex}.modal-attachment-item>button:hover{color:#a33d36;background:#f9ecea}.modal-footer{background:#fafbfa;border-top:1px solid #edf0ed;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.modal-btn-cancel{border:1px solid var(--border);color:#374151;cursor:pointer;background:#fff;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:500;transition:background-color .15s,border-color .15s}.modal-btn-cancel:hover{background:#f1f3f2;border-color:#c4c4c4}.modal-btn-submit{color:#f5fbf7;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:500;transition:background-color .15s,transform .15s;display:inline-flex}.modal-btn-submit:hover{background:#0e6259;transform:translateY(-1px)}.account-settings-modal{max-width:560px}.account-settings-subtitle{color:var(--muted);font-size:12px}.account-settings-profile{background:#f7faf8;align-items:center;gap:12px;padding:16px 26px;display:flex}.account-settings-avatar{color:#f5fbf7;background:var(--accent-dark);border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:grid}.account-settings-profile>span:last-child{flex-direction:column;gap:2px;min-width:0;display:flex}.account-settings-profile strong,.account-settings-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-settings-profile strong{font-size:13px}.account-settings-profile small{color:var(--muted);font-size:11px}.account-settings-tabs{border-bottom:1px solid #e7ece9;grid-template-columns:repeat(4,1fr);padding:0 26px;display:grid}.account-settings-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:13px 8px 12px;font-size:12px;font-weight:500;position:relative}.account-settings-tabs button:after{content:"";background:0 0;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.account-settings-tabs button.active{color:var(--accent-dark)}.account-settings-tabs button.active:after{background:var(--accent)}.account-settings-tabs button.danger.active{color:#b91c1c}.account-settings-tabs button.danger.active:after{background:#dc2626}.account-settings-body{min-height:330px;padding:22px 26px 26px;overflow-y:auto}.account-settings-form{flex-direction:column;gap:14px;display:flex}.notification-preferences-form{gap:16px}.notification-preference-master{background:#f1f8f5;border:1px solid #b9d8ce;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;padding:15px 16px;display:flex}.notification-preference-master>div,.notification-preference-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.notification-preference-master strong,.notification-preference-copy strong{color:#24302e;font-size:13px;font-weight:600}.notification-preference-master span,.notification-preference-copy span{color:var(--muted);font-size:11px;line-height:1.4}.telegram-preference-master{background:#f3f7fb;border-color:#c9d8e8}.telegram-connect-button{color:#195f91;min-height:34px;font:inherit;cursor:pointer;background:#fff;border:1px solid #8eb5d8;border-radius:8px;flex:none;padding:0 14px;font-size:11px;font-weight:600}.telegram-connect-button:hover:not(:disabled){background:#edf6fd;border-color:#4f91c5}.telegram-connect-button:disabled{cursor:default;opacity:.5}.telegram-settings-actions{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:-8px;padding:0 4px;font-size:11px;display:flex}.telegram-settings-actions button{color:var(--accent-dark);font:inherit;cursor:pointer;background:0 0;border:0;padding:4px 0;font-weight:600}.telegram-settings-actions button:hover:not(:disabled){text-underline-offset:2px;text-decoration:underline}.telegram-settings-actions button:disabled{cursor:default;opacity:.5}.telegram-settings-buttons{align-items:center;gap:12px;display:flex}.notification-preference-list{border:1px solid #e0e6e2;border-radius:11px;flex-direction:column;margin:0;padding:0;transition:opacity .15s;display:flex}.notification-preference-list:disabled{opacity:.5}.notification-preference-row{border-bottom:1px solid #e8ece9;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 15px;display:grid}.notification-preference-row:last-child{border-bottom:0}.select-menu-trigger{color:#34413f;text-align:left;cursor:pointer;background:#fff;border:1px solid #cfd7d2;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:132px;height:36px;padding:0 10px 0 12px;font-size:11px;font-weight:500;transition:border-color .14s,box-shadow .14s,background-color .14s;display:flex}.select-menu-trigger:hover:not(:disabled){background:#fbfdfc;border-color:#9fb7af}.select-menu-trigger.open,.select-menu-trigger:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #308d7f1f}.select-menu-trigger>svg{color:#70807b;flex:none;transition:transform .15s,color .15s}.select-menu-trigger.open>svg{color:var(--accent-dark);transform:rotate(180deg)}.select-menu-trigger:disabled{cursor:default;opacity:.52}.select-menu-popover{z-index:10060;overscroll-behavior:contain;background:#fff;border:1px solid #d6e0dc;border-radius:10px;padding:5px;animation:.13s cubic-bezier(.16,1,.3,1) select-menu-in;position:fixed;overflow-y:auto;box-shadow:0 16px 40px #13181929,0 3px 10px #13181914}.select-menu-option{color:#40504c;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 10px;font-size:11px;font-weight:500;display:flex}.select-menu-option.active{color:var(--accent-dark);background:#edf5f2}.select-menu-option.selected{color:var(--accent-dark);font-weight:600}.select-menu-option>svg{color:var(--accent);flex:none}@keyframes select-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-preference-row .select-menu-trigger{min-width:120px}.notification-switch{cursor:pointer;background:#cbd3d0;border:0;border-radius:999px;flex:0 0 38px;width:38px;height:22px;padding:0;transition:background .15s;position:relative}.notification-switch span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1318193d}.notification-switch[aria-checked=true]{background:var(--accent)}.notification-switch[aria-checked=true] span{transform:translate(16px)}.notification-switch:focus-visible{outline-offset:2px;outline:2px solid #308d7f73}.notification-switch:disabled{cursor:default}.account-settings-section-heading h3{margin:0 0 5px;font-size:16px;font-weight:600}.account-settings-section-heading p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.account-settings-submit,.account-settings-delete{color:#fff;background:var(--accent-dark);cursor:pointer;border:0;border-radius:8px;align-self:flex-end;min-width:150px;height:40px;margin-top:4px;padding:0 18px;font-size:12px;font-weight:600}.account-settings-submit:hover{background:#0e6259}.account-settings-submit:disabled,.account-settings-delete:disabled{cursor:default;opacity:.55}.account-settings-code{letter-spacing:8px;text-align:center;font-weight:600;font-size:20px!important}.account-settings-inline-actions{justify-content:center;gap:18px;display:flex}.account-settings-inline-actions button{color:var(--accent-dark);cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.account-settings-message{border:1px solid;border-radius:8px;margin-bottom:16px;padding:10px 12px;font-size:12px}.account-settings-message.error{color:#be123c;background:#fff1f2;border-color:#fecdd3}.account-settings-message.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.account-settings-danger-note{color:#991b1b;background:#fff7f7;border:1px solid #fecaca;border-radius:9px;padding:14px}.account-settings-danger-note strong{margin-bottom:4px;font-size:13px;display:block}.account-settings-danger-note p{margin:0;font-size:11px;line-height:1.5}.account-settings-delete{background:#dc2626}.account-settings-delete:hover:not(:disabled){background:#b91c1c}.toast-notification{z-index:10000;color:#f0f5f0;background:var(--sidebar);border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13.5px;font-weight:500;animation:.2s cubic-bezier(.16,1,.3,1) toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 32px #00000047}.toast-notification svg{flex-shrink:0}.toast-close-btn{color:#879e9c;cursor:pointer;background:0 0;border:0;margin-left:6px;padding:0;font-size:12px;transition:color .15s}.toast-close-btn:hover{color:#fff}.toast-undo-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:6px;margin-left:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:background-color .15s}.toast-undo-btn:hover{background:#ffffff3d}.confirm-modal-container{max-width:440px}.confirm-modal-body{text-align:center;flex-direction:column;align-items:center;padding:28px 24px 20px;display:flex}.confirm-modal-icon-wrapper{background:#fef2f2;border:1px solid #fee2e2;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.confirm-modal-title{color:var(--text);letter-spacing:-.015em;margin:0 0 8px;font-size:19px;font-weight:600}.confirm-modal-text{color:var(--muted);margin:0 0 16px;font-size:13.5px;line-height:1.45}.confirm-modal-item-preview{text-align:left;background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:12px 14px;display:flex}.confirm-item-name{color:var(--text);font-size:13.5px;font-weight:600}.confirm-item-meta{color:var(--muted);font-size:12px}.confirm-item-cost{color:var(--accent-dark);margin-top:2px;font-size:13px;font-weight:600}.confirm-modal-footer{background:#fafbfa;border-top:1px solid #edf0ed;justify-content:flex-end;align-items:center;gap:10px;padding:14px 24px;display:flex}.confirm-delete-submit-btn{color:#fff;cursor:pointer;background:#dc2626;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:500;transition:background-color .15s,transform .15s;display:inline-flex}.confirm-delete-submit-btn:hover{background:#b91c1c;transform:translateY(-1px)}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:scale(.97)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes errorFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes inputShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@media (max-width:640px){.modal-backdrop{padding:12px}.modal-container{max-height:calc(100vh - 24px)}.modal-header,.modal-body,.modal-footer,.account-settings-profile,.account-settings-body,.account-settings-tabs{padding-left:18px;padding-right:18px}.account-settings-body{min-height:0}.account-settings-submit,.account-settings-delete{width:100%}.account-settings-tabs{grid-template-columns:repeat(4,minmax(92px,1fr));overflow-x:auto}.notification-preference-row{grid-template-columns:38px minmax(0,1fr)}.notification-preference-row .select-menu-trigger{grid-column:2;width:100%}.telegram-settings-actions{flex-direction:column;align-items:flex-start;gap:2px}.telegram-settings-buttons{justify-content:space-between;width:100%}.modal-row-2,.modal-cost-inputs,.modal-attachment-list{grid-template-columns:1fr}.modal-attachments-heading{flex-direction:column;align-items:flex-start}.toast-notification{justify-content:space-between;bottom:16px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.legal-page{background:var(--bg);flex-direction:column;align-items:center;min-height:100vh;padding:48px 24px 80px;display:flex}.legal-header-nav{justify-content:space-between;align-items:center;width:100%;max-width:800px;margin-bottom:24px;display:flex}.legal-back-link{color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-flex}.legal-back-link:hover{color:var(--accent-dark)}.legal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:100%;max-width:800px;padding:48px;box-shadow:0 4px 20px #00000008}.legal-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-dark);margin-bottom:8px;font-size:11px;font-weight:600;display:inline-block}.legal-card h1{letter-spacing:-.02em;color:var(--text);margin:0 0 12px;font-size:28px;font-weight:700}.legal-date{color:var(--muted);border-bottom:1px solid var(--border);margin:0 0 32px;padding-bottom:20px;font-size:13px}.legal-body{color:#374151;font-size:14px;line-height:1.7}.legal-body h2{color:var(--text);margin:28px 0 12px;font-size:18px;font-weight:600}.legal-body p{margin:0 0 14px}.legal-body ul{margin:0 0 16px 20px;padding:0}.legal-body li{margin-bottom:6px}.legal-actions{border-top:1px solid var(--border);gap:16px;margin-top:40px;padding-top:24px;display:flex}.legal-btn-primary{background:var(--accent-dark);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex}.legal-btn-primary:hover{background:#0e6259}.legal-btn-secondary{color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.legal-btn-secondary:hover{background:#f8faf9;border-color:#cbd5e1}@media (max-width:640px){.legal-card{padding:24px 20px}.legal-page{padding:20px 14px 60px}}