:root{--bg:#f4f7fb;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#111827;--blue:#2563eb;--green:#16a34a;--red:#dc2626;--shadow:0 12px 35px rgba(15,23,42,.07);--radius:22px}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;background:var(--bg);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1180px)/2));background:rgba(244,247,251,.92);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(229,231,235,.75)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em}.brand-mark{width:38px;height:38px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(17,24,39,.18)}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn,.avatar{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 4px 12px rgba(15,23,42,.04)}.content{max-width:1180px;margin:0 auto;padding:30px 20px 110px}.page-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:10px 0 26px}.page-head h1{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:3px 0 6px;letter-spacing:-.04em}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:#64748b}.muted{color:var(--muted);margin:0}.month-input,input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;outline:none;color:var(--text);width:100%;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#94a3b8;box-shadow:0 0 0 4px rgba(148,163,184,.12)}.month-input{width:auto}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.summary-card{background:var(--card);border:1px solid rgba(229,231,235,.9);border-radius:20px;padding:20px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:7px;min-height:135px}.summary-card.balance{background:#111827;color:#fff;border-color:#111827}.summary-card span{font-size:13px;color:var(--muted);font-weight:700}.summary-card.balance span,.summary-card.balance small{color:#cbd5e1}.summary-card strong{font-size:25px;letter-spacing:-.03em}.summary-card small{color:var(--muted)}.positive{color:var(--green)!important}.negative{color:var(--red)!important}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 34px}.quick{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px 17px}.quick>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:24px;font-weight:800}.quick.expense>span{background:#fee2e2;color:#b91c1c}.quick.income>span{background:#dcfce7;color:#15803d}.quick strong,.quick small{display:block}.quick small{color:var(--muted);margin-top:3px}.section-block{margin:28px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.section-title h2{margin:2px 0 0;font-size:22px;letter-spacing:-.03em}.section-title>a{font-size:13px;font-weight:800;color:#475569}.wallet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.wallet-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;min-height:190px;box-shadow:var(--shadow);position:relative;overflow:hidden}.wallet-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--wallet)}.wallet-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:800;color:var(--muted)}.wallet-dot{width:12px;height:12px;border-radius:50%;background:var(--wallet)}.wallet-card h3{margin:20px 0 8px}.wallet-card>strong{font-size:27px}.wallet-card>small{display:block;color:var(--muted);margin-top:4px}.wallet-pending{position:absolute;right:14px;bottom:14px;font-size:11px;font-weight:800;background:#fff7ed;color:#c2410c;padding:6px 8px;border-radius:999px}.progress,.bar{height:6px;background:#eef2f7;border-radius:99px;overflow:hidden;margin-top:14px}.progress i{display:block;height:100%;background:var(--wallet);border-radius:99px}.dashboard-columns{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.list-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.tx-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #eef2f7}.tx-row:last-child{border-bottom:0}.tx-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--tx,#64748b) 12%,#fff);color:var(--tx,#64748b);font-weight:900}.tx-icon.income{background:#dcfce7;color:#15803d}.tx-main{min-width:0;flex:1}.tx-main strong,.tx-main small{display:block}.tx-main strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-main small,.tx-value small{color:var(--muted);margin-top:3px;font-size:12px}.tx-value{text-align:right;flex:0 0 auto}.tx-value strong{display:block}.late{color:#dc2626!important;font-weight:800}.category-list{padding:7px 16px}.cat-row{padding:13px 0}.cat-line{display:flex;justify-content:space-between;font-size:13px}.bar i{display:block;height:100%;background:var(--cat);border-radius:99px}.empty{padding:35px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cbd5e1;border-radius:20px}.empty strong{color:var(--text);display:block;margin-bottom:5px}.empty.compact{border:0}.btn{border:0;border-radius:13px;padding:11px 15px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:#111827;color:#fff}.btn-soft{background:#eef2f7;color:#1f2937}.btn-ghost{background:transparent;color:#475569;border:1px solid var(--line)}.btn-danger-soft{background:#fee2e2;color:#b91c1c}.btn-block{width:100%}.manage-grid{display:grid;gap:12px}.manage-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;display:flex;align-items:center;gap:14px}.manage-card.disabled{opacity:.5}.manage-color{width:15px;align-self:stretch;border-radius:10px}.manage-main{flex:1}.manage-main h3{margin:0 0 4px}.manage-main h3 span{font-size:12px;color:var(--muted)}.manage-main p{margin:0;color:var(--muted);font-size:13px}.manage-actions{display:flex;gap:8px}.form-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:22px;display:grid;gap:16px;max-width:820px}.form-card h2{margin:0 0 4px}.form-card label{display:grid;gap:7px;font-size:13px;font-weight:800;color:#374151}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:4px}.type-toggle{display:grid;grid-template-columns:1fr 1fr;background:#eef2f7;padding:4px;border-radius:16px}.type-toggle input{display:none}.type-toggle span{display:block;text-align:center;padding:13px;border-radius:12px;font-weight:900;color:#64748b}.type-toggle input:checked+span{background:#fff;color:#111827;box-shadow:0 3px 9px rgba(15,23,42,.07)}.big-money{font-size:30px;font-weight:900;letter-spacing:-.04em;padding:18px}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:10px!important}.check input{width:20px;height:20px}.wallet-field.optional:after{content:'Opcional para entradas';font-size:11px;color:var(--muted);font-weight:500}.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px}.page-actions{display:flex;gap:10px;align-items:center}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.install-help{background:#f8fafc;border-radius:14px;padding:14px;color:#475569;font-size:13px}.install-help p{margin-bottom:0}.flash{padding:13px 15px;border-radius:14px;margin-bottom:14px;font-weight:700}.flash.success{background:#dcfce7;color:#166534}.flash.error{background:#fee2e2;color:#991b1b}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(620px,calc(100% - 24px));height:70px;background:rgba(17,24,39,.96);border-radius:23px;padding:8px;display:flex;z-index:50;box-shadow:0 18px 45px rgba(15,23,42,.25);backdrop-filter:blur(16px)}.nav-item{flex:1;color:#94a3b8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:16px}.nav-item span{font-size:20px;line-height:1}.nav-item small{font-size:10px}.nav-item.active{color:#fff;background:rgba(255,255,255,.08)}.nav-add{color:#111827!important;background:#fff!important;margin:-18px 6px 0;height:62px;align-self:start;box-shadow:0 8px 22px rgba(0,0,0,.2)}.auth-page{display:grid;place-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at 50% 0,#fff 0,#f4f7fb 45%,#edf2f7 100%)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 25px 65px rgba(15,23,42,.12)}.install-card{width:min(720px,100%)}.auth-logo{display:flex;justify-content:center}.auth-card h1{text-align:center;margin:16px 0 6px;letter-spacing:-.04em}.auth-card>.muted{text-align:center;margin-bottom:22px}.stack{display:grid;gap:15px}.stack label{display:grid;gap:7px;font-size:13px;font-weight:800}.stack h3{margin:12px 0 -4px}.auth-tip{text-align:center;font-size:12px;color:var(--muted);margin:18px 0 0}
@media(max-width:900px){.summary-grid{grid-template-columns:1fr 1fr}.wallet-grid{grid-template-columns:1fr 1fr}.dashboard-columns{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr 1fr}.settings-grid{grid-template-columns:1fr}}
@media(max-width:640px){.topbar{height:62px;padding:0 14px}.brand span:last-child{font-size:15px}.brand-mark{width:34px;height:34px}.content{padding:18px 14px 105px}.page-head{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-head h1{font-size:31px}.page-head>.btn{width:100%}.summary-grid{grid-template-columns:1fr 1fr;gap:10px}.summary-card{padding:15px;min-height:120px}.summary-card strong{font-size:21px}.quick-grid{gap:10px;margin:12px 0 25px}.quick{padding:12px;gap:10px}.quick>span{width:38px;height:38px}.quick small{display:none}.wallet-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory;margin:0 -14px;padding:0 14px 6px;gap:10px}.wallet-card{min-width:78vw;scroll-snap-align:start}.section-block{margin:24px 0}.tx-row{padding:13px 12px}.tx-main small{max-width:52vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.manage-card{align-items:stretch;flex-wrap:wrap}.manage-main{min-width:65%}.manage-actions{width:100%}.manage-actions>*{flex:1}.manage-actions form button{width:100%}.grid-2{grid-template-columns:1fr}.form-card{padding:16px;border-radius:18px}.form-actions{display:grid;grid-template-columns:1fr 1fr}.form-actions .btn-danger-soft{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.filters input[name=q]{grid-column:1/-1}.filters .btn{width:100%}.page-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.page-actions form,.page-actions .month-input{width:100%}.bottom-nav{bottom:8px;width:calc(100% - 16px);height:66px;border-radius:21px}.nav-item small{font-size:9px}.auth-card{padding:22px;border-radius:22px}}
@media(max-width:390px){.summary-grid{grid-template-columns:1fr}.summary-card{min-height:auto}.quick-grid{grid-template-columns:1fr}.wallet-card{min-width:84vw}.filters{grid-template-columns:1fr}.filters input[name=q]{grid-column:auto}}