:root{--bg:#f2f2f7;--card:rgba(255,255,255,.84);--text:#161617;--muted:#777780;--blue:#007aff;--blue2:#5ac8fa;--red:#ff3b30;--line:rgba(60,60,67,.12);--shadow:0 22px 60px rgba(20,30,50,.12);--radius:26px}*{box-sizing:border-box}html{background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;color:var(--text)}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(90,200,250,.2),transparent 35%),var(--bg)}button,input,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}.hidden{display:none!important}.glass{background:var(--card);backdrop-filter:blur(24px) saturate(170%);-webkit-backdrop-filter:blur(24px) saturate(170%);border:1px solid rgba(255,255,255,.65)}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:38px;border-radius:34px;box-shadow:var(--shadow);animation:rise .7s cubic-bezier(.2,.8,.2,1)}.app-mark{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:30px;background:linear-gradient(145deg,var(--blue),var(--blue2));box-shadow:0 14px 28px rgba(0,122,255,.28);margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--blue);margin:0 0 6px}.auth-card h1{font-size:36px;letter-spacing:-.04em;margin:0}.muted{color:var(--muted);line-height:1.5}.stack{display:grid;gap:16px;margin-top:26px}label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#48484a}label small{color:var(--muted);font-weight:500;float:right}input,textarea{width:100%;border:1px solid var(--line);background:rgba(245,245,247,.8);border-radius:14px;padding:14px 15px;outline:none;color:var(--text);transition:.2s;border-color .2s,box-shadow .2s}input:focus,textarea:focus{background:#fff;border-color:rgba(0,122,255,.45);box-shadow:0 0 0 4px rgba(0,122,255,.1)}textarea{resize:none}.primary-button{width:100%;border-radius:16px;padding:15px 20px;background:linear-gradient(135deg,var(--blue),#0a84ff);color:#fff;font-weight:800;box-shadow:0 12px 24px rgba(0,122,255,.24);transition:transform .18s,filter .18s}.primary-button:active,.icon-button:active{transform:scale(.96)}.primary-button.compact{width:auto;padding:12px 22px}.link-button{text-align:center;text-decoration:none;display:block}.error-box{padding:12px 14px;border-radius:13px;background:rgba(255,59,48,.1);color:#c9231a;font-size:13px}.notice{padding:14px;border-radius:14px;background:rgba(52,199,89,.1);color:#16883a;margin:20px 0}.app-shell{max-width:980px;margin:auto;min-height:100vh;padding:0 28px 120px}.topbar{height:112px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 4px 18px}.topbar h1{margin:0;font-size:34px;letter-spacing:-.04em}.icon-button{width:48px;height:48px;border-radius:50%;background:var(--text);color:#fff;font-size:30px;line-height:1;box-shadow:0 10px 22px rgba(0,0,0,.18);transition:.2s}.page{display:none;animation:fade .35s ease}.page.active{display:block}.month-switcher{height:50px;border-radius:18px;display:grid;grid-template-columns:54px 1fr 54px;align-items:center;margin:10px 0 16px;box-shadow:0 8px 26px rgba(0,0,0,.05)}.month-switcher button{height:100%;background:transparent;font-size:28px;color:var(--blue)}.month-label{font-size:15px!important;font-weight:750!important;color:var(--text)!important}.hero-card{position:relative;overflow:hidden;border-radius:32px;padding:30px;background:linear-gradient(135deg,#111318,#292d38);color:#fff;box-shadow:0 24px 50px rgba(17,19,24,.22)}.hero-card:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-80px;top:-110px;background:linear-gradient(135deg,rgba(90,200,250,.8),rgba(0,122,255,.1));filter:blur(2px)}.hero-card p{color:#aeb0b7;margin:0 0 8px}.hero-card strong{font-size:50px;letter-spacing:-.05em;position:relative;z-index:1}.hero-meta{display:flex;gap:12px;margin-top:30px}.hero-meta span{background:rgba(255,255,255,.09);padding:9px 13px;border-radius:12px;color:#c4c5ca;font-size:13px}.hero-meta b{color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;margin:34px 4px 14px}.section-head h2,.settings-hero h2{font-size:28px;margin:0;letter-spacing:-.03em}.text-button{background:transparent;color:var(--blue);padding:8px;font-weight:650}.text-button.strong{font-weight:800}.deal-list{display:grid;gap:12px}.deal-card{display:grid;grid-template-columns:46px 1fr auto;gap:14px;align-items:center;padding:17px;background:#fff;border-radius:20px;box-shadow:0 8px 26px rgba(0,0,0,.045);transition:.2s;cursor:pointer}.deal-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(0,0,0,.07)}.deal-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f3ff,#d7e9ff);color:var(--blue);font-weight:850}.deal-card h3{font-size:16px;margin:0 0 4px}.deal-card p{font-size:12px;color:var(--muted);margin:0}.deal-money{text-align:right}.deal-money b{font-size:17px}.deal-money small{display:block;color:var(--muted);margin-top:4px}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state h3{color:var(--text);margin:12px 0 6px}.empty-state p{max-width:320px;margin:0 auto 20px;line-height:1.45}.empty-icon{width:60px;height:60px;border-radius:20px;background:#fff;color:var(--blue);display:grid;place-items:center;margin:auto;font-size:26px;box-shadow:0 12px 30px rgba(0,0,0,.07)}.tabbar{position:fixed;z-index:30;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));height:72px;border-radius:24px;display:grid;grid-template-columns:1fr 70px 1fr;align-items:center;padding:7px;box-shadow:0 18px 50px rgba(20,25,40,.18)}.tab,.add-tab{height:58px;background:transparent;border-radius:17px}.tab span{display:block;font-size:20px}.tab b{display:block;font-size:10px;margin-top:3px;color:var(--muted)}.tab.active{color:var(--blue);background:rgba(0,122,255,.08)}.tab.active b{color:var(--blue)}.add-tab{width:54px;height:54px;border-radius:18px;place-self:center;background:var(--blue);color:white;font-size:28px;box-shadow:0 10px 22px rgba(0,122,255,.28)}.settings-hero{padding:34px 4px 20px}.settings-hero p:last-child{color:var(--muted)}.settings-card{padding:24px;border-radius:26px;margin-top:10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.input-affix{display:flex;align-items:center;background:rgba(245,245,247,.8);border:1px solid var(--line);border-radius:14px;overflow:hidden}.input-affix:focus-within{background:#fff;border-color:rgba(0,122,255,.45);box-shadow:0 0 0 4px rgba(0,122,255,.1)}.input-affix span{padding-left:14px;color:var(--muted)}.input-affix.suffix span{padding:0 14px 0 0}.input-affix input{border:0;background:transparent;box-shadow:none;padding-left:7px}.settings-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-top:12px;padding:18px 20px;border-radius:19px;background:#fff}.settings-row span{display:grid;gap:4px}.settings-row small{font-size:12px;color:var(--muted)}.settings-row i{font-style:normal;color:#aaa;font-size:24px}.settings-row.danger b{color:var(--red)}.backdrop{position:fixed;z-index:50;inset:0;background:rgba(20,20,25,.34);backdrop-filter:blur(4px);animation:fade .2s}.sheet{position:fixed;z-index:60;left:50%;bottom:0;transform:translateX(-50%);width:min(650px,100%);height:min(92vh,900px);background:#f7f7fa;border-radius:30px 30px 0 0;box-shadow:0 -22px 70px rgba(0,0,0,.2);animation:sheetUp .45s cubic-bezier(.2,.85,.25,1)}.sheet.small{height:auto;max-height:70vh}.grabber{width:38px;height:5px;border-radius:10px;background:#c8c8ce;margin:9px auto 2px}.sheet header{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);padding:0 14px}.sheet header h2{margin:0;font-size:17px}.sheet header button:last-child{justify-self:end}.sheet-scroll{height:calc(100% - 76px);overflow:auto;padding:18px 18px calc(30px + env(safe-area-inset-bottom))}.form-section{background:#fff;border-radius:20px;padding:18px;margin-bottom:14px;display:grid;gap:16px}.form-caption{text-transform:uppercase;color:var(--muted);font-weight:800;font-size:10px;letter-spacing:.12em;margin:-2px 0}.vin-row{display:grid;grid-template-columns:1fr auto;gap:8px}.vin-row button{border-radius:12px;background:rgba(0,122,255,.1);color:var(--blue);padding:0 15px;font-weight:750}.vehicle-result{display:flex;align-items:center;gap:12px;background:rgba(52,199,89,.08);padding:12px;border-radius:15px}.vehicle-result>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#34c759;color:#fff;font-weight:850}.vehicle-result div{display:grid;gap:2px}.vehicle-result small{color:var(--muted)}.calculation-card{border-radius:24px;padding:20px;background:linear-gradient(145deg,#111318,#2a2d34);color:#fff;margin-bottom:14px}.calculation-card div{display:flex;justify-content:space-between;padding:8px 2px;color:#b9bac0}.calculation-card b{color:#fff}.calculation-card .grand{border-top:1px solid rgba(255,255,255,.12);margin-top:8px;padding-top:17px;align-items:center}.calculation-card strong{font-size:27px;color:#fff}.delete-button{width:100%;padding:15px;border-radius:16px;color:var(--red);background:rgba(255,59,48,.09);font-weight:800}.toast{position:fixed;z-index:100;left:50%;bottom:108px;transform:translateX(-50%);background:#171719;color:#fff;padding:12px 18px;border-radius:14px;box-shadow:0 12px 30px rgba(0,0,0,.25);animation:toastIn .3s}.shake{animation:shake .35s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes sheetUp{from{transform:translate(-50%,100%)}to{transform:translate(-50%,0)}}@keyframes toastIn{from{opacity:0;transform:translate(-50%,12px)}}@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}@media(max-width:640px){.app-shell{padding:0 14px 115px}.topbar{height:96px}.topbar h1{font-size:30px}.hero-card{padding:25px 22px}.hero-card strong{font-size:42px}.field-grid{grid-template-columns:1fr}.auth-card{padding:28px}.sheet{border-radius:26px 26px 0 0}.deal-card{grid-template-columns:42px 1fr auto;padding:14px}.deal-avatar{width:42px;height:42px}}