:root{--bg:#fafaf9;--card:#fff;--soft:#f5f5f4;--line:#e7e5e4;--ink:#1c1917;--sub:#57534e;--muted:#a8a29e;--green:#059669;--green-soft:#ecfdf5;--blue:#2563eb;--blue-soft:#eff6ff;--amber:#d97706;--amber-soft:#fffbeb;--rose:#e11d48;--rose-soft:#fff1f2;--violet:#7c3aed;--radius:12px;--shadow:0 1px 2px rgba(28,25,23,.04),0 8px 24px rgba(28,25,23,.045);--sans:'DM Sans',sans-serif;--mono:'JetBrains Mono',monospace}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.5}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.abd-shell{min-height:100vh}.abd-sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#1c1917;color:#fff;padding:22px 14px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:5px 9px 22px}.brand img{width:34px;height:34px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.2}.brand strong{font-size:.95rem}.brand small{font-size:.65rem;color:#a8a29e;letter-spacing:.04em;text-transform:uppercase;margin-top:4px}.abd-nav{display:grid;gap:5px;margin-top:8px}.abd-nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;color:#d6d3d1;font-size:.88rem;font-weight:500;transition:.16s}.abd-nav a span{width:22px;height:22px;display:grid;place-items:center;font-family:var(--mono)}.abd-nav a:hover{background:rgba(255,255,255,.06);color:#fff}.abd-nav a.active{background:#fff;color:#1c1917}.sidebar-profile{margin-top:auto;border-top:1px solid #44403c;padding:17px 7px 0;display:grid;grid-template-columns:36px 1fr 24px;gap:10px;align-items:center}.sidebar-profile>div:nth-child(2){min-width:0;display:flex;flex-direction:column}.sidebar-profile strong{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile small{color:#a8a29e;font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar{width:36px;height:36px;border-radius:10px;background:#44403c;color:#fff;display:grid;place-items:center;font-size:.74rem;font-weight:700}.avatar.mini{width:32px;height:32px}.abd-main{margin-left:248px;min-height:100vh}.page-wrap{padding:32px;max-width:1480px;margin:auto}.mobile-bar{display:none}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.page-head h1{font-size:1.72rem;letter-spacing:-.035em;margin:0 0 5px}.page-head p{margin:0;color:var(--sub);font-size:.9rem}.head-actions{display:flex;gap:9px;align-items:center}.select,.input{border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px 12px;color:var(--ink);min-height:42px;outline:none}.select:focus,.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.share-hero{display:grid;grid-template-columns:1.35fr .65fr;overflow:hidden;margin-bottom:16px}.share-copy{padding:25px 27px}.eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.11em;color:var(--green);text-transform:uppercase}.share-copy h2{font-size:1.25rem;margin:8px 0 5px;letter-spacing:-.02em}.share-copy p{font-size:.84rem;color:var(--sub);margin:0 0 15px}.link-box{display:flex;border:1px solid var(--line);border-radius:9px;padding:4px;background:var(--soft);max-width:690px}.link-box input{min-width:0;flex:1;border:0;background:transparent;padding:7px 9px;color:var(--sub);font-family:var(--mono);font-size:.72rem;outline:0}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;min-height:40px;font-weight:600;font-size:.8rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(28,25,23,.09)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.danger{color:var(--rose);border-color:#fecdd3}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.wide{width:100%}.share-proof{background:var(--ink);color:#fff;padding:25px;display:flex;flex-direction:column;justify-content:center}.share-proof strong{font-family:var(--mono);font-size:1.65rem}.share-proof span{font-size:.77rem;color:#d6d3d1}.share-proof small{margin-top:12px;color:#a8a29e}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.kpi{padding:18px}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:var(--sub);font-size:.74rem;font-weight:600}.kpi-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.kpi-icon.green{background:var(--green-soft);color:var(--green)}.kpi-icon.blue{background:var(--blue-soft);color:var(--blue)}.kpi-icon.amber{background:var(--amber-soft);color:var(--amber)}.kpi-value{font-family:var(--mono);font-size:1.45rem;font-weight:600;margin:12px 0 3px;letter-spacing:-.04em}.kpi small{color:var(--muted);font-size:.7rem}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:16px}.section-card{padding:20px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{font-size:.95rem;margin:0 0 3px}.section-head p{color:var(--muted);font-size:.72rem;margin:0}.text-link{font-size:.75rem;color:var(--blue);font-weight:600}.chart{height:210px;display:flex;gap:11px;align-items:flex-end;padding:15px 3px 0;border-bottom:1px solid var(--line)}.chart-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;position:relative}.chart-bars{height:165px;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.bar{width:min(17px,35%);border-radius:4px 4px 0 0;min-height:2px}.bar.sales{background:#d6d3d1}.bar.commission{background:var(--green)}.chart-col small{font-size:.62rem;color:var(--muted)}.chart-legend{display:flex;gap:14px;margin-top:12px;font-size:.68rem;color:var(--sub)}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;background:#d6d3d1}.chart-legend i.green{background:var(--green)}.balance-card{background:var(--ink);color:#fff;padding:21px;margin-bottom:16px}.balance-card .eyebrow{color:#6ee7b7}.balance-card h3{font-family:var(--mono);font-size:1.8rem;margin:11px 0 3px}.balance-card p{margin:0;color:#a8a29e;font-size:.74rem}.balance-card .btn{margin-top:17px;width:100%;background:#fff;color:var(--ink)}.rule-card{padding:19px}.rule-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.78rem}.rule-row:last-child{border:0}.rule-row span{color:var(--sub)}.rule-row strong{font-family:var(--mono);font-size:.75rem;text-align:right}.table-card{overflow:hidden}.table-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.table-head h2{font-size:.95rem;margin:0}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:.76rem}.data-table th{text-align:left;padding:10px 14px;color:var(--muted);background:var(--soft);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table td{padding:13px 14px;border-top:1px solid #f5f5f4;white-space:nowrap}.mono{font-family:var(--mono)}.amount{font-family:var(--mono);font-weight:600}.muted{color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:4px 8px;font-size:.65rem;font-weight:700;text-transform:capitalize}.badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.badge.available,.badge.paid,.badge.completed{color:#047857;background:var(--green-soft)}.badge.held,.badge.requested,.badge.processing,.badge.payout_requested{color:#b45309;background:var(--amber-soft)}.badge.reversed,.badge.rejected,.badge.cancelled{color:#be123c;background:var(--rose-soft)}.badge.disputed{color:#6d28d9;background:#f5f3ff}.empty-state{text-align:center;padding:45px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--sub);margin-bottom:4px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}.filters .input{min-width:220px}.pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-top:1px solid var(--line);font-size:.75rem;color:var(--sub)}.payout-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:16px}.payout-summary{padding:22px}.payout-summary h2{font-family:var(--mono);font-size:2rem;margin:12px 0 2px}.payout-summary p{color:var(--sub);font-size:.78rem;margin:0}.destination{background:var(--soft);border-radius:9px;padding:13px;margin:18px 0;font-size:.76rem}.destination strong{display:block;margin-bottom:3px}.notice{border:1px solid #fde68a;background:var(--amber-soft);color:#92400e;padding:12px;border-radius:8px;font-size:.72rem;margin:12px 0}.profile-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:16px}.profile-card{padding:22px}.profile-identity{text-align:center}.profile-identity .avatar{width:72px;height:72px;margin:0 auto 12px;font-size:1.3rem;background:var(--ink)}.profile-identity h2{margin:0 0 3px}.profile-identity p{margin:0;color:var(--sub);font-size:.78rem}.code-pill{font-family:var(--mono);display:inline-block;background:var(--soft);padding:6px 10px;border-radius:6px;margin-top:12px;font-size:.74rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field.full{grid-column:1/-1}.field label,.login-card label{font-size:.73rem;font-weight:600;color:var(--sub)}.field input,.field select,.login-card input{border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:0;background:#fff;width:100%}.field input:focus,.field select:focus,.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.login-page{background:#fff}.login-grid{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-story{background:var(--ink);color:#fff;padding:36px clamp(30px,5vw,75px);display:flex;flex-direction:column;justify-content:space-between}.brand.light{padding:0}.login-story h1{font-size:clamp(2.2rem,4.5vw,4.5rem);line-height:1.02;letter-spacing:-.055em;margin:15px 0 20px}.login-story p{color:#d6d3d1;font-size:1rem;max-width:570px}.trust-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.trust-row span{border:1px solid #44403c;border-radius:99px;padding:7px 10px;color:#d6d3d1;font-size:.7rem}.login-form-wrap{display:grid;place-items:center;padding:30px}.login-card{width:min(410px,100%)}.login-card h2{font-size:1.8rem;letter-spacing:-.04em;margin:9px 0 7px}.login-card>p{color:var(--sub);font-size:.84rem;margin:0 0 25px}.login-card label{display:block;margin:0 0 14px}.login-card input{margin-top:6px;padding:13px}.form-error{min-height:22px;color:var(--rose);font-size:.76rem}.help-text{display:block;text-align:center;color:var(--muted);font-size:.7rem;margin-top:17px}.mobile-brand{display:none}.toast{position:fixed;right:22px;bottom:22px;background:var(--ink);color:#fff;padding:11px 15px;border-radius:8px;font-size:.78rem;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s;z-index:60}.toast.show{transform:none;opacity:1}.toast.error{background:#be123c}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.payout-layout,.profile-grid{grid-template-columns:1fr}.share-hero{grid-template-columns:1fr}.share-proof{display:none}}
@media(max-width:820px){.abd-sidebar{transform:translateX(-105%);transition:.22s;box-shadow:18px 0 40px rgba(0,0,0,.18)}.abd-sidebar.open{transform:none}.abd-main{margin-left:0}.mobile-bar{display:flex;position:sticky;top:0;z-index:20;height:58px;background:rgba(250,250,249,.94);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:0 15px;font-size:.82rem;font-weight:700}.icon-btn{border:0;background:transparent;font-size:1.25rem;padding:8px}.page-wrap{padding:18px 15px 30px}.page-head{align-items:center}.page-head h1{font-size:1.35rem}.head-actions{display:none}.share-copy{padding:20px}.link-box{display:grid;grid-template-columns:1fr auto}.kpi-grid{gap:10px}.kpi{padding:15px}.kpi-value{font-size:1.2rem}.content-grid{gap:12px}.section-card{padding:16px}.table-card{border-radius:10px}.data-table.responsive thead{display:none}.data-table.responsive,.data-table.responsive tbody,.data-table.responsive tr,.data-table.responsive td{display:block;width:100%}.data-table.responsive tr{padding:12px 14px;border-top:1px solid var(--line)}.data-table.responsive td{border:0;padding:5px 0;display:flex;justify-content:space-between;gap:20px;white-space:normal;text-align:right}.data-table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.04em;text-align:left}.filters .input,.filters .select{width:100%;min-width:0}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:620px){.login-grid{display:block}.login-story{display:none}.login-form-wrap{min-height:100vh;padding:28px 20px}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:48px}.mobile-brand img{width:31px}.kpi-grid{grid-template-columns:1fr 1fr}.kpi-top span:first-child{max-width:80px}.chart{height:185px}.chart-bars{height:140px}.payout-summary{padding:18px}.page-head p{max-width:280px}.share-copy h2{font-size:1.05rem}.link-box input{font-size:.65rem}}