:root{--basalto: #14100D;--picon: #3A322B;--humo: #7A6E63;--cal: #F0EDE6;--cal-alt: #E3DFD5;--mar: #0D4F52;--voltio: #FFC300;--series-1: #00887A}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--basalto);background:var(--cal);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:28px;color:#f2eee6;background:var(--basalto)}.sidebar h1,.topbar h2,.panel h3{margin:0;letter-spacing:0}.eyebrow{margin:0 0 8px;color:var(--humo);font-size:.76rem;font-weight:700;text-transform:uppercase}.sidebar .eyebrow{color:#c9c1b5}nav{display:grid;gap:8px}nav button{width:100%;padding:12px 14px;color:#f2eee6;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}nav button.active,nav button:hover{color:var(--basalto);background:var(--voltio)}.workspace{padding:28px}.topbar{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;margin-bottom:20px}.metric,.panel,.notice{border:1px solid rgba(20,16,13,.12);border-radius:8px;background:var(--cal-alt)}.metric{min-width:112px;padding:14px}.metric span{display:block;color:var(--mar);font-size:1.7rem;font-weight:800}.metric small,.row-card small{color:var(--humo)}.notice{margin-bottom:20px;padding:12px 14px;color:var(--mar);font-weight:700}.grid.two{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:20px;align-items:start}.panel{padding:20px}form.panel{display:grid;gap:12px}label{display:grid;gap:6px;color:var(--picon);font-size:.9rem;font-weight:700}input,select{width:100%;min-height:42px;padding:9px 10px;color:var(--basalto);border:1px solid rgba(20,16,13,.18);border-radius:8px;background:#fffaf0}input:focus,select:focus{border-color:var(--mar);outline:2px solid rgba(13,79,82,.16)}.inline{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{min-height:44px;padding:10px 16px;color:var(--basalto);border:0;border-radius:8px;background:var(--voltio);font-weight:800;cursor:pointer}.primary:disabled{opacity:.55;cursor:not-allowed}.preview{display:flex;justify-content:space-between;gap:12px;padding:12px;border-radius:8px;background:#0d4f5214}.preview strong{color:var(--mar)}.list{display:grid;gap:10px;margin-top:14px}.row-card{display:flex;justify-content:space-between;gap:16px;padding:14px;border-radius:8px;background:#fffaf0a8}.row-card div{display:grid;gap:4px}.row-card>span{color:var(--mar);font-weight:800}.amounts{justify-items:end}.amounts a{color:var(--mar);font-weight:800}@media(max-width:860px){.app-shell,.grid.two,.config,.topbar{grid-template-columns:1fr}.sidebar{gap:24px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--series-1: #00A48F;--basalto: #F2EEE6;--picon: #C9C1B5;--humo: #9A8F80;--cal: #171310;--cal-alt: #2A241E;--mar: #4FBFC2}:root:not([data-theme=light]) input,:root:not([data-theme=light]) select,:root:not([data-theme=light]) .row-card{color:var(--basalto);background:#171310}:root:not([data-theme=light]) .sidebar{color:#f2eee6;background:#14100d}}:root[data-theme=dark]{--series-1: #00A48F;--basalto: #F2EEE6;--picon: #C9C1B5;--humo: #9A8F80;--cal: #171310;--cal-alt: #2A241E;--mar: #4FBFC2}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] .row-card{color:var(--basalto);background:#171310}:root[data-theme=dark] .sidebar{color:#f2eee6;background:#14100d}.theme-toggle{display:grid;grid-auto-flow:column;gap:4px;padding:4px;margin-top:16px;border-radius:8px;background:#f2eee614}.theme-toggle button{padding:8px 6px;color:#c9c1b5;border:0;border-radius:6px;background:transparent;font-size:.78rem;font-weight:700;cursor:pointer}.theme-toggle button:hover{color:#f2eee6;background:#f2eee624}.theme-toggle button.active,.theme-toggle button.active:hover{color:#14100d;background:var(--voltio)}.rates{display:grid;gap:10px;padding:12px;margin:0;border:1px solid rgba(20,16,13,.18);border-radius:8px}.rates legend{padding:0 6px;color:var(--picon);font-size:.9rem;font-weight:700}.rate{display:grid;gap:10px;padding:10px;border-radius:8px;background:#0d4f520d}.rate.active{background:#0d4f521f}.rate-toggle{display:flex;gap:8px;align-items:center;cursor:pointer}.rate-toggle input{width:auto;min-height:0;margin:0;accent-color:var(--mar)}.rate .inline label{font-size:.82rem;font-weight:600}.rate-tags{display:grid;gap:4px;justify-items:end;align-content:start}.tag{padding:3px 8px;color:var(--mar);border-radius:999px;background:#0d4f521f;font-size:.78rem;font-weight:700}.form-actions{display:flex;gap:10px}.form-actions .primary{flex:1}.ghost{min-height:44px;padding:10px 16px;color:var(--picon);border:1px solid rgba(20,16,13,.24);border-radius:8px;background:transparent;font-weight:700;cursor:pointer}.row-card .card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.card-actions button{padding:4px 10px;color:var(--mar);border:1px solid currentColor;border-radius:999px;background:transparent;font-size:.76rem;font-weight:700;cursor:pointer}.card-actions button:disabled{opacity:.5;cursor:not-allowed}.card-actions .danger{color:#b3261e}.row-card.blocked{opacity:.62}.tag.muted{margin-left:8px;color:var(--humo);background:#7a6e632e}:root[data-theme=dark] .card-actions .danger{color:#f2857c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .card-actions .danger{color:#f2857c}}.dashboard{display:grid;gap:20px}.dashboard.loading{opacity:.6}.filters{display:flex;gap:12px;align-items:end}.filters label{width:160px}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.tile{display:grid;gap:2px;padding:16px;border:1px solid rgba(20,16,13,.12);border-radius:8px;background:var(--cal-alt)}.tile small{color:var(--humo);font-size:.78rem;font-weight:700;text-transform:uppercase}.tile strong{color:var(--basalto);font-size:1.7rem;font-weight:800}.tile span{color:var(--picon);font-size:.82rem}.chart-card{display:grid;gap:12px}.chart-head{display:flex;gap:16px;justify-content:space-between;align-items:start}.chart-sub{margin:4px 0 0;color:var(--humo);font-size:.82rem}.link{color:var(--mar);border:0;background:transparent;font-size:.82rem;font-weight:700;text-decoration:underline;cursor:pointer}.chart-frame{position:relative}.chart{display:block;width:100%;height:auto;touch-action:none}.chart .grid{stroke:#14100d24;stroke-width:1}.chart .axis{fill:var(--humo);font-size:11px;font-variant-numeric:tabular-nums}.chart .line{fill:none;stroke:var(--series-1);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.chart .area{fill:var(--series-1);opacity:.1;stroke:none}.chart .dot{fill:var(--series-1);stroke:var(--cal-alt);stroke-width:2}.chart .crosshair{stroke:var(--humo);stroke-width:1}.chart .value-label{fill:var(--basalto);font-size:12px;font-weight:700}.chart-tip{position:absolute;display:grid;gap:2px;padding:6px 10px;border-radius:8px;background:var(--basalto);pointer-events:none;transform:translate(-50%,-140%);white-space:nowrap}.chart-tip strong{color:var(--cal);font-size:.92rem}.chart-tip small{color:var(--humo);font-size:.76rem}.bars{display:grid;gap:10px}.bar-row{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:center;padding:4px 6px;border-radius:8px;cursor:default}.bar-row:hover,.bar-row:focus-visible{background:#14100d0f;outline:none}.bar-label{color:var(--picon);font-size:.84rem;font-weight:700}.bar-track{height:20px}.bar-fill{height:100%;border-radius:0 4px 4px 0;background:var(--series-1)}.bar-value{color:var(--basalto);font-size:.84rem;font-weight:700;font-variant-numeric:tabular-nums}.chart-foot,.chart-empty{min-height:18px;margin:0;color:var(--humo);font-size:.8rem}.data-table{width:100%;border-collapse:collapse;font-size:.84rem}.data-table th,.data-table td{padding:7px 8px;text-align:right;border-bottom:1px solid rgba(20,16,13,.1)}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:var(--humo);font-size:.76rem;text-transform:uppercase}.data-table td{color:var(--basalto);font-variant-numeric:tabular-nums}:root[data-theme=dark] .chart .grid{stroke:#f2eee629}:root[data-theme=dark] .bar-row:hover,:root[data-theme=dark] .bar-row:focus-visible{background:#f2eee614}:root[data-theme=dark] .chart-tip{background:#0b0806}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .chart .grid{stroke:#f2eee629}:root:not([data-theme=light]) .bar-row:hover,:root:not([data-theme=light]) .bar-row:focus-visible{background:#f2eee614}:root:not([data-theme=light]) .chart-tip{background:#0b0806}}.notice.warn{color:#8a5a00;background:#fab21929}:root[data-theme=dark] .notice.warn{color:#fab219}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .notice.warn{color:#fab219}}.rate-toggle.clawback{padding:10px 12px;border:1px solid rgba(20,16,13,.18);border-radius:8px;font-size:.86rem}.preview.negative{background:#b3261e1a}.preview.negative strong{color:#b3261e}:root[data-theme=dark] .preview.negative strong{color:#f2857c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .preview.negative strong{color:#f2857c}}.amounts .negative{color:#b3261e}:root[data-theme=dark] .amounts .negative{color:#f2857c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .amounts .negative{color:#f2857c}}.config{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:20px;align-items:start}.config-column{display:grid;gap:20px;align-content:start}.operator-group{margin-top:8px;border-bottom:1px solid rgba(20,16,13,.12)}.operator-group summary{display:flex;gap:8px;align-items:center;padding:10px 4px;color:var(--picon);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;list-style:none}.operator-group summary::-webkit-details-marker{display:none}.operator-group summary:before{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid var(--humo);transition:transform .15s ease}.operator-group[open] summary:before{transform:rotate(90deg)}.operator-group .count{margin-left:auto;color:var(--humo);font-size:.76rem;font-weight:700}.operator-list{display:grid;gap:2px;padding:0 0 10px}.operator-row{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:6px 10px;border-radius:6px}.operator-row:hover{background:#14100d0d}.operator-row>span{color:var(--basalto);font-size:.88rem;font-weight:600}.operator-row .card-actions{display:flex;gap:6px;margin:0}:root[data-theme=dark] .operator-group{border-bottom-color:#f2eee61f}:root[data-theme=dark] .operator-row:hover{background:#f2eee612}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .operator-group{border-bottom-color:#f2eee61f}:root:not([data-theme=light]) .operator-row:hover{background:#f2eee612}}.row-card.settlement{border-left:3px solid transparent}.row-card.settlement.pendiente{border-left-color:var(--voltio)}.row-card.settlement.enviada{border-left-color:var(--mar)}.row-card.settlement.pagada{border-left-color:var(--picon)}select.estado{width:auto;min-height:0;padding:3px 8px;border:1px solid transparent;border-radius:999px;font-size:.76rem;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}select.estado.pendiente{color:#14100d;background:var(--voltio)}select.estado.enviada{color:#f0ede6;background:var(--mar)}select.estado.pagada{color:#f0ede6;background:var(--picon)}select.estado option{color:var(--basalto);background:var(--cal-alt)}:root[data-theme=dark] select.estado.pagada{color:#14100d;background:#c9c1b5}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) select.estado.pagada{color:#14100d;background:#c9c1b5}}.login{display:grid;place-items:center;min-height:100vh;padding:24px;background:var(--cal)}.login .panel{display:grid;gap:12px;width:100%;max-width:360px}.login h1{margin:0;color:var(--basalto)}.login .chart-sub{margin:0 0 4px}nav .logout{width:100%;padding:10px 14px;margin-top:4px;color:#c9c1b5;border:1px solid rgba(242,238,230,.24);border-radius:8px;background:transparent;font-size:.84rem;text-align:left;cursor:pointer}nav .logout:hover{color:var(--voltio);border-color:var(--voltio);background:transparent}.venta{display:grid;gap:10px;padding:12px;margin:0;border:1px solid rgba(20,16,13,.18);border-radius:8px}.venta legend{display:flex;gap:10px;align-items:center;padding:0 6px;color:var(--picon);font-size:.82rem;font-weight:700}.venta .quitar{padding:2px 8px;color:#b3261e;border:1px solid currentColor;border-radius:999px;background:transparent;font-size:.72rem;font-weight:700;cursor:pointer}.preview.total{border:1px solid var(--mar);background:#0d4f521a}.stack{display:grid;gap:20px;align-items:start}.row-card.cliente-activo{border:1px solid var(--mar);background:#0d4f5214}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .row-card.cliente-activo{background:#0d4f5247}}:root[data-theme=dark] .row-card.cliente-activo{background:#0d4f5247}.preview.total strong{font-size:1.05rem}:root[data-theme=dark] .venta{border-color:#f2eee62e}:root[data-theme=dark] .venta .quitar{color:#f2857c}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .venta{border-color:#f2eee62e}:root:not([data-theme=light]) .venta .quitar{color:#f2857c}}