@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@500;600;700&family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;--ink:#111827;--muted:#667085;--violet:#6d5ef5;--violet-dark:#5142dc;--violet-soft:#eeeaff;--mint:#bdebe3;--amber:#ffcb66;--surface:#fff;--line:#e7e8ef;--soft:#f5f6fa;--danger:#dd3e54;--shadow:0 16px 42px #31297014;--canvas:#efeffa;--app-background:radial-gradient(circle at 15% 5%, #ffeaf9 0, transparent 30%), radial-gradient(circle at 90% 0%, #ebe7ff 0, transparent 34%), #f5f4ff;--shell-panel:#fffffff0;--shell-border:#ffffffe6;--surface-raised:#fff;--surface-overlay:#fbfaff;--surface-hover:#f4f1ff;--surface-selected:#eeeaff;--control-bg:#f1f3f7;--control-hover:#ebe8f7;--text-subtle:#7b8497;--text-faint:#667085;--border-strong:#cfd3df;--surface-inverse:#181a27;--text-inverse:#f8f7ff;--on-accent:#fff;--ink-on-color:#202536;--muted-on-color:#5d5140;--success-soft:#e9fbf7;--success-ink:#267d68;--warning-soft:#fff1d1;--warning-ink:#8a5700;--danger-soft:#fff0f2;--danger-ink:#b4233a;--scrim:#0f172a73;--mobile-nav:#111827;background:#efeffa;font-family:Noto Sans Thai,Leelawadee UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--canvas)}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--app-background);margin:0}button,input,select{font:inherit}button{color:inherit}input,select{color:var(--ink)}input::placeholder{color:var(--text-subtle);opacity:1}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #6d5ef540}button:disabled{opacity:.5;cursor:not-allowed}h1,h2,h3,p{margin-top:0}.app-shell{grid-template-columns:226px minmax(0,1fr);gap:0;min-height:100vh;padding:18px;display:grid}.sidebar{background:var(--shell-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--shell-border);z-index:5;border-radius:24px 0 0 24px;flex-direction:column;height:calc(100vh - 36px);padding:30px 18px 20px;display:flex;position:sticky;top:18px}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand-link{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.brand-link:hover{color:var(--violet-dark)}.brand-link:focus-visible{outline-offset:5px;border-radius:9px;outline:3px solid #6d5ef547}.brand-mark{color:#fff;background:linear-gradient(145deg,#8c7dfd,#5a47ee);border-radius:12px 12px 12px 5px;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 8px 18px #6d5ef540}.brand-mark svg{width:29px;height:29px}.side-nav{flex-direction:column;gap:7px;margin-top:42px;display:flex}.nav-eyebrow{color:var(--text-subtle);padding:0 12px 4px;font-size:12px}.side-nav button{height:45px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14px;font-weight:600;display:flex}.side-nav button:hover{background:var(--surface-hover);color:var(--violet)}.side-nav button.active{background:var(--surface-selected);color:var(--violet-dark)}.side-nav button b{background:var(--violet-soft);border-radius:99px;place-items:center;min-width:24px;height:24px;margin-left:auto;padding:0 6px;font-size:11px;display:grid}.sidebar-spacer{flex:1}.sidebar-profile{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;margin-top:14px;padding:18px 8px 0;display:flex}.sidebar-profile:hover strong{color:var(--violet)}.sidebar-profile strong,.sidebar-profile small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.avatar{border-radius:50%;width:38px;height:38px}.sidebar-profile div{min-width:0}.sidebar-profile strong,.sidebar-profile small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.sidebar-profile strong{font-size:12px}.sidebar-profile small{color:var(--muted);margin-top:2px;font-size:10px}.app-main{background:var(--shell-panel);border:1px solid var(--shell-border);min-width:0;box-shadow:var(--shadow);border-radius:0 24px 24px 0;overflow:clip}.page{max-width:1290px;margin:0 auto;padding:34px 42px 50px}.page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(28px,2.3vw,36px);line-height:1.2}.page-header p{color:var(--muted);margin:6px 0 0;font-size:14px}.dashboard-header{align-items:flex-end;margin-bottom:26px}.dashboard-heading{min-width:0}.dashboard-heading h1{letter-spacing:-.025em;font-size:2rem;line-height:1.25}.dashboard-heading>p:last-child{max-width:52ch;color:var(--muted);margin-top:5px;font-size:.875rem;line-height:1.6}.dashboard-date{align-items:center;gap:7px;font-weight:600;line-height:1.4;display:flex;color:var(--muted)!important;margin:0 0 8px!important;font-size:.75rem!important}.dashboard-date svg{width:16px;height:16px;color:var(--violet)}.dashboard-date strong{color:var(--violet-dark);background:var(--violet-soft);border-radius:6px;padding:3px 8px;font-size:.6875rem;line-height:1.35}.dashboard-date time{font-variant-numeric:tabular-nums}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.header-actions{align-items:center;gap:8px;display:flex}.icon-button{background:var(--surface-subtle,var(--soft));cursor:pointer;border:0;border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.icon-button:hover{color:var(--violet);background:var(--violet-soft)}.notification-trigger{cursor:pointer;position:relative}.notification-trigger[aria-expanded=true]{color:var(--violet);background:var(--violet-soft)}.notification-count{border:2px solid var(--surface-raised);min-width:19px;height:19px;color:var(--on-accent);font-variant-numeric:tabular-nums;background:#ef476f;border-radius:99px;place-items:center;padding:0 4px;font-size:9px;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 3px 8px #ef476f47}.primary-button{color:#fff;background:linear-gradient(135deg,#7666ff,#5d48ed);box-shadow:0 10px 22px #5a46e733}.secondary-button{color:var(--ink);background:var(--surface-raised);border:1px solid var(--line)}.secondary-button.compact{min-height:36px;margin-top:9px;padding:0 13px}.danger-button{color:var(--danger);background:var(--danger-soft)}.text-button{color:var(--violet);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:5px 0;font-size:13px;font-weight:600;display:inline-flex}.spend-hero{color:#fff;background:radial-gradient(circle at 24% 10%,#ffffff21,#0000 32%),radial-gradient(circle at 90% 70%,#ffffff29,#0000 34%),linear-gradient(120deg,#4037d7 0%,#675af0 47%,#a77df5 100%);border-radius:22px;grid-template-columns:.85fr 1.15fr .98fr;align-items:stretch;gap:22px;min-height:198px;padding:26px;display:grid;overflow:hidden;box-shadow:0 14px 28px #5240dc3d}.hero-total{flex-direction:column;justify-content:center;display:flex}.hero-total>span{opacity:.95;font-size:16px;font-weight:700}.hero-total>strong{letter-spacing:-.045em;white-space:nowrap;margin:6px 0 12px;font-size:clamp(34px,3.7vw,52px);line-height:1.15}.hero-total small{color:#c6ffdf;align-items:center;gap:5px;font-weight:600;display:flex}.trend-chart{flex-direction:column;justify-content:center;min-width:0;margin:0;padding-top:2px;display:flex}.trend-chart figcaption{color:#ffffffc2;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.trend-chart figcaption strong{color:#fff;font-size:11px}.trend-chart figcaption span{font-size:9px}.trend-chart svg{width:100%;height:92px;overflow:visible}.trend-grid-line{stroke:#ffffff21;stroke-width:1px;stroke-dasharray:3 5}.trend-bar{fill:url(#trend-bar-fill);transition:opacity .16s,filter .16s}.trend-bar-group:hover .trend-bar,.trend-bar-group:focus .trend-bar{opacity:.82;filter:drop-shadow(0 3px 5px #26187040)}.trend-bar-group:focus{outline:none}.trend-bar-group:focus-visible .trend-bar-track{stroke:#fff;stroke-width:2px}@media (forced-colors:active){.trend-bar-group:focus-visible .trend-bar-track{stroke:highlight}.trend-bar,.trend-bar.current{fill:canvastext}}.trend-months{color:#ffffffb3;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:-3px;display:grid}.trend-months span{text-align:center;justify-items:center;gap:1px;min-width:0;display:grid}.trend-months b{font-size:9px;font-weight:600}.trend-months small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.hero-metrics{background:var(--surface-raised);color:var(--ink);border-radius:16px;flex-direction:column;justify-content:center;padding:4px 16px;display:flex}.hero-metrics>div{border-bottom:1px solid var(--line);grid-template-columns:31px 1fr auto;align-items:center;gap:9px;min-height:53px;display:grid}.hero-metrics>div:last-child{border-bottom:0}.hero-metrics span{color:var(--muted);font-size:11px}.hero-metrics strong{font-size:14px}.metric-icon{border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.metric-icon.amber{color:#e9a514;background:#fff1cf}.metric-icon.mint{color:#16a47f;background:#dff8f0}.metric-icon.lilac{color:var(--violet);background:#ede8ff}.rate-note{color:var(--text-subtle);justify-content:flex-end;align-items:center;margin:7px 2px 0;font-size:10px;display:flex}.live-dot{background:#20c997;border-radius:50%;width:6px;height:6px;margin-right:5px}.dashboard-section,.trial-section{margin-top:14px}.section-heading{justify-content:space-between;align-items:center;gap:12px;min-height:35px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:17px}.section-heading>span{color:var(--text-subtle);font-size:11px}.section-heading button{color:var(--violet);cursor:pointer;background:0 0;border:0;align-items:center;padding:5px 0;font-size:12px;font-weight:600;display:flex}.card-rail{scrollbar-width:thin;grid-template-columns:repeat(3,minmax(0,1fr)) 160px;gap:12px;padding-bottom:3px;display:grid;overflow-x:auto}.payment-card{color:#fff;border-radius:17px;flex-direction:column;min-width:215px;min-height:134px;padding:17px 18px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #20254b24}.payment-card:after{content:"";background:#ffffff1c;border-radius:50%;width:120px;height:120px;position:absolute;top:-30px;right:-22px;box-shadow:-45px 74px #ffffff0d}.payment-card--blue{background:linear-gradient(135deg,#173485,#4f6da9)}.payment-card--violet{background:linear-gradient(135deg,#59238c,#9d72bf)}.payment-card--orange{background:linear-gradient(135deg,#ff751d,#f2a062)}.payment-card--mint{background:linear-gradient(135deg,#178c88,#71cabb)}.payment-card--rose{background:linear-gradient(135deg,#9f1239,#fb7185)}.payment-card--sky{background:linear-gradient(135deg,#0369a1,#38bdf8)}.payment-card--gold{background:linear-gradient(135deg,#a94d08,#f59e0b)}.payment-card--graphite{background:linear-gradient(135deg,#1f2937,#64748b)}.payment-card--forest{background:linear-gradient(135deg,#14532d,#22c55e)}.payment-card--ocean{background:linear-gradient(135deg,#115e59,#2dd4bf)}.payment-card--indigo{background:linear-gradient(135deg,#312e81,#6366f1)}.payment-card--fuchsia{background:linear-gradient(135deg,#86198f,#d946ef)}.payment-card--ruby{background:linear-gradient(135deg,#881337,#e11d48)}.payment-card--coral{background:linear-gradient(135deg,#c2410c,#fb7185)}.payment-card--navy{background:linear-gradient(135deg,#0f172a,#1d4ed8)}.payment-card--cocoa{background:linear-gradient(135deg,#5f3624,#b45309)}.payment-card>div,.payment-card footer{z-index:1;justify-content:space-between;align-items:center;display:flex}.payment-card>div strong{font-size:14px}.payment-card>small{opacity:.72;z-index:1;font-size:11px}.payment-card>p{letter-spacing:.14em;z-index:1;margin:19px 0 9px;font-size:12px}.payment-card>p b{font-size:15px}.payment-card footer{margin-top:auto}.payment-card footer span{opacity:.7;font-size:10px}.payment-card footer strong{font-size:17px}.network-badge{color:#28346d;background:#ffffffeb;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:9px;font-weight:800;display:inline-flex}.network-badge svg{width:12px;height:12px}.payment-provider-logo{color:#26314f;letter-spacing:-.06em;background:#fffdf8;border:1px solid #151a2e1c;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-family:Noto Sans Thai,sans-serif;font-size:10px;font-style:normal;font-weight:900;line-height:1;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 2px 7px #1a1f3614}.payment-provider-logo>span{z-index:1;white-space:nowrap;position:relative}.payment-provider-logo>svg{width:17px;height:17px}.payment-provider-logo--sm{border-radius:6px;width:22px;height:22px;font-size:7px}.payment-provider-logo--sm>svg{width:12px;height:12px}.payment-provider-logo--lg{border-radius:12px;width:50px;height:50px;font-size:13px}.provider-visa{color:#172a78;letter-spacing:-.1em;font-size:11px;font-style:italic}.provider-mastercard:before,.provider-mastercard:after{content:"";opacity:.94;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%)}.provider-mastercard:before{background:#e32636;left:7px}.provider-mastercard:after{background:#f5a623;right:7px}.provider-mastercard>span{color:#0000}.payment-provider-logo--sm.provider-mastercard:before,.payment-provider-logo--sm.provider-mastercard:after{width:10px;height:10px}.payment-provider-logo--sm.provider-mastercard:before{left:4px}.payment-provider-logo--sm.provider-mastercard:after{right:4px}.payment-provider-logo--lg.provider-mastercard:before,.payment-provider-logo--lg.provider-mastercard:after{width:23px;height:23px}.payment-provider-logo--lg.provider-mastercard:before{left:9px}.payment-provider-logo--lg.provider-mastercard:after{right:9px}.provider-jcb{color:#fff;background:linear-gradient(90deg,#14865f 0 33%,#1967aa 33% 66%,#d54a55 66%)}.provider-amex{color:#fff;background:#2e83bf}.provider-unionpay{color:#fff;background:linear-gradient(135deg,#1578a6 0 45%,#dc3346 45% 72%,#159b75 72%)}.provider-truemoney,.provider-true-bill{color:#fff;background:#ed2737}.provider-apple-pay,.provider-app-store{color:#111827;background:#fff}.provider-google-pay{color:#2773e6}.provider-google-play{color:#fff;background:conic-gradient(from 35deg,#36b37e,#2f80ed,#f2c94c,#ef5350,#36b37e)}.provider-paypal{color:#0876c9;font-size:15px;font-style:italic}.provider-line-pay{color:#fff;background:#12b94b}.provider-shopeepay{color:#fff;background:#f25b22;font-size:15px}.provider-promptpay{color:#fff;background:#1766a4;font-size:15px}.provider-kbank{color:#fff;background:#13834a;font-size:16px}.provider-scb{color:#fff;background:#54267f}.provider-krungthai{color:#fff;background:#34a8df}.provider-bbl{color:#fff;background:#164690;font-size:16px}.provider-krungsri{color:#3f3516;background:#f6ca36}.provider-ttb{color:#1256a0;background:#f8fbff}.provider-ttb>span:first-letter{color:#f68121}.provider-gsb{color:#fff;background:#ec4b9b}.provider-uob{color:#164690;box-shadow:inset 4px 0 #d9272e,0 2px 7px #1a1f3614}.provider-cimb{color:#fff;background:#d62232}.provider-kkp{color:#fff;background:#5b3b8e}.provider-lhbank{color:#fff;background:linear-gradient(135deg,#29a56a 0 45%,#1f64a8 45%)}.provider-baac{color:#fff;background:#168a4a}.provider-ais-bill{color:#fff;background:#7caf2f}.provider-dtac-bill{color:#fff;background:#258dcc}.provider-cash{color:#276749;background:#dcf7e8}.provider-custom,.provider-other-bank{color:var(--muted);background:var(--control-bg)}.payment-provider-logo--artwork{color:#172033;letter-spacing:normal;background:#fff;font-style:normal;box-shadow:0 2px 7px #1a1f3614}.payment-provider-logo--artwork:before,.payment-provider-logo--artwork:after{content:none}.payment-provider-logo--artwork>img,.payment-provider-logo--artwork>svg{object-fit:contain;width:82%;height:82%;display:block}.payment-provider-logo--artwork>img{width:88%;height:88%}.payment-provider-logo--sm.payment-provider-logo--artwork>img,.payment-provider-logo--sm.payment-provider-logo--artwork>svg{width:91%;height:91%}.payment-provider-logo--lg.payment-provider-logo--artwork>img{width:90%;height:90%}.network-badge .payment-provider-logo{box-shadow:none}.network-badge .payment-provider-logo--sm{margin:-2px 1px -2px -4px}.provider-other-card,.provider-other-wallet{color:var(--muted);background:var(--control-bg)}.add-card{border:1.5px dashed var(--border-strong);background:var(--surface-raised);color:var(--muted);cursor:pointer;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:150px;display:flex}.add-card svg{border:1px solid var(--line);border-radius:50%;width:38px;height:38px;padding:8px}.add-card span{font-size:12px}.trial-banner{width:100%;color:var(--ink-on-color);text-align:left;cursor:pointer;background:linear-gradient(100deg,#ffe777,#ffc05f);border:0;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;padding:12px 18px;display:grid;box-shadow:0 8px 16px #f2b23926}.trial-banner>span strong,.trial-banner>span small,.trial-banner>span b{display:block}.trial-banner>span strong{font-size:16px}.trial-banner>span small{color:#5d5140;margin:2px 0}.trial-banner>span b{align-items:center;gap:4px;font-size:11px;display:flex}.trial-banner em{background:#ffffffb3;border-radius:14px;place-items:center;min-width:79px;height:58px;padding:5px 12px;font-style:normal;display:grid}.trial-banner em strong{font-size:25px;line-height:1}.trial-banner em small{font-size:9px}.service-logo{border-radius:11px;flex:none;place-items:center;font-family:Arial,sans-serif;font-weight:800;display:inline-grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}.service-logo--sm{border-radius:7px;width:22px;height:22px;font-size:12px}.service-logo--md{width:38px;height:38px;font-size:20px}.service-logo--lg{border-radius:13px;width:48px;height:48px;font-size:26px}.service-logo--favicon{background:#f8f8fc;box-shadow:inset 0 0 0 1px #1a1f3617}.service-logo--favicon img{object-fit:contain;width:72%;height:72%;display:block}.dashboard-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:14px;display:grid}.upcoming-panel,.category-panel{border:1px solid var(--line);border-radius:18px;min-width:0;padding:14px}.count-pill{vertical-align:2px;color:#5d4300;white-space:nowrap;background:#ffe49a;border-radius:99px;align-items:center;margin-left:7px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.upcoming-list{flex-direction:column;display:flex}.upcoming-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 38px 1fr auto;align-items:center;gap:10px;width:100%;padding:7px 0;display:grid}.upcoming-row:last-child{border-bottom:0}.upcoming-empty{text-align:center;align-content:center;place-items:center;min-height:205px;padding:24px;display:grid}.upcoming-empty-icon{width:42px;height:42px;color:var(--violet);background:var(--violet-soft);border-radius:14px;place-items:center;display:grid}.upcoming-empty-icon svg{width:20px;height:20px}.upcoming-empty h3{color:var(--ink);letter-spacing:-.01em;margin:12px 0 3px;font-size:14px}.upcoming-empty p{max-width:42ch;color:var(--text-subtle);margin:0;font-size:10px;line-height:1.65}.upcoming-empty .primary-button{min-height:38px;margin-top:14px;padding-inline:14px;font-size:11px}.date-tile{background:var(--control-bg);text-align:center;border-radius:11px;place-items:center;width:44px;height:43px;padding:3px;font-style:normal;line-height:1;display:grid}.date-tile.soon{color:var(--ink-on-color);background:#ffda78}.date-tile strong{font-size:15px}.date-tile small{color:var(--muted);font-size:8px}.date-tile.soon small{color:var(--muted-on-color)}.date-tile em{display:none}.row-copy strong,.row-copy small,.row-amount strong,.row-amount small{display:block}.row-copy strong{font-size:13px}.row-copy small,.row-amount small{color:var(--text-subtle);font-size:10px}.row-amount{text-align:right}.row-amount strong{font-size:12px}.category-content{grid-template-columns:144px 1fr;align-items:center;gap:14px;padding:8px 0;display:grid}.donut{border-radius:50%;place-items:center;width:138px;height:138px;display:grid}.donut>div{background:var(--surface-raised);text-align:center;border-radius:50%;align-content:center;place-items:center;width:82px;height:82px;display:grid}.donut strong{font-size:13px}.donut small{color:var(--muted);font-size:9px}.legend{flex-direction:column;gap:8px;display:flex}.legend>div{grid-template-columns:9px 1fr 30px auto;align-items:center;gap:7px;font-size:10px;display:grid}.legend i{border-radius:50%;width:7px;height:7px}.legend b{color:var(--text-subtle)}.legend strong{font-size:10px}.insight{background:var(--success-soft);color:var(--success-ink);border-radius:10px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:flex}.filter-panel{border:1px solid var(--line);border-radius:18px;grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.filter-tabs{background:var(--control-bg);white-space:nowrap;border-radius:11px;padding:3px;display:flex}.filter-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:600}.filter-tabs button.active{background:var(--surface-inverse);color:var(--text-inverse)}.search-field{border-left:1px solid var(--line);min-height:39px;color:var(--text-subtle);align-items:center;gap:8px;padding-left:12px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.select-row{align-items:center;gap:7px;display:flex}.select-row>svg{display:none}.select-row select,.filter-panel select{color:var(--ink);background:var(--control-bg);border:0;border-radius:10px;min-height:39px;padding:0 30px 0 11px;font-size:11px}.subscription-table{border:1px solid var(--line);border-radius:18px;margin-top:16px;overflow:hidden}.table-head,.subscription-row{grid-template-columns:1.05fr 2.4fr .8fr 1fr 1fr 1.15fr;align-items:center;gap:14px;display:grid}.table-head{background:var(--surface-subtle,var(--soft));min-height:45px;color:var(--text-subtle);padding:0 18px;font-size:10px;font-weight:600}.subscription-row{border:0;border-top:1px solid var(--line);background:var(--surface-raised);text-align:left;cursor:pointer;width:100%;min-height:70px;padding:10px 18px}.subscription-row:hover{background:var(--surface-hover)}.subscription-row>span:not(.date-tile){min-width:0;font-size:12px}.subscription-row>span>small{color:var(--text-subtle);font-size:9px;display:block}.subscription-row .date-tile{text-align:left;grid-template-columns:33px 1fr;width:86px;display:grid}.subscription-row .date-tile strong{text-align:center;grid-row:span 2;font-size:19px}.subscription-row .date-tile em{color:var(--muted);grid-area:1/2/3;align-self:center;font-size:9px;display:block}.service-cell{align-items:center;gap:11px;display:flex}.service-cell>span strong,.service-cell>span small{display:block}.service-cell>span strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.service-cell>span strong>small{color:var(--text-subtle);font-weight:500;display:inline}.service-cell>span>small{align-items:center;gap:6px;margin-top:3px;display:flex}.service-cell em{color:var(--warning-ink);background:var(--warning-soft);border-radius:99px;margin-left:6px;padding:2px 6px;font-size:8px;font-style:normal}.mini-network{background:var(--control-bg);color:var(--muted);border-radius:5px;padding:3px 5px;font-size:8px}.kind-badge{color:var(--violet-dark);background:var(--violet-soft);white-space:nowrap;border-radius:99px;padding:2px 6px;font-size:8px;font-weight:700}.kind-badge.expense{color:var(--danger-ink);background:var(--danger-soft)}.payment-label{background:var(--control-bg);color:var(--muted);border-radius:7px;align-items:center;padding:4px 7px;font-size:9px;display:inline-flex}.empty-state{min-height:210px;color:var(--text-subtle);text-align:center;align-content:center;place-items:center;display:grid}.empty-state h3{color:var(--ink);margin:10px 0 0}.empty-state p{margin:4px 0 0}.month-picker{border:1px solid var(--line);border-radius:13px;justify-content:space-between;align-items:center;min-width:270px;height:45px;padding:0 5px;display:flex}.month-picker button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.month-picker strong{font-size:14px}.calendar-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;display:grid}.calendar-stats article{border-radius:18px;min-height:112px;padding:20px;box-shadow:0 9px 18px #31297014}.calendar-stats .violet{background:var(--violet);color:#fff}.calendar-stats .mint{background:var(--mint)}.calendar-stats .amber{background:var(--amber)}.calendar-stats article span,.calendar-stats article small{opacity:.75;font-size:12px;display:block}.calendar-stats article strong{margin-top:5px;font-size:25px;display:block}.calendar-layout{grid-template-columns:1.7fr .8fr;gap:16px;display:grid}.month-grid,.calendar-agenda{border:1px solid var(--line);border-radius:18px;padding:20px}.weekday-row,.days-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row span{text-align:center;color:var(--text-subtle);padding-bottom:10px;font-size:11px}.days-grid button{aspect-ratio:1.1;text-align:left;min-height:65px;color:var(--ink);background:0 0;border:0;border-radius:12px;padding:7px}.days-grid button:not(:disabled){background:var(--surface-subtle,var(--soft));box-shadow:inset 0 0 0 1px var(--line);cursor:pointer}.days-grid button:hover:not(:disabled){background:var(--surface-hover)}.days-grid button.outside{color:var(--text-subtle);opacity:.48}.days-grid button.today>span{width:24px;height:24px;color:var(--on-accent);background:var(--violet);border-radius:50%;place-items:center;margin:-3px;display:grid}.calendar-marks{gap:2px;margin-top:7px;display:flex}.calendar-marks em{font-size:9px;font-style:normal}.month-grid>p{color:var(--text-subtle);margin:12px 0 0;font-size:10px}.calendar-agenda h2{font-size:17px}.calendar-agenda>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:11px 0;display:grid}.calendar-agenda>button:hover{background:var(--surface-hover)}.calendar-agenda>button>span strong,.calendar-agenda>button>span small{display:block}.calendar-agenda>button>span small{color:var(--text-subtle);font-size:9px}.calendar-agenda>button>strong{font-size:11px}.agenda-note{color:var(--text-subtle);background:var(--surface-subtle,var(--soft));border-radius:10px;margin:15px 0 0;padding:10px;font-size:10px}.privacy-banner{background:var(--success-soft);color:var(--success-ink);border-radius:15px;align-items:center;gap:14px;margin-bottom:20px;padding:15px 17px;display:flex}.privacy-banner svg{flex:none}.privacy-banner strong{font-size:13px}.privacy-banner p{margin:2px 0 0;font-size:11px}.cards-management{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px;display:grid}.cards-management>article{border:1px solid var(--line);background:var(--surface-raised);border-radius:20px;padding:12px}.cards-management .payment-card{min-width:0}.card-meta{grid-template-columns:1fr 1fr;gap:8px;margin:12px 3px 8px;display:grid}.card-meta span{color:var(--muted);font-size:10px}.card-meta strong{color:var(--ink);font-size:12px}.card-services{flex-wrap:wrap;gap:5px;display:flex}.card-services span{background:var(--control-bg);color:var(--muted);border-radius:99px;padding:4px 7px;font-size:8px}.card-edit-button{border:1px solid var(--line);width:100%;min-height:36px;color:var(--violet-dark);background:var(--violet-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:10px;font-size:10px;font-weight:700;transition:background .16s,transform .16s;display:flex}.card-edit-button:hover{background:var(--surface-selected);transform:translateY(-1px)}.card-tone-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-top:10px;padding:8px 3px 0;display:flex}.card-tone-row>span{color:var(--muted);font-size:10px;font-weight:600}.card-tone-picker{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;display:flex}.card-tone-swatch{border:2px solid var(--surface-raised);width:22px;height:22px;box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;border-radius:50%;flex:none;padding:0;transition:transform .16s,box-shadow .16s}.card-tone-swatch:hover{transform:translateY(-1px)}.card-tone-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 4px var(--violet)}.card-tone-swatch--blue{background:linear-gradient(135deg,#173485,#4f6da9)}.card-tone-swatch--violet{background:linear-gradient(135deg,#59238c,#9d72bf)}.card-tone-swatch--orange{background:linear-gradient(135deg,#ff751d,#f2a062)}.card-tone-swatch--mint{background:linear-gradient(135deg,#178c88,#71cabb)}.card-tone-swatch--rose{background:linear-gradient(135deg,#9f1239,#fb7185)}.card-tone-swatch--sky{background:linear-gradient(135deg,#0369a1,#38bdf8)}.card-tone-swatch--gold{background:linear-gradient(135deg,#a94d08,#f59e0b)}.card-tone-swatch--graphite{background:linear-gradient(135deg,#1f2937,#64748b)}.add-card.management{min-height:220px}.add-card.management strong{font-size:14px}.add-card.management span{color:var(--text-subtle)}.card-management-actions{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:10px;display:grid}.card-management-actions .card-edit-button{margin-top:0}.card-delete-button{border:1px solid color-mix(in srgb,var(--danger) 30%,var(--line));min-height:36px;color:var(--danger-ink);background:var(--danger-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-size:10px;font-weight:700;display:flex}.card-delete-button:hover{border-color:var(--danger)}.card-delete-button svg{flex:none}.card-tone-swatch--forest{background:linear-gradient(135deg,#14532d,#22c55e)}.card-tone-swatch--ocean{background:linear-gradient(135deg,#115e59,#2dd4bf)}.card-tone-swatch--indigo{background:linear-gradient(135deg,#312e81,#6366f1)}.card-tone-swatch--fuchsia{background:linear-gradient(135deg,#86198f,#d946ef)}.card-tone-swatch--ruby{background:linear-gradient(135deg,#881337,#e11d48)}.card-tone-swatch--coral{background:linear-gradient(135deg,#c2410c,#fb7185)}.card-tone-swatch--navy{background:linear-gradient(135deg,#0f172a,#1d4ed8)}.card-tone-swatch--cocoa{background:linear-gradient(135deg,#5f3624,#b45309)}.settings-layout{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.settings-panel{border:1px solid var(--line);border-radius:18px;padding:18px}.settings-panel:last-child{grid-column:span 2}.settings-panel h2{margin-bottom:5px;font-size:17px}.setting-row{border-bottom:1px solid var(--line);grid-template-columns:38px 1fr auto;align-items:start;gap:12px;padding:16px 0;display:grid}.setting-row:last-child{border-bottom:0}.setting-row>i{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:11px;place-items:center;display:grid}.setting-row>i svg{width:18px}.setting-row strong{font-size:13px}.setting-row p{color:var(--text-subtle);margin:2px 0 0;font-size:10px}.setting-row input:not(.time-input){border:1px solid var(--line);width:min(100%,260px);min-height:36px;color:var(--ink);background:var(--control-bg);border-radius:9px;margin-top:9px;padding:0 10px}.toggle{background:var(--border-strong);cursor:pointer;border:0;border-radius:99px;width:42px;height:24px;padding:3px;transition:all .2s}.toggle span{background:var(--surface-raised);border-radius:50%;width:18px;height:18px;transition:all .2s;display:block;box-shadow:0 2px 6px #0000002e}.toggle.on{background:var(--violet)}.toggle.on span{transform:translate(18px)}.time-input{border:1px solid var(--line);color:var(--ink);background:var(--control-bg);border-radius:9px;min-height:36px;padding:0 7px}.danger-actions{gap:8px;margin-top:13px;display:flex}.danger-actions button{cursor:pointer;color:var(--muted);background:var(--control-bg);border:0;border-radius:10px;align-items:center;gap:6px;padding:9px 12px;display:flex}.danger-actions button:last-child{color:var(--danger);background:var(--danger-soft)}.backup-actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.backup-actions .text-button{border:1px solid var(--line);background:var(--surface-raised);border-radius:9px;padding:7px 9px}.account-panel{background:var(--surface-overlay);grid-column:span 2}.account-panel .setting-row{align-items:center}.account-actions{gap:8px;display:flex}.cloud-state{background:var(--success-soft);color:var(--success-ink);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.cloud-state.error{color:var(--danger-ink);background:var(--danger-soft)}.cloud-state.loading,.cloud-state.saving{color:var(--violet-dark);background:var(--violet-soft)}.danger-button{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--danger-soft);color:var(--danger);cursor:pointer;border-radius:10px;align-items:center;gap:6px;display:inline-flex}.modal-backdrop{z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:20px;animation:.18s fade-in;display:grid;position:fixed;inset:0}.subscription-modal{color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);width:min(880px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;animation:.22s modal-in;display:flex;overflow:hidden}.subscription-modal>header,.small-modal>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 20px;display:flex}.subscription-modal>header h2,.small-modal h2{margin:0;font-size:21px}.subscription-modal>header p,.small-modal header p{color:var(--text-subtle);margin:1px 0 0;font-size:11px}.modal-back,.modal-close,.small-modal header button{width:36px;height:36px;color:var(--ink);background:var(--control-bg);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.modal-close{margin-left:auto}.detail-stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 20px 0;display:grid}.detail-stats article{border-radius:14px;min-height:72px;padding:13px}.detail-stats .mint{color:var(--ink-on-color);background:var(--mint)}.detail-stats .amber{color:var(--ink-on-color);background:var(--amber)}.detail-stats .dark{background:var(--surface-inverse);color:var(--text-inverse)}.detail-stats span{opacity:.75;font-size:10px;display:block}.detail-stats strong{margin-top:4px;font-size:19px;display:block}.modal-scroll{padding:8px 20px 20px;overflow-y:auto}.type-switch{background:var(--control-bg);border-radius:15px;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px;padding:5px;display:grid}.type-switch button{min-height:58px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:11px;align-items:center;gap:10px;padding:9px 13px;display:flex}.type-switch button span,.type-switch button strong,.type-switch button small{display:block}.type-switch button strong{color:var(--ink);font-size:12px}.type-switch button small{margin-top:1px;font-size:9px}.type-switch button.active{background:var(--surface-raised);border-color:var(--violet);color:var(--violet);box-shadow:0 5px 15px #4236a217}.type-switch button.active strong{color:var(--violet-dark)}.subscription-modal fieldset{background:var(--surface-subtle,var(--soft));border:0;border-radius:16px;margin:12px 0 0;padding:17px}.subscription-modal legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:0 7px;font-size:11px;font-weight:700}.subscription-modal label,.small-modal label{color:var(--muted);font-size:11px;font-weight:600;display:block}.subscription-modal input,.subscription-modal select,.subscription-modal textarea,.small-modal input,.small-modal select{border:1px solid var(--line);width:100%;color:var(--ink);background:var(--control-bg);border-radius:10px;outline:0;min-height:43px;margin-top:5px;padding:0 12px}.subscription-modal textarea{resize:vertical;min-height:78px;font:inherit;padding-block:10px;line-height:1.5}.subscription-modal input:focus,.subscription-modal select:focus,.subscription-modal textarea:focus,.small-modal input:focus,.small-modal select:focus{border-color:var(--violet);background:var(--surface-raised);box-shadow:0 0 0 3px #6d5ef51a}.input-with-logo{grid-template-columns:auto 1fr;align-items:center;gap:9px;display:grid}.input-with-logo input{margin-top:0}.field-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.price-input{grid-template-columns:1fr 110px;display:grid}.price-input input{border-radius:10px 0 0 10px;font-size:18px;font-weight:700}.price-input select{border-left:0;border-radius:0 10px 10px 0}.input-icon{position:relative}.input-icon svg{z-index:1;color:var(--muted);position:absolute;top:18px;left:12px}.input-icon input{padding-left:38px}.history-box{border:1px dashed var(--border-strong);color:var(--muted);border-radius:10px;align-items:center;gap:9px;margin-top:12px;padding:9px 11px;display:flex}.history-box strong{font-size:11px}.history-box p{margin:0;font-size:9px}.check-row{align-items:center;gap:9px;margin-top:12px;display:flex!important}.check-row input{width:18px;height:18px;min-height:0;accent-color:var(--violet);margin:0}.check-row span{align-items:center;gap:6px;display:flex}.reminder-days{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.reminder-days p{color:var(--muted);align-items:center;gap:5px;margin:0 auto 0 0;font-size:11px;display:flex}.reminder-days button{border:1px solid var(--line);color:var(--ink);background:var(--surface-raised);cursor:pointer;border-radius:9px;padding:7px 11px;font-size:10px}.reminder-days button.active{background:var(--violet-soft);border-color:var(--violet);color:var(--violet-dark);font-weight:700}.subscription-modal>footer{border-top:1px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.subscription-modal>footer>div{gap:8px;display:flex}.billing-cycle-picker{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.billing-cycle-picker button{border:1px solid var(--line);min-height:35px;color:var(--muted);background:var(--surface-raised);cursor:pointer;border-radius:10px;padding:0 12px;font-size:10px;font-weight:650}.billing-cycle-picker button:hover{color:var(--violet-dark);border-color:color-mix(in srgb,var(--violet) 45%,var(--line))}.billing-cycle-picker button.active{color:var(--on-accent);border-color:var(--violet);background:var(--violet);box-shadow:0 5px 12px color-mix(in srgb,var(--violet) 18%,transparent)}.date-fields{margin-top:13px}.date-fields .field-hint{min-height:28px}.category-choice-list{flex-wrap:wrap;gap:7px;display:flex}.category-choice-list button{border:1px solid var(--line);min-height:37px;color:var(--muted);background:var(--surface-raised);cursor:pointer;border-radius:11px;align-items:center;gap:7px;padding:4px 10px 4px 5px;font-size:10px;font-weight:650;display:inline-flex}.category-choice-list button i{border-radius:8px;flex:none;place-items:center;width:27px;height:27px;display:grid}.category-choice-list button svg{width:14px;height:14px}.category-choice-list button:hover{border-color:color-mix(in srgb,var(--violet) 42%,var(--line));color:var(--ink)}.category-choice-list button.active{border-color:var(--violet);color:var(--violet-dark);background:var(--violet-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--violet) 10%,transparent)}.payment-select{margin-top:13px}.form-toggle-row{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-height:58px;margin-top:13px;padding:10px 12px;display:flex}.form-toggle-row>div{min-width:0}.form-toggle-row strong,.form-toggle-row small{align-items:center;gap:6px;display:flex}.form-toggle-row strong{color:var(--ink);font-size:11px}.form-toggle-row small{color:var(--text-subtle);margin-top:2px;font-size:9px;font-weight:500}.item-toggle{background:var(--border-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:42px;height:24px;padding:0;transition:background .18s;position:relative}.item-toggle span{background:var(--surface-raised);border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0f172a33}.item-toggle.on{background:var(--violet)}.item-toggle.on span{transform:translate(18px)}.revealed-field{margin-top:11px;animation:.16s fade-in}.active-item-toggle{margin-top:12px}.input-with-logo{grid-template-columns:44px 1fr}.icon-picker-trigger{border:1px dashed var(--border-strong);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:13px;place-items:center;padding:2px;transition:border-color .18s,background .18s;display:grid}.icon-picker-trigger:hover,.icon-picker-trigger[aria-expanded=true]{border-color:var(--violet);background:var(--violet-soft)}.item-icon-picker{border:1px solid var(--line);background:var(--surface-raised);border-radius:13px;margin-top:9px;padding:11px}.item-icon-picker>div:first-child{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.item-icon-picker strong{color:var(--ink);font-size:11px}.item-icon-picker span{color:var(--text-subtle);font-size:9px}.ai-icon-suggest{border:1px solid color-mix(in srgb,var(--violet) 36%,var(--line));width:100%;min-height:48px;color:var(--violet-dark);background:var(--violet-soft);text-align:left;cursor:pointer;border-radius:11px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 11px;transition:transform .16s,border-color .16s,background .16s;display:flex}.ai-icon-suggest:hover:not(:disabled){border-color:var(--violet);background:color-mix(in srgb,var(--violet-soft) 78%,var(--surface-raised));transform:translateY(-1px)}.ai-icon-suggest:disabled{cursor:not-allowed;opacity:.55}.ai-icon-suggest>svg{flex:none;width:19px;height:19px}.ai-icon-suggest>span{gap:1px;display:grid}.ai-icon-suggest>span strong{color:inherit;font-size:10px}.ai-icon-suggest>span small{color:var(--muted);font-size:8px;font-weight:500}.ai-icon-result{min-height:39px;color:var(--success-ink);background:var(--success-soft);border-radius:10px;align-items:center;gap:9px;margin:0 0 8px;padding:7px 10px;display:flex}.ai-icon-result.local{color:var(--muted);background:var(--control-bg)}.ai-icon-result>svg{flex:none;width:17px;height:17px}.ai-icon-result>span{gap:1px;display:grid}.ai-icon-result>span strong{color:inherit;font-size:9px}.ai-icon-result>span small{color:inherit;opacity:.78;font-size:8px}.icon-search-field{margin:0 0 8px;display:block}.icon-search-field input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:var(--control-bg);border-radius:10px;outline:0;margin:0;padding:0 11px;font-size:10px}.icon-search-field input:focus{border-color:var(--violet);background:var(--surface-raised);box-shadow:0 0 0 3px color-mix(in srgb,var(--violet) 12%,transparent)}.icon-search-empty{color:var(--text-subtle);text-align:center;margin:10px 0 2px;font-size:10px}.item-icon-options{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:6px;max-height:204px;padding-right:2px;display:grid;overflow-y:auto}.item-icon-options button{min-height:36px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:1px solid #0000;border-radius:9px;place-items:center;display:grid}.item-icon-options button:hover{color:var(--violet);background:var(--violet-soft)}.item-icon-options button[aria-pressed=true]{border-color:var(--violet);color:var(--violet-dark);background:var(--violet-soft);box-shadow:0 0 0 2px color-mix(in srgb, var(--violet) 14%, transparent)}.item-icon-options svg{width:16px;height:16px}.field-hint{color:var(--text-subtle);margin-top:5px;font-size:9px;font-weight:500;line-height:1.45;display:block}.small-modal{width:min(430px,100%);color:var(--ink);background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding-bottom:18px}.small-modal header div{flex:1}.small-modal>label{margin:14px 20px 0}.small-modal footer{justify-content:flex-end;gap:8px;padding:18px 20px 0;display:flex}.payment-source-modal{flex-direction:column;width:min(660px,100%);max-height:calc(100svh - 40px);padding-bottom:0;display:flex;overflow:hidden}.payment-source-form{gap:14px;padding:18px 20px;display:grid;overflow-y:auto}.payment-source-form>label>small{color:var(--text-subtle);margin-top:5px;font-size:9px;font-weight:500;display:block}.payment-source-modal>footer{border-top:1px solid var(--line);background:var(--surface-raised);flex:none;padding:14px 20px}.payment-source-modal .card-tone-field{margin:0}.payment-source-modal .card-tone-picker{justify-content:flex-start}.payment-provider-control{grid-template-columns:50px minmax(0,1fr);align-items:stretch;gap:9px;margin-top:6px;display:grid}.payment-provider-control>select{border-color:var(--border-strong);min-width:0;min-height:50px;margin:0;padding-inline:13px 36px;font-weight:650}.payment-provider-field:focus-within .payment-provider-logo{outline:2px solid color-mix(in srgb,var(--violet) 50%,transparent);outline-offset:2px}.payment-select-control{align-items:center;gap:8px;margin-top:6px;display:flex}.payment-select-control select{flex:1;min-width:0;margin:0}.payment-source-inline{justify-content:flex-end;align-items:center;gap:5px;max-width:100%;display:inline-flex}.payment-source-inline b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.payment-source-inline small{color:var(--text-subtle);flex:none;font-size:8px}.delete-card-modal{width:min(480px,100%)}.delete-card-icon{width:40px;height:40px;color:var(--danger-ink);background:var(--danger-soft);border-radius:12px;flex:none;place-items:center;display:grid}.delete-card-icon svg{width:19px}.delete-card-body{padding:18px 20px 0}.delete-card-warning{border:1px solid color-mix(in srgb,var(--danger) 24%,var(--line));background:var(--danger-soft);border-radius:13px;padding:14px}.delete-card-warning strong{color:var(--danger-ink);font-size:12px}.delete-card-warning p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.55}.delete-card-body label{color:var(--muted);margin-top:15px;font-size:11px;font-weight:650;display:block}.delete-card-body select{border:1px solid var(--line);width:100%;min-height:43px;color:var(--ink);background:var(--control-bg);border-radius:10px;margin-top:6px;padding:0 12px}.delete-card-confirm{min-height:40px;padding:0 14px;font-size:11px;font-weight:700}.card-tone-field{border:0;margin:15px 20px 0;padding:0}.card-tone-field legend{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:600}.card-tone-field .card-tone-picker{flex-wrap:wrap;gap:7px}.card-tone-choice{border:1px solid var(--line);min-height:38px;color:var(--muted);background:var(--surface-raised);cursor:pointer;border-radius:10px;align-items:center;gap:7px;padding:6px 10px;font-size:10px;font-weight:600;display:inline-flex}.card-tone-choice.active{border-color:var(--violet);color:var(--violet-dark);background:var(--violet-soft)}.card-tone-choice .card-tone-swatch{pointer-events:none;width:18px;height:18px}.card-tone-choice.active .card-tone-swatch{box-shadow:0 0 0 1px var(--surface-raised), 0 0 0 2px var(--violet)}.auth-modal{width:min(440px,100%);color:var(--ink);border:1px solid var(--line);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:24px;animation:.22s modal-in;overflow:hidden}.auth-modal>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:21px;display:flex}.auth-modal h2{margin:0;font-size:20px}.auth-modal header p{color:var(--text-subtle);margin:2px 0 0;font-size:10px}.auth-modal header>button{width:36px;height:36px;color:var(--ink);background:var(--control-bg);cursor:pointer;border:0;border-radius:10px;place-items:center;margin-left:auto;display:grid}.auth-logo{width:42px;height:42px;color:var(--text-inverse);background:linear-gradient(145deg,#8c7dfd,#5a47ee);border-radius:14px 14px 14px 6px;place-items:center;font-weight:800;display:grid}.auth-body{padding:21px}.google-button,.auth-submit{justify-content:center;width:100%;min-height:45px}.google-button{border:1px solid var(--line);color:var(--ink);background:var(--surface-raised);cursor:pointer;border-radius:11px;align-items:center;gap:9px;font-weight:700;display:flex}.google-button svg,.auth-submit svg{width:18px}.auth-divider{color:var(--text-subtle);align-items:center;gap:10px;margin:17px 0;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-body label{color:var(--muted);font-size:11px;font-weight:600}.auth-body input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:var(--control-bg);border-radius:10px;margin:6px 0 11px;padding:0 12px}.auth-message{border-radius:10px;margin:12px 0 0;padding:10px;font-size:11px}.auth-message.success{color:var(--success-ink);background:var(--success-soft)}.auth-message.error{color:var(--danger-ink);background:var(--danger-soft)}.auth-privacy{color:var(--text-subtle);align-items:flex-start;gap:8px;margin-top:17px;font-size:9px;line-height:1.5;display:flex}.auth-privacy svg{width:17px;color:var(--success-ink);flex:none}.spin{animation:.8s linear infinite spin}.auth-privacy button{color:var(--violet);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.turnstile-wrap{min-height:66px;margin-bottom:14px}.turnstile-wrap>div:first-child{width:100%}.calendar-actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.calendar-actions .text-button{border:1px solid var(--line);border-radius:9px;padding:7px 9px;text-decoration:none}.download-ics{margin-top:6px}.privacy-back{margin-bottom:12px}.privacy-hero{color:var(--success-ink);background:var(--success-soft);border-radius:20px;align-items:flex-start;gap:16px;padding:22px;display:flex}.privacy-hero>svg{flex:none;width:34px;height:34px}.privacy-hero strong{font-size:18px}.privacy-hero p{margin:5px 0 0;font-size:12px;line-height:1.7}.privacy-content{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.privacy-content section{border:1px solid var(--line);background:var(--surface-raised);border-radius:17px;padding:18px}.privacy-content section:last-child{grid-column:span 2}.privacy-content h2{align-items:center;gap:8px;margin:0 0 8px;font-size:15px;display:flex}.privacy-content h2 svg{width:18px;color:var(--violet)}.privacy-content p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.privacy-content a{color:var(--violet-dark)}.fatal-error{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:100vh;padding:24px;display:grid}.fatal-error h1{margin:8px 0 0}.fatal-error p{color:var(--muted);margin:0 0 10px}.guest-migration-screen{background:var(--app-background);place-items:center;min-height:100vh;padding:clamp(18px,4vw,52px);display:grid}.guest-migration-panel{width:min(980px,100%);color:var(--ink);background:var(--surface-raised);border:1px solid var(--shell-border);box-shadow:var(--shadow);border-radius:28px;padding:clamp(22px,4vw,42px)}.guest-migration-brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;display:flex}.guest-migration-header{max-width:720px;margin-top:34px}.migration-kicker{color:var(--violet-dark);background:var(--violet-soft);border-radius:99px;align-items:center;gap:7px;margin-bottom:13px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.guest-migration-header h1{letter-spacing:-.045em;max-width:18ch;margin:0;font-size:clamp(30px,4vw,48px);line-height:1.16}.guest-migration-header p{max-width:65ch;color:var(--muted);margin:13px 0 0;font-size:14px;line-height:1.75}.migration-summary{border:1px solid var(--line);background:var(--line);border-radius:17px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:28px;display:grid;overflow:hidden}.migration-summary>div{background:var(--surface-overlay);grid-template-columns:auto auto 1fr;align-items:center;gap:8px;min-height:82px;padding:17px;display:grid}.migration-summary>div svg{width:19px;color:var(--violet)}.migration-summary>div strong{font-variant-numeric:tabular-nums;font-size:20px}.migration-summary>div span{color:var(--muted);font-size:11px}.migration-summary>p{color:var(--success-ink);background:var(--success-soft);grid-column:1/-1;align-items:center;gap:8px;margin:0;padding:10px 17px;font-size:11px;display:flex}.migration-summary>p svg{flex:none;width:17px}.migration-choices{grid-template-columns:1fr 1fr;gap:14px;margin-top:18px;display:grid}.migration-choice{border:1px solid var(--line);background:var(--surface-raised);border-radius:19px;grid-template-rows:1fr auto;grid-template-columns:auto 1fr;column-gap:13px;min-width:0;padding:20px;display:grid}.migration-choice--recommended{border-color:color-mix(in srgb,var(--violet) 38%,var(--line));background:var(--surface-selected)}.migration-choice-icon{width:42px;height:42px;color:var(--violet-dark);background:var(--surface-raised);border-radius:13px;grid-row:1;place-items:center;display:grid}.migration-choice-icon svg{width:21px}.migration-choice-icon--local{color:var(--success-ink);background:var(--success-soft)}.migration-choice-copy{min-width:0}.migration-choice-copy>span{color:var(--violet-dark);font-size:10px;font-weight:700;line-height:1.5;display:block}.migration-choice:not(.migration-choice--recommended) .migration-choice-copy>span{color:var(--success-ink)}.migration-choice-copy h2{letter-spacing:-.02em;margin:3px 0 5px;font-size:18px;line-height:1.35}.migration-choice-copy p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.migration-action{grid-column:1/-1;width:100%;margin-top:20px}.migration-action svg{width:16px}.migration-error{color:var(--danger-ink);background:var(--danger-soft);border-radius:11px;margin-top:14px;padding:11px 13px;font-size:11px;line-height:1.6}.guest-migration-panel>footer{color:var(--text-subtle);text-align:center;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:10px;display:flex}.guest-migration-panel>footer svg{width:16px;color:var(--success-ink);flex:none}.notification-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a38;justify-content:flex-end;padding:18px;animation:.18s fade-in;display:flex;position:fixed;inset:0}.notification-panel{border:1px solid var(--line);width:min(420px,100%);height:calc(100dvh - 36px);color:var(--ink);background:var(--surface-overlay);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;animation:.28s cubic-bezier(.22,.8,.32,1) notification-in;display:flex;overflow:hidden}.notification-panel>header{border-bottom:1px solid var(--line);background:var(--surface-raised);justify-content:space-between;align-items:flex-start;gap:14px;padding:22px 22px 17px;display:flex}.notification-panel>header div>span{color:var(--violet-dark);align-items:center;gap:6px;margin-bottom:5px;font-size:11px;font-weight:700;display:flex}.notification-panel h2{letter-spacing:-.025em;margin:0;font-size:22px;line-height:1.25}.notification-panel>header button{width:40px;height:40px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:12px;flex:none;place-items:center;display:grid}.notification-panel>header button:hover{color:var(--violet);background:var(--violet-soft)}.notification-summary{color:var(--violet-dark);background:var(--violet-soft);border-radius:16px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;margin:16px 18px 8px;padding:15px 16px;display:grid}.notification-summary strong{font-variant-numeric:tabular-nums;grid-row:span 2;font-size:31px;line-height:1}.notification-summary span{color:var(--ink);font-size:12px;font-weight:700}.notification-summary small{color:var(--muted);margin-top:1px;font-size:9px}.notification-content{overscroll-behavior:contain;flex:1;min-height:0;padding:7px 12px 16px;overflow-y:auto}.notification-list{gap:5px;display:grid}.notification-entry{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto 16px;align-items:center;gap:11px;width:100%;min-height:78px;padding:11px 10px;transition:background .18s,transform .18s;display:grid}.notification-entry:hover{background:var(--surface-hover);transform:translate(-2px)}.notification-entry>span{min-width:0}.notification-entry>span strong,.notification-entry>span small{display:block}.notification-entry>span strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notification-entry>span small{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;line-height:1.45;overflow:hidden}.notification-entry time{min-width:55px;color:var(--muted);justify-items:end;gap:4px;font-style:normal;display:grid}.notification-entry time b{white-space:nowrap;font-size:10px;font-weight:700}.notification-entry time em{width:24px;height:24px;color:var(--violet);background:var(--violet-soft);border-radius:8px;place-items:center;font-style:normal;display:grid}.notification-entry.trial time em{color:var(--warning-ink);background:var(--warning-soft)}.notification-entry time svg{width:13px;height:13px}.notification-chevron{color:#b2b7c4;width:15px}.notification-empty{min-height:100%;color:var(--text-subtle);text-align:center;align-content:center;place-items:center;padding:34px 28px;display:grid}.notification-empty>svg{width:46px;height:46px;color:var(--violet);background:var(--violet-soft);border-radius:15px;padding:11px}.notification-empty h3{color:var(--ink);margin:13px 0 4px;font-size:15px}.notification-empty p{max-width:31ch;margin:0;font-size:10px;line-height:1.65}.notification-panel>footer{border-top:1px solid var(--line);background:var(--surface-raised);padding:13px 18px 17px}.notification-panel>footer button{width:100%;min-height:44px;color:var(--violet-dark);background:var(--violet-soft);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.notification-panel>footer button:hover{background:#e4ddff}.toast{z-index:70;background:var(--surface-inverse);color:var(--text-inverse);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;padding:12px 18px;font-size:12px;animation:.24s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.mobile-topbar,.mobile-nav,.mobile-sync-status{display:none}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes notification-in{0%{opacity:0;transform:translate(28px)}}@keyframes notification-sheet-in{0%{opacity:0;transform:translateY(28px)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1120px){.app-shell{grid-template-columns:190px minmax(0,1fr);padding:10px}.sidebar{height:calc(100vh - 20px);padding-inline:12px;top:10px}.page{padding-inline:25px}.spend-hero{grid-template-columns:1fr 1.05fr}.hero-metrics{flex-direction:row;grid-column:span 2}.hero-metrics>div{border-bottom:0;border-right:1px solid #e9e8f1;flex:1}.hero-metrics>div:last-child{border-right:0}.card-rail{grid-template-columns:repeat(3,225px) 140px}.filter-panel{grid-template-columns:1fr 1fr}.select-row{grid-column:span 2}.table-head,.subscription-row{grid-template-columns:1.1fr 2fr .8fr 1fr 1fr}.table-head span:last-child,.subscription-row>span:last-child{display:none}.calendar-layout{grid-template-columns:1.4fr .8fr}.cards-management{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media (width<=767px){body{background:var(--app-background)}.app-shell{min-height:100svh;padding:0;display:block}.sidebar{display:none}.app-main{min-height:100svh;box-shadow:none;background:var(--shell-panel);border:0;border-radius:0;padding-bottom:94px}.mobile-topbar{z-index:20;background:var(--shell-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);align-items:center;height:64px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-topbar .brand{min-width:0;margin-right:auto;font-size:19px}.mobile-topbar .brand-mark{flex:none;width:32px;height:32px}.mobile-sync-status{border:1px solid color-mix(in srgb,currentColor 20%,transparent);min-width:0;height:29px;color:var(--success-ink);background:var(--success-soft);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex}.mobile-sync-status>svg{flex:none;width:13px;height:13px}.mobile-sync-status.saving,.mobile-sync-status.loading{color:var(--violet-dark);background:var(--violet-soft)}.mobile-sync-status.error,.mobile-sync-status.offline,.mobile-sync-status.conflict{color:var(--danger-ink);background:var(--danger-soft)}.mobile-topbar>button:not(.brand-link){width:37px;height:37px;color:var(--ink);background:var(--control-bg);cursor:pointer;border:0;border-radius:11px;flex:none;place-items:center;margin-left:7px;display:grid;position:relative}.mobile-topbar>button:not(.brand-link):focus-visible{outline:2px solid var(--violet);outline-offset:2px}.mobile-topbar .mobile-language{letter-spacing:.02em;width:42px;font-size:10px;font-weight:900;display:flex}.mobile-topbar .mobile-language b{font:inherit}.mobile-topbar>button.mobile-theme{color:var(--violet)}.mobile-topbar .notification-count{top:-5px;right:-5px}.mobile-topbar .mobile-add{color:var(--on-accent);background:var(--violet)}.page{max-width:none;padding:18px 16px 30px}.page-header{margin-bottom:18px}.page-header h1{font-size:27px}.page-header p{font-size:12px}.page-header>.primary-button,.page-header>.header-actions{display:none}.dashboard-page .page-header{margin-top:1px}.dashboard-page .page-header h1{font-size:1.75rem}.dashboard-date{flex-wrap:wrap;row-gap:4px;font-size:.6875rem!important}.dashboard-heading>p:last-child{font-size:.8125rem}.spend-hero{border-radius:18px;grid-template-columns:1fr;gap:7px;min-height:auto;padding:19px}.hero-total>strong{font-size:38px}.trend-chart{margin-top:1px;padding:0}.trend-chart svg{height:76px}.trend-chart figcaption strong{font-size:10px}.trend-chart figcaption span,.trend-months b{font-size:8px}.trend-months small{font-size:7px}.hero-metrics{color:var(--ink);background:0 0;grid-column:auto;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px -19px -19px;padding:0;display:grid}.hero-metrics>div{background:var(--surface-raised);border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;min-height:76px;padding:8px;display:flex}.hero-metrics>div:first-child{border-bottom-left-radius:18px}.hero-metrics>div:last-child{border-bottom-right-radius:18px}.hero-metrics span{font-size:8px}.hero-metrics strong{white-space:nowrap;font-size:11px}.metric-icon{width:24px;height:24px}.rate-note{font-size:8px}.section-heading h2{font-size:16px}.card-rail{margin-right:-16px;padding-right:16px;display:flex}.payment-card{min-width:218px}.add-card{min-width:125px}.trial-section{margin-top:17px}.trial-section .section-heading>span{font-size:9px}.trial-banner{gap:10px;padding:11px}.trial-banner>span strong{font-size:14px}.trial-banner>span small{font-size:9px}.trial-banner em{min-width:58px;height:55px;padding-inline:7px}.trial-banner em strong{font-size:22px}.dashboard-grid{grid-template-columns:1fr}.category-panel{order:-1}.category-content{grid-template-columns:125px 1fr}.donut{width:118px;height:118px}.donut>div{width:70px;height:70px}.upcoming-panel,.category-panel{background:var(--surface-raised)}.upcoming-row{grid-template-columns:42px 36px 1fr auto}.row-copy strong{font-size:12px}.row-amount strong{font-size:11px}.mobile-nav{z-index:30;left:14px;right:14px;bottom:max(12px, env(safe-area-inset-bottom));border:1px solid var(--line);background:var(--mobile-nav);height:72px;box-shadow:var(--shadow);border-radius:22px;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed}.mobile-nav button{color:#a8b1c4;background:0 0;border:0;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.mobile-nav button.active{color:var(--on-accent);background:var(--violet)}.mobile-nav button span{font-weight:600}.filter-panel{grid-template-columns:1fr;padding:10px}.filter-tabs{overflow-x:auto}.search-field{border:0;border-top:1px solid var(--line);padding:10px 3px 0}.select-row{grid-column:auto;grid-template-columns:repeat(3,1fr);display:grid}.select-row select{width:100%;min-width:0;padding-left:7px;font-size:10px}.subscription-table{border:0;overflow:visible}.table-head{display:none}.subscription-row{border:1px solid var(--line);border-radius:15px;grid-template-columns:52px 1fr auto;gap:9px;margin-bottom:9px;padding:10px;box-shadow:0 4px 12px #3129700a}.subscription-row>span:nth-child(3),.subscription-row>span:nth-child(5),.subscription-row>span:nth-child(6){display:none}.subscription-row .date-tile{text-align:center;grid-template-columns:1fr;width:48px;height:50px;display:grid}.subscription-row .date-tile strong{grid-row:auto;font-size:18px}.subscription-row .date-tile em{display:none}.service-cell .service-logo{width:40px;height:40px}.service-cell>span strong{max-width:150px}.subscription-row>span:nth-child(4){text-align:right}.subscription-row>span:nth-child(4) strong{font-size:12px}.calendar-page .page-header{display:block}.month-picker{width:100%;min-width:0;margin-top:16px}.calendar-stats{grid-template-columns:repeat(3,1fr);gap:8px}.calendar-stats article{min-height:90px;padding:12px}.calendar-stats article span{font-size:9px}.calendar-stats article strong{font-size:17px}.calendar-layout{grid-template-columns:1fr}.month-grid{padding:11px}.days-grid button{aspect-ratio:auto;min-width:0;min-height:clamp(38px,11.5vw,50px);padding:4px}.calendar-marks{margin-top:3px}.calendar-marks .service-logo{width:17px;height:17px;font-size:8px}.calendar-agenda{background:var(--surface-raised)}.cards-management{grid-template-columns:1fr}.privacy-banner{align-items:flex-start}.settings-layout{grid-template-columns:1fr}.settings-panel:last-child,.account-panel{grid-column:auto}.setting-row{grid-template-columns:34px 1fr auto}.setting-row>i{width:34px;height:34px}.danger-actions,.account-actions{flex-direction:column}.cloud-state{grid-column:2;justify-self:start}.auth-modal{border-radius:22px 22px 0 0}.privacy-content{grid-template-columns:1fr}.privacy-content section:last-child{grid-column:auto}.modal-backdrop{align-items:end;padding:0}.subscription-modal{border-radius:24px 24px 0 0;width:100%;max-height:95svh}.subscription-modal>header{padding:14px 15px}.detail-stats{padding-inline:15px}.detail-stats article{padding:11px}.detail-stats strong{font-size:15px}.modal-scroll{padding-inline:15px}.subscription-modal fieldset{padding:14px}.field-grid{grid-template-columns:1fr}.subscription-modal>footer{padding:12px 15px max(12px, env(safe-area-inset-bottom))}.small-modal{border-radius:22px 22px 0 0;width:100%}.payment-source-modal{max-height:95svh}.payment-source-modal>header,.payment-source-form{padding:14px 15px}.payment-source-kind>div{grid-template-columns:1fr}.payment-source-kind button{min-height:54px}.payment-source-grid{grid-template-columns:1fr}.payment-source-modal>footer{padding:12px 15px max(12px,env(safe-area-inset-bottom))}.guest-migration-screen{padding:0;display:block}.guest-migration-panel{min-height:100svh;padding:22px 18px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0}.guest-migration-header{margin-top:30px}.guest-migration-header h1{font-size:31px}.guest-migration-header p{font-size:12px}.migration-summary{grid-template-columns:1fr}.migration-summary>div{min-height:58px;padding:12px 14px}.migration-summary>p{grid-column:1;align-items:flex-start}.migration-choices{grid-template-columns:1fr}.migration-choice{padding:17px}.guest-migration-panel>footer{text-align:left;align-items:flex-start}.notification-backdrop{background:#0f172a4d;align-items:flex-end;padding:0}.notification-panel{width:100%;height:min(78svh,680px);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:24px 24px 0 0;animation:.26s cubic-bezier(.22,.8,.32,1) notification-sheet-in}.notification-panel>header{padding:17px 17px 13px}.notification-panel h2{font-size:20px}.notification-summary{margin:12px 14px 6px;padding:13px 14px}.notification-summary strong{font-size:28px}.notification-content{padding:5px 7px 11px}.notification-entry{grid-template-columns:40px minmax(0,1fr) auto 14px;gap:9px;min-height:72px;padding:9px 8px}.notification-entry:hover{transform:none}.notification-entry>span small{max-width:44vw}.notification-panel>footer{padding:11px 14px 12px}.toast{white-space:nowrap;max-width:calc(100vw - 32px);bottom:98px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.welcome-page{--welcome-ink:#15152a;--welcome-paper:#fbfaf6;--welcome-violet:#6858ef;--welcome-yellow:#ffd45e;--welcome-font:"Noto Sans Thai", "Leelawadee UI", system-ui, sans-serif;color:var(--welcome-ink);font-family:var(--welcome-font);font-kerning:normal;text-rendering:optimizelegibility;background:radial-gradient(circle at 8% 7%, #ffc3e294, transparent 26rem), radial-gradient(circle at 93% 4%, #beb5ff80, transparent 28rem), var(--welcome-paper);min-height:100vh;overflow:clip}.welcome-page button{font-family:inherit}.welcome-header-shell{z-index:100;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--welcome-paper) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid #25204c14;position:sticky;top:0;box-shadow:0 10px 30px #241d5b0a}.welcome-header{z-index:20;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;width:min(1180px,100% - 48px);height:82px;margin:0 auto;display:grid;position:relative}.welcome-features,.welcome-how,.welcome-privacy{scroll-margin-top:98px}.welcome-brand{color:var(--welcome-ink);letter-spacing:-.025em;align-items:center;gap:10px;font-size:21px;font-weight:800;display:inline-flex}button.welcome-brand{cursor:pointer;background:0 0;border:0;padding:0}.welcome-brand-mark{color:#fff;background:linear-gradient(145deg,#8c7dfd,#5a47ee);border-radius:12px 12px 12px 4px;place-items:center;width:35px;height:35px;display:grid;transform:rotate(-3deg);box-shadow:0 8px 18px #6858ef38}.welcome-brand-mark svg{width:29px;height:29px}.welcome-header nav{justify-content:center;align-items:center;gap:4px;display:flex}.welcome-header nav button,.welcome-footer button{color:#64647a;cursor:pointer;background:0 0;border:0;padding:9px 14px;font-size:14px;font-weight:600}.welcome-header nav button:hover,.welcome-footer button:hover{color:var(--welcome-violet)}.welcome-header-actions{gap:8px;display:flex}.welcome-theme-toggle,.welcome-language-toggle{color:#4e4e62;cursor:pointer;background:#ffffffa8;border:1px solid #1c1c321c;border-radius:99px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 13px;font-size:12px;font-weight:700;transition:color .2s,background .2s,border-color .2s,transform .2s;display:inline-flex}.welcome-theme-toggle:hover,.welcome-language-toggle:hover{color:var(--welcome-violet);background:#fff;transform:translateY(-1px)}.welcome-theme-toggle svg{flex:none}.welcome-language-toggle strong{color:var(--welcome-violet);font-size:11px}.welcome-language-toggle span{opacity:.72}.welcome-ghost-button,.welcome-header-cta,.welcome-primary-button,.welcome-secondary-button{cursor:pointer;border:0;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.welcome-ghost-button{color:#4e4e62;background:0 0;padding:0 12px}.welcome-header-cta{color:#fff;background:var(--welcome-ink);border-radius:99px;align-items:center;gap:7px;min-height:42px;padding:0 17px;display:inline-flex}.welcome-header-cta:hover,.welcome-primary-button:hover{transform:translateY(-2px);box-shadow:0 13px 30px #392dad40}.welcome-hero{grid-template-columns:.96fr 1.04fr;align-items:center;gap:clamp(32px,6vw,86px);width:min(1180px,100% - 48px);min-height:690px;margin:0 auto;padding:72px 0 92px;display:grid}.welcome-hero-copy{z-index:3;min-width:0;animation:.65s cubic-bezier(.2,.8,.2,1) both welcome-rise;position:relative}.welcome-kicker{color:#55536d;background:#ffffffb8;border:1px solid #6858ef2e;border-radius:99px;align-items:center;gap:9px;width:max-content;max-width:100%;margin-bottom:25px;padding:8px 13px;font-size:13px;font-weight:700;line-height:1.45;display:flex;box-shadow:0 8px 25px #382f7c0f}.welcome-kicker span{background:#29bd8b;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #29bd8b1f}.welcome-heading-line{text-wrap:balance;word-break:normal;overflow-wrap:normal;width:100%;max-width:100%;display:block}.welcome-hero h1{letter-spacing:-.03em;margin:0;font-size:clamp(52px,5.6vw,78px);font-weight:800;line-height:1.08}.welcome-hero h1 em{width:max-content;color:var(--welcome-violet);white-space:normal;font-style:normal;position:relative}.welcome-hero h1 em:after{content:"";z-index:-1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='10' viewBox='0 0 300 10'%3E%3Cpath d='M2 7C75 1 177 11 298 4' fill='none' stroke='%23ffd45e' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:10px;position:absolute;bottom:-4px;left:2%;right:0}html[lang=en] .welcome-hero h1{font-size:clamp(50px,4vw,58px)}.welcome-lead{color:#5f5f73;max-width:560px;margin:28px 0 0;font-size:17px;line-height:1.78}.welcome-hero-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.welcome-primary-button,.welcome-secondary-button{border-radius:15px;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:0 23px;font-size:16px;display:inline-flex}.welcome-primary-button{color:#fff;background:var(--welcome-violet);box-shadow:0 12px 28px #6858ef38}.welcome-secondary-button{color:var(--welcome-ink);background:#ffffffbf;border:1px solid #1c1c321c}.welcome-secondary-button:hover{background:#fff;transform:translateY(-2px)}.welcome-trust-row{color:#6b6a7c;flex-wrap:wrap;gap:15px;margin-top:22px;font-size:12px;line-height:1.5;display:flex}.welcome-trust-row span{align-items:center;gap:4px;display:flex}.welcome-trust-row svg{color:#20a77a;stroke-width:3px}.welcome-visual{min-width:0;animation:.72s cubic-bezier(.2,.8,.2,1) .1s both welcome-rise;position:relative}.welcome-orbit{pointer-events:none;border:1px dashed #6858ef45;border-radius:50%;position:absolute}.welcome-orbit--one{width:590px;height:590px;animation:40s linear infinite welcome-spin;top:-11%;left:3%}.welcome-orbit--two{width:460px;height:460px;animation:34s linear infinite reverse welcome-spin;bottom:-17%;right:-2%}.welcome-app-preview{z-index:2;background:#fffffff0;border:1px solid #352d781f;border-radius:26px;position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:0 36px 80px #47389b2e,inset 0 8px #fff9}.preview-toolbar{color:#9b9bad;background:#f7f7fb;border-bottom:1px solid #ecebf3;grid-template-columns:1fr auto 1fr;align-items:center;height:46px;padding:0 16px;font-size:9px;display:grid}.preview-toolbar>span:nth-child(2){background:#fff;border:1px solid #e4e3ec;border-radius:99px;padding:5px 16px}.preview-toolbar>b{color:#fff;background:var(--welcome-violet);border-radius:8px 8px 8px 3px;justify-self:end;place-items:center;width:24px;height:24px;display:grid}.preview-toolbar>b svg{width:20px;height:20px}.preview-dots{gap:5px;display:flex}.preview-dots i{background:#ff6d70;border-radius:50%;width:7px;height:7px}.preview-dots i:nth-child(2){background:#ffc34e}.preview-dots i:nth-child(3){background:#35cda0}.preview-body{grid-template-columns:58px 1fr;min-height:465px;display:grid}.preview-sidebar{background:#faf9ff;border-right:1px solid #efedf5;flex-direction:column;align-items:center;gap:22px;padding-top:22px;display:flex}.mini-brand{color:#fff;background:var(--welcome-violet);border-radius:9px 9px 9px 3px;place-items:center;width:27px;height:27px;display:grid}.mini-brand svg{width:22px;height:22px}.preview-sidebar i{background:#d9d8e7;border-radius:99px;width:17px;height:5px}.preview-sidebar i.active{background:#7b6cf2;border-radius:6px;height:17px;box-shadow:0 0 0 6px #efecff}.preview-content{min-width:0;padding:22px 24px 25px}.preview-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-heading span small,.preview-heading span strong{display:block}.preview-heading small{color:#9291a4;font-size:8px}.preview-heading strong{letter-spacing:-.03em;margin-top:3px;font-size:17px}.preview-heading button{color:#fff;background:var(--welcome-ink);border:0;border-radius:9px;padding:8px 12px;font-size:8px;font-weight:700}.preview-summary{color:#fff;background:radial-gradient(circle at 80% 10%,#ffffff2e,#0000 35%),linear-gradient(125deg,#4d3fd8,#765ff1 62%,#a47cf1);border-radius:18px;grid-template-columns:.9fr 1fr .8fr;align-items:center;gap:17px;min-height:152px;margin-top:17px;padding:20px;display:grid}.preview-summary>span small,.preview-summary>span strong,.preview-summary>span em{display:block}.preview-summary>span small{opacity:.78;font-size:8px}.preview-summary>span strong{letter-spacing:-.05em;margin:7px 0;font-size:clamp(20px,2.2vw,29px)}.preview-summary>span em{color:#ccffe4;font-size:7px;font-style:normal}.preview-chart{border-bottom:1px solid #fff3;align-items:end;gap:5px;height:72px;display:flex}.preview-chart i{background:#ffffff4d;border-radius:5px 5px 0 0;flex:1;height:30%}.preview-chart i:nth-child(2){height:47%}.preview-chart i:nth-child(3){height:38%}.preview-chart i:nth-child(4){height:68%}.preview-chart i:nth-child(5){height:53%}.preview-chart i:nth-child(6){background:#ffd45e;height:82%}.preview-chart i:nth-child(7){height:73%}.preview-summary dl{color:var(--welcome-ink);background:#ffffffed;border-radius:12px;margin:0;padding:9px 12px}.preview-summary dl div+div{border-top:1px solid #eceaf4;margin-top:8px;padding-top:8px}.preview-summary dt{color:#858397;font-size:6px}.preview-summary dd{margin:2px 0 0;font-size:10px;font-weight:800}.preview-section-title{justify-content:space-between;align-items:center;margin:18px 2px 9px;display:flex}.preview-section-title strong{font-size:11px}.preview-section-title span{color:var(--welcome-violet);font-size:7px}.preview-bills{gap:7px;display:grid}.preview-bill{background:#fff;border:1px solid #ebeaf1;border-radius:12px;grid-template-columns:40px 32px 1fr auto;align-items:center;gap:8px;min-width:0;min-height:57px;padding:7px 10px;display:grid;box-shadow:0 4px 12px #322a6e0a}.preview-date{text-align:center;background:#f1f1f7;border-radius:10px;place-content:center;height:42px;display:grid}.preview-date b{font-size:13px;line-height:1}.preview-date small{color:#888799;margin-top:3px;font-size:6px}.preview-service{border-radius:9px;place-items:center;width:30px;height:30px;font-size:10px;font-weight:800;display:grid}.preview-service--red{color:#fff;background:#ef3454}.preview-service--mint{color:#167c68;background:#c9f2e7}.preview-service--amber{background:#ffe39a}.preview-bill-copy{min-width:0}.preview-bill-copy strong,.preview-bill-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview-bill-copy strong{font-size:9px}.preview-bill-copy small{color:#9291a3;margin-top:3px;font-size:6px}.preview-bill>b{font-size:9px}.welcome-alert-card,.welcome-currency-card{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #4337911c;align-items:center;gap:10px;animation:5s ease-in-out infinite welcome-float;display:flex;position:absolute;box-shadow:0 20px 45px #3e328f29}.welcome-alert-card{border-radius:16px;padding:13px 16px;bottom:43px;left:-42px}.welcome-alert-card svg{color:var(--welcome-violet)}.welcome-alert-card span small,.welcome-alert-card span strong{display:block}.welcome-alert-card small{color:#8b899c;font-size:7px}.welcome-alert-card strong{margin-top:3px;font-size:10px}.welcome-currency-card{border-radius:14px;padding:10px 14px;animation-delay:-2s;top:86px;right:-28px}.welcome-currency-card svg{color:#28ad82}.welcome-currency-card span strong,.welcome-currency-card span small{display:block}.welcome-currency-card strong{font-size:11px}.welcome-currency-card small{color:#8b899c;font-size:7px}.welcome-proof{border-block:1px solid #27234c1f;grid-template-columns:repeat(3,1fr) 1.25fr;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:27px 0;display:grid}.welcome-proof>div{border-right:1px solid #27234c1a;justify-content:center;align-items:center;gap:13px;min-height:52px;display:flex}.welcome-proof strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;font-size:28px;line-height:1.2}.welcome-proof div span{color:#6b697b;font-size:11px;line-height:1.55}.welcome-proof>p{color:#514f64;align-items:center;gap:10px;margin:0;padding-left:32px;font-size:12px;font-weight:700;line-height:1.55;display:flex}.welcome-proof p svg{color:#ed9b23}.welcome-features{width:min(1180px,100% - 48px);margin:0 auto;padding:132px 0 120px}.welcome-section-heading{grid-template-columns:.8fr 1.35fr 1fr;align-items:end;gap:40px;margin-bottom:48px;display:grid}.welcome-section-heading p,.welcome-how-intro>p,.privacy-copy>p,.welcome-final-cta>div>p{color:var(--welcome-violet);letter-spacing:.045em;text-transform:uppercase;margin:0;font-size:12px;font-weight:800;line-height:1.5}.welcome-section-heading h2,.welcome-how h2,.welcome-privacy h2,.welcome-final-cta h2{letter-spacing:-.03em;margin:0;font-size:clamp(38px,4.2vw,58px);font-weight:800;line-height:1.11}.welcome-section-heading>span{color:#6b697c;font-size:15px;line-height:1.75}.welcome-feature-grid{grid-template-columns:1.15fr .85fr;gap:15px;display:grid}.welcome-feature-grid article{border:1px solid #221f3e1a;border-radius:25px;position:relative;overflow:hidden}.welcome-feature-grid article small{color:#777589;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:700}.welcome-feature-grid h3{letter-spacing:-.02em;text-wrap:pretty;word-break:normal;overflow-wrap:normal;margin:8px 0 10px;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.25}.welcome-feature-grid p{color:#666477;margin:0;font-size:14px;line-height:1.75}.feature-icon{background:#ffffffb8;border-radius:14px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 8px 20px #2b246214}.feature-icon svg{width:20px}.feature-ledger{background:#e5ddff;grid-template-columns:48px 1fr;gap:19px;min-height:380px;padding:32px;display:grid}.feature-ledger>div:nth-child(2){max-width:490px}.ledger-sample{background:#ffffffd6;border-radius:17px 17px 0 0;grid-column:1/-1;align-self:end;width:74%;margin-left:auto;padding:8px 18px;transform:rotate(-1deg)translateY(33px);box-shadow:0 20px 40px #4534971f}.ledger-sample span{border-bottom:1px solid #322b6014;grid-template-columns:12px 1fr auto;align-items:center;gap:9px;min-height:48px;font-size:11px;display:grid}.ledger-dot{border-radius:50%;width:8px;height:8px}.ledger-dot.violet{background:#7661ed}.ledger-dot.amber{background:#f0ae27}.ledger-sample em{font-style:normal;font-weight:800}.ledger-sample .ledger-total{border:0;grid-template-columns:1fr auto;padding-top:4px;font-size:13px}.feature-reminder,.feature-calendar{min-height:300px;padding:28px}.feature-reminder{background:#ffdc78}.feature-reminder .feature-icon,.feature-calendar .feature-icon{margin-bottom:30px}.feature-reminder h3,.feature-calendar h3{font-size:26px}.welcome-reminder-days{align-items:center;gap:7px;display:flex;position:absolute;bottom:22px;right:24px}.welcome-reminder-days>span{background:#ffffff73;border:1px solid #2622441f;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.welcome-reminder-days>span.active{color:#fff;background:var(--welcome-ink)}.welcome-reminder-days small{color:#61582f;margin-left:4px}.feature-calendar{background:#caf0e8}.calendar-stamp{background:#fff;border-radius:20px 0 0 20px;grid-template-columns:auto 1fr;align-content:center;gap:0 8px;width:145px;height:102px;padding:16px;display:grid;position:absolute;bottom:20px;right:-10px;transform:rotate(2deg);box-shadow:0 15px 30px #23695b1f}.calendar-stamp b{letter-spacing:-.08em;grid-row:span 2;font-size:40px}.calendar-stamp span{color:#6d6b7e;align-self:end;font-size:10px}.calendar-stamp em{color:#16836c;font-size:8px;font-style:normal;font-weight:700}.feature-history{color:#fff;background:#23223c;grid-template-columns:48px minmax(0,1fr) 168px;gap:19px;min-height:350px;padding:32px;display:grid}.feature-history small{color:#aaa8bc!important}.feature-history h3{font-size:22px}.feature-history p{color:#b9b7c7}.price-history{justify-content:end;align-items:end;gap:9px;padding:16px 0 5px;display:flex}.price-history span{color:#bbb8cc;background:#302f4d;border-radius:13px;flex-direction:column-reverse;align-items:center;gap:8px;width:48px;height:110px;padding:7px;font-size:9px;display:flex}.price-history span:nth-child(2){height:145px}.price-history span:nth-child(3){color:#211f38;background:#ffd45e;height:190px}.price-history i{opacity:.35;background:currentColor;border-radius:99px;width:5px;height:55%}.welcome-how{color:#fff;background:var(--welcome-ink);grid-template-columns:.95fr 1.05fr;gap:clamp(40px,8vw,120px);padding:115px max(24px,50vw - 590px);display:grid}.welcome-how-intro>p{color:#b5aaff;margin-bottom:18px}.welcome-how ol{margin:0;padding:0;list-style:none}.welcome-how li{border-top:1px solid #ffffff21;grid-template-columns:52px 1fr;gap:20px;padding:27px 0;display:grid}.welcome-how li:last-child{border-bottom:1px solid #ffffff21}.welcome-how li>span{color:#aaa7bd;border:1px solid #ffffff2e;border-radius:50%;place-items:center;width:35px;height:35px;font-size:12px;display:grid}.welcome-how li div{grid-template-columns:38px 1fr;column-gap:14px;display:grid}.welcome-how li svg{color:#ffd45e;grid-row:span 2;margin-top:3px}.welcome-how li h3{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700;line-height:1.35}.welcome-how li p{color:#a9a6b9;margin:6px 0 0;font-size:14px;line-height:1.75}.welcome-privacy{background:#ece8ff;border-radius:34px;grid-template-columns:.65fr 1.5fr .8fr;align-items:center;gap:clamp(28px,5vw,70px);width:min(1180px,100% - 48px);margin:120px auto;padding:clamp(34px,5vw,70px);display:grid;position:relative;overflow:hidden}.welcome-privacy:after{content:"";border:1px dashed #6858ef40;border-radius:50%;width:310px;height:310px;position:absolute;top:-130px;right:-130px}.privacy-seal{aspect-ratio:1;text-align:center;background:#ffffff80;border:1px dashed #6858ef59;border-radius:50%;place-content:center;justify-items:center;display:grid;transform:rotate(-4deg)}.privacy-seal svg{width:45px;height:45px;color:var(--welcome-violet);margin-bottom:14px}.privacy-seal span{color:#656278;font-size:11px;line-height:1.5}.privacy-seal b{color:var(--welcome-ink);font-size:15px}.privacy-copy>p{margin-bottom:14px}.welcome-privacy h2{font-size:clamp(31px,3.5vw,49px)}.privacy-copy>span{color:#636176;margin-top:18px;font-size:14px;line-height:1.8;display:block}.privacy-copy button{color:var(--welcome-violet);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:22px;padding:0;font-size:14px;font-weight:800;display:flex}.welcome-privacy ul{z-index:2;margin:0;padding:0;list-style:none;position:relative}.welcome-privacy li{border-bottom:1px solid #342d6b1f;align-items:center;gap:10px;padding:15px 0;font-size:13px;font-weight:700;line-height:1.5;display:flex}.welcome-privacy li svg{width:18px;color:var(--welcome-violet)}html[lang=en] .welcome-section-heading h2,html[lang=en] .welcome-how h2{font-size:clamp(38px,3.4vw,49px)}html[lang=en] .welcome-privacy h2{font-size:clamp(32px,3.1vw,44px)}html[lang=en] .welcome-final-cta h2{font-size:clamp(42px,4vw,56px)}.welcome-final-cta{background:#ffd45e;border-radius:34px;grid-template-columns:1.2fr .8fr;align-items:end;gap:30px;width:min(1180px,100% - 48px);min-height:330px;margin:0 auto 95px;padding:clamp(38px,6vw,75px);display:grid;position:relative;overflow:hidden}.welcome-final-cta:after{content:"J";color:#ffffff47;font-size:350px;font-weight:800;position:absolute;top:-35%;right:2%;transform:rotate(7deg)}.welcome-final-cta>*{z-index:2;position:relative}.welcome-final-cta>div>p{color:#6f591a;margin-bottom:15px}.welcome-final-cta h2{font-size:clamp(43px,5.4vw,70px)}.cta-scribble{border:1px solid #26224433;border-radius:50%;padding:7px 13px;font-size:13px;font-weight:600;position:absolute;top:18%;right:7%;transform:rotate(8deg)}.final-actions{flex-direction:column;align-items:stretch;gap:9px;display:flex}.final-actions .welcome-primary-button{background:var(--welcome-ink)}.final-actions .welcome-secondary-button{background:#ffffff85}.welcome-footer{border-top:1px solid #27234c1f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:32px;width:min(1180px,100% - 48px);min-height:105px;margin:0 auto;display:grid}.welcome-footer p{color:#777487;margin:0;font-size:11px}.welcome-footer small{color:#9693a3;font-size:9px}.privacy-standalone{min-height:100vh;padding:18px}.privacy-standalone .privacy-page{min-height:calc(100vh - 36px);box-shadow:var(--shadow);background:#ffffffeb;border-radius:24px}html[data-theme=dark] .welcome-page{color:var(--ink);background:radial-gradient(circle at 7% 4%, #64376147, transparent 28rem), radial-gradient(circle at 94% 2%, #4b419145, transparent 30rem), var(--canvas)}html[data-theme=dark] .welcome-brand{color:var(--ink)}html[data-theme=dark] .welcome-header-shell{border-color:var(--line);background:#141824e0;box-shadow:0 10px 30px #00000029}html[data-theme=dark] .welcome-header nav button,html[data-theme=dark] .welcome-footer button,html[data-theme=dark] .welcome-ghost-button{color:var(--muted)}html[data-theme=dark] .welcome-header nav button:hover,html[data-theme=dark] .welcome-footer button:hover,html[data-theme=dark] .welcome-ghost-button:hover{color:var(--violet)}html[data-theme=dark] .welcome-theme-toggle,html[data-theme=dark] .welcome-language-toggle{color:var(--ink);border-color:var(--line);background:var(--control-bg)}html[data-theme=dark] .welcome-theme-toggle:hover,html[data-theme=dark] .welcome-language-toggle:hover{color:var(--violet);border-color:var(--border-strong);background:var(--control-hover)}html[data-theme=dark] .welcome-header-cta{color:var(--on-accent);background:var(--violet-dark)}html[data-theme=dark] .welcome-kicker{color:var(--muted);border-color:var(--line);background:#1d2131db;box-shadow:0 8px 25px #00000024}html[data-theme=dark] .welcome-lead,html[data-theme=dark] .welcome-trust-row,html[data-theme=dark] .welcome-proof div span,html[data-theme=dark] .welcome-proof>p,html[data-theme=dark] .welcome-section-heading>span{color:var(--muted)}html[data-theme=dark] .welcome-secondary-button{color:var(--ink);border-color:var(--line);background:var(--surface-raised)}html[data-theme=dark] .welcome-secondary-button:hover{background:var(--surface-hover)}html[data-theme=dark] .welcome-orbit{border-color:color-mix(in srgb,var(--violet) 36%,transparent)}html[data-theme=dark] .welcome-app-preview{border-color:var(--line);background:var(--surface-raised);box-shadow:0 36px 80px #00000052,inset 0 1px #ffffff0d}html[data-theme=dark] .preview-toolbar{color:var(--text-subtle);border-color:var(--line);background:var(--surface-overlay)}html[data-theme=dark] .preview-toolbar>span:nth-child(2){border-color:var(--line);background:var(--control-bg)}html[data-theme=dark] .preview-sidebar i{background:var(--border-strong)}html[data-theme=dark] .preview-sidebar i.active{background:var(--violet);box-shadow:0 0 0 6px var(--violet-soft)}html[data-theme=dark] .preview-heading small{color:var(--text-subtle)}html[data-theme=dark] .preview-heading button{color:var(--on-accent);background:var(--violet-dark)}html[data-theme=dark] .preview-summary dl{color:var(--ink);background:#141824eb}html[data-theme=dark] .preview-summary dl div+div{border-color:var(--line)}html[data-theme=dark] .preview-summary dt{color:var(--text-subtle)}html[data-theme=dark] .preview-bill{border-color:var(--line);background:var(--surface-overlay);box-shadow:0 4px 12px #0000001f}html[data-theme=dark] .preview-date{background:var(--control-bg)}html[data-theme=dark] .preview-date small,html[data-theme=dark] .preview-bill-copy small{color:var(--text-subtle)}html[data-theme=dark] .welcome-alert-card,html[data-theme=dark] .welcome-currency-card{border-color:var(--line);background:#1d2131f0;box-shadow:0 20px 45px #00000047}html[data-theme=dark] .welcome-alert-card small,html[data-theme=dark] .welcome-currency-card small{color:var(--text-subtle)}html[data-theme=dark] .welcome-proof,html[data-theme=dark] .welcome-footer,html[data-theme=dark] .welcome-proof>div,html[data-theme=dark] .welcome-feature-grid article{border-color:var(--line)}html[data-theme=dark] .welcome-feature-grid article small,html[data-theme=dark] .welcome-feature-grid article p{color:var(--muted)}html[data-theme=dark] .feature-icon{color:var(--violet);background:#1d2131c7;box-shadow:0 8px 20px #00000029}html[data-theme=dark] .feature-ledger{background:#302a55}html[data-theme=dark] .feature-reminder{background:#49381e}html[data-theme=dark] .feature-calendar{background:#173c38}html[data-theme=dark] .feature-history{background:#1d2131}html[data-theme=dark] .ledger-sample{background:#141824e0;box-shadow:0 20px 40px #0003}html[data-theme=dark] .ledger-sample span{border-color:var(--line)}html[data-theme=dark] .welcome-reminder-days>span{border-color:var(--border-strong);background:#1d2131a8}html[data-theme=dark] .welcome-reminder-days>span.active{color:var(--on-accent);background:var(--violet)}html[data-theme=dark] .welcome-reminder-days small{color:var(--warning-ink)}html[data-theme=dark] .calendar-stamp{color:var(--ink);background:var(--surface-raised);box-shadow:0 15px 30px #0003}html[data-theme=dark] .calendar-stamp span{color:var(--muted)}html[data-theme=dark] .calendar-stamp em{color:var(--success-ink)}html[data-theme=dark] .price-history span{color:var(--muted);background:var(--control-bg)}html[data-theme=dark] .welcome-privacy{background:#282343}html[data-theme=dark] .privacy-seal{border-color:color-mix(in srgb,var(--violet) 48%,transparent);background:#1d213194}html[data-theme=dark] .privacy-seal span,html[data-theme=dark] .privacy-copy>span{color:var(--muted)}html[data-theme=dark] .privacy-seal b{color:var(--ink)}html[data-theme=dark] .welcome-privacy li{border-color:var(--line)}html[data-theme=dark] .welcome-final-cta{color:var(--ink);background:#4b3716}html[data-theme=dark] .welcome-final-cta:after{color:#ffffff0f}html[data-theme=dark] .welcome-final-cta>div>p{color:var(--warning-ink)}html[data-theme=dark] .final-actions .welcome-secondary-button{background:#1d2131b8}html[data-theme=dark] .welcome-footer p,html[data-theme=dark] .welcome-footer small{color:var(--text-subtle)}@keyframes welcome-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-spin{to{transform:rotate(360deg)}}@keyframes welcome-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=980px){.welcome-header{grid-template-columns:auto 1fr;width:min(100% - 32px,760px)}.welcome-header nav{display:none}.welcome-header-actions{justify-self:end}.welcome-hero{grid-template-columns:1fr;width:min(100% - 32px,760px);padding-top:62px}.welcome-hero-copy{max-width:650px}.welcome-visual{width:90%;margin:30px auto 0}.welcome-proof{grid-template-columns:repeat(3,1fr);width:min(100% - 32px,760px)}.welcome-proof>p{grid-column:1/-1;justify-content:center;padding:22px 0 0}.welcome-features{width:min(100% - 32px,760px)}.welcome-section-heading{grid-template-columns:1fr 1.4fr}.welcome-section-heading>span{grid-column:2}.welcome-feature-grid{grid-template-columns:1fr 1fr}.feature-ledger,.feature-history{grid-column:1/-1}.welcome-how{grid-template-columns:1fr}.welcome-how-intro{max-width:600px}.welcome-privacy{grid-template-columns:170px 1fr;width:min(100% - 32px,760px)}.welcome-privacy ul{grid-column:2}.welcome-final-cta,.welcome-footer{width:min(100% - 32px,760px)}}@media (width<=640px){.welcome-features,.welcome-how,.welcome-privacy{scroll-margin-top:82px}.welcome-header{width:calc(100% - 28px);height:68px}.welcome-brand{font-size:18px}.welcome-brand-mark{width:31px;height:31px}.welcome-header-actions{gap:6px}.welcome-theme-toggle,.welcome-language-toggle{width:38px;min-height:38px;padding:0}.welcome-theme-toggle span,.welcome-language-toggle span,.welcome-ghost-button{display:none}.welcome-header-cta{min-height:38px;padding-inline:14px;font-size:11px}.welcome-hero{width:calc(100% - 32px);min-height:0;padding:58px 0 64px}.welcome-kicker{margin-bottom:20px;font-size:11px}.welcome-hero h1{letter-spacing:-.025em;font-size:clamp(38px,10.8vw,48px);line-height:1.08}.welcome-hero h1 em{width:100%}.welcome-hero h1 em:after{right:0}.welcome-lead{margin-top:24px;font-size:16px;line-height:1.72}.welcome-hero-actions{display:grid}.welcome-primary-button,.welcome-secondary-button{width:100%}.welcome-trust-row{gap:8px 14px;font-size:11px}html[lang=en] .welcome-hero h1{font-size:clamp(34px,9.6vw,40px)}.welcome-visual{width:108%;margin-left:-4%}.welcome-app-preview{border-radius:19px;transform:rotate(.7deg)}.preview-toolbar{height:36px}.preview-body{grid-template-columns:39px 1fr;min-height:352px}.preview-sidebar{gap:17px;padding-top:16px}.preview-sidebar i{width:12px}.preview-content{padding:14px 12px 16px}.preview-heading strong{font-size:13px}.preview-summary{grid-template-columns:1fr 1fr;gap:10px;min-height:118px;margin-top:11px;padding:13px}.preview-summary dl{display:none}.preview-summary>span strong{font-size:22px}.preview-chart{height:55px}.preview-section-title{margin-top:13px}.preview-bill{grid-template-columns:34px 27px 1fr auto;gap:6px;min-height:48px;padding:5px 7px}.preview-date{width:32px;height:36px}.preview-service{width:25px;height:25px}.welcome-alert-card{bottom:-23px;left:-5px}.welcome-currency-card{top:54px;right:-4px}.welcome-orbit--one{width:430px;height:430px}.welcome-proof{grid-template-columns:1fr;width:calc(100% - 32px);padding:14px 0}.welcome-proof>div{border-bottom:1px solid #27234c14;border-right:0;justify-content:flex-start;padding:12px 18%}.welcome-proof>p{text-align:center;padding:18px 15px 7px}.welcome-features{width:calc(100% - 32px);padding:95px 0 85px}.welcome-section-heading{margin-bottom:30px;display:block}.welcome-section-heading p{margin-bottom:12px}.welcome-section-heading h2{font-size:clamp(30px,9vw,36px);line-height:1.12}.welcome-section-heading>span{margin-top:17px;font-size:14px;display:block}.welcome-feature-grid{grid-template-columns:1fr}.feature-ledger,.feature-history{grid-column:auto;grid-template-columns:1fr;gap:16px}.feature-ledger{min-height:410px;padding:24px}.feature-ledger .feature-icon,.feature-history .feature-icon{margin-bottom:0}.ledger-sample{width:92%;margin-top:12px}.feature-reminder,.feature-calendar{min-height:315px;padding:24px}.feature-history{min-height:480px;padding:24px}.price-history{grid-column:auto;justify-content:center}.price-history span{width:70px;padding:9px}.welcome-how{padding:82px 20px}.welcome-how h2{font-size:clamp(30px,9vw,36px);line-height:1.12}.welcome-how li{grid-template-columns:38px 1fr;gap:11px}.welcome-how li div{grid-template-columns:30px 1fr}html[lang=en] .welcome-section-heading h2,html[lang=en] .welcome-how h2{font-size:clamp(29px,8.5vw,34px)}.welcome-privacy{border-radius:25px;grid-template-columns:1fr;width:calc(100% - 32px);margin:80px auto;padding:27px}.privacy-seal{width:150px}.welcome-privacy ul{grid-column:auto}.welcome-privacy h2{font-size:clamp(28px,8.4vw,34px);line-height:1.13}html[lang=en] .welcome-privacy h2{font-size:clamp(27px,8vw,32px)}.welcome-final-cta{border-radius:25px;grid-template-columns:1fr;align-content:space-between;width:calc(100% - 32px);min-height:500px;margin-bottom:60px;padding:30px}.welcome-final-cta h2{font-size:clamp(31px,9.5vw,40px);line-height:1.1}.cta-scribble{top:46%}.final-actions{align-self:end}html[lang=en] .welcome-final-cta h2{font-size:clamp(30px,8.5vw,35px)}.welcome-footer{grid-template-columns:1fr auto;gap:8px;width:calc(100% - 32px);min-height:145px;padding:22px 0}.welcome-footer p{grid-row:2}.welcome-footer button{grid-area:1/2;padding-right:0}.welcome-footer small{text-align:right;grid-area:2/2}.privacy-standalone{padding:0}.privacy-standalone .privacy-page{border-radius:0}}.notification-entry.payment,.notification-entry.trial{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0;min-height:0;padding:0;display:grid}.notification-open{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:78px;padding:11px 10px;display:grid}.notification-open>span{min-width:0}.notification-open>span strong,.notification-open>span small{display:block}.notification-open>span strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.notification-open>span small{color:var(--text-subtle);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;line-height:1.45;overflow:hidden}.notification-open time{min-width:55px;color:var(--muted);justify-items:end;gap:4px;font-style:normal;display:grid}.notification-open time b{white-space:nowrap;font-size:10px;font-weight:700}.notification-open time em{width:24px;height:24px;color:var(--violet);background:var(--violet-soft);border-radius:8px;place-items:center;font-style:normal;display:grid}.notification-entry.trial .notification-open time em{color:var(--warning-ink);background:var(--warning-soft)}.notification-open time svg{width:13px;height:13px}.mark-paid{background:var(--success-soft);color:var(--success-ink);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:5px;margin-right:10px;padding:7px 11px;font-size:11px;font-weight:700;transition:filter .18s;display:inline-flex}.mark-paid:hover{filter:brightness(.96)}.notification-entry.budget{grid-template-columns:42px minmax(0,1fr) 16px;min-height:64px}.budget-icon{background:var(--danger-soft);width:42px;height:42px;color:var(--danger);border-radius:13px;place-items:center;font-style:normal;display:grid}.notification-entry.budget.near .budget-icon{background:var(--warning-soft);color:var(--warning-ink)}.paid-row{border:1px dashed var(--success-ink);background:var(--success-soft);color:var(--success-ink);text-align:left;cursor:pointer;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:11px;margin:0 22px;padding:12px 14px;transition:filter .18s;display:grid}.paid-row:hover{filter:brightness(.96)}.paid-row span strong,.paid-row span small{display:block}.paid-row span strong{font-size:13px}.paid-row span small{color:var(--success-ink);opacity:.78;margin-top:2px;font-size:9.5px}.payment-history{border:1px solid var(--line);border-radius:12px;gap:7px;margin-top:10px;padding:10px 12px;display:grid}.payment-history>p{color:var(--success-ink);align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;display:flex}.payment-history-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;display:grid}.payment-history-row span strong{font-size:11.5px;display:block}.payment-history-row span small{color:var(--text-subtle);font-size:9px}.payment-history-row>b{font-size:11.5px}.payment-history-row button{width:26px;height:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.payment-history-row button:hover{background:var(--danger-soft);color:var(--danger)}.payment-history-row.skipped{color:var(--warning-ink)}.payment-history-row.postponed{color:var(--violet-dark)}.budget-panel{border:1px solid var(--line);background:var(--surface-raised);border-radius:18px;gap:9px;margin-top:13px;padding:15px 18px;display:grid}.budget-panel header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.budget-panel header h2{margin:0;font-size:14px}.budget-panel header span{color:var(--text-subtle);font-size:10px}.budget-track{background:var(--control-bg);border-radius:999px;height:12px;position:relative;overflow:hidden}.budget-track>i{background:linear-gradient(90deg,#34c398,#2ea88a);border-radius:999px;transition:width .3s;position:absolute;inset:0 auto 0 0}.budget-track>i.warn{background:linear-gradient(90deg,#f5b83d,#ef9f2f)}.budget-track>i.over{background:linear-gradient(90deg,#ef6b85,#d64545)}.budget-track>em{background:#6d5ef5;border-radius:2px;width:2px;position:absolute;top:-3px;bottom:-3px}.budget-legend{color:var(--muted);flex-wrap:wrap;gap:5px 16px;font-size:10px;display:flex}.budget-legend b{color:var(--ink)}.budget-settings-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px 12px;display:grid}.budget-settings-grid label{color:var(--muted);gap:4px;font-size:10px;display:grid}.budget-settings-grid input{border:1px solid var(--line);color:var(--ink);background:var(--control-bg);border-radius:9px;padding:8px 10px;font-size:12px}.budget-input-main{max-width:220px}.settings-center{border:1px solid var(--line);background:var(--surface);min-height:650px;box-shadow:var(--shadow);border-radius:22px;grid-template-columns:218px minmax(0,1fr);display:grid;overflow:hidden}.settings-subnav{border-right:1px solid var(--line);background:var(--surface-overlay);flex-direction:column;gap:6px;padding:18px 13px;display:flex}.settings-subnav button{min-height:46px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:9px;padding:0 12px;font-size:13px;font-weight:650;transition:background .18s,color .18s,transform .18s;display:grid}.settings-subnav button:hover{background:var(--surface-hover);color:var(--violet)}.settings-subnav button:active{transform:scale(.985)}.settings-subnav button.active{background:var(--surface-selected);color:var(--violet-dark);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 16%,transparent)}.settings-subnav button b{background:#6d5ef51c;border-radius:99px;place-items:center;min-width:23px;height:23px;font-size:9px;display:grid}.settings-content{min-width:0;padding:29px 32px 36px}.settings-content-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-height:58px;margin-bottom:14px;display:flex}.settings-content-heading h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:21px}.settings-content-heading p{max-width:620px;color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.55}.settings-divider{background:var(--line);height:1px;margin:25px 0}.preference-list{border-top:1px solid var(--line)}.preference-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(180px,1fr) auto;align-items:center;gap:13px;min-height:82px;padding:15px 0;display:grid}.preference-icon{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:12px;place-items:center;display:grid}.preference-icon svg{width:18px;height:18px}.preference-row strong{color:var(--ink);font-size:13px;display:block}.preference-row p{color:var(--muted);margin:2px 0 0;font-size:10px;line-height:1.5}.preference-row input[type=email]{border:1px solid var(--line);background:var(--soft);width:min(320px,100%);min-height:38px;color:var(--ink);border-radius:10px;margin-top:9px;padding:0 11px}.segmented-control{background:var(--soft);border-radius:11px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented-control button{min-width:75px;min-height:35px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:11px}.segmented-control button.active{background:var(--surface);color:var(--ink);font-weight:700;box-shadow:0 3px 10px #31297014}.theme-preference{align-items:start}.theme-preference>div:nth-child(2){padding-top:9px}.theme-choices{grid-template-columns:repeat(3,94px);gap:8px;display:grid}.theme-choices>button{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:13px;gap:6px;padding:5px;display:grid}.theme-choices>button.active{border-color:var(--violet);box-shadow:0 0 0 2px #6d5ef51c}.theme-choices small{min-height:22px;color:var(--ink);align-items:center;gap:4px;padding:0 4px;font-size:9px;font-weight:700;display:flex}.theme-choices small svg{width:12px;height:12px;color:var(--violet)}.theme-preview{color:#798399;background:#f6f7fb;border-radius:9px;place-items:center;height:57px;display:grid;position:relative;overflow:hidden}.theme-preview:before,.theme-preview:after{content:"";background:#fff;border-radius:5px;position:absolute;box-shadow:0 2px 8px #0f172a14}.theme-preview:before{inset:8px 35px 8px 7px}.theme-preview:after{width:23px;height:21px;bottom:8px;right:7px}.theme-preview svg{z-index:1;width:16px;position:relative}.theme-preview.dark{color:#a9b7d0;background:#151c2d}.theme-preview.dark:before,.theme-preview.dark:after{background:#263249}.theme-preview.system{color:var(--violet);background:linear-gradient(105deg,#f6f7fb 49%,#151c2d 51%)}.compact-field select,.time-input{border:1px solid var(--line);background:var(--soft);min-width:150px;min-height:39px;color:var(--ink);border-radius:10px;padding:0 10px}.budget-box{border:1px solid var(--line);background:var(--surface-overlay);border-radius:15px;grid-template-columns:minmax(200px,310px) 1fr;align-items:end;gap:20px;padding:17px;display:grid}.budget-box label{color:var(--ink);gap:7px;font-size:11px;font-weight:700;display:grid}.budget-box input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);border-radius:10px;padding:0 12px}.budget-box p{color:var(--muted);margin:0 0 9px;font-size:10px}.settings-content .budget-settings-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));margin-top:14px}.settings-content .budget-settings-grid label{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:10px}.settings-content .budget-settings-grid label>span{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;font-weight:650;display:flex;overflow:hidden}.settings-content .budget-settings-grid label>span i{border-radius:50%;flex:none;width:8px;height:8px}.settings-content .budget-settings-grid input{background:var(--soft);width:100%;min-height:37px;color:var(--ink)}.category-editor{border:1px solid color-mix(in srgb,var(--violet) 28%,var(--line));background:var(--surface-overlay);border-radius:17px;gap:16px;margin-bottom:14px;padding:18px;display:grid}.category-editor header,.category-editor footer{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.category-editor header strong{font-size:14px}.category-editor header p{color:var(--muted);margin:2px 0 0;font-size:10px}.category-editor>label{color:var(--muted);gap:6px;font-size:10px;font-weight:700;display:grid}.category-editor>label input{border:1px solid var(--line);background:var(--surface);min-height:43px;color:var(--ink);border-radius:10px;padding:0 12px}.category-editor fieldset{border:0;margin:0;padding:0}.category-editor legend{color:var(--muted);margin-bottom:8px;font-size:10px;font-weight:700}.category-editor footer{justify-content:flex-end}.category-icon-picker{background:#6d5ef50b;border-radius:13px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:7px;max-height:244px;padding:9px;display:grid;overflow-y:auto}.category-icon-picker button{background:var(--surface);min-height:40px;color:var(--muted);cursor:pointer;border:1px solid #0000;border-radius:10px;place-items:center;display:grid}.category-icon-picker button:hover{color:var(--violet)}.category-icon-picker button[aria-pressed=true]{border-color:var(--violet);background:var(--violet-soft);color:var(--violet)}.category-icon-picker svg{width:17px;height:17px}.category-color-picker{flex-wrap:wrap;gap:10px;display:flex}.category-color-picker button{border:3px solid var(--surface);color:#fff;width:34px;height:34px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;place-items:center;display:grid}.category-color-picker button[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--violet)}.category-color-picker svg{width:16px}.category-manager{border-top:1px solid var(--line)}.category-manager article{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(0,1fr) auto 38px 38px;align-items:center;gap:10px;min-height:64px;display:grid}.category-manager article>i{border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.category-manager article>div:nth-child(2) strong{color:var(--ink);font-size:12px;display:block}.category-manager article>div:nth-child(2) p{color:var(--muted);margin:1px 0 0;font-size:9px}.category-order{gap:3px;display:flex}.category-order button,.icon-action{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid}.category-order button:hover,.icon-action:hover{background:var(--soft);color:var(--violet)}.category-order svg,.icon-action svg{width:15px}.icon-action.danger{color:var(--danger)}.icon-action:disabled,.category-order button:disabled{opacity:.32;cursor:not-allowed}.payment-settings-list{border-top:1px solid var(--line)}.payment-settings-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:42px minmax(0,1fr) auto 24px;align-items:center;gap:12px;width:100%;min-height:70px;padding:10px 5px;display:grid}.payment-settings-list>button:hover{background:var(--soft)}.payment-settings-list>button>span:nth-child(2) strong,.payment-settings-list>button>span:nth-child(2) small{display:block}.payment-settings-list>button>span:nth-child(2) strong{font-size:13px}.payment-settings-list>button>span:nth-child(2) small{color:var(--muted);margin-top:2px;font-size:9px}.payment-settings-list>button b{color:var(--muted);font-size:10px}.payment-settings-list>button>svg{width:15px;color:var(--muted)}.payment-method-dot{color:#fff;background:var(--violet);border-radius:13px;place-items:center;width:40px;height:40px;display:grid}.payment-method-dot.violet{background:#8b5cf6}.payment-method-dot.orange,.payment-method-dot.gold{background:#f59e0b}.payment-method-dot.mint{background:#14b8a6}.payment-method-dot.rose{background:#ef476f}.payment-method-dot.sky{background:#0ea5e9}.payment-method-dot.graphite{background:#475569}.payment-method-dot svg{width:19px}.payment-method-dot .payment-provider-logo{width:31px;height:31px;box-shadow:none}.payment-method-dot.forest{background:#15803d}.payment-method-dot.ocean{background:#0f766e}.payment-method-dot.indigo{background:#4f46e5}.payment-method-dot.fuchsia{background:#c026d3}.payment-method-dot.ruby{background:#be123c}.payment-method-dot.coral{background:#ea580c}.payment-method-dot.navy{background:#1e3a8a}.payment-method-dot.cocoa{background:#92400e}.security-note,.notification-help{background:var(--success-soft);color:var(--success-ink);border-radius:14px;align-items:flex-start;gap:11px;margin-top:20px;padding:14px;display:flex}.security-note>svg,.notification-help>svg{flex:none}.security-note strong,.notification-help strong{font-size:11px;display:block}.security-note p,.notification-help p{color:var(--success-ink);opacity:.78;margin:2px 0 0;font-size:9px}.settings-empty{text-align:center;align-content:center;place-items:center;gap:8px;min-height:270px;display:grid}.settings-empty>svg{width:34px;height:34px;color:var(--violet)}.settings-empty h3{margin:2px 0 0;font-size:15px}.settings-empty p{color:var(--muted);margin:0 0 6px;font-size:10px}.data-action-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.data-action-grid article{border:1px solid var(--line);border-radius:16px;grid-template-columns:40px 1fr;align-items:start;gap:12px;min-height:135px;padding:17px;display:grid}.data-action-grid article>i{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:12px;place-items:center;display:grid}.data-action-grid article strong{font-size:12px;display:block}.data-action-grid article p{color:var(--muted);margin:3px 0 10px;font-size:9px;line-height:1.55}.data-action-grid .calendar-data-action{grid-column:span 2;min-height:0}.privacy-link{background:var(--soft);text-align:left;cursor:pointer;border:0;border-radius:13px;grid-template-columns:38px 1fr 22px;align-items:center;gap:12px;width:100%;min-height:66px;padding:10px 13px;display:grid}.privacy-link>svg:first-child{color:#27866f}.privacy-link>svg:last-child{width:15px;color:var(--muted)}.privacy-link span strong,.privacy-link span small{display:block}.privacy-link span strong{font-size:11px}.privacy-link span small{color:var(--muted);font-size:9px}.danger-zone{border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));background:var(--danger-soft);border-radius:15px;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:17px;display:flex}.danger-zone strong{font-size:11px;display:block}.danger-zone p{color:var(--danger-ink);opacity:.8;margin:2px 0 0;font-size:9px}.danger-zone>div:last-child{gap:7px;display:flex}.danger-zone button{min-height:38px;color:var(--muted);background:var(--surface);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.danger-zone button:last-child{color:var(--danger);background:var(--danger-soft)}.danger-zone svg{width:15px}.data-scope-label{color:var(--danger-ink);letter-spacing:.02em;align-items:center;gap:5px;margin-bottom:5px;font-size:8px;font-weight:800;display:inline-flex}.data-scope-label svg{width:13px;height:13px}.profile-avatar{--avatar-a:#6657e8;--avatar-b:#d875c5;isolation:isolate;color:#fff;background:linear-gradient(145deg,var(--avatar-a),var(--avatar-b));flex:none;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.profile-avatar:before,.profile-avatar:after{content:"";z-index:-1;border:1px solid #ffffff3d;position:absolute;transform:rotate(18deg)}.profile-avatar:before{background:#ffffff1a;border-radius:33%;width:70%;height:70%;top:-38%;right:-26%}.profile-avatar:after{background:#ffffff14;border-radius:50%;width:54%;height:54%;bottom:-32%;left:-19%}.profile-avatar>strong{z-index:1;text-shadow:0 1px 5px #0c102333;font:800 1em/1 IBM Plex Sans Thai,Noto Sans Thai,sans-serif;position:relative}.profile-avatar>img{z-index:2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-avatar--ledger{--avatar-a:#5d50e6;--avatar-b:#a873ed}.profile-avatar--sunrise{--avatar-a:#f06d3b;--avatar-b:#f4c65e}.profile-avatar--mint{--avatar-a:#168d7b;--avatar-b:#76d4b5}.profile-avatar--ocean{--avatar-a:#1673b7;--avatar-b:#42b8d4}.profile-avatar--berry{--avatar-a:#b43f80;--avatar-b:#e984aa}.profile-avatar--ember{--avatar-a:#be3d32;--avatar-b:#ed8652}.profile-avatar--midnight{--avatar-a:#24294b;--avatar-b:#59618a}.profile-avatar--sand{--avatar-a:#9b681f;--avatar-b:#dfb85d}.profile-editor{border:1px solid var(--line);background:var(--surface-overlay);border-radius:16px;margin-bottom:18px;padding:18px}.profile-editor-intro{align-items:center;gap:15px;display:flex}.profile-avatar-preview{border-radius:22px;width:76px;height:76px;font-size:27px}.profile-editor-intro h3{margin:0;font-size:14px}.profile-editor-intro p{color:var(--muted);margin:4px 0 0;font-size:10px}.profile-avatar-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.profile-avatar-presets button{border:1px solid var(--line);min-width:0;min-height:50px;color:var(--muted);background:var(--surface-raised);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:9px;padding:7px 9px;display:flex;position:relative}.profile-avatar-presets button:hover{color:var(--ink);border-color:var(--border-strong);background:var(--surface-hover)}.profile-avatar-presets button.selected{color:var(--ink);border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.profile-avatar-presets .profile-avatar{border-radius:10px;width:32px;height:32px;font-size:11px}.profile-avatar-presets button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;font-weight:700;overflow:hidden}.profile-avatar-presets button>svg{width:12px;color:var(--violet);position:absolute;top:4px;right:4px}.profile-upload-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding-top:14px;display:flex}.profile-upload-actions .secondary-button{margin-top:0}.profile-upload-actions svg{width:15px}.profile-upload-actions .profile-remove{color:var(--muted);padding:7px}.profile-upload-actions>small{color:var(--muted);flex-basis:100%;font-size:8px;line-height:1.55}.profile-name-form{border-top:1px solid var(--line);margin-top:15px;padding-top:15px;position:relative}.profile-name-form label strong,.profile-name-form label span{display:block}.profile-name-form label strong{font-size:11px}.profile-name-form label span{color:var(--muted);margin-top:2px;font-size:8px;line-height:1.5}.profile-name-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;margin-top:9px;display:grid}.profile-name-form input{border:1px solid var(--line);background:var(--control-bg);border-radius:9px;min-width:0;height:42px;padding:0 12px}.profile-name-form input:hover{border-color:var(--border-strong)}.profile-name-form .secondary-button{min-width:126px}.profile-name-form .secondary-button svg{width:15px}.profile-name-form>small{color:var(--text-faint);font-variant-numeric:tabular-nums;font-size:8px;position:absolute;top:17px;right:0}.account-card{border:1px solid var(--line);background:var(--surface-overlay);border-radius:16px;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:19px;display:grid}.account-avatar{border-radius:14px;width:46px;height:46px;font-size:16px}.account-card>div:nth-child(2) strong{font-size:12px}.account-card>div:nth-child(2) p{color:var(--muted);margin:2px 0 0;font-size:9px}.account-card .cloud-state svg{width:14px}.account-card .secondary-button svg,.account-connect button svg{width:15px}.account-session-actions{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:82px;margin-top:22px;padding:3px 2px 18px;display:flex}.account-session-actions>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.account-session-actions strong,.account-delete-zone strong{font-size:12px;display:block}.account-session-actions p,.account-delete-zone p{max-width:62ch;color:var(--muted);margin:3px 0 0;font-size:9px;line-height:1.6}.account-action-icon{width:38px;height:38px;color:var(--violet);background:var(--violet-soft);border-radius:12px;flex:none;place-items:center;display:grid}.account-action-icon svg{width:17px}.account-session-actions>button,.account-delete-zone>button{flex:none;min-height:42px}.account-session-actions button svg,.account-delete-zone button svg,.account-connect button svg{width:15px}.account-session-button-group{flex:none;align-items:center;gap:8px;display:flex}.account-session-button-group .text-button{min-height:42px;padding-inline:10px}.account-delete-zone{border:1px solid color-mix(in srgb,var(--danger) 32%,var(--line));background:var(--danger-soft);border-radius:14px;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:16px;display:flex}.account-delete-zone strong{color:var(--danger-ink)}.account-delete-zone p{color:var(--danger-ink);opacity:.82}.account-delete-zone .danger-button{min-width:154px}.account-connect{text-align:left;grid-template-columns:52px minmax(0,420px);place-content:center;align-items:start;gap:16px;min-height:260px;display:grid}.account-connect>i{background:var(--violet-soft);width:50px;height:50px;color:var(--violet);border-radius:16px;place-items:center;display:grid}.account-connect h3{margin:1px 0 4px;font-size:17px}.account-connect p{color:var(--muted);margin:0 0 14px;font-size:10px;line-height:1.6}.delete-account-alert{width:38px;height:38px;color:var(--danger-ink);background:var(--danger-soft);border-radius:12px;flex:none;place-items:center;display:grid}.delete-account-alert svg{width:19px}.delete-account-body{padding:17px 20px 2px}.delete-account-body>p{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.delete-account-body ul{gap:9px;margin:15px 0 0;padding:0;list-style:none;display:grid}.delete-account-body li{color:var(--muted);grid-template-columns:22px 1fr;align-items:start;gap:8px;font-size:10px;line-height:1.6;display:grid}.delete-account-body li svg{width:17px;color:var(--danger)}.delete-account-body li:last-child svg{color:var(--success-ink)}.delete-account-confirm{justify-content:center;min-width:190px}.delete-account-confirm svg{width:16px}.exit-demo-modal{width:min(540px,100%);max-height:min(95svh,760px);overflow-y:auto}.exit-demo-alert{width:38px;height:38px;color:var(--violet-dark);background:var(--violet-soft);border-radius:12px;flex:none;place-items:center;display:grid}.exit-demo-alert svg{width:19px}.exit-demo-body{padding:17px 20px 2px}.exit-demo-body>p:first-child{color:var(--muted);margin:0;font-size:11px;line-height:1.7}.exit-demo-summary{border:1px solid var(--line);background:var(--surface-subtle,var(--soft));border-radius:12px;grid-template-columns:32px 1fr;align-items:center;gap:9px;margin-top:13px;padding:11px 12px;display:grid}.exit-demo-summary>svg{width:18px;color:var(--violet)}.exit-demo-summary strong,.exit-demo-summary small{display:block}.exit-demo-summary strong{font-size:11px}.exit-demo-summary small{color:var(--muted);margin-top:2px;font-size:9px;line-height:1.5}.exit-demo-signup{border:1px solid color-mix(in srgb,var(--violet) 35%,var(--line));background:var(--violet-soft);border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:13px;padding:12px;display:grid}.exit-demo-signup-icon{width:38px;height:38px;color:var(--violet-dark);background:var(--surface-raised);border-radius:11px;place-items:center;display:grid}.exit-demo-signup-icon svg,.exit-demo-signup .primary-button svg{width:17px}.exit-demo-signup>span:nth-child(2) strong,.exit-demo-signup>span:nth-child(2) small{display:block}.exit-demo-signup>span:nth-child(2) strong{color:var(--violet-dark);font-size:11px}.exit-demo-signup>span:nth-child(2) small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.5}.exit-demo-signup .primary-button{white-space:nowrap;min-height:38px}.exit-demo-or{color:var(--text-subtle);align-items:center;gap:9px;margin-top:14px;font-size:9px;display:flex}.exit-demo-or:before,.exit-demo-or:after{content:"";background:var(--line);flex:1;height:1px}.exit-demo-choices{gap:9px;margin-top:9px;display:grid}.exit-demo-choice{border:1px solid var(--line);width:100%;min-height:72px;color:var(--ink);background:var(--surface-raised);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:10px;padding:11px 12px;transition:border-color .18s,background-color .18s,transform .18s;display:grid}.exit-demo-choice:hover{border-color:var(--violet);background:var(--violet-soft);transform:translateY(-1px)}.exit-demo-choice>span:nth-child(2) strong,.exit-demo-choice>span:nth-child(2) small{display:block}.exit-demo-choice>span:nth-child(2) strong{font-size:11px}.exit-demo-choice>span:nth-child(2) small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.5}.exit-demo-choice>svg{width:17px;color:var(--muted)}.exit-demo-choice-icon{width:38px;height:38px;color:var(--success-ink);background:var(--success-soft);border-radius:11px;place-items:center;display:grid}.exit-demo-choice-icon svg{width:18px}.exit-demo-choice.delete{border-color:color-mix(in srgb,var(--danger) 28%,var(--line))}.exit-demo-choice.delete:hover{border-color:var(--danger);background:var(--danger-soft)}.exit-demo-choice.delete .exit-demo-choice-icon{color:var(--danger-ink);background:var(--danger-soft)}.exit-demo-choice.delete strong{color:var(--danger-ink)}.exit-demo-cloud-note{color:var(--muted);align-items:center;gap:7px;margin:12px 0 0;font-size:9px;line-height:1.5;display:flex}.exit-demo-cloud-note svg{width:15px;color:var(--success-ink);flex:none}.exit-demo-modal footer{justify-content:flex-start}.exit-demo-modal footer .secondary-button{justify-content:center;width:100%}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f4f2fb;--ink:#f4f2fb;--muted:#c2bfd0;--text-subtle:#a5a2b8;--text-faint:#9693a8;--violet:#9c8cff;--violet-dark:#c2b8ff;--violet-soft:#302a59;--surface:#171a27;--surface-raised:#1d2131;--surface-overlay:#141824;--surface-hover:#24293a;--surface-selected:#302a55;--control-bg:#222739;--control-hover:#2a3044;--line:#343a4f;--border-strong:#4a526b;--soft:#202536;--canvas:#0e1019;--app-background:radial-gradient(circle at 15% 5%,#241725 0,transparent 31%),radial-gradient(circle at 90% 0,#191932 0,transparent 36%),#0e1019;--shell-panel:#161927f7;--shell-border:#343a4f;--surface-inverse:#f1eef8;--text-inverse:#191b26;--success-soft:#17352f;--success-ink:#8ee3c6;--warning-soft:#3a2e18;--warning-ink:#ffd27a;--danger:#ff839b;--danger-soft:#351f28;--danger-ink:#ff9eb0;--scrim:#03050cad;--mobile-nav:#0b0d15;--shadow:0 18px 48px #0000004d;background:var(--canvas)}html[data-theme=dark] .brand,html[data-theme=dark] .page-header h1{color:var(--ink)}html[data-theme=dark] .calendar-stats .mint,html[data-theme=dark] .calendar-stats .amber{color:var(--ink-on-color)}html[data-theme=dark] .primary-button{color:var(--on-accent)}@media (width<=980px){.settings-center{grid-template-columns:184px minmax(0,1fr)}.settings-content{padding:24px 22px 30px}.theme-choices{grid-template-columns:repeat(3,78px)}.theme-preview{height:49px}.account-card{grid-template-columns:48px 1fr auto}.account-card .secondary-button{grid-column:2/-1;justify-self:start}}@media (width<=640px){.settings-page .page-header{margin-bottom:14px}.settings-center{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;display:block;overflow:visible}.settings-subnav{z-index:8;border:0;border-block:1px solid var(--line);background:var(--shell-panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:none;flex-direction:row;margin:0 -18px 14px;padding:8px 18px;position:sticky;top:64px;overflow-x:auto}.settings-subnav::-webkit-scrollbar{display:none}.settings-subnav button{min-width:max-content;min-height:42px;padding:0 12px;display:flex}.settings-subnav button b{min-width:20px;height:20px}.settings-content{padding:18px 0 16px}.settings-content-heading{align-items:center;min-height:0;margin-bottom:14px}.settings-content-heading h2{font-size:19px}.settings-content-heading .primary-button,.settings-content-heading .secondary-button{white-space:nowrap;min-height:42px;padding-inline:11px}.preference-row{grid-template-columns:36px minmax(0,1fr) auto;gap:10px;min-height:72px}.preference-icon{width:34px;height:34px}.theme-preference{grid-template-columns:36px 1fr}.theme-preference .theme-choices{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%}.theme-preview{height:55px}.segmented-control button{min-width:60px}.compact-field select,.time-input{min-width:126px;max-width:145px}.budget-box{grid-template-columns:1fr;gap:3px}.budget-box p{margin:0}.settings-content .budget-settings-grid{grid-template-columns:1fr 1fr}.category-editor{padding:15px}.category-icon-picker{grid-template-columns:repeat(6,1fr)}.category-icon-picker button{min-height:39px}.category-manager article{grid-template-columns:38px minmax(0,1fr) 38px 38px}.category-order{display:none}.payment-settings-list>button{grid-template-columns:40px minmax(0,1fr) auto}.payment-settings-list>button>svg{display:none}.data-action-grid{grid-template-columns:1fr}.data-action-grid .calendar-data-action{grid-column:auto}.profile-avatar-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-editor{padding:15px}.profile-avatar-preview{border-radius:18px;width:64px;height:64px}.profile-upload-actions>.secondary-button{width:auto}.profile-name-form>div{grid-template-columns:1fr}.profile-name-form .secondary-button{width:100%}.danger-zone,.account-session-actions,.account-delete-zone{flex-direction:column;align-items:stretch}.danger-zone>div:last-child{grid-template-columns:1fr 1fr;display:grid}.danger-zone button,.account-session-actions button,.account-delete-zone button{justify-content:center;width:100%}.account-session-actions{gap:14px}.account-session-button-group{grid-template-columns:1fr 1fr;width:100%;display:grid}.account-delete-zone{gap:13px}.account-delete-zone .danger-button{min-width:0}.account-card{grid-template-columns:46px 1fr}.account-card .cloud-state{grid-column:1/-1;justify-self:start}.account-card .secondary-button{grid-column:1/-1}.account-connect{grid-template-columns:46px 1fr;min-height:220px}.calendar-actions{gap:5px}.delete-account-confirm{min-width:0}.exit-demo-signup{grid-template-columns:38px minmax(0,1fr)}.exit-demo-signup .primary-button{grid-column:1/-1;justify-content:center;width:100%}}:root{--ink:#171827;--muted:#62645f;--text-subtle:#777970;--text-faint:#85877e;--violet:#6657e8;--violet-dark:#493bc8;--violet-soft:#e9e4ff;--mint:#a9e9d9;--amber:#f1c95b;--surface:#fffdf7;--surface-raised:#fffdf7;--surface-overlay:#faf7ee;--surface-hover:#f1ede2;--surface-selected:#f1cb65;--control-bg:#f0ece2;--control-hover:#e8e2d6;--line:#ddd6c7;--border-strong:#c9c0ae;--soft:#f2eee4;--canvas:#e8e2d6;--app-background:#e8e2d6;--shell-panel:#fffdf7;--shell-border:#d9d1c0;--shadow:0 14px 34px #27231b17}h1,h2,h3,.brand,.welcome-brand,.welcome-hero h1,.welcome-section-heading h2,.welcome-how h2,.welcome-privacy h2,.welcome-final-cta h2{font-family:IBM Plex Sans Thai,Noto Sans Thai,Leelawadee UI,sans-serif}.app-shell{background:#171927;grid-template-columns:248px minmax(0,1fr);gap:0;padding:0}.sidebar{color:#faf6eb;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#191b2b;background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1.2px);background-size:25px 25px;border:0;border-right:1px solid #33364c;border-radius:0;height:100vh;padding:22px 16px 16px;top:0;overflow:hidden;box-shadow:inset -1px 0 #ffffff06}.sidebar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#34374e 8% 92%,#0000);width:1px;position:absolute;top:99px;bottom:114px;left:31px}.sidebar-brand-block{z-index:1;border-bottom:1px solid #35384d;min-height:77px;padding:0 9px 19px;position:relative}.sidebar .brand-link{color:#faf6eb}.sidebar .brand-link:hover{color:#f1c95b}.sidebar .brand-mark{border:1px solid #ffffff2e;border-radius:11px 11px 11px 4px;width:39px;height:39px;transform:rotate(-2deg);box-shadow:4px 4px #34305f}.sidebar-brand-block p{color:#9294a5;letter-spacing:.015em;margin:7px 0 0 49px;font-size:10px;font-weight:600}.sidebar .side-nav{z-index:1;gap:6px;margin-top:21px;position:relative}.sidebar .nav-eyebrow{color:#858797;letter-spacing:.12em;text-transform:uppercase;padding:0 10px 6px;font-size:10px;font-weight:700;display:block}.sidebar .side-nav button{color:#c0c1cb;background:0 0;border:0;border-radius:9px;gap:10px;width:100%;height:50px;padding:0 10px 0 7px;font-size:13px;font-weight:600;transition:color .18s,background-color .18s,transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s;position:relative;overflow:visible}.sidebar .side-nav button:hover{color:#fffaf0;background:#25283b;transform:translate(2px)}.side-nav-icon{color:#aeb0bf;background:#222438;border:1px solid #3c3f56;border-radius:8px;flex:none;place-items:center;width:34px;height:34px;font-style:normal;transition:inherit;display:grid}.sidebar .side-nav button:hover .side-nav-icon{color:#f1c95b;background:#2d3046;border-color:#55586f}.sidebar .side-nav button.active{z-index:2;color:#1b1c29;background:#fff9ec;transform:translate(3px);box-shadow:4px 4px #6657e8}.sidebar .side-nav button.active:after{content:"";background:#f1c95b;border-radius:4px 0 0 4px;width:7px;height:28px;position:absolute;top:11px;right:-13px}.sidebar .side-nav button.active .side-nav-icon{color:#fffdf7;background:#6657e8;border-color:#5145cb}.sidebar .side-nav button b{color:#e2e3ea;font-variant-numeric:tabular-nums;background:#303347;border:1px solid #44475e;min-width:23px;height:23px;margin-left:auto;padding:0 6px;font-size:10px}.sidebar .side-nav button.active b{color:#171827;background:#f1c95b;border-color:#ddba55}.sidebar .sidebar-profile{z-index:1;background:#212337;border:1px solid #383b51;border-radius:11px;gap:9px;min-height:62px;margin-top:12px;padding:10px;transition:border-color .18s,background-color .18s,transform .18s;position:relative}.sidebar .sidebar-profile:hover{background:#292b42;border-color:#5d58a0;transform:translateY(-1px)}.sidebar .sidebar-profile.active{background:#292b42;border-color:#f1c95b;box-shadow:3px 3px #34305f}.sidebar .sidebar-profile .avatar{border:2px solid #4a4d66;flex:none;width:38px;height:38px;box-shadow:0 0 0 2px #181a29}.sidebar .sidebar-profile strong{color:#faf6eb;font-size:11px}.sidebar .sidebar-profile small{color:#9b9dad;align-items:center;gap:5px;font-size:9px;display:flex}.sidebar .sidebar-profile small:before{content:"";background:#72d9ba;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 0 2px #72d9ba1f}.sidebar .sidebar-profile:hover strong{color:#f1c95b}.sidebar-profile-action{color:#858797;flex:none;margin-left:auto;transition:transform .18s,color .18s}.sidebar-profile:hover .sidebar-profile-action,.sidebar-profile.active .sidebar-profile-action{color:#f1c95b;transform:rotate(16deg)}.app-main{min-height:100vh;box-shadow:none;background-color:#f8f4e9;background-image:linear-gradient(#3f3b3009 1px,#0000 1px),linear-gradient(90deg,#3f3b3009 1px,#0000 1px);background-size:30px 30px;border:0;border-radius:0}.page{z-index:1;position:relative}.page-header h1{color:#171827}.dashboard-date strong{color:#171827;background:#f1c95b;border-radius:3px}.dashboard-date svg{color:#6657e8}.primary-button{color:#fffdf7;background:#6657e8;border-radius:8px;box-shadow:3px 3px #202238}.primary-button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #202238}.secondary-button,.icon-button{border-radius:8px}.icon-button{border:1px solid var(--line);background:#fffdf7}.spend-hero{color:#fbf7ed;background:#1e2032;border:2px solid #171827;border-radius:10px;min-height:210px;box-shadow:10px 10px #cfc5ff}.hero-total>span{color:#f1c95b}.hero-total small{color:#8be2cd}.trend-chart figcaption{color:#aaaabd}.trend-chart figcaption strong{color:#fbf7ed}.trend-grid-line{stroke:#ffffff1c}.trend-bar-track{fill:#ffffff0f}.trend-bar{fill:#d7d0ff}.trend-bar.current{fill:#f1c95b}.trend-months{color:#b7b8c5}.hero-metrics{color:#fbf7ed;background:#ffffff0e;border:1px solid #ffffff1f;border-radius:7px}.hero-metrics>div{border-color:#ffffff1a}.hero-metrics span{color:#c2c3cf}.hero-metrics strong{color:#fbf7ed}.section-heading h2{align-items:center;gap:8px;display:flex}.section-heading h2:before{content:"";background:#6657e8;border-radius:1px;flex:none;width:8px;height:8px;transform:rotate(10deg)}.section-heading button{color:#493bc8}.dashboard-page .card-rail{grid-template-columns:repeat(3,minmax(0,1fr)) 150px}.dashboard-page .payment-card{--account-accent:#6657e8;border:1px solid var(--line);border-left:6px solid var(--account-accent);min-height:118px;color:var(--ink);box-shadow:none;border-radius:8px;padding:14px 15px;background:#fffdf7!important}.dashboard-page .payment-card:after{display:none}.dashboard-page .payment-card>small,.dashboard-page .payment-card footer span{color:var(--muted);opacity:1}.dashboard-page .payment-card>p{color:var(--muted);letter-spacing:.11em;margin:13px 0 7px}.dashboard-page .network-badge{color:var(--ink);border:1px solid var(--line);background:#f5f1e7}.dashboard-page .payment-card--blue,.dashboard-page .payment-card--sky{--account-accent:#3288c7}.dashboard-page .payment-card--violet,.dashboard-page .payment-card--indigo{--account-accent:#6657e8}.dashboard-page .payment-card--orange,.dashboard-page .payment-card--coral{--account-accent:#ef7c45}.dashboard-page .payment-card--mint,.dashboard-page .payment-card--ocean{--account-accent:#2aa88d}.dashboard-page .payment-card--rose,.dashboard-page .payment-card--ruby,.dashboard-page .payment-card--fuchsia{--account-accent:#d44f7b}.dashboard-page .payment-card--gold,.dashboard-page .payment-card--cocoa{--account-accent:#d6982c}.dashboard-page .payment-card--graphite,.dashboard-page .payment-card--navy{--account-accent:#363a4f}.dashboard-page .payment-card--forest{--account-accent:#3f9364}.dashboard-page .add-card{background:#fffdf7b3;border-radius:8px}.dashboard-grid{grid-template-columns:.82fr 1.18fr}.dashboard-grid .category-panel{order:-1}.upcoming-panel,.category-panel{border:1px solid var(--line);background:#fffdf7c7;border-radius:8px}.upcoming-row{border-color:var(--line)}.upcoming-row:hover{background:#f1ede2}.date-tile,.upcoming-empty-icon,.insight{border-radius:5px}.date-tile.soon{background:#f1c95b}.count-pill{color:#171827;background:#f1c95b;border-radius:4px}.welcome-page{--welcome-ink:#171827;--welcome-paper:#f8f4e9;--welcome-violet:#6657e8;--welcome-yellow:#f1c95b;background-color:var(--welcome-paper);background-image:linear-gradient(#3f3b300a 1px,#0000 1px),linear-gradient(90deg,#3f3b300a 1px,#0000 1px);background-size:36px 36px}.welcome-header-shell{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f4e9f5;border-bottom:2px solid #171827}.welcome-header{height:76px}.welcome-header nav button,.welcome-footer button{color:#55574f}.welcome-theme-toggle,.welcome-language-toggle{background:#fffdf7;border-color:#cfc7b7;border-radius:7px}.welcome-header-cta{background:#171827;border-radius:7px}.welcome-ghost-button{color:#4f514c}.welcome-hero{grid-template-columns:1.03fr .97fr;gap:clamp(42px,7vw,105px);min-height:730px;padding-block:88px 105px}.welcome-kicker{color:#171827;background:#f1c95b;border:1px solid #171827;border-radius:4px;padding:8px 12px;box-shadow:4px 4px #1718271f}.welcome-kicker span{box-shadow:none;background:#6657e8;border-radius:1px;transform:rotate(12deg)}.welcome-hero h1{font-size:clamp(52px,5.6vw,76px);line-height:1.06}.welcome-hero h1 em{color:#171827}.welcome-hero h1 em:after{background:#cfc5ff;height:.22em;bottom:.03em;left:-1%;right:3%;transform:rotate(-1deg)}.welcome-lead{color:#55574f}.welcome-primary-button,.welcome-secondary-button{border-radius:8px}.welcome-primary-button{background:#6657e8;box-shadow:4px 4px #171827}.welcome-secondary-button{background:#fffdf7;border-color:#171827}.welcome-orbit{display:none}.welcome-app-preview{background:#fffdf7;border:2px solid #171827;border-radius:10px;transform:rotate(-.8deg);box-shadow:12px 12px #cfc5ff}.preview-toolbar{color:#171827;background:#f1c95b;border-bottom:2px solid #171827;height:48px}.preview-toolbar>span:nth-child(2){letter-spacing:.04em;background:0 0;border:0;border-radius:0;padding:0;font-size:10px;font-weight:800}.preview-dots i{border:1px solid #171827;background:#fffdf7!important}.preview-body{background-color:#fffdf7;background-image:linear-gradient(#4843370f 1px,#0000 1px);background-size:100% 30px}.preview-sidebar{background:#f0eadc;border-right:2px solid #d7cfbf}.preview-sidebar i{background:0 0;border:2px solid #9f998d;border-radius:50%;width:10px;height:10px}.preview-sidebar i.active{background:#6657e8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 4px #ddd6ff}.preview-summary{background:#202238;border:1px solid #171827;border-radius:7px}.preview-chart i{background:#797d9c;border-radius:2px 2px 0 0}.preview-chart i:nth-child(6){background:#f1c95b}.preview-summary dl{border-radius:5px}.preview-bill{box-shadow:none;background:#fffdf7;border-color:#d7cfbf;border-radius:5px}.preview-date,.preview-service{border-radius:4px}.welcome-alert-card,.welcome-currency-card{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fffdf7;border:2px solid #171827;border-radius:6px;box-shadow:5px 5px #17182729}.welcome-proof{background:#fffdf7b8;border:2px solid #171827;padding:23px}.welcome-proof>div{border-color:#cfc7b7}.welcome-feature-grid article{border-color:#bdb5a5;border-radius:9px}.feature-icon,.ledger-sample,.calendar-stamp,.price-history span{border-radius:6px}.welcome-how{border-block:8px solid #f1c95b}.welcome-privacy{background:#e9e4ff;border:2px solid #171827;border-radius:10px}.privacy-seal{border-color:#6657e8;border-radius:8px;transform:rotate(-2deg)}.welcome-final-cta{background:#f1c95b;border:2px solid #171827;border-radius:10px;box-shadow:10px 10px #cfc5ff}.welcome-final-cta:after{content:"จด";font-size:260px;top:-26%;right:3%;transform:rotate(6deg)}.cta-scribble{border-radius:4px}html[data-theme=dark] .app-main{background-color:#12141f;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}html[data-theme=dark] .page-header h1{color:var(--ink)}html[data-theme=dark] .spend-hero{background:#202238;border-color:#77709d;box-shadow:10px 10px #3a335d}html[data-theme=dark] .dashboard-page .payment-card{color:var(--ink);background:var(--surface-raised)!important}html[data-theme=dark] .dashboard-page .payment-card>small,html[data-theme=dark] .dashboard-page .payment-card footer span,html[data-theme=dark] .dashboard-page .payment-card>p{color:var(--muted)}html[data-theme=dark] .dashboard-page .add-card{color:#b9bfd0;background:#1d2131;border-color:#4b5067}html[data-theme=dark] .dashboard-page .add-card:hover{border-color:var(--welcome-yellow);color:var(--welcome-yellow);background:#24283a}html[data-theme=dark] .dashboard-page .network-badge{color:var(--ink);background:var(--control-bg)}html[data-theme=dark] .upcoming-panel,html[data-theme=dark] .category-panel{background:#1d2131d1}html[data-theme=dark] .welcome-page{background-color:#12141f;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}html[data-theme=dark] .welcome-header-shell{background:#12141ff5;border-color:#5c5f72}html[data-theme=dark] .welcome-kicker{color:#171827;background:#f1c95b;border-color:#f1c95b}html[data-theme=dark] .welcome-hero h1 em{color:var(--ink)}html[data-theme=dark] .welcome-app-preview{background:var(--surface-raised);border-color:#77709d;box-shadow:12px 12px #3a335d}html[data-theme=dark] .preview-toolbar{color:#171827;background:#f1c95b;border-color:#171827}html[data-theme=dark] .preview-body{background-color:var(--surface-raised);background-image:linear-gradient(#ffffff09 1px,#0000 1px)}html[data-theme=dark] .preview-sidebar{border-color:var(--line);background:var(--surface-overlay)}html[data-theme=dark] .preview-bill{background:var(--surface-overlay)}html[data-theme=dark] .welcome-proof{background:#1d2131bf;border-color:#77709d}html[data-theme=dark] .welcome-privacy{background:#282343;border-color:#77709d}html[data-theme=dark] .welcome-final-cta{color:#171827;background:#f1c95b;border-color:#171827;box-shadow:10px 10px #3a335d}@media (width<=1180px) and (width>=641px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-inline:11px}.sidebar-brand-block{padding-inline:7px}.sidebar-brand-block p{margin-left:47px}}@media (width<=980px){.welcome-hero{grid-template-columns:1fr;width:min(100% - 32px,760px);padding-top:68px}.welcome-hero-copy{max-width:670px}.welcome-visual{width:92%;margin:40px auto 0}}@media (width<=640px){.app-shell{background:var(--canvas);min-height:100svh;padding:0;display:block}.sidebar{display:none}.app-main{min-height:100svh;padding-bottom:94px}.mobile-topbar{color:#faf6eb;background:#191b2b;border-color:#34364a}.mobile-topbar .brand-link{color:#faf6eb}.mobile-topbar>button:not(.brand-link){color:#faf6eb;background:#292b40}.mobile-topbar>button.mobile-theme{color:#f1c95b}.mobile-topbar .mobile-add{color:#171827;background:#f1c95b}.dashboard-page .spend-hero{border-radius:8px;padding:19px;box-shadow:6px 6px #cfc5ff}.dashboard-page .hero-metrics{color:#fbf7ed;background:0 0}.dashboard-page .hero-metrics>div{color:#fbf7ed;background:#ffffff0f;border-right:1px solid #ffffff17;border-radius:3px}.dashboard-page .hero-metrics span{color:#c2c3cf}.dashboard-page .hero-metrics strong{color:#fbf7ed}.dashboard-page .card-rail{display:flex}.dashboard-page .payment-card{min-width:238px}.dashboard-grid{grid-template-columns:1fr}.welcome-header{width:calc(100% - 24px)}.welcome-hero{width:calc(100% - 32px);padding:60px 0 76px}.welcome-kicker{width:fit-content;font-size:10px}.welcome-hero h1{font-size:clamp(39px,11.4vw,49px)}html[lang=en] .welcome-hero h1{font-size:clamp(36px,10vw,42px)}.welcome-visual{width:100%;margin:42px auto 0}.welcome-app-preview{transform:rotate(-.4deg);box-shadow:7px 7px #cfc5ff}.preview-body{grid-template-columns:1fr}.preview-sidebar{display:none}.welcome-alert-card{bottom:-26px;left:-6px}.welcome-currency-card{top:58px;right:-5px}.welcome-proof{border-inline:0;width:calc(100% - 32px);padding:14px 0}.welcome-feature-grid article,.welcome-privacy,.welcome-final-cta{border-radius:8px}.welcome-final-cta{box-shadow:6px 6px #cfc5ff}}.first-run-guide{background:#fffdf7;border:2px solid #171827;border-radius:9px;margin-bottom:22px;overflow:hidden;box-shadow:7px 7px #f1c95b}.first-run-guide>header{border-bottom:1px solid #d8d0c0;grid-template-columns:minmax(0,1fr) 120px auto;align-items:center;gap:20px;min-height:86px;padding:17px 20px;display:grid}.first-run-guide>header>div:first-child>span{color:#6657e8;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.first-run-guide h2{color:#171827;margin:3px 0 1px;font:800 19px/1.25 IBM Plex Sans Thai,Noto Sans Thai,sans-serif}.first-run-guide header p{color:#706c61;margin:0;font-size:10px}.first-run-progress{grid-template-columns:auto 1fr;align-items:center;gap:8px;display:grid}.first-run-progress strong{color:#171827;font-size:15px}.first-run-progress progress{background:#e9e2d5;border:0;border-radius:1px;width:100%;height:7px;overflow:hidden}.first-run-progress progress::-webkit-progress-bar{background:#e9e2d5}.first-run-progress progress::-webkit-progress-value{background:#6657e8}.first-run-progress progress::-moz-progress-bar{background:#6657e8}.first-run-dismiss{color:#706c61;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;min-height:36px;padding:0 9px;display:inline-flex}.first-run-dismiss span{white-space:nowrap;font-size:10px;font-weight:700}.first-run-guide ol{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.first-run-guide li+li{border-left:1px solid #d8d0c0}.first-run-guide li button{color:#171827;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:35px minmax(0,1fr) 18px;align-items:center;gap:10px;width:100%;min-height:96px;padding:15px;transition:background .16s,transform .16s;display:grid}.first-run-guide li button:hover{background:#f5f0e5}.first-run-guide li button:active{transform:translateY(1px)}.first-run-guide li i{color:#171827;background:#f1c95b;border:1px solid #171827;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.first-run-guide li i svg{width:17px}.first-run-guide li b,.first-run-guide li small{display:block}.first-run-guide li b{font-size:11px}.first-run-guide li small{color:#706c61;margin-top:3px;font-size:9px;line-height:1.45}.first-run-guide li>button>svg{color:#6657e8;width:16px}.first-run-guide li.done i{color:#fffdf7;background:#2a9d83;border-color:#2a9d83}.first-run-guide li.done b{color:#357a68}.data-status-bar{z-index:4;border:1px solid var(--line);min-height:42px;color:var(--success-ink);background:var(--success-soft);border-radius:7px;align-items:center;gap:9px;margin:12px 42px -2px;padding:8px 11px;display:none;position:relative}.data-status-bar.error,.data-status-bar.offline,.data-status-bar.conflict{color:var(--danger-ink);background:var(--danger-soft);display:flex}.data-status-bar>svg{flex:none;width:18px}.data-status-bar span{min-width:0}.data-status-bar strong,.data-status-bar small{display:block}.data-status-bar strong{font-size:10px}.data-status-bar small{opacity:.78;margin-top:1px;font-size:8px}.data-status-bar button{min-height:31px;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.data-status-bar button svg{width:13px}.cloud-state.offline{color:var(--danger-ink);background:var(--danger-soft)}.demo-mode-banner{z-index:4;color:#171827;background:#f1c95b;border:2px solid #171827;border-radius:9px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:min(100% - 84px,1206px);min-height:66px;margin:22px auto -10px;padding:11px 13px;display:grid;position:relative;box-shadow:5px 5px #cfc5ff}.demo-mode-banner__icon{color:#fffdf7;background:#6657e8;border:1px solid #171827;border-radius:7px;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-2deg)}.demo-mode-banner__icon svg{width:20px;height:20px}.demo-mode-banner__copy{min-width:0}.demo-mode-banner__copy strong,.demo-mode-banner__copy p{display:block}.demo-mode-banner__copy strong{font:800 13px/1.35 IBM Plex Sans Thai,Noto Sans Thai,sans-serif}.demo-mode-banner__copy p{color:#4d4635;margin:2px 0 0;font-size:10px;line-height:1.55}.demo-mode-banner>button{color:#fffdf7;white-space:nowrap;cursor:pointer;background:#171827;border:1px solid #171827;border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 15px;font-size:11px;font-weight:800;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:3px 3px #6657e89e}.demo-mode-banner>button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #6657e89e}.demo-mode-banner>button svg{width:16px;height:16px}html[data-theme=dark] .demo-mode-banner{color:#fff8e8;background:#403821;border-color:#f1c95b;box-shadow:5px 5px #3a335d}html[data-theme=dark] .demo-mode-banner__icon{border-color:#bfb1ff}html[data-theme=dark] .demo-mode-banner__copy p{color:#d9cda9}html[data-theme=dark] .demo-mode-banner>button{color:#171827;background:#f1c95b;border-color:#f1c95b;box-shadow:3px 3px #6657e8}html[data-theme=dark] .demo-mode-banner>button:hover{box-shadow:5px 5px #6657e8}.auth-page{color:#171827;background-color:#f8f4e9;background-image:linear-gradient(#3f3b300a 1px,#0000 1px),linear-gradient(90deg,#3f3b300a 1px,#0000 1px);background-size:36px 36px;min-height:100svh;position:relative;overflow:hidden}.auth-page:before{content:"";opacity:.7;pointer-events:none;background:#f1c95b;width:420px;height:130px;position:absolute;top:120px;left:-155px;transform:rotate(-7deg)}.auth-page:after{content:"";opacity:.6;pointer-events:none;border:70px solid #cfc5ff;border-radius:50%;width:330px;height:330px;position:absolute;bottom:-165px;right:-175px}.auth-page-header{z-index:3;border-bottom:1px solid #cec6b6;justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100% - 48px);min-height:76px;margin:0 auto;display:flex;position:relative}.auth-page-brand{color:#171827;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:inline-flex}.auth-page-brand>span{color:#fffdf7;background:#6657e8;border:1px solid #171827;border-radius:11px 11px 11px 4px;place-items:center;width:38px;height:38px;display:grid;transform:rotate(-2deg);box-shadow:3px 3px #f1c95b}.auth-page-brand svg{width:30px;height:30px}.auth-page-brand strong{letter-spacing:-.025em;font:800 21px/1 IBM Plex Sans Thai,Noto Sans Thai,sans-serif}.auth-page-tools{align-items:center;gap:7px;display:flex}.auth-page-tools>button{color:#4f514c;cursor:pointer;background:#fffdf7;border:1px solid #cfc7b7;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:42px;min-height:42px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.auth-page-tools>button:hover{color:#493bc8;border-color:#6657e8;transform:translateY(-1px)}.auth-page-tools svg{width:17px;height:17px}.auth-page-tools .auth-home-button{color:#fffdf7;background:#171827;border-color:#171827;padding-inline:14px}.auth-page-layout{z-index:2;grid-template-columns:minmax(0,1.08fr) minmax(390px,.82fr);align-items:center;gap:clamp(54px,8vw,112px);width:min(1120px,100% - 48px);min-height:calc(100svh - 76px);margin:0 auto;padding:clamp(42px,7vh,78px) 0;display:grid;position:relative}.auth-page-story{min-width:0}.auth-story-kicker{color:#171827;background:#f1c95b;border:1px solid #171827;border-radius:4px;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 0 22px;padding:7px 10px;font-size:10px;font-weight:800;display:flex;box-shadow:3px 3px #1718271f}.auth-story-kicker span{background:#6657e8;border-radius:1px;width:8px;height:8px;transform:rotate(12deg)}.auth-page-story h1{letter-spacing:-.035em;text-wrap:balance;max-width:690px;margin:0;font:800 clamp(42px,5vw,67px)/1.05 IBM Plex Sans Thai,Noto Sans Thai,sans-serif}.auth-page-story h1 em{color:#171827;z-index:0;width:fit-content;margin-top:4px;font-style:normal;display:block;position:relative}.auth-page-story h1 em:after{content:"";z-index:-1;background:#cfc5ff;height:.22em;position:absolute;bottom:.04em;left:-1%;right:-2%;transform:rotate(-1deg)}.auth-story-lead{color:#55574f;max-width:59ch;margin:24px 0 0;font-size:14px;line-height:1.75}.auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:27px 0 0;padding:0;list-style:none;display:grid}.auth-benefits li{grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px;min-width:0;display:grid}.auth-benefits li>svg{box-sizing:border-box;color:#171827;background:#f1c95b;border:1px solid #171827;border-radius:5px;width:34px;height:34px;padding:8px}.auth-benefits strong,.auth-benefits small{display:block}.auth-benefits strong{font-size:10px;line-height:1.35}.auth-benefits small{color:#6f6b61;margin-top:3px;font-size:8px;line-height:1.45}.auth-ledger-preview{background:#fffdf7;border:2px solid #171827;border-radius:8px;width:min(520px,92%);margin:31px 0 0 11px;overflow:hidden;transform:rotate(-.8deg);box-shadow:8px 8px #cfc5ff}.auth-ledger-preview>header{color:#171827;background:#f1c95b;border-bottom:1px solid #cfc7b7;justify-content:space-between;align-items:center;min-height:37px;padding:0 12px;font-size:9px;font-weight:800;display:flex}.auth-ledger-preview>header b{align-items:center;gap:5px;font-size:8px;display:inline-flex}.auth-ledger-preview>header i{background:#268b72;border-radius:50%;width:6px;height:6px}.auth-ledger-preview>div{border-bottom:1px solid #e0d9cb;grid-template-columns:38px minmax(0,1fr) auto 17px;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:grid}.auth-ledger-date{color:#171827;background:#e9e4ff;border-radius:4px;align-content:center;place-items:center;width:36px;height:38px;font-size:14px;font-weight:800;line-height:1;display:grid}.auth-ledger-date small{margin-top:3px;font-size:6px}.auth-ledger-preview>div>span:nth-child(2) strong,.auth-ledger-preview>div>span:nth-child(2) small{display:block}.auth-ledger-preview>div>span:nth-child(2) strong{font-size:10px}.auth-ledger-preview>div>span:nth-child(2) small{color:#777970;margin-top:2px;font-size:7px}.auth-ledger-preview>div>b{font-size:10px}.auth-ledger-preview>div>svg{color:#268b72;width:15px}.auth-ledger-preview>footer{color:#5c5d57;background:#f1ede2;align-items:center;gap:6px;min-height:35px;padding:7px 12px;font-size:7px;display:flex}.auth-ledger-preview>footer svg{color:#268b72;width:13px}.auth-page-card{color:#171827;background:#fffdf7;border:2px solid #171827;border-radius:11px;width:100%;padding:24px;position:relative;box-shadow:10px 10px #cfc5ff}.auth-card-kicker{color:#5b5545;align-items:center;gap:7px;margin-bottom:8px;font-size:9px;font-weight:800;display:inline-flex}.auth-card-kicker span{background:#2a9d83;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #2a9d831f}.auth-page-card h2{letter-spacing:-.025em;margin:0;font:800 clamp(25px,2.4vw,32px)/1.2 IBM Plex Sans Thai,Noto Sans Thai,sans-serif}.auth-card-lead{color:#6c685e;margin:8px 0 16px;font-size:10px;line-height:1.6}.auth-page-card .turnstile-wrap{place-items:center;min-height:0;margin:12px 0;display:grid}.auth-page-card .turnstile-wrap>div:first-child{width:100%}.auth-google-button,.auth-email-submit{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;font-size:11px;font-weight:800;display:inline-flex}.auth-google-button{color:#fffdf7;background:#171827;border:1px solid #171827}.auth-google-button:hover{color:#fffdf7;background:#493bc8;border-color:#493bc8}.auth-google-button svg,.auth-email-submit svg{width:17px;height:17px}.auth-google-button .auth-google-mark{width:16px;height:16px}.auth-page-divider{color:#777970;align-items:center;gap:10px;margin:12px 0;font-size:8px;display:flex}.auth-page-divider:before,.auth-page-divider:after{content:"";background:#ddd6c7;flex:1;height:1px}.auth-page-form>label{color:#575950;margin:8px 0 4px;font-size:10px;font-weight:750;display:block}.auth-page-form>label:first-child{margin-top:0}.auth-field-label-row{justify-content:space-between;align-items:center;gap:12px;margin:8px 0 4px;display:flex}.auth-field-label-row label{color:#575950;font-size:10px;font-weight:750}.auth-field-label-row button{color:#6657e8;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:9px;font-weight:750}.auth-field-label-row button:hover{text-underline-offset:3px;text-decoration:underline}.auth-email-field,.auth-password-field{background:#f4f0e6;border:1px solid #c9c0ae;border-radius:7px;grid-template-columns:35px minmax(0,1fr);align-items:center;min-height:46px;display:grid;overflow:hidden}.auth-password-field{grid-template-columns:35px minmax(0,1fr) 39px}.auth-email-field:focus-within,.auth-password-field:focus-within{background:#fffdf7;border-color:#6657e8;box-shadow:0 0 0 3px #6657e821}.auth-email-field>svg,.auth-password-field>svg{color:#777970;justify-self:end;width:16px}.auth-email-field input,.auth-password-field input{color:#171827;background:0 0;border:0;outline:0;min-width:0;min-height:44px;padding:0 11px;font-size:12px}.auth-password-field>button{color:#777970;cursor:pointer;background:0 0;border:0;place-items:center;width:39px;height:44px;padding:0;display:grid}.auth-password-field>button:hover{color:#493bc8}.auth-password-field>button svg{width:16px;height:16px}.auth-password-hint{color:#656259;align-items:center;gap:5px;margin:7px 0 0;font-size:8px;display:flex}.auth-password-hint svg{color:#268b72;width:12px;height:12px}.auth-email-submit{color:#fffdf7;background:#6657e8;border:1px solid #171827;box-shadow:3px 3px #171827}.auth-email-submit:not(:disabled):hover{transform:translate(-1px,-1px);box-shadow:5px 5px #171827}.auth-page-form .auth-page-message{margin:0 0 10px}.auth-consent{color:#777970;text-align:center;max-width:44ch;margin:11px auto 0;font-size:8px;line-height:1.55}.auth-consent button{color:#6657e8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800}.auth-consent button:hover{text-underline-offset:3px;text-decoration:underline}.auth-account-actions{color:#57546a;background:#f4f1ff;border:1px solid #ded7ff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:14px;padding:9px 10px;font-size:11px;line-height:1.45;display:grid}.auth-account-actions>span{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.auth-account-actions>span>button{color:#493bc8;min-height:34px;font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #cec5ff;border-radius:6px;padding:5px 9px;font-weight:850;transition:border-color .18s,background .18s,transform .18s}.auth-account-actions>span>button:hover{background:#ebe6ff;border-color:#8f80ef;transform:translateY(-1px)}.auth-magic-link{color:#493bc8;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:auto;min-height:36px;padding:6px 9px;font-size:10px;font-weight:850;transition:color .18s,background .18s;display:inline-flex}.auth-magic-link:hover{color:#30249f;background:#e9e3ff}.auth-magic-link svg{flex:none;width:16px;height:16px}.auth-account-note{color:#777970;margin:8px 0 0;font-size:8px;line-height:1.55}.auth-page-message{border-radius:6px;margin:13px 0 0;padding:10px 11px;font-size:9px;line-height:1.55}.auth-page-message.success{color:var(--success-ink);background:var(--success-soft)}.auth-page-message.error{color:var(--danger-ink);background:var(--danger-soft)}.auth-page-privacy{color:#777970;border-top:1px solid #ddd6c7;align-items:flex-start;gap:8px;margin-top:12px;padding-top:12px;font-size:8px;line-height:1.55;display:flex}.auth-page-privacy>svg{color:#268b72;flex:none;width:16px}.auth-page-privacy button{color:#493bc8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.auth-demo-choice{color:#666258;background:#f8f4e9;border:1px dashed #c9c0ae;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:8px 12px;font-size:9px;display:flex}.auth-demo-choice button{color:#493bc8;cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}html[data-theme=dark] .auth-page{color:var(--ink);background-color:#12141f;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px)}html[data-theme=dark] .auth-page:before{background:#5b4720}html[data-theme=dark] .auth-page:after{border-color:#3a335d}html[data-theme=dark] .auth-page-header{border-color:#3d4153}html[data-theme=dark] .auth-page-brand{color:var(--ink)}html[data-theme=dark] .auth-page-tools>button{color:var(--muted);background:#1d2131;border-color:#4b5067}html[data-theme=dark] .auth-page-tools .auth-home-button{color:#171827;background:#f1c95b;border-color:#f1c95b}html[data-theme=dark] .auth-story-kicker{color:#171827;border-color:#f1c95b}html[data-theme=dark] .auth-page-story h1 em{color:var(--ink)}html[data-theme=dark] .auth-page-story h1 em:after{background:#493f75}html[data-theme=dark] .auth-story-lead,html[data-theme=dark] .auth-benefits small{color:var(--muted)}html[data-theme=dark] .auth-benefits li>svg{color:#171827;border-color:#f1c95b}html[data-theme=dark] .auth-ledger-preview{background:#1d2131;border-color:#77709d;box-shadow:8px 8px #3a335d}html[data-theme=dark] .auth-ledger-preview>header{border-color:#171827}html[data-theme=dark] .auth-ledger-preview>div{border-color:#3d4153}html[data-theme=dark] .auth-ledger-preview>div>span:nth-child(2) small{color:var(--muted)}html[data-theme=dark] .auth-ledger-preview>footer{color:var(--muted);background:#24283a}html[data-theme=dark] .auth-page-card{color:var(--ink);background:#1d2131;border-color:#77709d;box-shadow:10px 10px #3a335d}html[data-theme=dark] .auth-card-kicker,html[data-theme=dark] .auth-card-lead,html[data-theme=dark] .auth-account-note,html[data-theme=dark] .auth-page-privacy,html[data-theme=dark] .auth-consent,html[data-theme=dark] .auth-account-actions{color:var(--muted)}html[data-theme=dark] .auth-account-actions{background:#27243c;border-color:#4a426f}html[data-theme=dark] .auth-account-actions>span>button{color:#d6ceff;background:#1d2131;border-color:#514a73}html[data-theme=dark] .auth-account-actions>span>button:hover{background:#302b4a;border-color:#8275c7}html[data-theme=dark] .auth-magic-link{color:#c9c0ff}html[data-theme=dark] .auth-magic-link:hover{color:#eeeaff;background:#302b4a}html[data-theme=dark] .auth-google-button{color:#fffdf7;background:#101321;border-color:#4b5067}html[data-theme=dark] .auth-page-divider:before,html[data-theme=dark] .auth-page-divider:after,html[data-theme=dark] .auth-page-privacy{border-color:#3d4153}html[data-theme=dark] .auth-page-form>label,html[data-theme=dark] .auth-field-label-row label{color:var(--muted)}html[data-theme=dark] .auth-email-field,html[data-theme=dark] .auth-password-field{background:#24283a;border-color:#4b5067}html[data-theme=dark] .auth-email-field input,html[data-theme=dark] .auth-password-field input{color:var(--ink)}html[data-theme=dark] .auth-password-hint{color:var(--muted)}html[data-theme=dark] .auth-demo-choice{color:var(--muted);background:#24283a;border-color:#4b5067}@media (width<=900px){.auth-page-layout{grid-template-columns:1fr;gap:38px;width:min(760px,100% - 40px);padding-block:48px 70px}.auth-page-story h1{max-width:650px}.auth-story-lead{max-width:64ch}.auth-ledger-preview{width:min(540px,86%)}.auth-page-card{justify-self:center;width:min(500px,100%)}}@media (width<=640px){.auth-page:before{width:250px;height:90px;top:120px;left:-125px}.auth-page-header{width:calc(100% - 28px);min-height:68px}.auth-page-brand>span{width:33px;height:33px}.auth-page-brand svg{width:26px;height:26px}.auth-page-brand strong{font-size:18px}.auth-page-tools{gap:5px}.auth-page-tools>button{min-width:38px;min-height:38px;padding:0 9px}.auth-page-tools>button b,.auth-home-button{font-size:0}.auth-page-tools .auth-home-button{width:38px;padding:0;font-size:0}.auth-page-layout{gap:28px;width:calc(100% - 32px);min-height:calc(100svh - 68px);padding:32px 0 54px}.auth-story-kicker{margin-bottom:17px;font-size:9px}.auth-page-story h1{font-size:clamp(34px,10.5vw,43px);line-height:1.08}html[lang=en] .auth-page-story h1{font-size:clamp(31px,9vw,38px)}.auth-story-lead{margin-top:19px;font-size:12px;line-height:1.7}.auth-benefits{grid-template-columns:1fr;gap:11px;margin-top:22px}.auth-benefits li{grid-template-columns:32px minmax(0,1fr)}.auth-benefits li>svg{width:32px;height:32px}.auth-benefits strong{font-size:10px}.auth-benefits small{font-size:8px}.auth-ledger-preview{display:none}.auth-page-card{border-radius:9px;padding:23px 18px;box-shadow:6px 6px #cfc5ff}html[data-theme=dark] .auth-page-card{box-shadow:6px 6px #3a335d}.auth-page-card h2{font-size:25px}html[lang=en] .auth-page-card h2{font-size:23px}.auth-card-lead{font-size:9px}.auth-email-field input,.auth-password-field input{font-size:16px}.auth-google-button,.auth-email-submit{min-height:46px}.auth-account-actions{color:#656259;background:0 0;border:0;grid-template-columns:1fr;align-items:stretch;gap:8px;padding:0;font-size:14px}.auth-account-actions>span{justify-content:center;gap:5px;min-height:44px}.auth-account-actions>span>button{background:0 0;border:0;border-radius:0;min-height:44px;padding:6px 4px;font-size:14px}.auth-account-actions>span>button:hover{text-underline-offset:3px;background:0 0;text-decoration:underline;transform:none}.auth-magic-link{background:#f4f1ff;border:1px solid #d5ccff;justify-content:center;width:100%;min-height:46px;padding:8px 12px;font-size:14px}html[data-theme=dark] .auth-account-actions{color:var(--muted);background:0 0;border:0}html[data-theme=dark] .auth-account-actions>span>button,html[data-theme=dark] .auth-account-actions>span>button:hover{background:0 0;border:0}html[data-theme=dark] .auth-magic-link{background:#27243c;border-color:#514a73}.auth-demo-choice{flex-direction:column;align-items:flex-start;gap:4px}}.route-loading{min-height:240px;color:var(--muted);place-content:center;justify-items:center;gap:12px;font-size:.9rem;display:grid}.route-loading--full{background:var(--canvas);min-height:100vh}.route-loading-spinner{border:3px solid color-mix(in srgb,var(--violet) 20%,transparent);border-top-color:var(--violet);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite route-loading-spin}.modal-loading{border:1px solid var(--line);background:var(--surface);min-width:210px;box-shadow:var(--shadow);color:var(--muted);border-radius:18px;justify-items:center;gap:12px;margin:auto;padding:24px;display:grid}@keyframes route-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.route-loading-spinner{animation-duration:1.8s}}.quick-date-field{max-width:50%;margin-top:12px}.quick-advanced-field{animation:.18s cubic-bezier(.22,1,.36,1) quick-options-in}.quick-advanced-toggle{border:1px dashed var(--border-strong);width:100%;min-height:58px;color:var(--ink);background:var(--surface-raised);text-align:left;cursor:pointer;border-radius:10px;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;margin:12px 0 2px;padding:10px 14px;display:grid}.quick-advanced-toggle>svg:first-child{box-sizing:content-box;color:#171827;background:#f1c95b;border-radius:6px;width:18px;height:18px;padding:7px}.quick-advanced-toggle>svg:last-child{width:17px;color:var(--violet);transition:transform .18s}.quick-advanced-toggle.open>svg:last-child{transform:rotate(180deg)}.quick-advanced-toggle strong,.quick-advanced-toggle small{display:block}.quick-advanced-toggle strong{font-size:11px}.quick-advanced-toggle small{color:var(--muted);margin-top:2px;font-size:9px}@keyframes quick-options-in{0%{opacity:0;transform:translateY(-5px)}}html[data-theme=dark] .first-run-guide{background:#1d2131;border-color:#77709d;box-shadow:7px 7px #5b4720}html[data-theme=dark] .first-run-guide>header,html[data-theme=dark] .first-run-guide li+li{border-color:#3d4153}html[data-theme=dark] .first-run-guide h2,html[data-theme=dark] .first-run-progress strong,html[data-theme=dark] .first-run-guide li button{color:var(--ink)}html[data-theme=dark] .first-run-guide header p,html[data-theme=dark] .first-run-guide li small{color:var(--muted)}html[data-theme=dark] .first-run-guide li button:hover{background:#24283a}html[data-theme=dark] .first-run-guide li i{border-color:#f1c95b}@media (width<=900px){.first-run-guide ol{grid-template-columns:1fr}.first-run-guide li+li{border-top:1px solid #d8d0c0;border-left:0}html[data-theme=dark] .first-run-guide li+li{border-top-color:#3d4153}.first-run-guide li button{min-height:76px}}@media (width<=640px){.data-status-bar{margin:8px 16px -7px}.first-run-guide{margin-bottom:19px;box-shadow:5px 5px #f1c95b}.first-run-guide>header{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:15px}.first-run-guide>header>div:first-child{grid-column:1/-1}.first-run-guide h2{font-size:17px}.first-run-progress{grid-template-columns:auto 90px}.first-run-dismiss{padding-right:0}.quick-date-field{max-width:none}.quick-advanced-toggle{margin-top:10px}.demo-mode-banner{grid-template-columns:38px minmax(0,1fr);gap:9px 10px;width:calc(100% - 32px);min-height:0;margin:12px 16px -2px;padding:12px;box-shadow:4px 4px #cfc5ff}.demo-mode-banner__icon{width:38px;height:38px}.demo-mode-banner__copy strong{font-size:12px}.demo-mode-banner__copy p{font-size:9px}.demo-mode-banner>button{grid-column:1/-1;width:100%;min-height:39px}html[data-theme=dark] .demo-mode-banner{box-shadow:4px 4px #3a335d}}@media (width<=480px){.mobile-sync-status{justify-content:center;width:29px;padding:0}.mobile-sync-status span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=360px){.mobile-topbar .brand-link>span:last-child{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.sync-conflict-modal{border:1px solid var(--line);width:min(560px,100% - 32px);color:var(--ink);background:var(--surface-raised);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}.sync-conflict-modal>header{border-bottom:1px solid var(--line);grid-template-columns:42px minmax(0,1fr) 38px;align-items:center;gap:11px;padding:18px;display:grid}.sync-conflict-modal>header h2{margin:0;font-size:19px}.sync-conflict-modal>header p{color:var(--muted);margin:2px 0 0;font-size:10px}.sync-conflict-modal>header>button{width:38px;height:38px;color:var(--muted);background:var(--control-bg);cursor:pointer;border:0;border-radius:10px;place-items:center;display:grid}.sync-conflict-icon{width:42px;height:42px;color:var(--danger-ink);background:var(--danger-soft);border-radius:12px;place-items:center;display:grid}.sync-conflict-body{gap:10px;padding:18px;display:grid}.sync-conflict-body>p{color:var(--muted);margin:0 0 3px;font-size:11px;line-height:1.65}.conflict-choice{border:1px solid var(--line);min-height:74px;color:var(--ink);background:var(--surface);text-align:left;cursor:pointer;border-radius:13px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px;padding:12px;display:grid}.conflict-choice:hover{border-color:var(--violet);background:var(--violet-soft)}.conflict-choice.recommended{border-color:color-mix(in srgb,var(--violet) 50%,var(--line))}.conflict-choice>svg:first-child{color:var(--violet)}.conflict-choice strong,.conflict-choice small{display:block}.conflict-choice strong{font-size:12px}.conflict-choice small{color:var(--muted);margin-top:3px;font-size:9px;line-height:1.45}.conflict-download{min-height:42px;color:var(--violet-dark);background:var(--violet-soft);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:750;display:inline-flex}.conflict-download svg{width:15px}.cycle-actions{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:11px;margin:0 22px 13px;padding:14px;display:grid}.cycle-actions>div:first-child strong,.cycle-actions>div:first-child small{display:block}.cycle-actions>div:first-child strong{font-size:11px}.cycle-actions>div:first-child small{color:var(--muted);margin-top:2px;font-size:9px}.cycle-action-buttons{flex-wrap:wrap;gap:6px;display:flex}.cycle-action-buttons button{border:1px solid var(--line);min-height:36px;color:var(--ink);background:var(--surface-raised);cursor:pointer;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}.cycle-action-buttons button:hover,.cycle-action-buttons button[aria-expanded=true]{border-color:var(--violet);color:var(--violet-dark);background:var(--violet-soft)}.cycle-action-buttons button.paid{border-color:color-mix(in srgb,var(--success-ink) 35%,var(--line));color:var(--success-ink);background:var(--success-soft)}.cycle-action-buttons svg{width:14px}.postpone-form{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:minmax(140px,.55fr) minmax(180px,1fr) auto;align-items:end;gap:8px;padding-top:11px;display:grid}.postpone-form label{color:var(--muted);font-size:9px;font-weight:700}.postpone-form input{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:var(--control-bg);border-radius:9px;margin-top:4px;padding:0 10px}.history-list article.skipped .history-dot{color:var(--warning-ink);background:var(--warning-soft)}.history-list article.postponed .history-dot{color:var(--violet-dark);background:var(--violet-soft)}.history-list .history-note{color:var(--muted);margin-top:3px;font-size:8px;display:block}.history-list .history-undo{border:1px solid var(--line);min-height:30px;color:var(--violet-dark);background:var(--surface);cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:0 7px;font-size:8px;font-weight:750;display:inline-flex}.history-list .history-undo svg{width:12px}.notification-diagnostics{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:15px;margin-top:18px;padding:16px}.notification-diagnostics.signed-out{align-items:center;gap:12px;min-height:92px;display:flex}.notification-diagnostics.signed-out>svg{box-sizing:content-box;width:38px;height:38px;color:var(--violet);background:var(--violet-soft);border-radius:12px;padding:9px}.notification-diagnostics.signed-out strong{font-size:11px}.notification-diagnostics.signed-out p{color:var(--muted);margin:3px 0 0;font-size:9px}.notification-diagnostics>header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.notification-diagnostics>header span{font-size:13px;font-weight:800;display:block}.notification-diagnostics>header p{color:var(--muted);margin:2px 0 0;font-size:9px}.diagnostic-channels{grid-template-columns:1fr 1fr;gap:9px;display:grid}.diagnostic-channels article{border:1px solid var(--line);background:var(--surface-raised);border-radius:12px;grid-template-columns:36px minmax(0,1fr);align-content:start;gap:9px;min-height:118px;padding:12px;display:grid}.diagnostic-channels article>i{width:35px;height:35px;color:var(--muted);background:var(--control-bg);border-radius:10px;place-items:center;display:grid}.diagnostic-channels article.ready>i{color:var(--success-ink);background:var(--success-soft)}.diagnostic-channels article.attention>i{color:var(--warning-ink);background:var(--warning-soft)}.diagnostic-channels strong,.diagnostic-channels span,.diagnostic-channels small{display:block}.diagnostic-channels strong{font-size:11px}.diagnostic-channels span{color:var(--muted);margin-top:1px;font-size:9px;font-weight:750}.diagnostic-channels small{min-height:26px;color:var(--text-subtle);margin-top:5px;font-size:8px;line-height:1.45}.diagnostic-channels button{min-height:33px;color:var(--violet-dark);background:var(--violet-soft);cursor:pointer;border:0;border-radius:8px;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.diagnostic-channels button:disabled{opacity:.48;cursor:not-allowed}.diagnostic-channels button svg{width:13px}.diagnostic-warning{color:var(--danger-ink);background:var(--danger-soft);border-radius:9px;align-items:center;gap:7px;margin-bottom:10px;padding:9px;font-size:9px;display:flex}.delivery-history{border-top:1px solid var(--line);margin-top:15px;padding-top:13px}.delivery-history h3{align-items:center;gap:6px;margin:0 0 8px;font-size:11px;display:flex}.delivery-history h3 svg{width:14px;color:var(--violet)}.delivery-history>div{gap:5px;display:grid}.delivery-history article{background:var(--surface-subtle,var(--soft));border-radius:9px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:52px;padding:7px 8px;display:grid}.delivery-history article>i{width:28px;height:28px;color:var(--muted);background:var(--surface);border-radius:8px;place-items:center;display:grid}.delivery-history article.sent>i{color:var(--success-ink);background:var(--success-soft)}.delivery-history article.failed>i{color:var(--danger-ink);background:var(--danger-soft)}.delivery-history article svg{width:13px}.delivery-history strong,.delivery-history small{display:block}.delivery-history strong{font-size:9px}.delivery-history small{color:var(--muted);margin-top:2px;font-size:8px}.delivery-history time{color:var(--text-subtle);text-align:right;font-size:8px}.diagnostic-empty,.diagnostic-loading{min-height:64px;color:var(--muted);justify-content:center;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}@media (width<=640px){.sync-conflict-modal{border-radius:20px 20px 0 0;width:100%}.cycle-actions{grid-template-columns:1fr;margin-inline:14px}.cycle-action-buttons{grid-template-columns:repeat(3,1fr);display:grid}.cycle-action-buttons button{justify-content:center;padding-inline:6px}.postpone-form,.diagnostic-channels{grid-template-columns:1fr}.delivery-history article{grid-template-columns:28px minmax(0,1fr)}.delivery-history time{text-align:left;grid-column:2}.welcome-hero{padding-block:42px 50px}.welcome-visual{margin-top:32px}.welcome-proof{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.welcome-proof>div{text-align:center;border-bottom:0;border-right:1px solid #cfc7b7;align-content:center;justify-items:center;gap:4px;min-height:92px;padding:11px 5px;display:grid}.welcome-proof>div:nth-child(3){border-right:0}.welcome-proof strong{font-size:22px}.welcome-proof div span{font-size:9px;line-height:1.35}.welcome-proof>p{border-top:1px solid #cfc7b7;grid-column:1/-1;justify-content:center;padding:13px 10px;font-size:10px}.welcome-features{padding-block:66px 58px}.welcome-section-heading{margin-bottom:24px}.welcome-section-heading>span{margin-top:12px;line-height:1.55}.welcome-feature-grid{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(82%,1fr);grid-auto-flow:column;gap:12px;padding:0 3px 12px;display:grid;overflow-x:auto}.welcome-feature-grid article,.feature-ledger,.feature-reminder,.feature-calendar,.feature-history{scroll-snap-align:start;grid-column:auto;height:352px;min-height:352px;padding:22px}.feature-ledger,.feature-history{flex-direction:column;gap:13px;display:flex}.feature-ledger .ledger-sample,.feature-history .price-history{width:100%;margin-top:auto}.feature-reminder,.feature-calendar{flex-direction:column;display:flex}.welcome-reminder-days,.calendar-stamp{margin-top:auto}.price-history{grid-column:auto;justify-content:center}.welcome-how{padding:62px 20px}.welcome-how-intro>p{margin-bottom:12px}.welcome-how li{padding-block:20px}.welcome-how li p{line-height:1.55}.welcome-privacy{margin-block:58px;padding:24px}.privacy-seal{width:118px;padding:12px}.privacy-copy>span{margin-top:14px;line-height:1.65}.welcome-privacy li{padding-block:11px}.welcome-final-cta{min-height:390px;margin-bottom:44px;padding:26px}.cta-scribble{top:43%}}:root{--ledger-paper:color-mix(in srgb, var(--surface-raised) 92%, var(--amber));--ledger-paper-muted:color-mix(in srgb, var(--surface-overlay) 88%, var(--amber));--ledger-rule:var(--line);--ledger-frame:var(--ink);--ledger-marker:var(--amber);--ledger-offset-shadow:color-mix(in srgb, var(--violet) 26%, transparent)}html[data-theme=dark]{--ledger-paper:var(--surface-raised);--ledger-paper-muted:var(--surface-overlay);--ledger-frame:#77709d;--ledger-marker:#f1c95b;--ledger-offset-shadow:#3a335d}button,input,select,textarea{font:inherit}input,select,textarea{color:var(--ink)}:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb, var(--violet) 38%, transparent);outline-offset:3px}.cards-page .privacy-banner{border:1px dashed var(--border-strong);color:var(--success-ink);background:color-mix(in srgb, var(--success-soft) 70%, var(--ledger-paper));border-radius:8px;margin-bottom:18px}.payment-method-ledger{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.payment-method-entry{--method-accent:var(--violet);border:1px solid var(--ledger-rule);border-inline-start:7px solid var(--method-accent);background:var(--ledger-paper);min-width:0;box-shadow:4px 4px 0 var(--ledger-offset-shadow);border-radius:8px;overflow:hidden}.payment-method-entry--blue,.payment-method-entry--sky{--method-accent:#3288c7}.payment-method-entry--violet,.payment-method-entry--indigo{--method-accent:#6657e8}.payment-method-entry--orange,.payment-method-entry--coral{--method-accent:#ef7c45}.payment-method-entry--mint,.payment-method-entry--ocean{--method-accent:#2aa88d}.payment-method-entry--rose,.payment-method-entry--ruby,.payment-method-entry--fuchsia{--method-accent:#d44f7b}.payment-method-entry--gold,.payment-method-entry--cocoa{--method-accent:#d6982c}.payment-method-entry--graphite,.payment-method-entry--navy{--method-accent:#4c536d}.payment-method-entry--forest{--method-accent:#3f9364}.payment-method-heading{grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:88px;padding:14px 14px 12px;display:grid}.payment-method-logo{border:1px solid var(--ledger-rule);background:var(--surface-raised);border-radius:7px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.payment-method-title{min-width:0}.payment-method-title small,.payment-method-title strong,.payment-method-title span{display:block}.payment-method-title small{color:var(--method-accent);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.payment-method-title strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.payment-method-title span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:10px;overflow:hidden}.payment-method-actions{gap:6px;display:flex}.payment-method-actions button{border:1px solid var(--ledger-rule);width:44px;height:44px;color:var(--violet-dark);background:var(--surface-raised);cursor:pointer;border-radius:7px;place-items:center;display:grid}.payment-method-actions button:hover{background:var(--surface-hover)}.payment-method-actions button.danger{color:var(--danger-ink)}.payment-method-actions svg{width:16px}.payment-method-summary{border-block:1px solid var(--ledger-rule);background:var(--ledger-paper-muted);grid-template-columns:1.2fr .75fr 1fr;display:grid}.payment-method-summary>div{min-width:0;padding:11px 13px}.payment-method-summary>div+div{border-inline-start:1px solid var(--ledger-rule)}.payment-method-summary span,.payment-method-summary strong{display:block}.payment-method-summary span{color:var(--muted);font-size:9px}.payment-method-summary strong{color:var(--ink);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.payment-method-services{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-height:53px;padding:10px 14px;display:grid}.payment-method-services>span{color:var(--muted);font-size:9px;font-weight:700}.payment-method-services>div{justify-content:flex-end;gap:5px;min-width:0;display:flex;overflow:hidden}.payment-method-services b{border:1px solid var(--ledger-rule);max-width:112px;color:var(--muted);background:var(--surface-raised);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:4px 7px;font-size:8px;font-weight:650;overflow:hidden}.payment-method-services small{color:var(--text-subtle);font-size:9px}.payment-method-add{border:1px dashed var(--border-strong);min-height:208px;color:var(--muted);background:color-mix(in srgb, var(--ledger-paper) 70%, transparent);cursor:pointer;border-radius:8px;place-content:center;justify-items:center;gap:6px;display:grid}.payment-method-add:hover{border-color:var(--violet);color:var(--violet-dark);background:var(--violet-soft)}.payment-method-add>span{border:1px solid;border-radius:7px;place-items:center;width:44px;height:44px;margin-bottom:2px;display:grid}.payment-method-add strong{color:inherit;font-size:13px}.payment-method-add small{color:var(--text-subtle);font-size:9px}.calendar-page .month-picker{border:2px solid var(--ledger-frame);background:var(--ledger-paper);border-radius:8px;height:auto;min-height:48px;padding:1px}.calendar-page .month-picker button{border-radius:5px;width:44px;height:44px}.calendar-page .month-picker button:hover{color:var(--violet-dark);background:var(--violet-soft)}.calendar-page .calendar-stats{border:2px solid var(--ledger-frame);background:var(--ledger-paper);box-shadow:7px 7px 0 var(--ledger-offset-shadow);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:18px;display:grid;overflow:hidden}.calendar-page .calendar-stats article{min-width:0;min-height:112px;color:var(--ink);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:11px;padding:17px;display:grid}.calendar-page .calendar-stats article+article{border-inline-start:1px solid var(--ledger-rule)}.calendar-page .calendar-stats article:first-child{background:color-mix(in srgb, var(--ledger-marker) 22%, var(--ledger-paper))}.calendar-page .calendar-stats i{border:1px solid var(--ledger-frame);color:#171827;background:var(--ledger-marker);border-radius:5px;place-items:center;width:36px;height:36px;display:grid}.calendar-page .calendar-stats i svg{width:17px}.calendar-page .calendar-stats article span,.calendar-page .calendar-stats article small,.calendar-page .calendar-stats article strong{min-width:0;display:block}.calendar-page .calendar-stats article span{color:var(--muted);opacity:1;font-size:9px;font-weight:700}.calendar-page .calendar-stats article strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:clamp(16px,1.6vw,22px);line-height:1.2;overflow:hidden}.calendar-page .calendar-stats article small{color:var(--text-subtle);opacity:1;margin-top:4px;font-size:8px}.calendar-page .calendar-layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px}.calendar-page .month-grid,.calendar-page .calendar-agenda{border:2px solid var(--ledger-frame);background:var(--ledger-paper);border-radius:8px}.calendar-page .weekday-row{border-bottom:1px solid var(--ledger-rule)}.calendar-page .weekday-row span{padding-block:4px 11px;font-weight:700}.calendar-page .days-grid{gap:3px;padding-top:4px}.calendar-page .days-grid button{border-radius:5px;min-height:62px}.calendar-page .days-grid button:not(:disabled){background:var(--ledger-paper-muted)}.calendar-page .days-grid button.today>span{background:var(--violet);border-radius:4px}.calendar-page .calendar-agenda>button{border-radius:4px;min-height:64px;padding-inline:7px}.calendar-page .agenda-note{border-radius:5px}.modal-back,.modal-close,.small-modal header button,.auth-modal header>button{width:44px;height:44px}.card-tone-choice{min-height:44px;padding:7px 11px}.item-icon-options button{min-height:44px}.icon-button{width:44px;height:44px}@media (width<=1040px){.payment-method-ledger,.calendar-page .calendar-layout{grid-template-columns:1fr}}@media (width<=640px){.cards-page .privacy-banner{padding:13px}.payment-method-entry{box-shadow:3px 3px 0 var(--ledger-offset-shadow)}.payment-method-heading{grid-template-columns:44px minmax(0,1fr) auto;gap:9px;padding-inline:11px}.payment-method-logo{width:42px;height:42px}.payment-method-actions{gap:4px}.payment-method-summary>div{padding:10px 8px}.payment-method-summary span{font-size:8px}.payment-method-summary strong{font-size:11px}.payment-method-services{grid-template-columns:1fr;gap:5px}.payment-method-services>div{justify-content:flex-start}.payment-method-add{min-height:150px}.calendar-page .calendar-stats{box-shadow:5px 5px 0 var(--ledger-offset-shadow);grid-template-columns:repeat(2,minmax(0,1fr))}.calendar-page .calendar-stats article{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:86px;padding:12px}.calendar-page .calendar-stats article:first-child{grid-column:1/-1}.calendar-page .calendar-stats article:nth-child(2){border-inline-start:0;border-top:1px solid var(--ledger-rule)}.calendar-page .calendar-stats article:nth-child(3){border-top:1px solid var(--ledger-rule)}.calendar-page .calendar-stats i{width:30px;height:30px}.calendar-page .calendar-stats article strong{font-size:16px}.calendar-page .month-grid,.calendar-page .calendar-agenda{padding:12px}.calendar-page .days-grid button{min-height:48px}}@media (forced-colors:active){.payment-method-entry,.calendar-page .calendar-stats,.calendar-page .month-grid,.calendar-page .calendar-agenda{box-shadow:none;border-color:canvastext}.payment-method-entry{border-inline-start-width:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.route-loading-spinner{animation:none}}