:root{--ink: #09090a;--ink-1: #0d0d0f;--ink-2: #121215;--ink-3: #191920;--paper: #f3efe8;--paper-2: rgba(243, 239, 232, .72);--paper-3: rgba(243, 239, 232, .5);--paper-4: rgba(243, 239, 232, .34);--line: rgba(243, 239, 232, .08);--line-2: rgba(243, 239, 232, .14);--orange: #ff6a1f;--orange-2: #ff884d;--orange-soft: rgba(255, 106, 31, .12);--tiktok: var(--orange);--tiktok-soft: var(--orange-soft);--meta: #5aa9d6;--meta-soft: rgba(90, 169, 214, .14);--focus: var(--orange);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 14px 40px -16px rgba(0, 0, 0, .8), 0 2px 8px rgba(0, 0, 0, .5);--body: "Barlow", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--display: "Barlow Condensed", "Barlow", sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r: 3px;--r-sm: 2px;color-scheme:dark}*{box-sizing:border-box}body{margin:0;color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:radial-gradient(1100px 620px at 50% -8%,rgba(255,106,31,.06) 0%,transparent 60%),var(--ink);background-attachment:fixed;min-height:100vh}::selection{background:var(--orange);color:var(--ink)}.mono,.num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.num{text-align:right;white-space:nowrap}a{color:var(--orange);text-decoration:none}a:hover{color:var(--orange-2);text-decoration:underline;text-underline-offset:2px}button{font-family:var(--mono);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line-2);background:transparent;color:var(--paper);padding:10px 16px;border-radius:var(--r-sm);cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .04s ease}button:hover{border-color:var(--paper-3);background:#f3efe80a}button:active{transform:translateY(1px)}button.primary{background:var(--orange);color:var(--ink);border-color:var(--orange);font-weight:600}button.primary:hover{background:var(--orange-2);border-color:var(--orange-2)}button:disabled{opacity:.4;cursor:not-allowed}button:disabled:active{transform:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}input,select,textarea{font-family:var(--body);font-size:14px;padding:10px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--ink-1);color:var(--paper);transition:border-color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{color:var(--paper-4)}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft);outline:none}input.num-input{font-family:var(--mono);text-align:right}select option{background:var(--ink-2)}label{font-family:var(--mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--paper-3);display:block;margin-bottom:7px}code{font-family:var(--mono);font-size:.9em;background:var(--ink);border:1px solid var(--line-2);padding:1px 5px;border-radius:2px;color:var(--orange-2)}.eyebrow,.card h3,th,.stat .k{font-family:var(--mono);text-transform:uppercase;letter-spacing:.16em;color:var(--paper-3);font-weight:500}.wrap{max-width:1000px;margin:0 auto;padding:30px 20px 76px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;gap:12px}.app-header .brand{display:flex;align-items:center;gap:13px}.app-header .mark{width:40px;height:40px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--line-2);color:var(--orange);display:grid;place-items:center;font-family:var(--mono);font-weight:600;font-size:15px;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.app-header h1{font-family:var(--display);font-size:24px;margin:0;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.app-header .sub{color:var(--paper-3);font-size:12px;margin-top:1px}.card{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-sm);padding:22px;margin-bottom:18px}.card:hover{border-color:var(--line-2)}.card h2{font-family:var(--display);font-size:20px;margin:0 0 16px;font-weight:700;letter-spacing:.01em;text-transform:uppercase}.card h3{font-size:11px;margin:0 0 12px}.settlement{position:relative;background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-md);padding:28px 28px 26px;margin-bottom:24px;overflow:hidden}.settlement:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--orange)}.settlement:after{content:"";position:absolute;right:16px;bottom:16px;width:11px;height:11px;border-right:1.5px solid var(--orange);border-bottom:1.5px solid var(--orange);opacity:.6}.settlement .eyebrow{font-size:11px;letter-spacing:.22em;color:var(--orange);margin-bottom:12px;display:inline-flex;align-items:center;gap:12px}.settlement .eyebrow:before{content:"";width:30px;height:1px;background:var(--orange)}.settlement .headline{font-family:var(--display);font-size:38px;font-weight:700;letter-spacing:0;line-height:.98;margin:0 0 8px;text-transform:uppercase}.settlement .headline .amt{font-family:var(--mono);font-weight:600;text-transform:none}.settlement .headline .amt{color:var(--paper)}.settlement .headline.credit .amt,.settlement .headline.debit .amt{color:var(--orange)}.settlement .caption{color:var(--paper-3);font-size:13px;margin-bottom:20px}.bar-track{position:relative;height:24px;background:var(--ink);border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}.bar-fill{position:absolute;top:0;bottom:0;transition:width .4s ease,left .4s ease}.bar-fill.a{background:var(--orange);left:0}.bar-fill.b{background:var(--meta)}.split-line{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--paper);z-index:2;box-shadow:0 0 0 2px var(--ink)}.split-tag{font-size:12px;color:var(--paper-3);margin-top:11px;display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.stat{background:linear-gradient(180deg,var(--ink-2),var(--ink-1));border:1px solid var(--line);border-radius:var(--r);padding:16px 18px}.stat:hover{border-color:var(--line-2)}.stat .k{font-size:10px;letter-spacing:.14em;color:var(--paper-4);display:flex;align-items:center}.stat .v{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500;margin-top:8px;letter-spacing:-.01em}.stat .v.tiktok{color:var(--tiktok)}.stat .v.meta{color:var(--meta)}.tabs{display:flex;gap:2px;margin-bottom:20px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.tab{background:transparent;border:none;border-bottom:2px solid transparent;border-radius:0;padding:11px 15px;color:var(--paper-3);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:500}.tab:hover{color:var(--paper);background:transparent}.tab.active{color:var(--paper);border-bottom-color:var(--orange)}.toggle{display:inline-flex;border:1px solid var(--line-2);border-radius:var(--r-sm);overflow:hidden}.toggle button{border:none;border-radius:0;border-right:1px solid var(--line-2);padding:8px 15px;background:transparent}.toggle button:last-child{border-right:none}.toggle button:hover{background:#f3efe80a}.toggle button.on{background:var(--orange);color:var(--ink)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:10px}th.num,td.num{text-align:right}tbody tr{transition:background .08s ease}tbody tr:hover td{background:#f3efe808}tbody tr:last-child td{border-bottom:none}tr.totals td{font-weight:700;border-top:1px solid var(--line-2);border-bottom:none;background:#f3efe808}.pill{font-family:var(--mono);font-size:10.5px;padding:3px 9px;border-radius:var(--r-sm);font-weight:500;display:inline-block;text-transform:uppercase;letter-spacing:.04em}.pill.tiktok{color:var(--tiktok);background:var(--tiktok-soft)}.pill.meta{color:var(--meta);background:var(--meta-soft)}.pill.src{color:var(--paper-3);background:var(--ink-3)}.dot{display:inline-block;width:9px;height:9px;border-radius:1px;margin-right:8px;vertical-align:baseline}.dot.tiktok{background:var(--tiktok)}.dot.meta{background:var(--meta)}.conf{margin-left:8px;font-family:var(--mono);font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:var(--r-sm);background:var(--orange-soft);color:var(--orange)}.row{display:flex;gap:14px;flex-wrap:wrap;align-items:flex-end}.row .field{flex:1;min-width:130px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--paper-3)}.error{color:var(--orange);font-size:13px;font-weight:500}.notice{background:var(--ink);border:1px solid var(--line);border-left:2px solid var(--orange);border-radius:var(--r-sm);padding:12px 14px;font-size:13px;line-height:1.55;color:var(--paper-2)}.link-btn{background:none;border:none;color:var(--orange);padding:3px 5px;cursor:pointer;font-family:var(--body);font-size:13px;font-weight:500;text-transform:none;letter-spacing:0}.link-btn:hover{text-decoration:underline;background:none;color:var(--orange-2)}.link-btn.danger{color:var(--paper-3)}.link-btn.danger:hover{color:var(--orange)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px;box-shadow:var(--shadow-md)}.login-card h1{font-family:var(--display);font-size:24px;margin:0 0 4px;text-transform:uppercase;letter-spacing:.01em}.chart-box{width:100%;height:264px}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:44px 20px;border:1px dashed var(--line-2);border-radius:var(--r);background:var(--ink-1);color:var(--paper-3);cursor:pointer;transition:border-color .2s ease,background .2s ease}.dropzone:hover{border-color:var(--orange);background:#ff6a1f0a}.dz-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--ink-3);border:1px solid var(--line-2);font-size:24px;color:var(--orange)}.receipt-grid{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start}.receipt-thumb img{width:100%;border-radius:var(--r-sm);border:1px solid var(--line-2);display:block}.receipt-detail{min-width:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#09090abd;display:grid;place-items:center;padding:20px}.modal{width:100%;max-width:430px;background:linear-gradient(180deg,var(--ink-3),var(--ink-1));border:1px solid var(--line-2);border-radius:var(--r);box-shadow:var(--shadow-md);padding:24px}.modal h2{font-family:var(--display);font-size:20px;margin:0 0 12px;text-transform:uppercase;letter-spacing:.01em}@media(max-width:640px){.app-header h1{font-size:21px}.settlement .headline{font-size:29px}.receipt-grid{grid-template-columns:1fr}.receipt-thumb{max-width:240px}th,td{padding:9px 7px}.hide-sm{display:none}}