:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2c42;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}[hidden]{display:none!important}
:root{--navy:#132540;--ink:#1d2c42;--muted:#68788d;--blue:#3566d8;--orange:#ef9a3f;--line:#e5ebf1;--white:#fff;--shadow:0 12px 35px rgba(24,49,83,.06)}
:focus-visible{outline:3px solid #72abff;outline-offset:3px}.eyebrow{margin:0;color:#4771b8;font-size:.75rem;letter-spacing:.16em;font-weight:800}.topbar{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1120px;margin:auto;padding:13px 22px;display:flex;align-items:center;gap:12px}.brand-mark{height:54px;width:54px;display:grid;place-items:center;border-radius:17px;background:var(--navy);color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.12em;padding-right:6px;position:relative;flex:none}.brand-mark span{position:absolute;color:var(--orange);font-size:1.25rem;right:8px;top:0}.brand-mark.small{height:42px;width:42px;border-radius:13px;font-size:1.55rem}.brand-mark.small span{font-size:.9rem;right:6px}.brand-text{display:flex;flex-direction:column;line-height:1.15}.brand-text strong{font-size:.91rem;letter-spacing:.105em}.brand-text small{font-size:.68rem;letter-spacing:.14em;color:var(--muted);margin-top:4px}.header-add{margin-left:auto;border:0;border-radius:12px;padding:11px 16px;background:var(--navy);color:white;font-weight:800}.container{max-width:1120px;margin:auto;padding:30px 22px 115px}.view{animation:appear .25s ease}@keyframes appear{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:8px 0 28px}.page-heading h1{font-size:clamp(2.25rem,5vw,3.4rem);letter-spacing:-.06em;line-height:1.05;margin:8px 0 0;font-weight:850}.page-heading h1 em{font-style:normal;color:var(--blue)}.date-pill{font-size:.83rem;color:#526681;background:#e8effa;border:1px solid #d9e4f5;border-radius:999px;padding:10px 14px;white-space:nowrap;font-weight:700}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.vehicle-card{border-radius:25px;padding:25px;position:relative;overflow:hidden;min-height:237px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.vehicle-card:before{content:"";position:absolute;height:245px;width:245px;border:1px solid rgba(255,255,255,.2);border-radius:50%;right:-78px;top:-126px;box-shadow:0 0 0 54px rgba(255,255,255,.045),0 0 0 105px rgba(255,255,255,.025);pointer-events:none}.vehicle-card.nmax{background:linear-gradient(135deg,#1d4a85,#1a2d58);color:white}.vehicle-card.sigra{background:linear-gradient(135deg,#fff,#fff7ee);color:var(--navy);border:1px solid #f2e6d6}.vehicle-card.sigra:before{border-color:rgba(231,152,69,.17);box-shadow:0 0 0 54px rgba(244,163,64,.035),0 0 0 105px rgba(244,163,64,.025)}.vehicle-top{display:flex;justify-content:space-between;align-items:start;position:relative}.vehicle-icon{height:48px;width:48px;border-radius:16px;display:grid;place-items:center;font-size:1.6rem;background:rgba(255,255,255,.15)}.sigra .vehicle-icon{background:#fff0de}.vehicle-tag{font-size:.75rem;font-weight:750;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.15)}.sigra .vehicle-tag{background:#fff0de;color:#8d5524}.vehicle-name{position:relative;font-size:2.25rem;letter-spacing:-.05em;margin:13px 0 0;line-height:1.05}.vehicle-plate{opacity:.75;font-size:.88rem;margin:4px 0 18px}.vehicle-footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;position:relative}.vehicle-footer small{display:block;font-size:.76rem;opacity:.74;margin-bottom:4px}.vehicle-footer strong{font-size:1.16rem}.vehicle-foot-note{font-size:.8rem;font-weight:750;text-align:right;max-width:150px}.sigra .vehicle-foot-note{color:#b16a26}.vehicle-card button{border:0;background:none;color:inherit;text-align:left;padding:0}.vehicle-card button:hover .vehicle-name{text-decoration:underline;text-underline-offset:4px}
.section-header{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin:34px 0 14px}.section-header h2,.settings-panel h2{font-size:1.19rem;letter-spacing:-.025em;margin:0}.text-link{border:0;background:none;color:var(--blue);font-weight:800;font-size:.85rem;padding:6px 0}.reminder-spot,.record-list,.reminder-list{display:grid;gap:12px}.reminder-card,.record-card,.empty-card,.settings-panel,.vehicle-setting{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}.reminder-card{display:flex;align-items:center;gap:14px;padding:17px}.reminder-marker{height:40px;width:40px;flex:none;border-radius:12px;display:grid;place-items:center;background:#fff2df;color:#a96618;font-size:1.1rem}.reminder-card.due .reminder-marker{background:#fff0e9;color:#da663a}.reminder-main{flex:1;min-width:0}.reminder-main strong{display:block;font-size:.97rem}.reminder-main p{font-size:.82rem;color:var(--muted);margin:4px 0 0}.status-badge{font-size:.72rem;font-weight:800;border-radius:99px;padding:6px 9px;color:#9c651c;background:#fff3dd;white-space:nowrap}.status-badge.due{color:#bd502e;background:#fff0e9}.record-card{padding:18px;display:flex;align-items:flex-start;gap:14px}.record-icon{height:43px;width:43px;border-radius:13px;display:grid;place-items:center;font-size:1.23rem;flex:none}.record-icon.motor{background:#e9f0ff}.record-icon.mobil{background:#fff0de}.record-body{flex:1;min-width:0}.record-topline{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.record-topline strong{font-size:1rem;line-height:1.35}.record-topline time{font-size:.76rem;color:var(--muted);white-space:nowrap}.record-meta{font-size:.79rem;color:var(--muted);margin:6px 0 0}.record-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.record-bottom b{font-size:.94rem;color:var(--navy)}.record-actions{display:flex;gap:12px}.record-actions button,.record-actions a{font-weight:750;font-size:.79rem;border:0;background:none;color:var(--blue);padding:4px 0}.empty-card{padding:28px 20px;text-align:center;color:var(--muted);font-size:.92rem}.empty-card .empty-icon{display:block;font-size:2rem;margin-bottom:6px}.empty-card strong{display:block;color:var(--ink);font-size:1rem;margin-bottom:5px}.empty-card p{margin:0}
.section-title{margin:7px 0 22px}.section-title h1{font-size:clamp(2rem,5vw,2.7rem);letter-spacing:-.055em;line-height:1.1;margin:6px 0}.section-title p:last-child{color:var(--muted);margin:9px 0 0}.filters{display:flex;gap:8px;margin-bottom:16px;overflow:auto}.filter{border:1px solid var(--line);border-radius:99px;background:#fff;color:#51637b;font-weight:800;padding:10px 17px;white-space:nowrap}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.search-wrap{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 14px;margin-bottom:14px;color:var(--muted)}.search-wrap span{font-size:1.7rem;line-height:1}.search-wrap input{height:48px;border:0;outline:none;width:100%;font-size:.93rem;color:var(--ink);background:transparent}.history-total{font-size:.83rem;color:var(--muted);margin:0 0 11px}.reminder-list .reminder-card{align-items:center}.reminder-card .done-button{border:1px solid #d6e4d9;background:#eff8f1;color:#177b3b;padding:8px 11px;border-radius:10px;font-size:.8rem;font-weight:800;white-space:nowrap}.hint{font-size:.84rem;line-height:1.6;color:var(--muted);margin:18px 0}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.vehicle-setting,.settings-panel{padding:20px}.vehicle-setting h2{margin:0 0 14px;font-size:1.15rem}.vehicle-setting .field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-panel{margin-top:14px}.settings-panel p{color:var(--muted);line-height:1.6;font-size:.87rem;margin:8px 0 15px}.logout{border:0;color:#ad4747;background:none;font-weight:800;margin:25px 0;padding:10px 0}
.bottom-nav{display:none}.fab{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:13px 18px;font-weight:800;font-size:.9rem;min-height:46px}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(19,37,64,.13)}.btn-primary:hover,.header-add:hover{background:#26456f}.btn-quiet{background:#edf2f8;color:#24446c}.btn.full{width:100%}label{display:block;font-size:.83rem;font-weight:750;color:#43536b}label input,label select,label textarea{display:block;width:100%;border:1px solid #dce4ed;border-radius:12px;background:#fff;color:var(--ink);padding:11px 12px;margin-top:7px;font-size:1rem;min-height:45px;outline:none}label textarea{resize:vertical;min-height:74px}label input:focus,label select:focus,label textarea:focus{border-color:#588bdd;box-shadow:0 0 0 3px rgba(88,139,221,.15)}.vehicle-setting .btn{margin-top:14px}.optional{color:#8d9aa9;font-weight:500}.form-error{color:#be3b37;font-size:.85rem;margin-top:12px}
.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 15% 10%,#345482 0%,transparent 32%),linear-gradient(150deg,#172b48,#0b1829)}.auth-card{max-width:410px;width:100%;border-radius:28px;padding:35px;background:#fff;box-shadow:0 30px 70px rgba(0,0,0,.2)}.auth-card .eyebrow{margin-top:25px}.auth-card h1{font-size:2.4rem;letter-spacing:-.055em;margin:7px 0}.auth-card p:not(.eyebrow):not(.form-error){color:var(--muted);margin:0 0 25px;line-height:1.5}.auth-card label{margin-bottom:15px}.auth-card input{margin-bottom:17px}
.sheet-dialog{border:0;border-radius:23px;padding:0;width:min(620px,100%);max-height:min(92dvh,900px);box-shadow:0 30px 90px rgba(7,20,39,.32);color:var(--ink)}.sheet-dialog::backdrop{background:rgba(10,23,40,.58);backdrop-filter:blur(3px)}.sheet-body{padding:25px;overflow:auto;max-height:92dvh}.sheet-handle{display:none}.sheet-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}.sheet-head h2{font-size:1.65rem;letter-spacing:-.045em;margin:4px 0 0}.icon-button{background:#edf2f8;border:0;color:#43536b;height:35px;width:35px;border-radius:11px;font-size:1.45rem;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1 / -1}.subsection{border-top:1px solid var(--line);margin:22px 0 15px;padding-top:20px}.subsection h3{font-size:1rem;margin:0}.subsection p{color:var(--muted);font-size:.81rem;margin:4px 0 0}.form-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:24px}.delete-button{margin-left:auto;background:none;border:0;color:#b6473f;font-size:.83rem;font-weight:800;padding:12px}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,18px);background:#172b48;color:#fff;max-width:calc(100vw - 32px);border-radius:12px;padding:11px 17px;box-shadow:0 12px 32px rgba(14,26,44,.25);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;font-size:.86rem;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:720px){.container{padding:23px 16px 120px}.topbar-inner{padding:10px 16px}.header-add{display:none}.page-heading{align-items:start;margin:9px 0 22px}.page-heading h1{font-size:2.2rem}.date-pill{font-size:.72rem;padding:8px 10px;margin-top:1px}.vehicle-grid{grid-template-columns:1fr;gap:12px}.vehicle-card{min-height:210px;border-radius:22px;padding:20px}.vehicle-name{font-size:2rem}.section-header{margin-top:27px}.section-header h2{font-size:1.09rem}.text-link{font-size:.76rem}.bottom-nav{position:fixed;display:flex;z-index:15;left:0;right:0;bottom:0;background:rgba(255,255,255,.97);border-top:1px solid var(--line);padding:8px 5px max(7px,env(safe-area-inset-bottom));box-shadow:0 -7px 22px rgba(18,35,59,.05)}.nav-item{flex:1;border:0;background:none;color:#8290a2;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:750;padding:2px 0 0;min-height:48px}.nav-item span{font-size:1.55rem;line-height:1.1}.nav-item small{font-size:.66rem}.nav-item.active{color:var(--blue)}.fab{display:grid;place-items:center;position:fixed;z-index:16;right:18px;bottom:calc(78px + env(safe-area-inset-bottom));width:57px;height:57px;border-radius:18px;border:0;background:var(--navy);color:#fff;font-size:2rem;box-shadow:0 12px 24px rgba(19,37,64,.28)}.settings-grid{grid-template-columns:1fr}.sheet-dialog{position:fixed;bottom:0;margin:0;border-radius:24px 24px 0 0;max-height:93dvh;width:100%}.sheet-body{padding:16px 19px max(22px,env(safe-area-inset-bottom));max-height:93dvh}.sheet-handle{display:block;width:36px;height:4px;background:#d6dfeb;border-radius:4px;margin:0 auto 16px}.form-grid{gap:12px}.form-actions .btn-primary{flex:1}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}}
@media(max-width:400px){.page-heading h1{font-size:1.95rem}.date-pill{font-size:.69rem}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.record-card{padding:14px;gap:10px}.record-topline{display:block}.record-topline time{display:block;margin-top:3px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}