:root{--bg:#0a0d0c;--panel:#111513;--panel-2:#151a18;--line:#28302c;--text:#f1f5f2;--muted:#8e9993;--mint:#76f3bd;--mint-dark:#0d4e36;--coral:#ff8f76;--violet:#a998ff;--danger:#ff7d7d;--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.38)}
[hidden]{display:none!important}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.ambient-one{width:480px;height:480px;background:#35d89a;top:-280px;left:18%}.ambient-two{width:380px;height:380px;background:#8974ff;bottom:-250px;right:-100px}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.app-shell{position:relative;max-width:1280px;margin:auto;padding:0 30px 72px}.topbar{height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:Manrope,sans-serif}.brand-mark{display:inline-grid;grid-template-columns:1fr 1fr;gap:3px;width:42px;height:42px;padding:10px;background:var(--mint);border-radius:14px}.brand-mark span{display:block;background:#09291d;border-radius:7px 2px 7px 2px}.brand-mark span:last-child{transform:translateY(5px)}.brand-mark.small{width:32px;height:32px;padding:7px;border-radius:10px}.cycle-nav{display:flex;align-items:center;gap:8px}.cycle-label{min-width:184px;border:0;background:transparent;color:var(--text);display:grid;gap:2px;text-align:center}.cycle-label small{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em}.cycle-label strong{font-size:14px}.icon-button,.close-button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text);font-size:24px;line-height:1}.ghost-button{justify-self:end;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:9px 16px}.overview{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding:70px 0 44px}.eyebrow{margin:0 0 10px;color:var(--mint);font-size:11px;font-weight:700;letter-spacing:.18em}.overview h1,.auth-card h1{font:600 clamp(38px,5vw,66px)/1.04 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.overview h1 em,.auth-card h1 em{color:var(--muted);font-style:normal}.overview-copy{color:var(--muted);max-width:460px;margin:18px 0 0}.balance-card{position:relative;padding:27px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(25,32,29,.96),rgba(13,17,15,.96));box-shadow:var(--shadow);overflow:hidden}.balance-card:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--mint);filter:blur(80px);opacity:.11;right:-80px;top:-80px}.balance-head{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.live-dot{color:var(--mint);font-size:10px;font-weight:700;letter-spacing:.12em}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:6px}.grand-total{display:block;font:600 clamp(36px,4.5vw,58px)/1 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0 26px}.commitments{display:grid;grid-template-columns:1fr 1fr;gap:12px}.commitments div{padding:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:15px}.commitments span{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}.commitments strong{font-size:17px}.group-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:54px}.group-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:18px;text-align:left;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:18px;transition:.2s ease}.group-card:hover,.group-card.active{border-color:#4f5d56;transform:translateY(-2px);background:var(--panel-2)}.group-card.active{box-shadow:inset 0 -2px var(--mint)}.group-card span:nth-child(2){display:grid;gap:3px}.group-card small{color:var(--muted);font-size:11px}.group-card strong{font-size:14px}.group-card b{font-size:15px}.group-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-weight:700}.group-icon.mint{background:rgba(118,243,189,.14);color:var(--mint)}.group-icon.violet{background:rgba(169,152,255,.14);color:var(--violet)}.group-icon.coral{background:rgba(255,143,118,.14);color:var(--coral)}.workspace{background:rgba(16,21,18,.83);border:1px solid var(--line);border-radius:26px;padding:26px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.section-heading h2,.dialog-head h2{font:600 25px/1.2 Manrope,sans-serif;margin:0;letter-spacing:-.025em}.actions{display:flex;gap:8px}.primary,.secondary{border-radius:12px;padding:11px 16px;font-weight:700;border:1px solid transparent}.primary{background:var(--mint);color:#09271b}.primary:hover{background:#96f8ce}.secondary{background:#171c1a;color:var(--text);border-color:var(--line)}.method-strip{display:flex;gap:7px;overflow:auto;padding:24px 0 16px;scrollbar-width:none}.method-chip{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:12px;white-space:nowrap}.method-chip.active{background:#e9f4ee;color:#152019;border-color:#e9f4ee}.table-wrap{min-height:240px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{padding:12px 10px;color:#6f7a74;font-size:10px;letter-spacing:.12em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line)}td{padding:15px 10px;border-bottom:1px solid rgba(255,255,255,.055);vertical-align:middle}tr:last-child td{border-bottom:0}.date-detail{display:grid;grid-template-columns:39px 1fr;gap:11px;align-items:center}.date-box{display:grid;place-items:center;background:#1b211e;border-radius:10px;padding:5px;color:var(--muted);font-size:9px;text-transform:uppercase}.date-box strong{color:var(--text);font-size:14px}.date-detail>span{display:grid;gap:3px}.date-detail small{color:var(--muted)}.pill{display:inline-flex;padding:5px 8px;border-radius:8px;background:#1a201d;color:#b7c0bb;font-size:11px}.number{text-align:right}.amount{font-weight:700}.delete-button{border:0;background:transparent;color:#66716b;font-size:18px;padding:7px}.delete-button:hover{color:var(--danger)}.empty-state{text-align:center;padding:54px;color:var(--muted)}.empty-state span{display:grid;place-items:center;margin:0 auto 14px;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;font-size:24px}.empty-state h3{color:var(--text);margin:0}.empty-state p{margin:7px 0}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,510px);padding:42px;background:rgba(17,21,19,.93);border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow)}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{font-size:43px}.muted{color:var(--muted);line-height:1.6}.stack{display:grid;gap:14px;margin-top:28px}label{display:grid;gap:7px;color:#bbc4bf;font-size:12px;font-weight:600}input,select{width:100%;border:1px solid var(--line);border-radius:12px;background:#0d110f;color:var(--text);padding:13px 14px}input::placeholder{color:#59625d}.tiny{color:var(--muted);font-size:11px;line-height:1.5}dialog{width:min(94vw,620px);border:0;padding:0;border-radius:24px;background:var(--panel);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.74);backdrop-filter:blur(7px)}.dialog-card{padding:26px}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.close-button{font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .wide{grid-column:1/-1}.home-note{padding:11px 13px;color:var(--muted);background:rgba(118,243,189,.06);border:1px solid rgba(118,243,189,.14);border-radius:11px;font-size:11px;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.upload-zone{position:relative;place-items:center;text-align:center;border:1px dashed #455049;border-radius:16px;padding:22px;margin:6px 0 18px;background:#0d110f}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-zone span{font-size:25px;color:var(--mint)}.upload-zone strong,.upload-zone small{display:block}.upload-zone small{color:var(--muted);margin-top:4px}.sample-link{display:inline-block;color:var(--mint);font-size:12px;margin:0 0 4px}.ocr-status{padding:10px 12px;color:var(--muted);border-radius:10px;background:#0d110f;margin:-8px 0 16px;font-size:12px}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#edf7f2;color:#15221b;padding:12px 18px;border-radius:999px;font-weight:700;font-size:13px;box-shadow:var(--shadow);transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}code{background:#0b0f0d;padding:3px 5px;border-radius:5px;color:#c5d2cb}
@media(max-width:800px){.app-shell{padding:0 15px 42px}.topbar{grid-template-columns:1fr auto;height:70px}.cycle-nav{grid-row:2;grid-column:1/-1;margin:8px auto 0}.topbar{margin-bottom:40px}.overview{grid-template-columns:1fr;gap:28px;padding:50px 0 28px}.group-grid{grid-template-columns:1fr;margin-bottom:30px}.section-heading{align-items:flex-start;flex-direction:column}.actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1;grid-row:1}.workspace{padding:18px 12px}.commitments{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.dialog-card{padding:20px}.auth-card{padding:30px 22px}.auth-card h1{font-size:36px}th:nth-child(3),td:nth-child(3){display:none}.grand-total{font-size:44px}}
@media(max-width:430px){.overview h1{font-size:42px}.group-card{padding:14px}.actions{grid-template-columns:1fr}.actions .primary{grid-column:auto}.section-heading h2{font-size:22px}th:nth-child(2),td:nth-child(2){display:none}.date-detail{grid-template-columns:34px 1fr}.auth-shell{padding:14px}}

/* Versión 2: medios de pago, conversión IBC y notificaciones */
.header-actions{justify-self:end;display:flex;align-items:center;gap:8px}.header-actions .ghost-button{justify-self:auto}.notification-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--panel);color:var(--text)}.notification-button svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.notification-badge{position:absolute;right:-3px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--coral);color:#190b08;border:2px solid var(--bg);font-size:10px;font-weight:800;line-height:14px}.fx-note{position:relative;margin:16px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);color:var(--muted);font-size:11px}
.method-amex{--method:#63c8ff;--method-text:#082535}.method-azul{--method:#1f477f;--method-text:#f5f8ff}.method-oro{--method:#d9aa3d;--method-text:#2a1d03}.method-ibc{--method:#7d1f3a;--method-text:#fff2f5}.method-nomina{--method:#f1f3f2;--method-text:#151918}.method-efectivo{--method:#3fc889;--method-text:#08281a}.method-chip[class*="method-"]{border-color:var(--method);color:var(--method)}.method-chip[class*="method-"].active,.pill[class*="method-"]{background:var(--method);border-color:var(--method);color:var(--method-text)}.pill[class*="method-"]{font-weight:700}.ibc-conversion{display:block;color:#bdc8c2;font-size:10px;margin-top:3px}
.notification-list{display:grid;gap:10px}.notice-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:15px;background:#0d110f}.notice-card.due{border-color:rgba(255,143,118,.5);background:rgba(255,143,118,.055)}.notice-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--method);color:var(--method-text);font-weight:800}.notice-card>span:nth-child(2){display:grid;gap:3px}.notice-card small{color:var(--muted)}.notice-card b{font-size:12px;color:var(--muted)}.automatic-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.automatic-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.automatic-grid span{display:flex;align-items:center;gap:8px;color:#c3cbc7;font-size:12px}.method-dot{width:9px;height:9px;border-radius:50%;background:var(--method);flex:0 0 auto}.date-detail small{display:flex;align-items:center;gap:5px}.receipt-cell{display:flex;align-items:center;gap:7px}.receipt-link{color:var(--mint);font-size:10px}.currency-note{margin:12px 0 0;color:#d4b0bb;font-size:11px}
@media(max-width:800px){.header-actions{grid-column:2;grid-row:1}.automatic-grid{grid-template-columns:1fr}.notification-panel{padding:20px}}