:root{color-scheme:dark;--bg:#08142b;--panel:#122542;--line:#294362;--ink:#edf3ff;--muted:#afbed3;--success:#c5e6a8;--danger:#ff7474;--pending:#ffd180}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#233f70,var(--bg) 65%);color:var(--ink);font:16px/1.6 Arial,sans-serif;min-height:100vh}a{color:#d0e0ff}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px max(20px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;text-decoration:none}nav{display:flex;gap:16px;flex-wrap:wrap}main{max-width:1120px;margin:auto;padding:32px 20px 64px}.intro{max-width:650px;margin-bottom:30px}h1{font-size:clamp(28px,4vw,42px);line-height:1.15}h2{font-size:22px}p,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:20px}.card{border:1px solid var(--line);border-radius:18px;padding:24px;background:linear-gradient(145deg,#172f51,#0d1d35);min-width:0;overflow-wrap:anywhere}.narrow{max-width:520px;margin:auto}label{display:block;margin:14px 0 5px;font-weight:600}input,select,textarea{display:block;width:100%;min-width:0;border:1px solid #456185;background:#091930;color:var(--ink);border-radius:9px;padding:12px;font:inherit}textarea{min-height:100px}button,.button{display:inline-block;background:#d4e3ff;border:0;border-radius:9px;color:#0c2344;padding:12px 18px;font:600 15px Arial;cursor:pointer;text-decoration:none;margin-top:16px;max-width:100%}button:hover,.button:hover{filter:brightness(1.08)}button.danger{background:#72293866;border:1px solid #ff7474;color:#ffb4b4}.success{color:var(--success)}.pending{color:var(--pending)}.notice{border-left:4px solid var(--pending);padding:12px 18px;background:#ffffff09;margin-bottom:20px}.amount{font-size:32px;font-weight:800;color:var(--success)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}table{border-collapse:collapse;width:100%;font-size:14px}td,th{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.scroll{overflow-x:auto}small{color:var(--muted)}code{overflow-wrap:anywhere}img.qr{display:block;max-width:100%;width:260px;background:white;padding:12px;border-radius:12px}footer{padding:20px;text-align:center;color:var(--muted)}:focus-visible{outline:3px solid #c5e6a8;outline-offset:3px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}main{padding-top:20px}.card{padding:18px}nav{font-size:14px}}
body{font-family:"Plus Jakarta Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.card{margin-top:20px}.grid>.card{margin-top:0}.logout{margin:0}.logout button{margin:0}.success{color:var(--success)}@media(max-width:600px){header .logout{width:100%}}
@media(min-width:1000px){header{position:fixed;inset:0 auto 0 0;width:230px;height:100dvh;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:28px 22px;border-bottom:0;border-right:1px solid var(--line);background:#0b1f4b}nav{flex-direction:column;gap:20px;margin-top:24px}.logout{margin-top:auto}.logout button{width:100%}main{width:calc(100% - 230px);margin-left:230px;max-width:none;padding:36px 30px 64px}footer{margin-left:230px}}

/* Round 1: compact balances, structured console, accessible confirmation panels. */
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
[hidden]{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}
button,input,select,summary,.button{min-height:44px}input[type=checkbox]{width:24px;display:inline-block;vertical-align:middle}
.console-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}.console-tabs{display:flex;flex-direction:column;align-self:start;gap:4px;margin:0}.console-tabs a{padding:10px;border-radius:8px;text-decoration:none;min-height:44px}.console-tabs [aria-current]{background:#d4e3ff;color:#0c2344;font-weight:700}.console-content{min-width:0}.confirm-panel{border-left:3px solid var(--pending);padding:16px;margin-top:14px}.confirm-action{margin:12px 0}summary{cursor:pointer;font-weight:600}.scroll table{min-width:520px}.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.balances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.balances .card{margin:0}.balances .amount{font-size:clamp(23px,3vw,32px)}.stepper{display:flex;gap:10px;flex-wrap:wrap;list-style:none;padding:0}.stepper li{padding:8px 12px;border:1px solid var(--line);border-radius:30px}.stepper .done{border-color:var(--success)}.dashboard-grid{display:flex;flex-direction:column}.unified-qr{order:-1}.card{overflow-wrap:break-word}.earnings-table td,.earnings-table th{overflow-wrap:normal;word-break:normal}.theme-toggle{margin:8px 0}
body.light{color-scheme:light;--bg:#f0f4fa;--panel:#fff;--line:#c3cfdf;--ink:#0c2344;--muted:#3e526d;--success:#2b6413;--pending:#754400;background:#f0f4fa}.light .card{background:#fff}.light a{color:#144b91}.light header{background:#e5edf8}.light input,.light select,.light textarea{background:#fff;color:#0c2344}.light .notice{background:#fff3d1}.light button.danger{color:#9b1426;background:#ffecef}
@media(max-width:900px){.console-layout{grid-template-columns:1fr}.console-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.balances{grid-template-columns:repeat(2,minmax(0,1fr))}.balances .card{padding:14px}.balances h2{font-size:18px}.balances .amount{font-size:26px}}
@media(max-width:480px){.earnings-table thead{display:none}.earnings-table,.earnings-table tbody,.earnings-table tr{display:block;min-width:0}.earnings-table tr{padding:10px 0;border-bottom:1px solid var(--line)}.earnings-table td{display:flex;justify-content:space-between;gap:12px;border:0;padding:6px 0}.earnings-table td:before{content:attr(data-label);font-weight:600}}

@media(max-width:480px){.scroll .earnings-table{min-width:0;width:100%}.earnings-table td:before{min-width:86px;flex-shrink:0}.earnings-table td{width:100%;text-align:right}}
.light :focus-visible{outline-color:#1457a6}
