:root{color:#18212f;background:#f5f7f9;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.loading-screen{display:grid;min-height:100vh;place-items:center;color:#64748b}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);background:#fff;border-bottom:1px solid #e5e7eb}.brand{display:flex;align-items:center;gap:.65rem;font-weight:800;letter-spacing:-.04em;font-size:1.25rem}.brand-mark{display:grid;width:2rem;height:2rem;place-items:center;color:#fff;background:#0f766e;border-radius:.65rem}.user-menu{display:flex;align-items:center;gap:.75rem;color:#475569;font-size:.875rem}.layout{display:grid;grid-template-columns:14rem minmax(0,1fr);max-width:1440px;margin:auto}.sidebar{padding:1.5rem 1rem}.nav{display:grid;gap:.35rem}.nav button{width:100%;padding:.7rem .8rem;text-align:left;color:#64748b;background:transparent;border:0;border-radius:.55rem}.nav button:hover,.nav button.active{color:#0f766e;background:#dff6f2;font-weight:700}.content{padding:clamp(1.25rem,3vw,3rem)}.page-head,.panel-head,.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.page-head{align-items:flex-start;margin-bottom:1.75rem}h1{margin:0;font-size:clamp(1.65rem,4vw,2.25rem);letter-spacing:-.05em}h2{margin:0;font-size:1.05rem}.muted{color:#64748b}.eyebrow{margin:0 0 .25rem;color:#0f766e;font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.grid{display:grid;gap:1rem}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card,.panel{background:#fff;border:1px solid #e7edf1;border-radius:1rem;box-shadow:0 2px 8px #0f172a08}.card,.panel{padding:1.2rem}.stat-label{color:#64748b;font-size:.85rem}.stat-value{margin:.45rem 0 0;font-size:1.625rem;font-weight:800;letter-spacing:-.04em}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:1rem;margin-top:1rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem .9rem;color:#fff;background:#0f766e;border:1px solid #0f766e;border-radius:.55rem;font-weight:700}.button:hover{background:#115e59}.button.secondary{color:#0f766e;background:#fff}.button.danger{color:#b42318;border-color:#fecaca;background:#fff}.category-card{color:var(--category-text);background:var(--category-color);border-color:color-mix(in srgb,var(--category-color),#000 12%)}.category-card .badge{color:var(--category-text);background:#ffffff2e}.category-card .muted{color:color-mix(in srgb,var(--category-text),transparent 28%)}.category-card .subcategory-row{border-color:#fff3}.category-card .icon-button{color:var(--category-text)}.category-card .icon-button:hover{background:#ffffff26}.card-title-row,.subcategory-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.subcategory-list{display:grid;gap:.35rem;margin-top:1rem}.subcategory-row{padding:.45rem 0;border-top:1px solid #edf1f4;font-size:.9rem}.menu-wrap{position:relative}.icon-button{display:grid;width:2rem;height:2rem;place-items:center;padding:0;color:#475569;background:transparent;border:0;border-radius:.4rem;font-size:1.25rem}.icon-button:hover{background:#eef2f5}.icon-button.small{width:1.65rem;height:1.65rem;font-size:1.1rem}.context-menu{position:absolute;z-index:3;top:calc(100% + .25rem);right:0;display:grid;min-width:11rem;padding:.35rem;background:#fff;border:1px solid #e2e8f0;border-radius:.6rem;box-shadow:0 10px 24px #0f172a1c}.context-menu button{padding:.55rem .65rem;color:#334155;text-align:left;background:transparent;border:0;border-radius:.35rem}.context-menu button:hover{background:#f1f5f9}.context-menu .menu-danger{color:#b42318}.color-picker{display:flex;flex-wrap:wrap;gap:.55rem}.color-swatch{width:2rem;height:2rem;padding:0;background:var(--swatch);border:2px solid #fff;border-radius:999px;box-shadow:0 0 0 1px #cbd5e1}.color-swatch.selected{outline:3px solid #0f766e;outline-offset:2px}.hidden{display:none}.category-image{width:calc(100% + 2.4rem);height:11rem;margin:-1.2rem -1.2rem 1.2rem;object-fit:cover;border-radius:1rem 1rem .55rem .55rem;box-shadow:inset 0 -32px 32px #0002}.table-list{display:grid}.row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:.75rem;align-items:center;padding:.85rem 0;border-top:1px solid #edf1f4}.row:first-child{border-top:0}.amount{font-weight:750;text-align:right}.income{color:#15803d}.expense{color:#b42318}.transfer{color:#2563eb}.badge{display:inline-flex;width:fit-content;padding:.2rem .5rem;border-radius:999px;color:#475569;background:#eef2f5;font-size:.75rem;font-weight:700}.empty{padding:2rem;color:#64748b;text-align:center;border:1px dashed #cbd5e1;border-radius:.75rem}.auth{display:grid;min-height:100vh;grid-template-columns:1.1fr .9fr}.auth-intro{padding:clamp(2rem,7vw,7rem);color:#e6fffb;background:linear-gradient(145deg,#0f766e,#134e4a)}.auth-intro h1{max-width:10ch;margin-top:4rem;font-size:clamp(2.4rem,6vw,4.5rem)}.auth-intro p{max-width:34rem;color:#b8ece5;line-height:1.65}.auth-card{display:grid;place-items:center;padding:1.5rem}.auth-form{width:min(100%,27rem)}.auth-form h2{font-size:1.75rem;letter-spacing:-.04em}.field{display:grid;gap:.4rem;margin:1rem 0;font-size:.9rem;font-weight:650}.field input,.field select{width:100%;padding:.7rem .75rem;color:#18212f;background:#fff;border:1px solid #cbd5e1;border-radius:.55rem;outline-color:#0f766e}.form-error{margin:.75rem 0;padding:.7rem;color:#b42318;background:#fef2f2;border-radius:.5rem;font-size:.9rem}.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:1.5rem;background:#0f172a66}.dialog{width:min(96vw,48rem);max-height:calc(100vh - 3rem);overflow:auto;padding:1.75rem;background:#fff;border-radius:1rem;box-shadow:0 20px 50px #0f172a40}.dialog-actions{display:flex;justify-content:end;gap:.75rem;margin-top:1.5rem}.notice{margin:0 0 1rem;padding:.8rem 1rem;color:#075e54;background:#dff6f2;border-radius:.6rem}@media(max-width:760px){.auth{grid-template-columns:1fr}.auth-intro{padding:2rem}.auth-intro h1{margin-top:2rem}.layout{display:block}.sidebar{position:sticky;top:0;z-index:2;padding:.5rem;overflow-x:auto;background:#f5f7f9}.nav{display:flex;min-width:max-content}.nav button{width:auto}.stats,.split{grid-template-columns:1fr}.user-menu span{display:none}.row{grid-template-columns:1fr auto}.row .hide-small{display:none}}.table-list .row{position:relative;padding-right:2.4rem}.table-list .row>.menu-wrap{position:absolute;top:.55rem;right:0}.table-scroll{overflow-x:auto}.transactions-table{width:100%;min-width:48rem;border-collapse:collapse;font-size:.9rem}.transactions-table th{padding:.65rem .75rem;color:#64748b;text-align:left;font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #dbe3e8}.transactions-table td{padding:.85rem .75rem;border-bottom:1px solid #edf1f4;vertical-align:middle}.transactions-table tbody tr:hover{background:#f8fafc}.transactions-table .amount{text-align:right;white-space:nowrap}.transactions-table .menu-wrap{display:flex;justify-content:end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.25rem 1rem;margin:-.25rem 0 1.25rem;padding-bottom:1rem;border-bottom:1px solid #edf1f4}.filters .field{margin:.65rem 0}.filter-actions{display:flex;align-items:end;gap:.5rem;padding-bottom:.65rem}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1rem;color:#64748b;font-size:.875rem}.pagination .button:disabled{cursor:not-allowed;opacity:.45}#transactions-table_wrapper{padding-top:.25rem}.dt-search{margin-bottom:1rem}.dt-search label{color:#475569;font-size:.9rem;font-weight:650}.dt-search input{margin-left:.45rem;padding:.6rem .7rem;color:#18212f;background:#fff;border:1px solid #cbd5e1;border-radius:.55rem;outline-color:#0f766e}.dt-info{color:#64748b;font-size:.85rem}.dt-paging{display:flex;gap:.35rem}.dt-paging-button{padding:.45rem .65rem!important;color:#0f766e!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:.45rem!important}.dt-paging-button.current{color:#fff!important;background:#0f766e!important;border-color:#0f766e!important}.dt-paging-button.disabled{cursor:not-allowed!important;opacity:.45}.actions-cell{width:3rem}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stats .card{min-height:9.5rem}.balance-card{background:linear-gradient(135deg,#0f766e,#115e59);border-color:#0f766e;color:#fff}.balance-card .stat-label,.balance-card .muted{color:#c8f3ec}.net-card.positive{border-top:4px solid #15803d}.net-card.negative{border-top:4px solid #b42318}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.8fr);gap:1rem;margin-top:1rem;align-items:start}.panel-head .muted{margin:.25rem 0 0;font-size:.85rem}.category-bars{display:grid;gap:1rem;margin-top:1.25rem}.category-bar{display:grid;gap:.45rem}.category-bar-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.9rem}.category-bar-label span{display:flex;align-items:center;gap:.5rem}.category-bar-label i{display:inline-block;width:.7rem;height:.7rem;background:var(--category-color);border-radius:99px}.category-track{height:.55rem;overflow:hidden;background:#edf2f4;border-radius:99px}.category-track span{display:block;height:100%;border-radius:inherit}.category-movements-link{justify-self:start;padding:0;color:#0f766e;background:transparent;border:0;font-size:.8rem;font-weight:750}.category-movements-link:hover{color:#115e59;text-decoration:underline}.dashboard-side{display:grid;gap:1rem}.flow-line,.flow-total,.recurring-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0}.flow-line{border-bottom:1px solid #edf1f4}.flow-total{padding-bottom:0;font-weight:800}.recurring-list{display:grid}.recurring-item{border-top:1px solid #edf1f4}.recurring-item:first-child{border-top:0}.subcategory-panel{margin-top:1rem}.subcategory-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.75rem;margin-top:1rem}.subcategory-insights>div{display:grid;gap:.2rem;padding:.8rem;background:#f8fafc;border:1px solid #edf1f4;border-radius:.65rem}.subcategory-insights small{color:#64748b}.subcategory-insights strong{margin-top:.3rem}@media(max-width:980px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:520px){.dashboard-stats{grid-template-columns:1fr}.category-bar-label{align-items:flex-start;flex-direction:column;gap:.2rem}}.category-movements-link{font-size:0}.category-movements-link:after{content:"Movimientos 👁";font-size:.8rem}.category-thumbnail{width:2rem;height:2rem;object-fit:cover;border-radius:.45rem;box-shadow:0 0 0 1px #cbd5e1}.recurring-card h2{margin-top:.8rem}.recurring-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;color:#64748b;font-size:.84rem}.active-rule,.paused-rule{padding:.2rem .45rem;border-radius:99px;font-weight:750}.active-rule{color:#166534;background:#dcfce7}.paused-rule{color:#92400e;background:#fef3c7}.checkbox-field{display:flex;align-items:center;gap:.55rem}.checkbox-field input{width:auto}.account-total{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.2rem;color:#e6fffb;background:linear-gradient(135deg,#0f766e,#115e59);border-radius:1rem}.account-total .stat-label,.account-total .muted{color:#c8f3ec}.account-total .stat-value{margin-bottom:0}.accounts-table tfoot{background:#f8fafc}.accounts-table tfoot th{padding:.85rem .75rem;border-top:2px solid #dbe3e8}.recurring-totals{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.recurring-total .stat-value{margin-bottom:.2rem}.expense-total{border-top:4px solid #b42318}.income-total{border-top:4px solid #15803d}.recurring-table tfoot{background:#f8fafc}.recurring-table tfoot th{padding:.85rem .75rem;border-top:2px solid #dbe3e8}.recurring-summary{display:grid;gap:.45rem;margin-top:1rem}.recurring-summary strong{font-size:1.675rem;letter-spacing:-.04em}.recurring-summary .button{justify-self:start;min-height:0;padding:0;margin-top:.45rem;color:#0f766e;background:transparent;border:0;font-size:0}.recurring-summary .button:after{content:"Ver próximos 👁";font-size:.8rem;font-weight:750}.recurring-summary .button:hover{color:#115e59;background:transparent;text-decoration:underline}.monthly-flow{display:none}.dashboard-stats .card:nth-child(2){color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb}.dashboard-stats .card:nth-child(2) .stat-label,.dashboard-stats .card:nth-child(2) .muted{color:#dbeafe}.dashboard-stats .card:nth-child(2) .stat-value,.dashboard-stats .card:nth-child(2) .income{color:#fff}.dashboard-stats .card:nth-child(3){color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.dashboard-stats .card:nth-child(3) .stat-label,.dashboard-stats .card:nth-child(3) .muted{color:#fee2e2}.dashboard-stats .card:nth-child(3) .stat-value,.dashboard-stats .card:nth-child(3) .expense{color:#fff}.projection-stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1rem}.projection-expense{border-top:4px solid #dc2626}.projection-income{border-top:4px solid #2563eb}.projection-balance{color:#e6fffb;background:linear-gradient(135deg,#0f766e,#115e59);border-color:#0f766e}.projection-balance .stat-label,.projection-balance .muted{color:#c8f3ec}.projection-expense .category-movements-link{margin-top:.55rem}.top-subcategories{display:grid;margin-top:1rem}.top-subcategory{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0;border-top:1px solid #edf1f4}.top-subcategory:first-child{border-top:0}.top-subcategory>div{display:flex;align-items:center;gap:.65rem}.top-subcategory>div:last-child{align-items:end;flex-direction:column}.top-subcategory small{display:block;margin-top:.15rem;color:#64748b}.top-subcategory-link{padding:0;color:#0f766e;background:transparent;border:0;font-size:.75rem;font-weight:750}.top-subcategory-link:hover{color:#115e59;text-decoration:underline}.projection-expense .category-movements-link{display:block;width:fit-content;margin-top:.8rem}.projection-expense .category-movements-link:after{content:"Ver próximos 👁"}.subcategory-panel{display:none}@media(max-width:760px){.projection-stats{grid-template-columns:1fr}}.category-detail-total{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1.2rem;color:#e6fffb;background:linear-gradient(135deg,#0f766e,#115e59);border-radius:1rem}.category-detail-total .stat-label,.category-detail-total .muted{color:#c8f3ec}.category-detail-total .stat-value{margin-bottom:0}.category-detail-grid{display:grid;grid-template-columns:minmax(17rem,.8fr) minmax(0,1.2fr);gap:1rem;align-items:start}.category-detail-grid .category-track span{background:#0f766e}.rank-number{display:grid;width:1.35rem;height:1.35rem;place-items:center;color:#0f766e;background:#dff6f2;border-radius:99px;font-size:.72rem}.category-detail-table td:first-child{white-space:nowrap}.subcategory-total-cards{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:1rem}.subcategory-total-card{padding:1rem;background:#fff;border:1px solid #e2e8f0;border-top:4px solid var(--subcategory-color);border-radius:.8rem;box-shadow:0 2px 8px #0f172a0a}.subcategory-card-main,.subcategory-card-main>div{display:flex;align-items:center;gap:.65rem}.subcategory-card-main{justify-content:space-between}.subcategory-total-card h3,.movement-detail-card h3{margin:0;font-size:.98rem}.subcategory-total-card small,.movement-detail-card small{display:block;margin-top:.15rem;color:#64748b}.subcategory-total-card strong{color:#b42318;font-size:1.275rem;letter-spacing:-.03em;white-space:nowrap}.movement-detail-cards{display:grid;gap:.65rem;margin-top:1rem}.movement-detail-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem;background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #cbd5e1;border-radius:.7rem}.movement-detail-card>div{min-width:0}.movement-detail-card h3{margin-top:.2rem;overflow-wrap:anywhere}.movement-detail-card>strong{flex:none;font-size:1.125rem;text-align:right;white-space:nowrap}.category-detail-image{width:4rem;height:4rem;object-fit:cover;border:2px solid #ffffff66;border-radius:.75rem}@media(max-width:900px){.category-detail-grid{grid-template-columns:1fr}}.category-detail-total{flex-wrap:wrap}@media(max-width:520px){.subcategory-total-cards{grid-template-columns:1fr}.subcategory-total-card{min-height:0}}@media(max-width:760px){.category-detail-grid{display:block;min-width:0}.category-detail-grid>.panel{width:100%;min-width:0;margin-bottom:1rem;overflow:hidden}.subcategory-total-cards{display:block;width:100%;min-width:0}.subcategory-total-card{width:100%;min-width:0;margin-bottom:.75rem}}@media(max-width:760px){.subcategory-card-main{display:block}.subcategory-card-main>div{display:flex}.subcategory-card-main>strong{display:block;margin-top:.7rem;text-align:left}.movement-detail-card{display:block;width:100%;min-width:0}.movement-detail-card>strong{display:block;margin-top:.7rem;text-align:left}}@media(max-width:760px){.recurring-totals{grid-template-columns:1fr}}