:root{font-family:Noto Sans SC,Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#202124;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{min-height:100vh}.site-header{height:78px;background:#fff;border-bottom:1px solid #e8ebf0;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1200px)/2))}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:650}.brand-mark{width:34px;height:34px;border-radius:9px;background:#2962d8;color:#fff;display:grid;place-items:center;font-weight:700}.header-actions{display:flex;align-items:center;gap:20px}.text-button{border:0;background:transparent;color:#4266aa;padding:8px 2px}.text-button:hover{text-decoration:underline}.text-button:focus-visible,.button:focus-visible,.field:focus-visible,.consent input:focus-visible{outline:3px solid #8cb2ff;outline-offset:2px}.content{max-width:1200px;margin:0 auto;padding:64px 28px}.panel{background:#fff;border:1px solid #e1e5eb;border-radius:15px;box-shadow:0 10px 28px #1a29430a}.panel.small{max-width:480px;margin:80px auto;padding:32px;text-align:center}.auth-panel{width:min(100%,480px);margin:20px auto;padding:42px}.auth-panel h1,.page-heading h1{font-size:29px;line-height:1.35;margin:8px 0 12px;font-weight:650}.muted{color:#687080;line-height:1.7;font-size:14px}.eyebrow{margin:0;color:#4670be;font-size:12px;font-weight:700;letter-spacing:.08em}.field-label{display:block;font-size:13px;font-weight:650;margin:26px 0 9px}.field{display:block;width:100%;height:48px;border:1px solid #d8dfe9;border-radius:9px;padding:0 14px;background:#fff;color:#202124}.field:hover{border-color:#8ca7d0}.code-field{font-size:22px;letter-spacing:.25em}.button{border-radius:9px;border:1px solid transparent;min-height:44px;padding:0 18px;font-weight:620}.button.primary{background:#202124;color:#fff}.button.primary:hover:not(:disabled){background:#303f5c}.button.secondary{border-color:#ccd7eb;color:#284b8d;background:#f8fbff}.button.secondary:hover{background:#eaf2ff}.button.wide{width:100%;margin-top:22px}.back{margin-top:18px}.rule-note{display:flex;align-items:flex-start;gap:14px;margin:18px 0;color:#3d4655;font-size:14px;line-height:1.6}.rule-note strong{color:#4776ca}.consent{display:flex;gap:10px;align-items:flex-start;color:#404856;font-size:13px;line-height:1.6;margin-top:30px}.consent input{accent-color:#2d62c7;margin-top:3px;width:16px;height:16px}.dashboard{padding-top:12px}.page-heading{margin-bottom:34px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.metric{padding:24px;display:flex;flex-direction:column;gap:18px}.metric span{color:#6b7482;font-size:13px}.metric strong{font-size:30px;font-weight:680}.invite-panel{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:25px}.invite-panel .field-label{margin:0 0 8px}.invite-code{display:block;font-size:24px;letter-spacing:.08em;overflow-wrap:anywhere}.coming-soon{margin-top:24px}.notice{max-width:480px;margin:20px auto;background:#eaf2ff;color:#274b85;border:1px solid #bdd2f5;border-radius:9px;padding:12px 15px;font-size:13px}@media(max-width:640px){.site-header{padding:0 18px}.brand{font-size:14px}.content{padding:28px 16px}.auth-panel{padding:28px 22px}.metrics{grid-template-columns:1fr}.invite-panel{align-items:flex-start;flex-direction:column}}.invite-link{display:block;max-width:780px;color:#284b8d;font-size:14px;line-height:1.6;overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.invite-link:focus-visible{outline:2px solid #2d62c7;outline-offset:3px}.dashboard>.metrics:first-of-type{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-metrics{margin-top:18px}.grade-progress{margin:12px 2px 22px;color:#687080;font-size:13px;line-height:1.6}.payout-pending{margin:12px 2px 0;color:#687080;font-size:13px;line-height:1.6}.metric.compact strong{font-size:24px}.earning-panel{margin-top:18px;padding:25px}.earning-panel h2{font-size:18px;margin:0 0 18px}.table-scroll{overflow-x:auto}.earning-panel table{width:100%;border-collapse:collapse;min-width:570px;font-size:14px;text-align:left}.earning-panel th,.earning-panel td{padding:14px 10px;border-bottom:1px solid #e6eaf0;white-space:nowrap}.earning-panel th{color:#69758a;font-weight:600;background:#f7f9fc}.earning-panel .button{margin-top:18px}@media(max-width:760px){.dashboard>.metrics:first-of-type{grid-template-columns:1fr}}.app-shell:has(.partner-sidebar){display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:72px minmax(calc(100vh - 72px),auto)}.partner-sidebar{grid-column:1;grid-row:1 / 3;background:#f5f6f8;border-right:1px solid #e4e7ec;padding:28px 14px}.sidebar-brand{padding:0 10px 24px;display:flex;flex-direction:column;gap:4px}.sidebar-brand strong{font-size:22px}.sidebar-brand span,.sidebar-group{color:#778191;font-size:12px}.sidebar-group{margin:8px 10px 10px}.sidebar-link{display:block;width:100%;border:0;background:transparent;text-align:left;border-radius:8px;padding:12px 14px;margin:3px 0;color:#2f3440;font-size:14px;font-weight:500}.sidebar-link:hover{background:#e9edf4}.sidebar-link.active{background:#202124;color:#fff;font-weight:650}.app-shell:has(.partner-sidebar) .site-header{grid-column:2;grid-row:1;height:72px;padding:0 28px}.app-shell:has(.partner-sidebar) .content{grid-column:2;grid-row:2;width:100%;max-width:1210px;padding:28px 28px 64px}.app-shell:has(.partner-sidebar) .brand{font-size:14px}.app-shell:has(.partner-sidebar) .brand-mark{width:28px;height:28px}.page-heading{margin-bottom:26px}.page-heading h1{font-size:24px;margin:0 0 4px}.page-heading .muted{margin:0}.dashboard h2{font-size:16px;margin:0 0 17px}.grade-card{padding:23px;margin-bottom:20px;min-height:158px}.grade-row{display:grid;grid-template-columns:110px 1fr 2fr auto;align-items:center;gap:18px}.grade-row>div{display:flex;flex-direction:column;gap:8px}.grade-row strong{display:block;font-size:21px}.grade-row .muted{display:block;font-size:13px}.grade-pill{display:inline-block;background:#e7f4ec;color:#218256;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:650}.invite-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);gap:20px;margin-bottom:20px}.invite-main,.invite-code-card{padding:24px;min-height:200px}.invite-main .muted{margin:0 0 12px}.invite-main .field-label{margin:6px 0}.link-row{display:flex;gap:16px;align-items:center}.link-row .invite-link{flex:1;min-width:0;padding:12px;border:1px solid #dfe4eb;border-radius:8px;text-decoration:none;background:#fff}.link-row .button{min-width:135px}.invite-code-card{display:flex;flex-direction:column}.invite-code-card .invite-code{font-size:28px;letter-spacing:.04em;margin:14px 0 22px}.invite-code-card .button{margin-top:auto}.balance-card{padding:24px}.balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.balance-grid>div{display:flex;flex-direction:column;gap:12px}.balance-grid span,.balance-grid small{font-size:13px;color:#7b8493}.balance-grid strong{font-size:25px;font-weight:680}.dashboard-actions{display:flex;gap:14px;margin:26px 0}.dashboard-actions .button{min-width:160px}.empty-state{padding:28px}.empty-state .muted{margin:0}@media(max-width:900px){.app-shell:has(.partner-sidebar){grid-template-columns:180px minmax(0,1fr)}.grade-row{grid-template-columns:1fr 1fr}.invite-grid{grid-template-columns:1fr}.balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.app-shell:has(.partner-sidebar){display:block}.partner-sidebar{padding:12px;display:flex;gap:8px;overflow-x:auto;border-right:0;border-bottom:1px solid #e4e7ec}.sidebar-brand,.sidebar-group{display:none}.sidebar-link{width:auto;white-space:nowrap;margin:0;padding:10px}.app-shell:has(.partner-sidebar) .site-header{height:60px;padding:0 16px}.app-shell:has(.partner-sidebar) .content{padding:20px 16px 44px}.grade-row,.balance-grid{grid-template-columns:1fr 1fr}.link-row{flex-direction:column;align-items:stretch}}.grade-rules-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.grade-rules-heading h2{margin:0}.grade-rules tr.is-current{background:#edf4ff}.grade-rules tr.is-current td{font-weight:650}.payout-panel{padding:24px;margin-bottom:20px}.payout-panel>.notice{max-width:none;margin:0 0 24px}.payout-panel .balance-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:560px;margin:24px 0}.payout-form{max-width:700px}.payout-form{display:grid;gap:12px;margin-top:20px}.payout-form .link-row input{flex:1;min-width:0}.payout-form>button{justify-self:start}.payout-form input{width:100%;border:1px solid #d8dfea;border-radius:8px;padding:12px;font:inherit;background:#fff;color:#171717}.payout-form input:focus-visible{outline:2px solid #2862e9;outline-offset:2px}