:root{--bg:#0f1720;--panel:#17212c;--panel-2:#111b25;--border:#2a3542;--text:#e7e2d5;--text-strong:#f0ead8;--muted:#8a97a6;--muted-2:#6b7684;--gold:#c9a227;--rust:#b5533c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:IBM Plex Sans,system-ui,sans-serif}.mono{font-family:IBM Plex Mono,monospace}.disp{font-family:Space Grotesk,sans-serif}.app{max-width:960px;margin:0 auto;padding:32px 20px 60px}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:16px;display:flex}.header h1{color:var(--text-strong);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.header p{color:var(--muted);margin:4px 0 0;font-size:13px}.header .badge{background:var(--panel);border:1px solid var(--border);color:var(--gold);border-radius:4px;padding:4px 8px;font-size:11px}.tabs{gap:4px;margin-bottom:20px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.tab-active{background:var(--panel);color:var(--text-strong);border-bottom-color:var(--gold)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:18px}.panel-dashed{background:var(--panel);border:1px dashed var(--border);text-align:center;color:var(--muted-2);border-radius:10px;padding:24px;font-size:14px}.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);font-size:11px}.input{border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;outline:none;width:100%;padding:4px 2px;font-size:14px}.input:focus{border-bottom-color:var(--gold)}.input-sm{width:70px}.input-xs{width:56px}.btn{cursor:pointer;color:var(--gold);background:#1e2a37;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;display:inline-flex}.btn-gold{background:var(--gold);color:var(--panel);font-weight:600}.btn-icon{color:var(--muted-2);cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.btn-icon:hover{color:var(--rust)}.btn-icon.up-down:hover{color:var(--gold)}.card-row{background:var(--panel-2);border-radius:6px;grid-template-columns:40px 2fr 1fr 1fr 32px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:grid}.card-row-header{grid-template-columns:40px 2fr 1fr 1fr 32px;gap:12px;margin-bottom:6px;padding:0 10px;display:grid}.move-btns{gap:4px;display:flex}.info-note{color:var(--muted);background:var(--panel-2);border-radius:6px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:12px;display:flex}.info-note svg{color:var(--muted-2);flex-shrink:0;margin-top:2px}.group-panel{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-bottom:12px;overflow:hidden}.group-header{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;display:flex}.group-header .name-input{flex-basis:160px}.group-header .chev{color:var(--muted-2);display:flex}.group-header .name-input{color:var(--text-strong);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:500}.group-header .mini-field{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.group-header .checkbox-field{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;font-size:12px;display:flex}.group-total{color:var(--gold);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:14px}.group-body{padding:0 16px 16px}.payment-row-header{text-transform:uppercase;letter-spacing:.04em;color:var(--muted-2);grid-template-columns:2.4fr 1fr 1fr 28px;gap:10px;margin-bottom:4px;padding:0 4px;font-size:11px;display:grid}.payment-row{background:var(--panel-2);border-radius:6px;grid-template-columns:2.4fr 1fr 1fr 28px;align-items:center;gap:10px;margin-bottom:5px;padding:6px 8px;display:grid}.calc-toolbar{align-items:center;gap:16px;margin-bottom:18px;padding:14px 16px;display:flex}.calc-toolbar label{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.card-result{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-bottom:18px;overflow:hidden}.card-result-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-result-header h3{color:var(--text-strong);margin:0;font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:600}.card-result-stats{color:var(--muted);gap:20px;font-size:13px;display:flex}.card-result-stats b{color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:500}.card-result-stats .cb{color:var(--gold);font-weight:600}.capped-note{color:var(--rust);margin-left:4px;font-size:11px}.tx-block{border-top:1px solid var(--border);padding:14px 16px}.tx-block:first-child{border-top:none}.tx-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.tx-head .name{color:var(--text);font-size:14px;font-weight:500}.tx-head .commission-note{color:var(--muted);margin-left:8px;font-size:11px}.tx-head .cashback{color:var(--gold);font-family:IBM Plex Mono,monospace;font-size:13px}.tx-table{border-collapse:collapse;width:100%;font-family:IBM Plex Mono,monospace;font-size:13px}.tx-table td{padding:2px 8px 2px 0}.tx-table .pname{color:var(--muted);font-family:IBM Plex Sans,sans-serif}.tx-table .pamount{color:var(--text);text-align:right}.tx-table .prate{color:var(--muted-2);font-size:11px}.tx-table .padjust{color:var(--rust);font-size:12px}.tx-footer{color:var(--muted-2);gap:20px;margin-top:8px;font-size:12px;display:flex}.tx-footer b{color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:500}.tx-footer .warn{color:var(--rust)}.grand-total{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);border-radius:10px;justify-content:flex-end;gap:32px;padding:12px 16px;font-size:13px;display:flex}.grand-total b{color:var(--text);font-family:IBM Plex Mono,monospace;font-weight:500}.grand-total .cb{color:var(--gold);font-weight:600}::selection{background:#c9a22755}.data-toolbar{align-items:center;gap:10px;margin-bottom:14px;display:flex}.data-toolbar-error{color:var(--rust);font-size:12px}
