:root{--bg:#f4f6f8;--card:#fff;--text:#17191c;--muted:#6d737c;--line:#e2e6ea;--accent:#0a7c42;--danger:#b42318}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100vw - 1180px)/2));background:#111;color:#fff}.topbar div{display:flex;gap:18px;align-items:center}.topbar span{color:#aeb4bc}.container{max-width:1180px;margin:auto;padding:32px 20px 60px}.hero{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.hero h1,h1{font-size:clamp(30px,5vw,48px);margin:0 0 8px}.hero p{margin:4px 0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:800;color:var(--accent)!important}.periods{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.periods select,.periods input,input,select{background:#fff;border:1px solid var(--line);border-radius:10px;padding:11px 12px;font:inherit}button,.button{border:0;border-radius:10px;padding:12px 18px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer;text-decoration:none;display:inline-block}.secondary{background:#e8ecef;color:#222}.range{font-size:13px;color:var(--muted);margin-bottom:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.cards article,.panel{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 5px 18px rgba(16,24,40,.04)}.cards article{padding:22px}.cards span{display:block;color:var(--muted);font-size:14px;margin-bottom:8px}.cards strong{font-size:28px}.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0 0 18px;font-size:20px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}td small{display:block;color:var(--muted);margin-top:4px}.empty{text-align:center!important;color:var(--muted);padding:30px!important}.chart{min-height:250px}.chart svg{width:100%;height:auto;overflow:visible}.chart line{stroke:#d7dce0}.chart polyline,.chart circle{stroke:var(--accent)}.chart circle{fill:#fff}.chart text{font-size:11px;fill:#737982}.alert{padding:12px 14px;border-radius:10px;margin:14px 0}.error{background:#fee4e2;color:#912018}.success{background:#dcfae6;color:#086b3a}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#101513,#1b2b23)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.35)}.login-card h1{text-align:center;font-size:34px}.brandmark{width:64px;height:64px;border-radius:18px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;font-size:24px;margin:0 auto 15px}.muted,.hint{color:var(--muted);text-align:center}.login-card form,.form-grid{display:grid;gap:14px;margin-top:24px}label{display:grid;gap:7px;font-weight:650;font-size:14px}.hint{font-size:12px;line-height:1.7;margin-top:20px}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.check{display:flex;align-items:center;grid-template-columns:auto 1fr}.check input{width:auto}.actions{display:flex;gap:10px;align-items:center}.actions form{margin:0}.link{background:none;padding:0;color:inherit}.danger{color:var(--danger)}@media(max-width:850px){.cards{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:520px){.cards{grid-template-columns:1fr}.topbar span{display:none}.container{padding:24px 14px}.panel{padding:16px}.periods>*{flex:1 1 140px}.cards strong{font-size:25px}}
.topbar-brand{display:flex;align-items:center;gap:16px}.topbar-brand img{width:150px;height:40px;object-fit:contain;object-position:left center}.login-logo{display:block;width:min(310px,100%);max-height:145px;object-fit:contain;margin:0 auto 16px}.band-identity{display:flex;align-items:center;gap:24px}.band-logo{width:132px;height:132px;object-fit:contain;border-radius:18px;background:#111;padding:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.band-logo-placeholder,.band-placeholder{display:grid;place-items:center;background:#17191c;color:#fff;font-weight:900}.band-cell{display:flex;align-items:center;gap:12px}.band-cell img,.band-placeholder{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#111;padding:3px;flex:none}.logo-preview{padding:12px;border:1px dashed var(--line);border-radius:12px;background:#fafafa}.logo-preview img{display:block;max-width:180px;max-height:140px;object-fit:contain;margin:auto}@media(max-width:650px){.band-identity{align-items:flex-start;gap:15px}.band-logo{width:88px;height:88px}.topbar-brand img{width:115px}.band-hero h1{font-size:30px}}

.payout-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:20px 0}.payout-panel h2{margin:4px 0 8px}.payout-panel form{flex:0 0 auto}.payout-panel button:disabled{opacity:.45;cursor:not-allowed}.status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.status-pending{background:#fff1c7;color:#7a5700}.status-paid{background:#dff7e6;color:#146b32}@media(max-width:700px){.payout-panel{align-items:flex-start;flex-direction:column}.payout-panel form,.payout-panel button{width:100%}}

.payout-panel { align-items: flex-start; gap: 28px; }
.payout-summary { flex: 1 1 340px; }
.payout-form { flex: 1 1 420px; display: grid; gap: 14px; }
.payout-form label { display: grid; gap: 7px; font-weight: 700; }
.payout-form input { width: 100%; }
.amount-row { display: grid; grid-template-columns: minmax(130px, 1fr) auto auto; gap: 9px; align-items: center; }
.amount-row span { font-weight: 700; }
.amount-row .secondary { white-space: nowrap; }
@media (max-width: 700px) { .amount-row { grid-template-columns: 1fr auto; } .amount-row .secondary { grid-column: 1 / -1; } }
.payout-forms{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:24px;align-items:start}.account-box{padding:18px;border:1px solid #e3e7ea;border-radius:14px;background:#fafbfb}.account-box h3{margin-top:0}.alert.warning{background:#fff7dc;border-color:#eed27a;color:#725900}.login-links{text-align:center;margin:14px 0 0}.login-links a{font-weight:700}@media(max-width:800px){.payout-forms{grid-template-columns:1fr}}
.admin-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.admin-title .actions{display:flex;gap:10px;align-items:center}.admin-title form{margin:0}