*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,sans-serif;background:#f6f7f9;color:#0f1e3a}.topbar{background:#0f1e3a;color:#fff;padding:12px 20px;display:flex;align-items:center;gap:18px}.brand{font-weight:700;font-size:18px;color:#ffd426}.topbar nav{flex:1;display:flex;gap:4px}.topbar nav button{background:none;border:0;color:#ffffffbf;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:8px}.topbar nav button.active{color:#ffd426;font-weight:700;background:#ffffff14}main{max-width:980px;margin:24px auto;padding:0 16px}.tbl{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0f172a14;margin:12px 0}.tbl th,.tbl td{padding:10px 12px;text-align:left;font-size:14px;border-bottom:1px solid #eef0f4}.tbl th{background:#f0f2f7;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#5b6472}.payout{font-weight:700}.btn-primary{background:#0f1e3a;color:#ffd426;border:0;border-radius:10px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}.btn-primary.small{padding:7px 12px;font-size:13px}.btn-ghost{background:none;border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:8px;padding:7px 12px;cursor:pointer;font-size:13px}.paid-badge{background:#e5f7e9;color:#187a3c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.week-nav{display:flex;align-items:center;gap:16px;margin-bottom:8px}.week-nav button{background:#fff;border:1px solid #d7dbe4;border-radius:8px;padding:8px 12px;cursor:pointer}.muted{color:#5b6472;font-size:14px}.toast{background:#fff8dd;border:1px solid #f0dd9a;border-radius:10px;padding:10px 14px;margin:12px auto 0;max-width:980px;cursor:pointer}.error{color:#b3261e;font-size:13px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:#fff;padding:32px;border-radius:16px;box-shadow:0 2px 12px #0f172a1f;width:340px;display:flex;flex-direction:column;gap:12px;text-align:center}.login-card input{padding:12px;border:1px solid #d7dbe4;border-radius:10px;font-size:15px}.login-logo{width:56px;height:56px;border-radius:16px;background:#0f1e3a;color:#ffd426;font-size:28px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto}.inline-form{display:flex;gap:8px;margin-top:12px}.inline-form input{flex:1;padding:10px;border:1px solid #d7dbe4;border-radius:10px}.big-card{background:#0f1e3a;color:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:4px}.big-card-label{font-size:13px;opacity:.85}.big-amount{font-size:34px;font-weight:800;color:#ffd426}.big-card-sub{font-size:12px;opacity:.8}.stat-row{display:flex;gap:10px}.stat{flex:1;background:#fff;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px;box-shadow:0 1px 3px #0f172a14}.stat-label{font-size:11px;color:#5b6472;text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:16px;font-weight:700}.section-title{margin:14px 0 4px;font-size:15px}@media (max-width: 640px){.topbar{flex-wrap:wrap;gap:8px;padding:10px 12px}.topbar nav{order:3;flex-basis:100%;flex-wrap:wrap;row-gap:2px}.topbar nav button{padding:6px 8px;font-size:13px}.tbl{display:block;overflow-x:auto}.inline-form{flex-wrap:wrap}.week-nav{flex-wrap:wrap;gap:8px}main{margin:16px auto}.big-amount{font-size:28px}}