@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.262b87c4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.380d09ea.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_823e41aa-module__EnC4ma__className{font-family:Instrument Serif,Instrument Serif Fallback;font-style:normal;font-weight:400}.instrument_serif_823e41aa-module__EnC4ma__variable{--font-instrument:"Instrument Serif","Instrument Serif Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--bg-elevated:#18181b;--bg-soft:#27272a;--border-subtle:#3f3f46;--border-strong:#52525b;--text:#f4f4f5;--text-muted:#a1a1aa;--text-soft:#71717a;--accent:#9b87ff;--accent-soft:#9b87ff29;--accent-strong:#c7b7ff;--danger:#ff5c7a;--danger-soft:#ff5c7a2e;--success:#22c55e;--success-soft:#22c55e2e;--radius-lg:18px;--radius-md:10px;--radius-pill:999px;--shadow-soft:0 4px 16px #00000040}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f5ff;--bg-elevated:#fff;--bg-soft:#f3f2fb;--border-subtle:#0f04280f;--border-strong:#0f042824;--text:#141015;--text-muted:#5b5670;--text-soft:#847f97;--accent:#715aff;--accent-soft:#715aff24;--accent-strong:#4531da;--danger:#e5484d;--danger-soft:#e5484d2e;--success:#16a34a;--success-soft:#16a34a26;--shadow-soft:0 4px 20px #0f042814}html,body{margin:0;padding:0}html{font-size:17px}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-inter,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif);-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;letter-spacing:normal}body:before{content:"";opacity:.75;pointer-events:none;z-index:-1;background:radial-gradient(circle at top,#9b87ff2e,#0000 55%);position:fixed;inset:-40vh -40vw auto}body:after{content:"";opacity:.4;pointer-events:none;z-index:-1;background:radial-gradient(circle at bottom,#22c55e33,#0000 55%);position:fixed;inset:auto -40vw -40vh}h1,h2{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);letter-spacing:normal;word-spacing:normal;margin:0;font-weight:400}h3,h4{font-family:var(--font-inter,system-ui,-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif);letter-spacing:normal;word-spacing:normal;margin:0;font-weight:500}.hero-heading{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);letter-spacing:0;word-spacing:0;font-size:clamp(3.2rem,5vw,4.2rem);font-weight:400;line-height:1.05}.section-title{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);letter-spacing:0;word-spacing:0;font-weight:400}p{color:var(--text-muted);margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{max-width:960px;margin:0 auto;padding:2.25rem 1.5rem 3.5rem}@media (min-width:960px){.app-shell{padding-inline:0;padding-top:2.75rem}}.navbar{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;background:radial-gradient(circle at 0 0,#9b87ff14,#0000 55%),#18181bf2;border-radius:999px;justify-content:space-between;align-items:center;margin-bottom:2.75rem;padding:.7rem 1.1rem;display:flex}[data-theme=light] .navbar{border:1px solid var(--border-subtle);background:#faf8fff2}.navbar-left{align-items:center;gap:.6rem;display:flex}.logo-wrapper{color:inherit;align-items:center;text-decoration:none;display:flex}.logo-img{object-fit:cover;vertical-align:middle;border-radius:50%;flex-shrink:0;width:36px;height:36px;margin-right:10px}.brand-name{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);letter-spacing:0;word-spacing:0;font-size:1.2rem;font-weight:400}.navbar-center{color:var(--text-soft);gap:1rem;font-size:.85rem;display:none}.navbar-center span{opacity:.9}.navbar-right{align-items:center;gap:.45rem;display:flex}@media (min-width:960px){.navbar{margin-bottom:3.25rem;padding-inline:3rem}.navbar-center{display:inline-flex}}@media (min-width:1280px){.navbar{padding-left:120px;padding-right:120px}}.btn{border-radius:var(--radius-pill);cursor:pointer;color:var(--text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;line-height:1.2;transition:background-color .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn-primary{color:#fff;box-shadow:none;background:#111;border-color:#0000;border-radius:999px;padding:14px 28px;font-weight:500;transition:all .2s}.btn-primary:hover{background:#000;transform:translateY(-1px)}[data-theme=light] .btn-primary{color:#fff;background:#111}[data-theme=light] .btn-primary:hover{background:#000}.btn-ghost{color:var(--text-soft);background:#0c0c18e6;border-color:#ffffff14}[data-theme=light] .btn-ghost{background:#ffffffe6;border-color:#00000008}.btn-ghost:hover{border-color:var(--border-strong);background:#12121ee6}[data-theme=light] .btn-ghost:hover{background:#f8f6ffe6}.btn-ghost-danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn-ghost-danger:hover{background:#ff5c7a47}.btn-sm{padding-block:.3rem;padding-inline:.7rem;font-size:.75rem}.btn-lg{padding:.85rem 1.6rem;font-size:.95rem}.btn-primary.btn-lg{padding:14px 28px}.btn-pill{border-radius:var(--radius-pill)}.btn[disabled],.btn:disabled{opacity:.55;cursor:default;box-shadow:none;transform:none}.login-container{text-align:center;max-width:400px;margin:0 auto;padding:3rem 1.5rem}.login-container h1{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);margin-bottom:1.5rem;font-size:1.75rem}.login-container .btn{cursor:pointer}.page{flex-direction:column;gap:4.75rem;display:flex}.hero{padding-top:1.8rem}.hero-inner{justify-content:center;max-width:800px;margin:0 auto;padding-inline:1.25rem;display:flex}.hero-main{text-align:center}.hero-badge{color:var(--text-soft);background:#10101ce6;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:.9rem;padding:.22rem .58rem;font-size:.68rem;display:inline-flex}[data-theme=light] .hero-badge{color:var(--text-soft);background:#f5f5f7;border-color:#0f172a0f}.hero-dot{background:#4ade80;border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 4px #4ade8033}.hero-subtitle{font-family:var(--font-inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif);letter-spacing:normal;text-align:center;max-width:620px;color:var(--text-muted);margin-top:1.35rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.hero-subsubtitle{font-family:var(--font-inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif);letter-spacing:normal;text-align:center;max-width:620px;color:var(--text-soft);margin-top:.75rem;margin-left:auto;margin-right:auto;font-size:1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem;display:flex}.hero-meta{color:var(--text-soft);margin-top:1.5rem;font-size:.8rem}.hero-meta span{opacity:.8}.hero-renewal-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;align-items:center;gap:.55rem;width:100%;max-width:400px;margin-top:2.8rem;margin-left:auto;margin-right:auto;padding:1.6rem 1.8rem;display:flex}[data-theme=light] .hero-renewal-card{border:1px solid var(--border-subtle);background:#fff}.hero-renewal-title{color:var(--text-soft);font-size:.9rem}.hero-renewal-amount{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);font-size:2.1rem}.hero-renewal-amount--muted{color:var(--text-muted);font-family:inherit;font-size:1.1rem}.hero-renewal-caption{color:var(--text-soft);font-size:.82rem}.hero-renewal-caption--overdue{color:var(--danger)}@media (min-width:960px){.hero{padding-top:2rem}}.section{border-top:1px solid var(--border-subtle);margin-top:4.25rem;padding-top:2.5rem}.section-header{flex-direction:column;gap:.6rem;margin-bottom:1.9rem;display:flex}.section-title{font-size:1.3rem}.section-description{max-width:30rem;font-size:.96rem}.section-grid{gap:1rem;display:grid}@media (min-width:720px){.section-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.section-money-cta .section-header{text-align:center;align-items:center}.section-money-cta .section-description{max-width:36rem;margin-left:auto;margin-right:auto}.section-money-cta-actions{justify-content:center;margin-top:.5rem;display:flex}.feature-card{border-radius:var(--radius-lg);box-shadow:none;background:#0a0c18e6;border:1px solid #94a3b84d;padding:1.25rem 1.3rem;transition:border-color .18s,transform .18s,box-shadow .18s,background-color .18s}[data-theme=light] .feature-card{background:#f9f9fb}.feature-card:hover{border-color:var(--accent-soft);transform:translateY(-1px)}.feature-title{margin-bottom:.4rem;font-size:.95rem}.feature-body{font-size:.85rem}.why-grid{gap:1.2rem;display:grid}@media (min-width:720px){.why-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1.2fr)}}.why-panel{border-radius:var(--radius-lg);box-shadow:none;background:#0a0c18f5;border:1px solid #94a3b84d;padding:1.25rem 1.4rem}[data-theme=light] .why-panel{background:#fdfdff}.why-list{color:var(--text-soft);margin-top:.8rem;padding-left:1.1rem;font-size:.88rem}.why-list li+li{margin-top:.35rem}.why-note{color:var(--text-soft);font-size:.8rem}.site-footer{color:var(--text-soft);border-top:1px solid #94a3b842;flex-wrap:wrap;justify-content:space-between;gap:.9rem;margin-top:4rem;padding-top:1.2rem;font-size:.8rem;display:flex}.site-footer-links{gap:.9rem;display:flex}.site-footer-links a{opacity:.85}.site-footer-links a:hover{opacity:1}.site-footer-sep{color:var(--text-soft);opacity:.7}.site-footer-x{align-items:center;gap:.35rem;transition:opacity .2s;display:inline-flex}.site-footer-x:hover{opacity:1}.site-footer-x-icon{transition:transform .2s;display:inline-flex}.site-footer-x:hover .site-footer-x-icon{transform:scale(1.1)}.dashboard{margin-top:1.2rem;padding-bottom:3rem}.dashboard-inner{flex-direction:column;gap:1.75rem;max-width:720px;margin:0 auto;display:flex}.dashboard-back{color:var(--text-muted);align-self:flex-start;font-size:.875rem;text-decoration:none;transition:color .2s}.dashboard-back:hover{color:var(--text)}.dashboard-header{flex-direction:column;gap:.5rem;margin-bottom:.25rem;display:flex}.dashboard-title{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);font-size:1.6rem;font-weight:400}.dashboard-subtitle{max-width:32rem;color:var(--text-muted);font-size:.9rem}.dashboard-account-row{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.dashboard-metric-pill{color:var(--text-soft);background:#0f172ab3;border:1px solid #94a3b859;border-radius:999px;padding:.24rem .6rem;font-size:.8rem}[data-theme=light] .dashboard-metric-pill{background:#f8f6ffe6;border-color:#94a3b880}.btn-logout{color:#fff;cursor:pointer;height:36px;box-shadow:none;background:#111;border:none;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .2s,transform .2s}.btn-logout:hover{background:#000;transform:translateY(-1px)}[data-theme=light] .btn-logout{color:#fff;background:#111}.dashboard-columns{gap:1.5rem;display:grid}@media (min-width:880px){.dashboard-columns{grid-template-columns:minmax(0,1.15fr) minmax(0,1.4fr);align-items:flex-start}}.dashboard-panel{border:1px solid var(--border-subtle);box-shadow:none;background:#06060cf5;border-radius:12px;padding:24px}.dashboard-panel-form,.dashboard-panel-list{padding:24px}[data-theme=light] .dashboard-panel{box-shadow:none;background:#fff;border-color:#e5e7eb}.dashboard-panel-header{justify-content:space-between;align-items:center;margin-bottom:.9rem;display:flex}.dashboard-panel-title{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);margin-bottom:.25rem;font-size:1.1rem;font-weight:400}.dashboard-panel-subtitle{color:var(--text-soft);margin-bottom:1rem;font-size:.8rem}.dashboard-panel-subtitle:last-of-type{margin-bottom:0}.form-dashboard,.btn-add-sub{margin-top:.5rem}.btn-delete{height:32px;color:var(--text-soft);border:1px solid var(--border-subtle);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px;font-size:.75rem;transition:color .2s,border-color .2s,background .2s}.btn-delete:hover{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.dashboard-toast{color:#fff;z-index:100;background:#111;border-radius:999px;padding:10px 18px;font-size:.875rem;animation:.25s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0003}[data-theme=light] .dashboard-toast{color:#fff;background:#374151}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-backdrop{z-index:200;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px;width:100%;max-width:360px;max-height:90vh;padding:1.5rem;overflow-y:auto}[data-theme=light] .modal-content{border-color:var(--border-subtle);background:#fff}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-title{font-family:var(--font-instrument,"Instrument Serif",Georgia,"Times New Roman",serif);margin:0;font-size:1.25rem;font-weight:400}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;font-size:1.5rem;line-height:1;transition:color .2s,background .2s}.modal-close:hover{color:var(--text);background:var(--bg-soft)}.form-transaction .field-group{margin-bottom:.5rem}.btn-transaction-submit{width:100%;margin-top:1rem}.dashboard-panel-money-wrap{padding:24px}.dashboard-panel-money .dashboard-panel-title{margin-bottom:.35rem}.money-actions{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.btn-add-income,.btn-add-expense{border:1px solid var(--border-subtle);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:.5rem 1rem;font-size:.85rem;transition:background .2s,border-color .2s,color .2s}.btn-add-income:hover{border-color:var(--success);background:var(--success-soft);color:var(--success)}.btn-add-expense:hover{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.btn-view-transactions{border:1px solid var(--border-subtle);background:var(--bg-soft);color:var(--text);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:.8rem;transition:background .2s,border-color .2s,color .2s}.btn-view-transactions:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.money-tabs{gap:.25rem;margin-bottom:1rem;display:flex}.money-tab{border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;transition:background .2s,border-color .2s,color .2s}.money-tab:hover{color:var(--text);border-color:var(--border-strong)}.money-tab--active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.money-card{border:1px solid var(--border-subtle);background:var(--bg-soft);border-radius:12px;padding:1.25rem}[data-theme=light] .money-card{border-color:var(--border-subtle);background:#00000008}.money-card-loading{color:var(--text-muted);padding:.5rem 0;font-size:.9rem}.money-row{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.money-row:last-child{border-bottom:none}.money-label{color:var(--text-muted)}.money-value{font-weight:600}.money-value--income{color:var(--success)}.money-value--expense{color:var(--danger)}.money-value--balance{color:var(--text);font-weight:700}.modal-content--transactions{flex-direction:column;max-width:640px;max-height:85vh;display:flex}.modal-content--transactions .modal-header{flex-shrink:0}.transactions-list-filters{flex-wrap:wrap;flex-shrink:0;gap:.25rem;margin-bottom:1rem;display:flex}.transactions-list-wrap{flex:1;min-height:120px;overflow-y:auto}.transactions-list-loading,.transactions-list-empty{color:var(--text-muted);margin:0;padding:1rem 0;font-size:.9rem}.transactions-list{margin:0;padding:0;list-style:none}.transactions-list-item{border-bottom:1px solid var(--border-subtle);grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:.75rem 1rem;padding:.6rem 0;font-size:.85rem;display:grid}.transactions-list-item:last-child{border-bottom:none}.transactions-list-type{font-size:.75rem;font-weight:600}.transactions-list-type--income{color:var(--success)}.transactions-list-type--expense{color:var(--danger)}.transactions-list-title{color:var(--text);min-width:0}.transactions-list-amount{font-weight:600}.transactions-list-amount--income{color:var(--success)}.transactions-list-amount--expense{color:var(--danger)}.transactions-list-category{color:var(--text-muted);font-size:.8rem}.transactions-list-date{color:var(--text-soft);font-size:.8rem}@media (max-width:560px){.transactions-list-item{grid-template-columns:1fr;gap:.25rem}.transactions-list-type{order:0}.transactions-list-title{order:1}.transactions-list-amount{order:2}.transactions-list-category,.transactions-list-date{order:3}}.dashboard-empty-note{color:var(--text-soft);font-size:.8rem}.dashboard-loading{color:var(--text-soft);flex-direction:column;align-items:center;gap:.5rem;margin-top:4rem;font-size:.9rem;display:flex}.loading-dot-row{gap:.25rem;display:flex}.loading-dot{background:var(--accent);opacity:.4;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite pulse}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.32s}@keyframes pulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.form{flex-direction:column;gap:.85rem;display:flex}.field-group{flex-direction:column;gap:.35rem;display:flex}.field-row{gap:.75rem;display:flex}.field-row .field-group{flex:1}.field-label{letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft);font-size:.78rem}input,select{width:100%;color:var(--text);background:#0f172ad9;border:1px solid #94a3b873;border-radius:999px;outline:none;padding:.55rem .9rem;font-size:.86rem;transition:border-color .15s,box-shadow .15s,background-color .15s}[data-theme=light] input,[data-theme=light] select{color:#141015;background:#fbfaff;border-color:#94a3b8b3}input::placeholder{color:#94a3b8b3}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 1px #9b87ffcc}.field-help{color:var(--text-soft);font-size:.78rem}.field-error{color:var(--danger);font-size:.78rem}.form-footer{color:var(--text-soft);justify-content:space-between;align-items:center;gap:.6rem;margin-top:.3rem;font-size:.8rem;display:flex}.pill{background:#0f172abf;border:1px solid #94a3b880;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}[data-theme=light] .pill{background:#f8f6ffe6;border-color:#94a3b8b3}.subscription-list{margin-top:.5rem}.subscription-list-header{color:var(--text-soft);justify-content:space-between;align-items:center;margin-bottom:.7rem;font-size:.78rem;display:flex}.subscription-count{color:var(--text-soft);font-size:.78rem}.subscription-grid{gap:.75rem;display:grid}.subscription-card{border:1px solid var(--border-subtle);background:var(--bg-elevated);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:border-color .2s;display:flex}[data-theme=light] .subscription-card{background:#fff;border-color:#e5e7eb}.subscription-card:hover{border-color:var(--border-strong)}.subscription-main{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.subscription-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.subscription-name{font-size:.95rem;font-weight:600}.subscription-badge{border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:500}.subscription-badge--paid{background:var(--success-soft);color:var(--success)}.subscription-badge--soon{color:#ca8a04;background:#eab30833}.subscription-badge--due{background:var(--danger-soft);color:var(--danger)}.subscription-expiring{color:var(--text-muted);font-size:.78rem}.subscription-expiring--overdue{color:var(--danger)}.subscription-meta{color:var(--text-soft);font-size:.8rem}.btn-mark-paid{border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);cursor:pointer;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;transition:opacity .2s,background .2s}.btn-mark-paid:hover{opacity:.95;background:#9b87ff40}.subscription-billing{text-align:left;color:var(--text-soft);font-size:.82rem}.subscription-amount{font-size:1rem}.subscription-frequency{color:var(--text-soft);font-size:.78rem}.subscription-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}@keyframes card-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.subscription-card{grid-template-rows:auto auto;grid-template-columns:minmax(0,1.7fr) minmax(0,1.2fr)}.subscription-actions{grid-column:1/-1;justify-content:flex-start}}.empty-state{border-radius:var(--radius-lg);background:#0f172ae6;border:1px dashed #94a3b866;flex-direction:column;gap:.55rem;padding:1.1rem 1.2rem;display:flex}[data-theme=light] .empty-state{background:#faf9fff2}.empty-pill{color:var(--text-soft);border:1px solid #94a3b880;border-radius:999px;align-items:center;gap:.35rem;padding:.22rem .6rem;font-size:.78rem;display:inline-flex}.empty-dot{background:var(--accent);border-radius:999px;width:7px;height:7px}.empty-title{font-size:.95rem}.empty-body{color:var(--text-soft);font-size:.84rem}.empty-hint{color:var(--text-soft);font-size:.78rem}.theme-toggle{cursor:pointer;background:#27272a;border:none;border-radius:999px;align-items:center;width:42px;height:24px;padding:3px;transition:background-color .2s;display:inline-flex;position:relative}[data-theme=light] .theme-toggle{background:#e4e4e7}.theme-toggle-thumb{z-index:1;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:relative;transform:translate(0);box-shadow:0 1px 2px #0003}[data-theme=light] .theme-toggle-thumb{transform:translate(18px)}.theme-toggle-icons{pointer-events:none;color:#ffffff80;justify-content:space-between;align-items:center;padding:0 4px;display:flex;position:absolute;inset:0}[data-theme=light] .theme-toggle-icons{color:#00000073}.theme-toggle-icon{opacity:.5;justify-content:center;align-items:center;width:12px;height:12px;font-size:10px;display:flex}[data-theme=dark] .theme-toggle-icon--moon,[data-theme=light] .theme-toggle-icon--sun{opacity:1}