:root{color:#10243f;font-synthesis:none;text-rendering:optimizelegibility;--blue-900:#10243f;--blue-700:#1f5faa;--blue-600:#2878d8;--blue-100:#eaf4ff;--blue-50:#f5faff;--aqua-600:#0aaeca;--aqua-500:#16d8d0;--aqua-100:#dffcf9;--navy-950:#061944;--line:#dbe7f3;--muted:#66788d;background:#f4f8fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.login-shell{background:radial-gradient(circle at 10% 12%,#16d8d029,#0000 28%),radial-gradient(circle at 88% 12%,#2878d81f,#0000 30%),linear-gradient(#fff 0%,#f7fcff 54%,#eef8fb 100%);grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:36px;min-height:100vh;padding:clamp(24px,4vw,58px);display:grid}.brand-panel{color:var(--blue-900);flex-direction:column;justify-content:center;gap:34px;min-width:0;display:flex;overflow:hidden}.brand-mark{background:var(--blue-600);color:#fff;border-radius:8px;place-items:center;width:52px;height:52px;font-size:1.4rem;font-weight:900;display:grid}.brand-mark.small{background:linear-gradient(135deg,#55eadb,#1287d5);width:34px;height:34px;font-size:.78rem}.brand-panel h1{max-width:820px;color:var(--navy-950);letter-spacing:0;margin:0;font-size:clamp(2.6rem,5.2vw,5.85rem);line-height:1}.login-brand{width:fit-content;max-width:100%;box-shadow:none;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.login-wordmark{color:#fff;letter-spacing:0;white-space:nowrap;background:radial-gradient(circle at 86% 20%,#16d8d01f,#0000 32%),linear-gradient(135deg,#03102f 0%,#061944 62%,#081736 100%);border:1px solid #16d8d029;border-radius:14px;align-items:center;min-height:66px;padding:11px 18px 14px;font-size:clamp(2.35rem,4.45vw,4.25rem);font-weight:950;line-height:.9;display:inline-flex;box-shadow:0 16px 38px #0619442e}.login-wordmark span{color:#fff;text-shadow:0 10px 26px #ffffff1f}.login-wordmark strong{color:#0000;background:linear-gradient(135deg,#67f3e7 0%,#13c9d8 45%,#1186df 100%);font:inherit;-webkit-background-clip:text;background-clip:text}.login-hero-copy{gap:14px;display:grid}.hero-copy{color:#52687f;max-width:640px;margin:0;font-size:1.1rem;line-height:1.7}.eyebrow{text-transform:uppercase;color:var(--aqua-600);margin:0 0 10px;font-size:.75rem;font-weight:800}.login-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:960px;display:grid}.login-feature-card{background:#ffffffc7;border:1px solid #e0edf8;border-radius:10px;align-content:start;gap:10px;min-height:172px;padding:18px;display:grid;box-shadow:0 16px 38px #123d6212}.login-feature-card span{background:linear-gradient(135deg, var(--aqua-100), var(--blue-100));width:34px;height:34px;color:var(--aqua-600);border-radius:8px;place-items:center;font-size:.76rem;font-weight:950;display:grid}.login-feature-card strong{color:var(--navy-950);font-size:.98rem}.login-feature-card p{color:#64778b;margin:0;font-size:.88rem;line-height:1.55}.login-dashboard-preview{background:linear-gradient(#ffffffeb,#fafeffdb),radial-gradient(circle at 100% 0,#16d8d024,#0000 34%);border:1px solid #dcecf7;border-radius:14px;gap:18px;max-width:860px;padding:18px;display:grid;box-shadow:0 22px 58px #1137601a}.preview-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.preview-header div,.preview-metrics div{gap:4px;display:grid}.preview-header span,.preview-metrics span{color:#6a7e91;text-transform:uppercase;font-size:.73rem;font-weight:900}.preview-header strong{color:var(--navy-950);font-size:1.05rem}.preview-header small{min-height:30px;color:var(--aqua-600);white-space:nowrap;background:#effdfb;border:1px solid #16d8d047;border-radius:999px;align-items:center;padding:0 10px;font-size:.72rem;font-weight:900;display:inline-flex}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.preview-metrics div{background:#fff;border:1px solid #e1edf7;border-radius:10px;align-content:center;min-height:86px;padding:14px}.preview-metrics strong{color:var(--navy-950);font-size:1.55rem;line-height:1}.preview-chart{background:linear-gradient(#edf4fb 1px,#0000 1px) 0 33%/100% 33%,#f9fcff;border:1px solid #e4eef7;border-radius:10px;grid-template-columns:repeat(7,1fr);align-items:end;gap:10px;height:142px;padding:16px 16px 0;display:grid}.preview-chart span{background:linear-gradient(180deg, var(--aqua-500), var(--blue-600));border-radius:8px 8px 0 0;min-height:28px;box-shadow:0 8px 18px #0aaeca2e}.login-panel{background:#fffffffa;border:1px solid #d8e8f5;border-radius:18px;width:100%;padding:34px;position:relative;overflow:hidden;box-shadow:0 24px 70px #0f2f5524}.login-panel:before{content:"";background:linear-gradient(90deg, var(--aqua-500), var(--blue-600), #6ee7f9);height:5px;position:absolute;inset:0 0 auto}.login-panel:after{content:"";pointer-events:none;background:#16d8d01f;border-radius:999px;width:240px;height:240px;position:absolute;top:-120px;right:-120px}.login-header{gap:8px;padding-bottom:8px;display:grid;position:relative}.login-header .eyebrow{margin:0}.login-header h2,.workspace h2,.admin-panel h2{letter-spacing:0;margin:0;font-size:1.35rem}.login-header p,.muted{color:var(--muted);line-height:1.6}.login-header p{margin:0}.gradient-wordmark{color:#0000;background:linear-gradient(135deg,#061944 0%,#0aaeca 46%,#1186df 100%);white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-weight:950}.segmented{background:#f0f7fb;border:1px solid #dbeaf5;border-radius:999px;grid-template-columns:1fr 1fr;margin:24px 0;padding:4px;display:grid;position:relative}.segmented button{color:#536b81;background:0 0;border:0;border-radius:999px;padding:10px 12px;font-weight:800}.segmented button.active{color:var(--navy-950);background:#fff;box-shadow:0 6px 18px #0f2f5521}.form-stack,.admin-panel{gap:16px;display:grid}.login-panel .form-stack{gap:15px;position:relative}label{color:#3b494f;gap:8px;font-size:.9rem;font-weight:750;display:grid}input,select{color:#17283a;background:#fff;border:1px solid #ccdceb;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 12px}input:focus,select:focus{border-color:var(--aqua-600);box-shadow:0 0 0 3px #16d8d026}.primary-button{background:linear-gradient(135deg, var(--aqua-600), var(--blue-600));color:#fff;border:0;border-radius:10px;min-height:48px;font-weight:850;box-shadow:0 12px 24px #0aaeca3d}.primary-button:hover:not(:disabled),.primary-button:focus-visible:not(:disabled){background:linear-gradient(135deg,#08c4d6,#1d6fd2);outline:none;box-shadow:0 16px 28px #0aaeca47}.primary-button:disabled{opacity:.65;cursor:not-allowed}.error-text{color:#a83f39;background:#fff0ee;border:1px solid #f0b9b5;border-radius:8px;padding:12px}.status-text{color:var(--blue-700);background:var(--blue-50);border:1px solid #c7ddf6;border-radius:8px;padding:12px}.recaptcha-slot{min-height:1px}.loading-screen{min-height:100vh;color:var(--muted);background:radial-gradient(circle at 24% 18%,#16d8d02e,#0000 28%),radial-gradient(circle at 78% 76%,#2878d829,#0000 30%),linear-gradient(#fff 0%,#f5fbff 56%,#edf8fb 100%);place-items:center;padding:24px;display:grid}.loading-card{background:#ffffffe6;border:1px solid #dbeaf5;border-radius:18px;justify-items:center;gap:22px;width:min(420px,100%);padding:34px 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 26px 70px #0f2f5521}.loading-card:before{content:"";background:linear-gradient(90deg, var(--aqua-500), var(--blue-600), #6ee7f9);height:5px;position:absolute;inset:0 0 auto}.loading-wordmark{color:#fff;letter-spacing:0;background:radial-gradient(circle at 86% 20%,#16d8d01f,#0000 32%),linear-gradient(135deg,#03102f 0%,#061944 62%,#081736 100%);border:1px solid #16d8d029;border-radius:13px;align-items:center;padding:10px 15px 12px;font-size:2.2rem;font-weight:950;line-height:.9;display:inline-flex;box-shadow:0 14px 32px #06194429}.loading-wordmark span{color:#fff}.loading-wordmark strong{color:#0000;background:linear-gradient(135deg,#67f3e7 0%,#13c9d8 45%,#1186df 100%);font:inherit;-webkit-background-clip:text;background-clip:text}.wash-loader{place-items:center;width:min(260px,76vw);height:76px;display:grid;position:relative}.wash-loader:before{content:"";background:linear-gradient(90deg,#0000,#16d8d038,#2878d833,#0000);border-radius:999px;width:100%;height:14px;animation:1.8s ease-in-out infinite loader-glow;position:absolute;bottom:14px}.wash-loader span{transform-origin:50% 100%;border:3px solid #0aaecaad;border-top-color:#2878d8eb;border-radius:999px 999px 0 0;width:66px;height:30px;animation:1.45s ease-in-out infinite wash-arc;position:absolute}.wash-loader span:first-child{animation-delay:-.28s}.wash-loader span:nth-child(2){border-color:#1286dfe6 #16d8d0b8 #16d8d0b8;width:86px;height:40px;animation-delay:-.14s}.wash-loader span:nth-child(3){border-color:#0aaecae6 #67f3e79e #67f3e79e;width:108px;height:52px}.loading-card p{color:#536b81;text-align:center;margin:0;font-weight:850}@keyframes wash-arc{0%{opacity:.28;transform:translateY(12px)scale(.82)}45%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.28;transform:translateY(-8px)scale(1.08)}}@keyframes loader-glow{0%,to{opacity:.45;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.wash-loader:before,.wash-loader span,.report-loading:before{animation:none}}.app-shell{background:radial-gradient(circle at 12% 0,#16d8d01a,#0000 28%),radial-gradient(circle at 96% 8%,#2878d814,#0000 28%),linear-gradient(#fff 0%,#f6fbff 44%,#eef8fb 100%);grid-template-columns:76px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:30;width:76px;height:100vh;color:var(--blue-900);background:#ffffffeb;border-right:1px solid #dbe7f3db;flex-direction:column;gap:22px;padding:18px 14px;transition:width .18s,box-shadow .18s;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:10px 0 24px #15315100}.sidebar:hover,.sidebar:focus-within{width:276px;box-shadow:12px 0 36px #0f2f551f}.sidebar-brand{border-bottom:1px solid #edf5fb;align-items:center;gap:11px;padding:0 2px 16px;font-weight:900;display:flex}.app-wordmark{color:#fff;background:radial-gradient(circle at 86% 20%,#16d8d01f,#0000 32%),linear-gradient(135deg,#03102f 0%,#061944 62%,#081736 100%);border:1px solid #16d8d029;border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:38px;font-size:0;font-weight:950;line-height:.9;transition:width .18s,padding .18s,font-size .18s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 24px #06194424}.app-monogram{place-items:center;font-style:normal;transition:opacity .14s;display:grid;position:absolute;inset:0}.app-monogram span,.app-monogram strong{font-size:1.05rem;font-weight:950;line-height:1;position:absolute}.app-monogram span{color:#fff;transform:translate(-5px,-2px)}.app-monogram strong{color:#0000;background:linear-gradient(135deg,#67f3e7 0%,#13c9d8 45%,#1186df 100%);-webkit-background-clip:text;background-clip:text;transform:translate(7px,5px)}.sidebar:hover .app-wordmark,.sidebar:focus-within .app-wordmark{justify-content:flex-start;width:118px;padding:0 12px 2px;font-size:1.02rem}.sidebar:hover .app-monogram,.sidebar:focus-within .app-monogram{opacity:0}.app-wordmark>span{color:#fff;opacity:0;transition:opacity .14s}.app-wordmark>strong{color:#0000;background:linear-gradient(135deg,#67f3e7 0%,#13c9d8 45%,#1186df 100%);font:inherit;opacity:0;-webkit-background-clip:text;background-clip:text;transition:opacity .14s}.sidebar:hover .app-wordmark>span,.sidebar:hover .app-wordmark>strong,.sidebar:focus-within .app-wordmark>span,.sidebar:focus-within .app-wordmark>strong{opacity:1}.sidebar-brand-copy{opacity:0;line-height:1.1;transition:opacity .16s,transform .16s;display:grid;transform:translate(-6px)}.sidebar:hover .sidebar-brand-copy,.sidebar:focus-within .sidebar-brand-copy{opacity:1;transform:translate(0)}.sidebar-brand small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:800}.sidebar nav{gap:6px;display:grid}.nav-section-label{color:#8a9aae;letter-spacing:.04em;text-transform:uppercase;opacity:0;margin:2px 8px 6px;font-size:.7rem;font-weight:900;transition:opacity .16s}.sidebar:hover .nav-section-label,.sidebar:focus-within .nav-section-label{opacity:1}.nav-group{gap:4px;display:grid}.nav-item,.signout-button{color:#44576d;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px 11px;font-weight:850;display:grid}.nav-item span,.subnav-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.nav-item span{opacity:0;transition:opacity .16s}.sidebar:hover .nav-item span,.sidebar:focus-within .nav-item span{opacity:1}.nav-item.active,.nav-item:hover,.signout-button:hover{color:var(--aqua-600);background:linear-gradient(135deg,#effdfb,#f4f9ff);box-shadow:inset 0 0 0 1px #16d8d02e}.nav-chevron{color:#90a2b6;opacity:0;transition:opacity .16s}.sidebar:hover .nav-chevron,.sidebar:focus-within .nav-chevron{opacity:1}.subnav{gap:4px;margin:2px 0 6px;transition:margin .16s;display:grid}.sidebar:hover .subnav,.sidebar:focus-within .subnav{margin-left:30px}.subnav-item{color:#607388;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:0;font-weight:750;transition:font-size .16s;display:flex}.sidebar:hover .subnav-item,.sidebar:focus-within .subnav-item{font-size:.88rem}.subnav-item svg,.signout-button svg{flex:none}.subnav-item.active,.subnav-item:hover{color:var(--aqua-600);background:#effdfb}.signout-button{margin-top:auto;font-size:0;transition:font-size .16s;display:flex}.sidebar:hover .signout-button,.sidebar:focus-within .signout-button{font-size:.9rem}.content{min-width:0;padding:0 28px 32px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd6;border-bottom:1px solid #dbe7f3db;justify-content:space-between;align-items:center;gap:16px;min-height:72px;margin:0 -28px 26px;padding:0 28px;display:flex}.topbar h1{color:var(--blue-900);letter-spacing:0;margin:0;font-size:1.45rem}.topbar .eyebrow{color:#0000;background:linear-gradient(135deg, var(--aqua-600), var(--blue-600));-webkit-background-clip:text;background-clip:text;margin-bottom:4px}.topbar-user{color:inherit;cursor:pointer;background:#ffffff9e;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:5px 7px 5px 12px;display:flex}.topbar-user:hover,.topbar-user:focus-visible{background:#fff;border-color:#16d8d038;outline:none;box-shadow:0 10px 24px #0f2f5514}.topbar-user-menu{display:flex;position:relative}.user-meta{justify-items:end;line-height:1.25;display:grid}.user-meta strong{color:var(--blue-900);font-size:.88rem}.user-meta span{color:var(--muted);font-size:.76rem}.user-avatar{background:radial-gradient(circle at 70% 20%, #ffffff38, transparent 28%), linear-gradient(135deg, var(--aqua-600), var(--blue-600));color:#fff;border-radius:999px;place-items:center;width:38px;height:38px;font-size:.82rem;font-weight:900;display:grid;box-shadow:0 8px 18px #0aaeca33}.account-menu{z-index:60;background:#fffffffa;border:1px solid #dbeaf5;border-radius:14px;width:278px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 22px 50px #0f2f5529}.account-menu-header{border-bottom:1px solid #eef3f8;gap:2px;padding:14px 16px 12px;display:grid}.account-menu-header strong{color:var(--blue-900);font-size:.9rem}.account-menu-header span,.account-menu-header small{color:#66788d;font-size:.78rem}.account-menu-header small{text-transform:capitalize}.account-menu-item{color:#243542;width:100%;min-height:42px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:10px;padding:0 16px;font-size:.88rem;display:flex}.account-menu-item:hover,.account-menu-item:focus-visible{background:#f7fbff;outline:none}.account-menu-item.admin{color:#16764f}.account-menu-item.danger{color:#dc2626;border-top:1px solid #eef3f8}.role-pill{background:var(--blue-100);color:var(--blue-700);text-transform:capitalize;border-radius:999px;padding:8px 14px;font-weight:900}.workspace{border:1px solid var(--line);text-align:center;background:#fff;border-radius:8px;place-items:center;min-height:380px;padding:36px;display:grid}.report-page{gap:20px;display:grid}.report-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.report-header h2{letter-spacing:0;margin:0;font-size:1.8rem}.secondary-button{min-height:42px;color:var(--blue-900);background:#fff;border:1px solid #cfd8d6;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-weight:850;display:inline-flex}.inline-button{justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.filter-panel,.report-panel,.kpi-card{border:1px solid var(--line);background:#fff;border-radius:8px}.filter-panel,.report-panel{padding:18px}.commission-filter-panel{background:#fff;padding:12px 14px;position:relative;box-shadow:0 8px 24px #19539012}.commission-filter-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.commission-filter-title{align-items:center;gap:14px;min-width:0;display:flex}.commission-filter-title h3{color:#66788d;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:900}.commission-filter-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.commission-filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.picker-shell{position:relative}.date-picker-shell{min-width:0}.filter-chip,.reset-filter-button,.active-filter-pill{color:#293846;background:#fff;border:1px solid #d8e2ec;border-radius:8px;align-items:center;gap:7px;min-height:34px;padding:0 10px;font-weight:800;display:inline-flex;box-shadow:0 2px 6px #21426214}.filter-chip{color:#1e2d3a;max-width:285px}.filter-chip svg{color:var(--blue-700);flex:none}.filter-chip-label{color:#526577;font-size:.82rem;font-weight:850}.filter-chip.is-active{background:#f4f9ff;border-color:#98c7f6;box-shadow:0 0 0 3px #2878d81a}.filter-chip:hover,.reset-filter-button:hover,.active-filter-pill:hover{border-color:#9cc6f2;box-shadow:0 0 0 3px #2878d81f}.filter-chip strong{min-width:0;color:var(--blue-700);text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.reset-filter-button{color:#405061;border-color:#d8e2ec;min-height:31px;font-size:.76rem}.reset-filter-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none}.picker-popover{z-index:5;background:#fff;border:1px solid #d7dfdc;border-radius:8px;width:min(360px,100vw - 64px);max-height:430px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;overflow:auto;box-shadow:0 18px 46px #17202729}.date-picker-popover{width:min(390px,100vw - 64px)}.picker-option,.picker-check,.clear-picker{color:#303d43;text-align:left;background:0 0;border:0;border-radius:6px;width:100%;min-height:38px;padding:0 10px;font-weight:800}.picker-option{font-size:.96rem}.picker-option:hover,.picker-option.selected,.picker-check:hover,.picker-check.selected{background:var(--blue-100);color:var(--blue-700)}.picker-option.separated{border-top:1px solid #e5ebe8;border-radius:0 0 6px 6px;margin-top:8px;padding-top:8px}.picker-search{color:#607078;border:1px solid #d7dfdc;border-radius:8px;align-items:center;gap:8px;min-height:38px;margin-bottom:8px;padding:0 10px;display:flex}.picker-search input{min-height:34px;box-shadow:none;border:0;padding:0}.clear-picker{color:#a83f39;align-items:center;gap:6px;margin-bottom:6px;display:inline-flex}.picker-options{gap:2px;display:grid}.picker-check{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:8px;display:grid}.check-box{color:#fff;border:1px solid #b8c6c2;border-radius:4px;place-items:center;width:18px;height:18px;font-size:.68rem;display:grid}.picker-check.selected .check-box{border-color:var(--blue-600);background:var(--blue-600)}.picker-check span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.picker-empty{color:#607078;margin:8px 4px;font-weight:750}.fixed-date-grid{border-top:1px solid #e5ebe8;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding:12px 4px 2px;display:grid}.fixed-date-grid input{min-height:38px}.active-filter-row{border-top:1px solid #edf1ee;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:10px;display:flex}.active-filter-pill{color:#1e74c9;background:#edf7ff;border-color:#c8e3f8;min-height:32px;padding:0 10px;font-size:.82rem}.commission-report-page .kpi-card{border-color:#e2e8e5;position:relative;overflow:hidden;box-shadow:0 8px 22px #1720270d}.commission-report-page .kpi-card:before{content:"";background:#1d78cf;height:4px;position:absolute;inset:0 0 auto}.commission-report-page .kpi-card:nth-child(2):before{background:#2d9cdb}.commission-report-page .kpi-card:nth-child(3):before{background:#5d8def}.commission-report-page .kpi-card:nth-child(4):before{background:#7c5cff}.commission-report-page .kpi-card:nth-child(5):before{background:#4a90e2}.commission-report-page .kpi-card:nth-child(6):before{background:#6bb6ff}.commission-report-page .kpi-card:nth-child(7):before{background:var(--blue-900)}.panel-heading.compact{margin-bottom:14px}.panel-heading.compact h2{font-size:1rem}.filter-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;display:grid}.filter-grid select[multiple]{min-height:92px;padding:8px}.filter-actions{gap:10px;margin-top:16px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.commissions-kpi-grid{grid-template-columns:repeat(7,minmax(145px,1fr))}.kpi-card{align-items:center;gap:14px;min-height:116px;padding:18px;display:flex}button.kpi-card{border:1px solid var(--line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.kpi-card.clickable:hover,.kpi-card.clickable:focus-visible{border-color:#98c7f6;outline:none;box-shadow:0 0 0 3px #2878d81a,0 8px 22px #17202712}.kpi-icon{background:var(--blue-100);width:42px;height:42px;color:var(--blue-700);border-radius:8px;flex:none;place-items:center;display:grid}.kpi-card span,.kpi-card small{color:#607078;display:block}.kpi-card strong{letter-spacing:0;margin:4px 0;font-size:1.8rem;display:block}@media (width<=1500px){.commissions-kpi-grid{grid-template-columns:repeat(7,minmax(112px,1fr));gap:10px}.commission-report-page .kpi-card{gap:9px;min-height:88px;padding:12px}.commission-report-page .kpi-icon{width:32px;height:32px}.commission-report-page .kpi-card strong{font-size:1.25rem}}@media (width<=1280px){.commission-row{gap:5px;font-size:.68rem}.commission-row.heading{font-size:.55rem}.commission-row.heading svg{display:none}}.report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.span-2{grid-column:span 2}.bar-list{gap:12px;display:grid}.bar-row{gap:7px;display:grid}.bar-label{color:#3b494f;justify-content:space-between;gap:12px;font-size:.9rem;font-weight:800;display:flex}.bar-label span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bar-track{background:#e8ece4;border-radius:999px;height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--blue-600);height:100%}.trend-chart{width:100%;min-height:220px}.trend-chart line{stroke:#d7dfdc;stroke-width:1px}.trend-chart path{fill:none;stroke:var(--blue-600);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.trend-chart circle{fill:#5d8def;stroke:#fff;stroke-width:2px}.report-loading{color:#536b81;justify-content:center;place-items:center;gap:12px;min-height:180px;font-weight:850;display:flex}.report-loading:before{content:"";border:3px solid #d8ecf6;border-top-color:var(--aqua-600);border-right-color:var(--blue-600);border-radius:999px;width:36px;height:36px;animation:.85s linear infinite report-spin}@keyframes report-spin{to{transform:rotate(360deg)}}.transaction-table{display:grid;overflow-x:auto}.transaction-row{color:#3b494f;border-top:1px solid #edf1ee;grid-template-columns:110px minmax(160px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(150px,1fr) 120px;align-items:center;gap:12px;min-width:920px;padding:12px 0;display:grid}.transaction-row.heading{color:#607078;text-transform:uppercase;border-top:0;font-size:.78rem;font-weight:900}.commission-table{display:grid;overflow-x:hidden}.commission-row{color:#3b494f;border-top:1px solid #edf4fb;grid-template-columns:minmax(104px,1.35fr) minmax(74px,.82fr) minmax(52px,.58fr) minmax(54px,.6fr) minmax(54px,.62fr) minmax(62px,.7fr) minmax(62px,.7fr) minmax(62px,.7fr) minmax(88px,.9fr) minmax(76px,.9fr) minmax(68px,.78fr) minmax(66px,.72fr) minmax(74px,.86fr) minmax(70px,.82fr) minmax(70px,.82fr) minmax(76px,.88fr);align-items:center;gap:7px;min-width:0;padding:9px 0;font-size:.76rem;display:grid}.commission-row:not(.heading):hover{background:#f7fbff}.commission-row.heading{color:#66788d;text-transform:uppercase;border-top:0;font-size:.62rem;font-weight:900}.commission-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.commission-row.heading span{align-items:center;gap:3px;display:inline-flex}.quick-filter-cell{max-width:100%;min-height:24px;color:var(--blue-700);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:0 3px;font-weight:850;display:inline-flex}.quick-filter-cell:hover,.quick-filter-cell:focus-visible{background:var(--blue-100);color:var(--blue-900);outline:none}.metric-drilldown-cell{color:#243542;max-width:100%;min-height:24px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:3px;padding:0 3px;font-weight:850;display:inline-flex}.metric-drilldown-cell svg{color:#7b94aa;opacity:0;flex:none;width:10px;height:10px;transition:opacity .15s}.metric-drilldown-cell:hover,.metric-drilldown-cell:focus-visible{background:var(--blue-100);color:var(--blue-900);outline:none}.metric-drilldown-cell:hover svg,.metric-drilldown-cell:focus-visible svg{opacity:1}.drilldown-backdrop{z-index:40;background:#1427382e;justify-content:flex-end;display:flex;position:fixed;inset:0}.drilldown-drawer{background:#fff;border-left:1px solid #d8e2ec;width:min(1120px,100vw - 24px);height:100%;padding:18px;overflow-y:auto;box-shadow:-18px 0 44px #1427382e}.drilldown-drawer.table-drawer{width:min(1500px,100vw - 24px)}.drilldown-drawer.kicker-drawer{width:calc(100vw - 28px)}.drilldown-header{border-bottom:1px solid #edf4fb;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;display:flex}.drilldown-header span{color:var(--blue-700);text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.drilldown-header h3{color:var(--blue-900);letter-spacing:0;margin:4px 0 2px;font-size:1.2rem}.drilldown-header p{color:#66788d;margin:0;font-weight:800}.icon-button{color:#526577;cursor:pointer;background:#fff;border:1px solid #d8e2ec;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{color:var(--blue-900);border-color:#98c7f6;outline:none;box-shadow:0 0 0 3px #2878d81a}.report-loading.compact{min-height:110px;font-size:.9rem}.report-loading.compact:before{width:28px;height:28px}.drilldown-summary{color:#526577;background:#f7fbff;border:1px solid #d8e2ec;border-radius:8px;align-items:baseline;gap:8px;margin:16px 0 12px;padding:8px 10px;font-weight:850;display:inline-flex}.drilldown-summary strong{color:var(--blue-900);font-size:1.25rem}.drawer-action-row{flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0 0;display:flex}.drawer-date-filter{color:#526577;background:#fff;border:1px solid #d8e2ec;border-radius:8px;align-items:center;gap:8px;min-height:31px;padding:0 8px 0 10px;font-size:.76rem;font-weight:850;display:inline-flex;box-shadow:0 2px 6px #21426214}.drawer-date-filter input{min-height:27px;box-shadow:none;color:#293846;border:0;padding:0;font-size:.8rem;font-weight:850}.drilldown-list{gap:10px;display:grid}.recharge-detail-table{border-top:1px solid #edf4fb;display:grid;overflow-x:auto}.recharge-detail-row{color:#102033;border-bottom:1px solid #edf4fb;grid-template-columns:140px 230px 110px minmax(190px,1fr) minmax(160px,1fr) 90px 130px 120px 150px;align-items:center;gap:14px;min-width:1180px;padding:11px 0;font-size:.84rem;font-weight:750;display:grid}.recharge-detail-row.kicker{grid-template-columns:140px 230px 150px 110px minmax(190px,1fr) minmax(160px,1fr) 90px minmax(170px,1fr) 130px 110px 120px 150px;min-width:1580px}.kicker-drawer .recharge-detail-table{overflow-x:visible}.kicker-drawer .recharge-detail-row.kicker{grid-template-columns:115px minmax(135px,1.2fr) 115px 90px minmax(160px,1.35fr) minmax(135px,1.1fr) 76px minmax(145px,1.15fr) 112px 90px 105px 125px;gap:10px;min-width:0;font-size:.78rem}.kicker-drawer .recharge-detail-row.heading{font-size:.68rem}.kicker-drawer .recharge-detail-row.heading span{padding:4px 7px}.recharge-detail-row.heading{z-index:1;color:var(--blue-700);background:#fff;padding-top:10px;font-size:.73rem;font-weight:900;position:sticky;top:0}.recharge-detail-row.total{z-index:1;color:var(--blue-900);background:#f4f9ff;border-top:2px solid #c8ddf2;border-bottom:0;font-weight:950;position:sticky;bottom:0;box-shadow:0 -8px 18px #21426214}.recharge-detail-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.recharge-detail-row.heading span{background:#f0f7ff;border-radius:6px;align-items:center;width:fit-content;max-width:100%;padding:4px 10px;display:inline-flex}.recharge-detail-row a{max-width:100%;color:var(--blue-700);align-items:center;gap:5px;font-weight:850;text-decoration:none;display:inline-flex}.recharge-detail-row a:hover,.recharge-detail-row a:focus-visible{color:var(--blue-900);outline:none;text-decoration:underline}.bonus-detail-table{display:grid;overflow-x:auto}.bonus-detail-row{color:#293846;border-top:1px solid #edf4fb;grid-template-columns:150px 110px 90px 120px 120px 110px 120px;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:.84rem;display:grid}.bonus-detail-row.heading{color:#66788d;text-transform:uppercase;border-top:0;font-size:.72rem;font-weight:900}.bonus-detail-row.total{color:var(--blue-900);background:#f4f9ff;border-top:2px solid #c8ddf2;font-weight:900;position:sticky;bottom:0}.bonus-detail-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.leaderboard-page{gap:18px}.leaderboard-hero,.leaderboard-board,.leaderboard-kpi{border:1px solid var(--line);background:#ffffffeb;border-radius:12px;box-shadow:0 16px 38px #0f2f5512}.leaderboard-hero{justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.leaderboard-hero h2{color:var(--navy-950);letter-spacing:0;margin:0;font-size:1.75rem}.leaderboard-hero p:not(.eyebrow){color:#62778c;max-width:680px;margin:8px 0 0;line-height:1.55}.leaderboard-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.period-toggle{background:#f0f7fb;border:1px solid #dbeaf5;border-radius:999px;grid-template-columns:repeat(4,auto);gap:3px;padding:4px;display:inline-grid}.period-toggle button{color:#536b81;background:0 0;border:0;border-radius:999px;min-height:32px;padding:0 12px;font-weight:850}.period-toggle button.active{color:var(--navy-950);background:#fff;box-shadow:0 6px 16px #0f2f551a}.leaderboard-date-filter{min-height:42px;color:var(--aqua-600);background:#fff;border:1px solid #d8e2ec;border-radius:10px;align-items:center;gap:8px;padding:0 10px;display:inline-flex;box-shadow:0 2px 6px #21426214}.leaderboard-date-filter input{min-height:34px;box-shadow:none;color:#293846;border:0;padding:0;font-weight:850}.leaderboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.leaderboard-kpi{align-items:center;gap:14px;min-height:108px;padding:16px;display:flex}.leaderboard-kpi span,.leaderboard-kpi small{color:#66788d;display:block}.leaderboard-kpi span{text-transform:uppercase;font-size:.76rem;font-weight:900}.leaderboard-kpi strong{color:var(--navy-950);margin:4px 0;font-size:1.45rem;line-height:1.05;display:block}.leaderboard-board{padding:18px}.leaderboard-board-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.leaderboard-board-header div{align-items:center;gap:10px;display:inline-flex}.leaderboard-board-header h3{color:var(--navy-950);margin:0;font-size:1.05rem}.leaderboard-board-header span{color:#66788d;font-weight:850}.leaderboard-list{gap:10px;display:grid}.leaderboard-list-split{grid-template-columns:repeat(2,minmax(0,1fr))}.leaderboard-row{color:#243542;text-align:left;background:#fff;border:1px solid #e0ebf5;border-radius:12px;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:74px;padding:12px;display:grid;box-shadow:0 10px 24px #0f2f550a}.leaderboard-row:hover,.leaderboard-row:focus-visible{border-color:#16d8d061;outline:none;box-shadow:0 12px 28px #0aaeca1a}.leaderboard-row.podium{background:linear-gradient(135deg,#fff,#f6fffe)}.leaderboard-row.is-current-user{background:linear-gradient(135deg,#effdfb,#fff);border-color:#16d8d075}.leaderboard-row.is-selected{border-color:#0aaeca9e;box-shadow:0 0 0 3px #16d8d01f,0 12px 28px #0aaeca1a}.leaderboard-rank{color:var(--aqua-600);align-items:center;gap:7px;display:inline-flex}.leaderboard-rank strong{color:var(--navy-950);font-size:1rem}.leaderboard-person,.leaderboard-breakdown{min-width:0}.leaderboard-person strong,.leaderboard-person span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.leaderboard-person strong{color:var(--navy-950);font-size:.98rem}.leaderboard-person span{color:#66788d;margin-top:4px;font-size:.82rem;font-weight:800}.leaderboard-breakdown{flex-wrap:wrap;grid-column:2/-1;gap:7px;display:flex}.rank-movement{color:#66788d;white-space:nowrap;background:#f7fbff;border:1px solid #dcecf7;border-radius:999px;justify-self:end;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:.73rem;font-weight:900;display:inline-flex}.rank-movement.up{color:#15803d;background:#f0fdf4;border-color:#16a34a38}.rank-movement.down{color:#b91c1c;background:#fff5f5;border-color:#dc262638}.rank-movement.new{color:var(--aqua-600);background:#effdfb;border-color:#0aaeca3d}.leaderboard-breakdown span{color:#536b81;background:#f7fbff;border:1px solid #dcecf7;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.75rem;font-weight:850;display:inline-flex}.leaderboard-detail-drawer{width:min(1320px,100vw - 24px)}.leaderboard-detail-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:16px 0;display:grid}.leaderboard-detail-summary div{background:#f7fbff;border:1px solid #dcecf7;border-radius:10px;padding:14px}.leaderboard-detail-summary span{color:#66788d;text-transform:uppercase;font-size:.72rem;font-weight:900;display:block}.leaderboard-detail-summary strong{color:var(--navy-950);margin-top:5px;font-size:1.45rem;display:block}.leaderboard-detail-table{border-top:1px solid #edf4fb;display:grid;overflow-x:auto}.leaderboard-detail-row{color:#102033;border-bottom:1px solid #edf4fb;grid-template-columns:130px 110px minmax(180px,1fr) 110px minmax(190px,1fr) minmax(160px,1fr) 110px;align-items:center;gap:12px;min-width:1040px;padding:11px 0;font-size:.82rem;font-weight:750;display:grid}.leaderboard-detail-row.heading{z-index:1;color:var(--blue-700);text-transform:uppercase;background:#fff;font-size:.72rem;font-weight:900;position:sticky;top:0}.leaderboard-detail-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.drilldown-item{background:#fff;border:1px solid #edf4fb;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:12px;display:grid}.drilldown-field{min-width:0}.drilldown-field span,.drilldown-field strong,.drilldown-field a{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.drilldown-field span{color:#7a8da0;text-transform:uppercase;margin-bottom:2px;font-size:.7rem;font-weight:900}.drilldown-field strong{color:#293846;font-size:.86rem}.drilldown-field a{max-width:100%;color:var(--blue-700);align-items:center;gap:5px;font-size:.86rem;font-weight:850;text-decoration:none;display:inline-flex}.drilldown-field a:hover,.drilldown-field a:focus-visible{color:var(--blue-900);outline:none;text-decoration:underline}.admin-grid{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.admin-page{gap:16px;display:grid}.admin-subnav{background:#f0f7fb;border:1px solid #dbeaf5;border-radius:999px;grid-auto-flow:column;gap:4px;width:fit-content;padding:4px;display:inline-grid}.admin-subnav button{color:#536b81;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:0 14px;font-weight:850;display:inline-flex}.admin-subnav button.active{color:var(--navy-950);background:#fff;box-shadow:0 6px 16px #0f2f551a}.admin-panel{background:#fff;border:1px solid #dde4df;border-radius:8px;padding:20px}.panel-heading{align-items:center;gap:10px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.user-table{gap:10px;display:grid}.access-control-panel{grid-column:1/-1}.access-role-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.create-role-form{background:#f8fcff;border:1px solid #dcecf7;border-radius:10px;grid-template-columns:minmax(180px,240px) minmax(220px,320px) auto;align-items:end;gap:12px;padding:14px;display:grid}.access-role-card{background:#f8fcff;border:1px solid #dcecf7;border-radius:10px;gap:12px;padding:14px;display:grid}.access-role-heading{border-bottom:1px solid #e7f0f7;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.access-role-heading strong{color:var(--navy-950);text-transform:capitalize}.access-role-heading span{color:#66788d;font-size:.78rem;font-weight:850}.role-label-editor{gap:4px;min-width:0}.role-label-editor span{color:#66788d;text-transform:uppercase;font-size:.68rem;font-weight:900}.role-label-editor input{min-height:34px;color:var(--navy-950);border-radius:8px;font-weight:900}.access-permission-list{gap:8px;display:grid}.access-permission-row{background:#fff;border:1px solid #e4eef7;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:9px}.access-permission-row input{width:16px;min-height:16px;accent-color:var(--aqua-600);margin-top:2px}.access-permission-row span,.access-permission-row strong,.access-permission-row small{min-width:0;display:block}.access-permission-row strong{color:#243542;font-size:.86rem}.access-permission-row small{color:#66788d;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.7rem;font-weight:750;overflow:hidden}.user-row{border:1px solid #e6ece8;border-radius:8px;grid-template-columns:minmax(150px,1fr) minmax(210px,1.2fr) 150px 150px 92px;align-items:center;gap:10px;padding:12px;display:grid}.user-row strong,.user-row span{display:block}.user-row span{color:#607078;margin-top:4px;font-size:.85rem}.toggle{align-items:center;gap:8px;display:flex}.toggle input{width:auto;min-height:auto}@media (width<=980px){.login-shell,.app-shell,.admin-grid{grid-template-columns:1fr}.login-shell{align-items:start;gap:24px}.filter-grid,.kpi-grid,.report-grid{grid-template-columns:1fr 1fr}.span-2{grid-column:span 2}.brand-panel{gap:36px;padding:32px}.brand-panel h1{max-width:720px}.login-feature-grid,.preview-metrics{grid-template-columns:1fr}.login-feature-card{min-height:auto}.sidebar{z-index:2;width:auto;height:auto;box-shadow:none;position:sticky;top:0;overflow:visible}.sidebar:hover,.sidebar:focus-within{width:auto;box-shadow:none}.sidebar-brand-copy,.nav-section-label,.nav-item span,.nav-chevron{opacity:1;transform:none}.app-wordmark,.sidebar:hover .app-wordmark,.sidebar:focus-within .app-wordmark{justify-content:flex-start;width:118px;padding:0 12px 2px;font-size:1.02rem}.app-monogram{opacity:0}.app-wordmark>span,.app-wordmark>strong{opacity:1}.subnav,.sidebar:hover .subnav,.sidebar:focus-within .subnav{margin-left:30px}.subnav-item,.sidebar:hover .subnav-item,.sidebar:focus-within .subnav-item{font-size:.88rem}.signout-button,.sidebar:hover .signout-button,.sidebar:focus-within .signout-button{font-size:.9rem}.sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr))}.signout-button{margin-top:0}.commission-filter-header,.commission-filter-title{flex-direction:column;align-items:flex-start}.filter-chip{max-width:min(100%,360px)}.access-role-grid,.create-role-form{grid-template-columns:1fr}.leaderboard-hero{flex-direction:column}.leaderboard-controls{justify-content:flex-start;width:100%}.leaderboard-kpi-grid{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:62px minmax(0,1fr) auto}.leaderboard-list-split{grid-template-columns:1fr}.leaderboard-breakdown{grid-column:2/-1}.leaderboard-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.login-shell{gap:14px;min-height:auto;padding:12px}.login-panel,.content,.brand-panel{margin:0;padding:22px}.login-panel{border-radius:14px;padding:22px;box-shadow:0 16px 40px #0f2f551f}.login-panel:after{width:180px;height:180px;top:-100px;right:-110px}.brand-panel{gap:18px}.login-brand{width:fit-content}.login-wordmark{border-radius:12px;min-height:0;padding:10px 13px 12px;font-size:2.2rem}.brand-panel h1{font-size:2.15rem;line-height:1.04}.hero-copy{font-size:.98rem;line-height:1.55}.login-dashboard-preview{border-radius:12px;gap:12px;padding:12px}.preview-header{flex-direction:column;align-items:flex-start}.preview-chart{gap:7px;height:92px;padding:10px 10px 0}.preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.preview-metrics div{min-height:66px;padding:9px}.preview-metrics span{font-size:.58rem;line-height:1.2}.preview-metrics strong{font-size:1.02rem}.login-feature-grid{display:none}.login-header h2{font-size:1.2rem}.segmented{margin:18px 0}.report-header,.topbar,.user-row{grid-template-columns:1fr}.report-header,.topbar{align-items:flex-start}.report-header{flex-direction:column}.filter-grid,.kpi-grid,.report-grid,.two-col,.sidebar nav,.admin-subnav{grid-template-columns:1fr}.admin-subnav{border-radius:12px;grid-auto-flow:row;width:100%}.span-2{grid-column:span 1}.filter-actions{flex-direction:column}.commission-filter-bar,.picker-shell,.date-picker-shell,.filter-chip,.reset-filter-button{width:100%}.picker-popover,.date-picker-popover{width:calc(100vw - 44px)}.leaderboard-controls,.period-toggle,.leaderboard-date-filter,.leaderboard-controls .picker-shell,.leaderboard-controls .filter-chip{width:100%}.period-toggle{grid-template-columns:repeat(4,minmax(0,1fr))}.period-toggle button{padding:0 8px}.leaderboard-board,.leaderboard-hero{padding:14px}.leaderboard-row{grid-template-columns:54px minmax(0,1fr);gap:10px;min-height:0;padding:11px}.rank-movement{grid-column:2/-1;justify-self:start}.leaderboard-rank{align-self:start}.leaderboard-breakdown span{min-height:25px;font-size:.69rem}.leaderboard-detail-summary{grid-template-columns:1fr}}@media (width<=420px){.login-shell{padding:8px}.brand-panel{padding:14px 10px 8px}.login-panel{padding:20px}.login-wordmark{padding:9px 11px 11px;font-size:1.92rem}.brand-panel h1{font-size:1.86rem}.preview-header strong{font-size:.94rem}.preview-header small{min-height:26px;font-size:.66rem}.preview-chart{gap:5px;height:76px}}