@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@500;600;700&display=swap');

:root{--bg:#050509;--panel:#0e0d16;--panel2:#13111f;--line:rgba(255,255,255,.09);--text:#f7f5ff;--muted:#8d899b;--purple:#9a62ff;--blue:#4b8cff;--pink:#f056c5;--cyan:#5de8ff;--green:#55daa0;--amber:#ffb86b;--red:#ff6683;--sidebar:250px}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}button,input,select,textarea{font:inherit}.app-body{min-height:100vh;background:radial-gradient(circle at 76% -10%,rgba(119,69,232,.16),transparent 28%),#050509}.app-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 70%)}
.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:var(--sidebar);padding:26px 16px 18px;border-right:1px solid var(--line);background:rgba(8,8,13,.94);display:flex;flex-direction:column}.app-brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px;color:#fff;text-decoration:none;font:600 18px 'Chakra Petch',sans-serif;letter-spacing:.18em}.app-brand img{width:34px;height:34px;object-fit:contain}.app-brand span{line-height:1}.app-brand small{display:block;margin-top:6px;color:#777283;font:500 8px Inter,sans-serif;letter-spacing:.14em}.side-nav{display:grid;gap:5px}.side-nav button,.profile-button{width:100%;border:0;background:transparent;color:#918d9f;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-align:left;cursor:pointer;font-size:13px;font-weight:600;transition:.2s}.side-nav button span{width:20px;color:#777281;font-size:17px;text-align:center}.side-nav button b{margin-left:auto;padding:2px 7px;border-radius:12px;background:#1b1825;color:#aaa5b8;font-size:10px}.side-nav button:hover{color:#fff;background:#111019}.side-nav button.active{color:#fff;background:linear-gradient(90deg,rgba(139,82,255,.2),rgba(139,82,255,.04));box-shadow:inset 2px 0 #a66cff}.side-nav button.active span{color:#bb8cff}.sidebar-card{margin:auto 4px 14px;padding:16px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(112,67,207,.13),rgba(255,255,255,.015))}.sidebar-card>span{color:#898494;font-size:9px;font-weight:700;letter-spacing:.1em}.sidebar-card strong{display:block;margin:9px 0 8px;font:600 26px 'Chakra Petch'}.sidebar-card small{display:block;margin-top:8px;color:#777281;font-size:10px}.progress{height:5px;border-radius:10px;background:#24212d;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--purple),var(--pink));box-shadow:0 0 12px rgba(153,89,255,.5)}.profile-button{border-top:1px solid var(--line);border-radius:0;padding:17px 8px 4px}.profile-button>span:nth-child(2){display:grid;gap:3px}.profile-button b{color:#eee}.profile-button small{font-size:10px}.profile-button i{margin-left:auto;font-style:normal}.avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#315bd8,#b552d1);color:white;font-size:12px;font-weight:800}.avatar-small{width:33px;height:33px;border-radius:10px}.avatar.teal{background:linear-gradient(135deg,#17778b,#40c79e)}.avatar.violet{background:linear-gradient(135deg,#5e49c9,#c653ca)}.avatar.pink{background:linear-gradient(135deg,#d44e94,#7c46cf)}.avatar.gold{background:linear-gradient(135deg,#7f5917,#e6b648)}
.workspace{position:relative;margin-left:var(--sidebar);padding:0 34px 70px;max-width:1800px}.topbar{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.topbar p,.view-heading p{margin:0 0 5px;color:#8d8799;font-size:9px;font-weight:700;letter-spacing:.17em}.topbar h1{margin:0;font:600 22px 'Chakra Petch';letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:10px}.search{height:39px;min-width:225px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0c0b12;color:#77717e}.search input{width:100%;border:0;outline:0;background:transparent;color:#eee;font-size:12px}.icon-button,.period-button,.panel-head button,.panel-action,.campaign-card button,.resource-grid button,.ticket button{border:0;background:transparent;color:#aaa4b5;cursor:pointer}.icon-button{position:relative;width:39px;height:39px;border:1px solid var(--line);border-radius:10px}.icon-button i{position:absolute;right:6px;top:5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--pink);color:#fff;font-style:normal;font-size:8px}#role-switcher,.period-button,.filter-bar select,.drawer select{height:39px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:#0c0b12;color:#c2bdca;font-size:11px;outline:none}.mobile-menu{display:none;border:0;background:none;color:#fff;font-size:22px}.status-row{display:flex;justify-content:space-between;align-items:center;margin:23px 0 18px}.status-row>span{color:#767181;font-size:9px;font-weight:700;letter-spacing:.12em}.status-row i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.view{display:none}.view.active{display:block;animation:fadeIn .25s ease}.role-surface{display:none}.role-surface.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}}.metric-grid{display:grid;grid-template-columns:1.65fr repeat(4,1fr);gap:10px}.metric,.panel{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(18,16,28,.98),rgba(11,11,17,.98));box-shadow:inset 0 1px rgba(255,255,255,.025)}.metric{min-height:150px;padding:18px;overflow:hidden}.metric>span,.metric>div>span{color:#777281;font-size:9px;font-weight:700;letter-spacing:.11em}.metric>div:first-child{display:flex;justify-content:space-between}.metric em{color:var(--green);font-size:9px;font-style:normal;font-weight:700}.metric strong{display:block;margin:20px 0 13px;font:600 clamp(25px,2.1vw,35px) 'Chakra Petch';letter-spacing:-.045em}.metric strong span{color:#777281;font-size:.55em}.metric small{color:#767180;font-size:10px}.metric .up{color:var(--green);font-style:normal}.feature-metric{background:linear-gradient(145deg,rgba(49,30,83,.58),rgba(17,13,29,.95));border-color:rgba(160,99,255,.24)}.sparkline{position:absolute;inset:auto 15px 29px 42%;height:48px}.sparkline svg{width:100%;height:100%;overflow:visible}.sparkline path{fill:none;stroke:url(#gradient);stroke:#a36dff;stroke-width:2;filter:drop-shadow(0 0 5px #8d52ef)}.dashboard-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:11px;margin-top:11px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:19px}.panel-head p,.campaign-card>p:first-of-type{margin:0 0 6px;color:#777281;font-size:9px;font-weight:700;letter-spacing:.13em}.panel-head h2{margin:0;font:600 17px 'Chakra Petch'}.panel-head button{font-size:10px}.attention-list{display:grid}.attention-item{display:grid;grid-template-columns:34px 1fr auto 15px;align-items:center;gap:11px;width:100%;padding:11px 0;border:0;border-top:1px solid var(--line);background:transparent;color:#eee;text-align:left;cursor:pointer}.attention-item:first-child{border-top:0}.alert-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;font-weight:700}.danger{background:rgba(255,80,112,.12)!important;color:var(--red)!important}.warning{background:rgba(255,183,101,.12)!important;color:var(--amber)!important}.info{background:rgba(69,151,255,.13)!important;color:#5aa1ff!important}.purple{background:rgba(151,87,255,.14)!important;color:#b77dff!important}.attention-item span:nth-child(2){display:grid;gap:4px}.attention-item b{font-size:11px}.attention-item small{color:#777281;font-size:10px}.attention-item em,.ticket em{padding:4px 7px;border-radius:10px;background:#18151f;color:#9c96a4;font-size:8px;font-style:normal;font-weight:700}.attention-item i{color:#625d6b;font-style:normal}.league-chart{display:flex;align-items:center;gap:24px}.donut{display:grid;place-items:center;width:134px;height:134px;flex:none;border-radius:50%;background:conic-gradient(#f75c70 0 4%,#f2bb51 4% 12%,#ef56bd 12% 25%,#7b5cff 25% 46%,#3d91ff 46% 71%,#d6d5df 71%);position:relative}.donut:before{content:'';position:absolute;inset:19px;border-radius:50%;background:#111018}.donut span{z-index:1;text-align:center}.donut strong{display:block;font:600 25px 'Chakra Petch'}.donut small{color:#777281;font-size:7px}.league-chart ul{width:100%;padding:0;margin:0;list-style:none}.league-chart li{display:flex;align-items:center;gap:7px;padding:5px 0;color:#898492;font-size:9px}.league-chart li i{width:6px;height:6px;border-radius:50%;background:#ddd}.league-chart li b{margin-left:auto;color:#ddd}.league-chart .star,.league-badge.star{background:#3d91ff}.league-chart .premier{background:#7b5cff}.league-chart .elite{background:#ef56bd}.league-chart .millionaire{background:#f2bb51}.league-chart .icon{background:#f75c70}.leaderboard-panel{grid-column:1}.campaign-mini{grid-column:2}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th{padding:9px 10px;border-bottom:1px solid var(--line);color:#686370;text-align:left;font-size:8px;letter-spacing:.1em}td{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.055);color:#a8a3b0;font-size:10px}tbody tr{cursor:pointer}tbody tr:hover{background:rgba(156,92,255,.05)}.person-cell{display:flex;align-items:center;gap:9px}.person-cell .avatar{width:29px;height:29px;border-radius:9px;font-size:8px}.person-cell span{display:grid;gap:2px}.person-cell b{color:#eee;font-size:10px}.person-cell small{font-size:8px}.league-badge{display:inline-flex;padding:4px 8px;border-radius:12px;background:#23202a!important;color:#bbb5c3;font-size:7px;font-weight:800;letter-spacing:.07em}.trend-up{color:var(--green)}.campaign-hero{padding:15px;border-radius:11px;background:linear-gradient(135deg,rgba(95,53,188,.35),rgba(223,65,178,.14))}.campaign-hero strong{display:block;font:600 35px 'Chakra Petch'}.campaign-hero>span{display:block;margin:-3px 0 14px;color:#91899c;font-size:8px;font-weight:700}.campaign-hero small{display:block;margin-top:8px;color:#898391;font-size:9px}.live-pill,.status-pill{padding:5px 8px;border-radius:10px;background:rgba(81,218,159,.12);color:var(--green);font-size:8px;font-weight:800}.campaign-stats{display:grid;grid-template-columns:1fr 1fr;margin:13px 0}.campaign-stats span{display:grid;gap:5px}.campaign-stats small{color:#6f6978;font-size:8px}.campaign-stats b{font:600 14px 'Chakra Petch'}.panel-action{width:100%;padding-top:12px;border-top:1px solid var(--line);text-align:left;font-size:9px}
.creator-welcome{display:flex;align-items:center;justify-content:space-between;min-height:195px;padding:30px 36px;background:radial-gradient(circle at 80%,rgba(74,132,255,.21),transparent 28%),linear-gradient(110deg,#141125,#0c0c13);overflow:hidden}.creator-welcome h2{max-width:610px;margin:15px 0 9px;font:600 clamp(28px,3.2vw,48px)/1.02 'Chakra Petch';letter-spacing:-.04em}.creator-welcome p{color:#918b9c;font-size:12px}.rank-orbit{position:relative;display:grid;place-items:center;width:135px;height:135px;border:1px solid rgba(116,155,255,.35);border-radius:50%;box-shadow:0 0 0 18px rgba(94,105,255,.035),0 0 0 36px rgba(94,105,255,.025)}.rank-orbit span{position:absolute;top:34px;left:37px;color:#736e7b;font-size:11px}.rank-orbit strong{font:600 40px 'Chakra Petch'}.rank-orbit small{position:absolute;bottom:28px;color:#777281;font-size:7px}.creator-metrics{grid-template-columns:1.5fr repeat(3,1fr);margin-top:11px}.creator-overview .dashboard-grid{grid-template-columns:1fr 1fr}.progress-panel .panel-head>span{font:600 25px 'Chakra Petch';color:#ae78ff}.league-road{position:relative;height:8px;margin:36px 0 12px;border-radius:8px;background:#24212e}.league-road i{display:block;height:100%;background:linear-gradient(90deg,#3c8cff,#995dff,#ed50bd);border-radius:8px}.league-road b{position:absolute;top:-5px;width:18px;height:18px;border:4px solid #111018;border-radius:50%;background:#ed5cca;box-shadow:0 0 14px #e54fba;transform:translateX(-50%)}.road-labels{display:flex;justify-content:space-between}.road-labels span{display:grid;font-size:10px}.road-labels small{margin-top:3px;color:#6e6976;font-size:7px}.progress-panel>p{margin-top:25px;color:#8e8898;font-size:11px}.progress-panel>p b{color:#fff}.wins{display:grid;gap:8px}.wins>span{display:grid;grid-template-columns:30px 1fr;gap:2px 9px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#aa70ff}.wins b{color:#eae7ee;font-size:10px}.wins small{grid-column:2;color:#76717f;font-size:9px}.chart-panel{min-height:230px}.bar-chart,.mini-bars{height:135px;display:flex;align-items:flex-end;gap:5px;padding-top:10px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0 32px,rgba(255,255,255,.035) 33px)}.bar-chart i,.mini-bars i{flex:1;min-width:3px;border-radius:3px 3px 0 0;background:linear-gradient(to top,#4a78ee,#a05eff);opacity:.75}.bar-chart i:hover{opacity:1;filter:drop-shadow(0 0 5px #8c59ff)}.goal-panel label{display:flex;justify-content:space-between;margin:16px 0 8px;color:#9d97a5;font-size:10px}.goal-panel label span{color:#d9d5df}
.view-heading{display:flex;align-items:end;justify-content:space-between;margin:30px 0 22px}.view-heading h2{margin:0 0 5px;font:600 34px 'Chakra Petch'}.view-heading span{color:#777281;font-size:11px}.primary-action{padding:11px 16px;border:1px solid rgba(184,131,255,.28);border-radius:9px;background:linear-gradient(105deg,#5b73ef,#a05ee7,#d74da7);color:#fff;box-shadow:0 8px 24px rgba(122,70,218,.2);cursor:pointer;font-size:10px;font-weight:700}.filter-bar{display:flex;gap:9px;margin-bottom:13px}.filter-bar .search{flex:1}.creator-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.creator-card{padding:17px;border:1px solid var(--line);border-radius:13px;background:#0d0c13;cursor:pointer;transition:.2s}.creator-card:hover{transform:translateY(-3px);border-color:rgba(164,103,255,.35);background:#11101a}.creator-card header{display:flex;align-items:center;gap:10px}.creator-card header>span:nth-child(2){display:grid;gap:3px}.creator-card h3{margin:0;font-size:11px}.creator-card header small{color:#777180;font-size:8px}.creator-card header i{margin-left:auto;width:6px;height:6px;border-radius:50%;background:var(--green)}.creator-card .league-badge{margin:15px 0 11px}.creator-card dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.creator-card dt{color:#6f6977;font-size:7px;font-weight:700}.creator-card dd{margin:4px 0 0;font:600 14px 'Chakra Petch'}.creator-card footer{display:flex;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);color:#716c79;font-size:8px}.creator-card footer b{color:var(--green)}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.campaign-card h3,.resource-grid h3{margin:13px 0 8px;font:600 22px 'Chakra Petch'}.campaign-card>p:nth-of-type(2),.resource-grid p{min-height:48px;color:#817b8a;font-size:11px;line-height:1.5}.campaign-cover{height:125px;margin:20px 0 15px;padding:18px;border-radius:11px;display:flex;flex-direction:column;justify-content:end}.purple-cover{background:radial-gradient(circle at 80% 10%,rgba(229,72,196,.45),transparent 30%),linear-gradient(135deg,#382275,#161020)}.blue-cover{background:radial-gradient(circle at 80% 10%,rgba(72,171,255,.4),transparent 30%),linear-gradient(135deg,#163568,#0d1320)}.pink-cover{background:radial-gradient(circle at 80% 10%,rgba(251,75,167,.45),transparent 30%),linear-gradient(135deg,#66204e,#190e1a)}.campaign-cover strong{font:600 31px 'Chakra Petch'}.campaign-cover small{color:#ccc5d1;font-size:8px}.campaign-card footer{display:flex;justify-content:space-between;margin-top:13px;color:#7b7583;font-size:9px}.campaign-card footer b{color:#b6b0bd}.status-pill{display:inline-flex;background:rgba(70,142,255,.12);color:#6da5ff}.status-pill.ended{background:#1c1a21;color:#817b87}.application-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:transparent;border:0;padding:0}.board-column{min-height:420px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#0b0a10}.board-column>header{display:flex;justify-content:space-between;padding:5px 3px 13px;color:#827c89;font-size:9px;letter-spacing:.1em}.board-column>header b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#191720;color:#aaa4b0}.board-column article{display:grid;grid-template-columns:42px 1fr;padding:13px;margin-bottom:8px;border:1px solid var(--line);border-radius:10px;background:#111018}.board-column article>b,.board-column article>small,.board-column article>em,.board-column article>.progress{grid-column:2}.board-column article>b{align-self:end;font-size:10px}.board-column article>small{color:#77717f;font-size:8px}.board-column article>em{width:max-content;margin-top:9px;padding:4px 7px;border-radius:8px;background:#1c1827;color:#a894c1;font-size:7px;font-style:normal}.board-column article>.progress{margin-top:10px}.ticket{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--line)}.ticket>i,.notice>i{width:6px;height:6px;border-radius:50%}.ticket>span{display:grid;gap:4px;flex:1}.ticket b{font-size:10px}.ticket small{color:#777281;font-size:9px}.ticket button{font-size:9px}.support-stat{display:flex;align-items:baseline;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}.support-stat strong{font:600 27px 'Chakra Petch'}.support-stat span{color:#7e7887;font-size:9px}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.resource-grid article>span{color:#985eff;font:600 13px 'Chakra Petch'}.resource-grid button{padding:0;color:#b779ff;font-size:9px}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.audit-panel{grid-column:1/-1}.settings-list,.toggle-list{display:grid}.settings-list label,.toggle-list label{display:flex;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--line);color:#918b99;font-size:10px}.settings-list input{width:105px;margin-left:auto;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#09090e;color:#eee}.settings-list span{width:56px;color:#686270;font-size:8px}.toggle-list label>span{display:grid;gap:4px}.toggle-list b{color:#d9d5dd}.toggle-list small{color:#706a78;font-size:8px}.toggle-list input{margin-left:auto;accent-color:var(--purple)}.audit{display:grid;grid-template-columns:100px 1fr;gap:5px 10px;padding:13px 0;border-top:1px solid var(--line)}.audit>span{grid-row:1/3;color:#6f6976;font-size:8px}.audit b{font-size:10px}.audit small{color:#77717e;font-size:8px}
.drawer{position:fixed;z-index:60;top:0;right:0;width:min(480px,100%);height:100vh;border-left:1px solid var(--line);background:#0a090f;box-shadow:-30px 0 80px rgba(0,0,0,.5);transform:translateX(105%);transition:.3s ease}.drawer.open{transform:none}.drawer-close{position:absolute;z-index:2;right:17px;top:17px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#13111a;color:#aaa;font-size:19px;cursor:pointer}.drawer-scroll{height:100%;padding:27px;overflow-y:auto}.profile-head{display:flex;align-items:center;gap:13px;padding-right:35px}.profile-head .avatar{width:55px;height:55px}.profile-head h2{margin:6px 0 2px;font:600 23px 'Chakra Petch'}.profile-head p{margin:0;color:#7d7785;font-size:10px}.profile-status{display:flex;justify-content:space-between;margin:22px 0;padding:10px 0;border-block:1px solid var(--line);color:#7d7785;font-size:9px}.profile-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:var(--green)}.profile-status b{color:#b1abb7}.profile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-metrics>div{padding:13px;border:1px solid var(--line);border-radius:10px;background:#100f16}.profile-metrics small,.profile-metrics span{display:block;color:#706a77;font-size:7px}.profile-metrics strong{display:block;margin:5px 0;font:600 20px 'Chakra Petch'}.drawer section{margin-top:25px}.drawer-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.drawer-section-head h3{margin:0;font:600 13px 'Chakra Petch'}.drawer-section-head>span{color:#6c6673;font-size:8px}.drawer select{height:30px}.mini-bars{height:100px}.mini-goal{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0;color:#8c8694;font-size:9px}.mini-goal .progress{grid-column:1/-1}.drawer textarea{width:100%;min-height:90px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#0f0e15;color:#eee;outline:0;resize:vertical;font-size:10px}.drawer textarea:focus{border-color:rgba(164,97,255,.5)}.drawer .primary-action{margin-top:8px}.activity{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.activity>i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--purple)}.activity span{display:grid;gap:4px}.activity b{font-size:9px}.activity small{color:#716b78;font-size:8px}.scrim{position:fixed;z-index:50;inset:0;background:rgba(0,0,0,.58);opacity:0;pointer-events:none;transition:.25s}.scrim.show{opacity:1;pointer-events:auto}.notification-popover{position:fixed;z-index:55;right:34px;top:80px;width:min(360px,calc(100% - 30px));padding:18px;border:1px solid var(--line);border-radius:13px;background:#100f16;box-shadow:0 25px 70px rgba(0,0,0,.5);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.notification-popover.open{opacity:1;transform:none;pointer-events:auto}.notice{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.notice>i{margin-top:4px}.notice span{display:grid;gap:4px}.notice b{font-size:9px}.notice small{color:#77717e;font-size:8px}.toast{position:fixed;z-index:100;right:25px;bottom:25px;padding:12px 17px;border:1px solid rgba(80,218,159,.25);border-radius:10px;background:#102019;color:#7aefb8;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}
.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#050509}.login-story{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(40px,8vw,120px);overflow:hidden;background:radial-gradient(circle at 0 100%,rgba(56,126,255,.23),transparent 34%),radial-gradient(circle at 100% 20%,rgba(230,66,190,.18),transparent 28%),linear-gradient(135deg,#070713,#10091c)}.login-story:before{content:'';position:absolute;right:-230px;top:12%;width:520px;height:520px;border:1px solid rgba(169,104,255,.22);border-radius:50%;box-shadow:0 0 0 70px rgba(163,85,255,.025),0 0 0 140px rgba(163,85,255,.018)}.login-story>*{position:relative}.login-story .brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font:600 18px 'Chakra Petch';letter-spacing:.2em}.login-story .mark{width:38px;height:30px;background:url('../assets/aether-logo.png') center/contain no-repeat}.login-story h1{margin:18px 0;font:600 clamp(43px,5.5vw,78px)/.95 'Chakra Petch';letter-spacing:-.06em}.login-story h1 span{background:linear-gradient(90deg,#5aa1ff,#a26aff,#ed56bd);background-clip:text;color:transparent}.login-story>div>p{max-width:590px;color:#a19aa9;font-size:14px;line-height:1.7}.dash-kicker{color:#837c8c!important;font-size:9px!important;font-weight:700;letter-spacing:.16em}.login-proof{display:flex;gap:30px;margin-top:40px}.login-proof span{display:grid;gap:4px;color:#85808d;font-size:9px}.login-proof b{color:#fff;font:600 17px 'Chakra Petch'}.login-story>small{color:#625d68;font-size:9px}.login-panel{display:grid;place-items:center;padding:35px;background:#07070b}.portal-card{width:min(410px,100%);padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#100e18,#09090e);box-shadow:0 30px 100px rgba(0,0,0,.35)}.portal-card h2{margin:12px 0 7px;font:600 35px 'Chakra Petch'}.portal-card>p{color:#827c89;font-size:11px}.portal-form{display:grid;gap:14px;margin:28px 0 18px}.portal-form>label{display:grid;gap:7px;color:#9a94a1;font-size:10px}.portal-form input{height:44px;padding:0 12px;border:1px solid var(--line);border-radius:9px;background:#08080c;color:#fff;outline:0}.portal-form input:focus{border-color:rgba(166,101,255,.6);box-shadow:0 0 0 3px rgba(151,87,255,.08)}.portal-form>div{display:flex;justify-content:space-between;align-items:center}.portal-form>div a,.portal-card>small a{color:#a978ff;text-decoration:none}.remember{display:flex!important;align-items:center;gap:6px!important}.remember input{width:auto;height:auto}.portal-form .button{width:100%;padding:14px;border:0;border-radius:9px;background:linear-gradient(105deg,#4b76ef,#9961e8,#d84ca8);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;cursor:pointer}.portal-card>small{color:#756f7c;font-size:9px}.demo-access{margin:20px 0;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0a090f}.demo-access>span{display:block;margin-bottom:10px;color:#77717e;font-size:8px;font-weight:700;letter-spacing:.1em}.demo-access>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.demo-access button{padding:8px 4px;border:1px solid var(--line);border-radius:7px;background:#13111a;color:#aaa4b2;cursor:pointer;font-size:8px}.demo-access button:hover{border-color:#8f59e3;color:#fff}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}.feature-metric{grid-column:span 2}.creator-card-grid{grid-template-columns:repeat(3,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){:root{--sidebar:220px}.workspace{padding-inline:20px}.dashboard-grid{grid-template-columns:1fr}.leaderboard-panel,.campaign-mini{grid-column:1}.creator-card-grid{grid-template-columns:1fr 1fr}.campaign-grid{grid-template-columns:1fr 1fr}.login-layout{grid-template-columns:1fr}.login-story{min-height:420px;padding:36px}.login-story>small{display:none}.login-panel{padding:55px 25px}}@media(max-width:700px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:none}.workspace{margin-left:0;padding:0 14px 50px}.mobile-menu{display:block}.topbar{min-height:82px}.topbar>div:nth-child(2){flex:1}.top-actions .search{display:none}#role-switcher{max-width:120px}.metric-grid,.creator-metrics{grid-template-columns:1fr 1fr}.feature-metric{grid-column:span 2}.creator-welcome{padding:24px}.rank-orbit{display:none}.creator-overview .dashboard-grid{grid-template-columns:1fr}.application-board,.admin-grid{grid-template-columns:1fr}.audit-panel{grid-column:1}.application-board{background:transparent}.campaign-grid{grid-template-columns:1fr}.notification-popover{right:14px;top:72px}}@media(max-width:500px){.topbar h1{font-size:17px}.topbar p{display:none}.metric-grid{grid-template-columns:1fr 1fr}.metric{min-height:135px;padding:14px}.feature-metric{grid-column:1/-1}.metric strong{font-size:24px}.creator-card-grid,.resource-grid{grid-template-columns:1fr}.filter-bar{display:grid;grid-template-columns:1fr 1fr}.filter-bar .search{grid-column:1/-1}.league-chart{align-items:flex-start}.donut{width:110px;height:110px}.panel{padding:15px}.view-heading h2{font-size:27px}.view-heading .primary-action{display:none}.login-story{min-height:370px;padding:28px 22px}.login-proof{gap:13px;flex-wrap:wrap}.login-panel{padding:35px 17px}.portal-card{padding:24px}.drawer-scroll{padding:20px}.profile-metrics{grid-template-columns:1fr 1fr}}

/* Creator performance cockpit — dense neon treatment based on the approved reference. */
.creator-stat-grid{display:grid;grid-template-columns:minmax(430px,.92fr) minmax(600px,1.5fr);gap:12px}.neon-panel{border:1px solid rgba(107,139,184,.35);border-radius:12px;background:linear-gradient(145deg,rgba(4,8,14,.98),rgba(3,4,8,.99));box-shadow:inset 0 0 30px rgba(24,73,130,.05),0 16px 45px rgba(0,0,0,.22);overflow:hidden}.creator-identity{display:grid;grid-template-columns:132px 1fr 166px;align-items:center;gap:18px;padding:20px}.creator-avatar-ring{display:grid;place-items:center;width:124px;height:124px;padding:5px;border-radius:50%;background:conic-gradient(#398bff,#cf66ff,#ff62b7,#398bff);box-shadow:0 0 24px rgba(77,130,255,.35)}.creator-avatar-ring span{display:grid;place-items:center;width:100%;height:100%;border:4px solid #05060b;border-radius:50%;background:radial-gradient(circle at 50% 25%,#54236c,#171527 55%,#080910);font:700 30px 'Chakra Petch';letter-spacing:.05em}.identity-copy{min-width:0}.verified-line{display:block;font:600 clamp(22px,2.1vw,35px) 'Chakra Petch';white-space:nowrap}.verified-line b{color:#2f92ff}.identity-copy p{margin:8px 0;color:#ddd;font-size:18px}.identity-copy p strong{color:#4d93ff;font-weight:500;letter-spacing:.08em}.identity-copy small{color:#bab7c0;font-size:12px}.current-league{align-self:stretch;padding:15px;border:1px solid transparent;border-radius:10px;background:linear-gradient(#05060b,#05060b) padding-box,linear-gradient(135deg,#348bff,#fb58b6) border-box;text-align:center}.current-league>small{color:#bbb;font-size:11px}.current-league>div{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 0}.current-league i{color:#50a4ff;font-size:38px;font-style:normal;text-shadow:0 0 12px #318cff}.current-league strong{font:600 29px 'Chakra Petch'}.current-league>span{color:#589bff;font-size:13px}.tier-up{padding:18px 20px}.tier-up>header h2,.month-stats>header h2,.activeness h2,.streak h2,.personal-bests h2{margin:0;font:600 20px 'Chakra Petch';letter-spacing:.03em}.tier-up>header h2 span,.month-stats>header h2 span{color:#9f7bed;font-size:13px;font-weight:500}.tier-track{display:grid;grid-template-columns:1fr 1.2fr 74px 1fr;align-items:center;gap:16px;margin-top:12px;padding:20px;border:1px solid transparent;border-radius:10px;background:linear-gradient(#05070c,#05070c) padding-box,linear-gradient(100deg,#2f8eff,#7b4eff,#f054ac) border-box}.tier-track>div:first-child,.next-tier{display:grid;gap:5px}.tier-track small{color:#3a9eff;font-size:11px}.tier-track>div:first-child strong{font:600 31px 'Chakra Petch'}.tier-track>div:first-child strong i{color:#7282ff;font-size:36px;font-style:normal}.tier-track span{color:#579fff;font-size:13px}.tier-progress{text-align:center}.tier-progress>strong{display:block;font:600 34px 'Chakra Petch'}.tier-progress>small{display:block;margin-bottom:10px;color:#c6c2ca}.neon-progress{height:8px;border-radius:8px;background:#292b34;overflow:hidden}.neon-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2589ff,#8071ff,#ff5ba7);box-shadow:0 0 13px #7b62ff}.tier-progress>span{display:block;margin-top:8px;color:#c2bec7;font-size:11px}.tier-arrows{color:#e454ae;font:300 54px 'Chakra Petch';text-shadow:0 0 15px rgba(255,68,170,.55)}.next-tier{text-align:center}.next-tier small{color:#ff61ad}.next-tier strong{color:#ff6aae;font:600 27px 'Chakra Petch'}.next-tier span{color:#eee}.tier-goals{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;padding:12px;border:1px solid rgba(74,106,151,.35);border-radius:10px}.tier-goals>div{display:flex;align-items:center;justify-content:center;gap:12px;border-left:1px solid rgba(255,255,255,.14)}.tier-goals>div:first-child{border-left:0}.tier-goals i{color:#3e97ff;font-size:29px;font-style:normal}.tier-goals>div:nth-child(n+2) i{color:#f66caf}.tier-goals span{display:grid}.tier-goals strong{font:500 20px 'Chakra Petch'}.tier-goals small{color:#c2bec7;font-size:11px}.month-stats{grid-row:2;padding:20px}.month-stats>header{display:flex;align-items:center;justify-content:space-between}.month-stats>header button{padding:9px 12px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#090b10;color:#c4c0c8;font-size:11px}.mtd-main{display:grid;grid-template-columns:1.1fr 1.4fr;align-items:center;gap:16px;padding:28px 0 22px}.diamond-total{display:grid;justify-items:start;padding-right:20px;border-right:1px solid rgba(255,255,255,.16)}.diamond-total>i{color:#7a9cff;font-size:63px;font-style:normal;line-height:.7;text-shadow:13px 0 18px #e05bec}.diamond-total>strong{font:600 clamp(43px,4.5vw,67px) 'Chakra Petch';letter-spacing:-.04em}.diamond-total>span{color:#58a1ff;font-size:12px;letter-spacing:.38em}.diamond-total>small{margin-top:10px;color:#5be485;font-size:12px}.diamond-total em{color:#a9a4ae;font-style:normal}.mtd-kpis{display:grid;grid-template-columns:repeat(4,1fr)}.mtd-kpis>div{display:grid;justify-items:center;gap:7px;padding:4px 8px;border-left:1px solid rgba(255,255,255,.16);text-align:center}.mtd-kpis>div:first-child{border-left:0}.mtd-kpis i{color:#fa69b4;font-size:27px;font-style:normal}.mtd-kpis>div:nth-child(2) i{color:#3297ff}.mtd-kpis strong{font:500 21px 'Chakra Petch';white-space:nowrap}.mtd-kpis span{color:#cbc6cf;font-size:9px}.mtd-kpis small{color:#5be485;font-size:10px}.yesterday{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;padding:14px 0;border-block:1px solid rgba(255,255,255,.14)}.yesterday>span{color:#aa82ff;font-size:11px}.yesterday>div{display:flex;align-items:center;gap:9px;padding-left:14px;border-left:1px solid rgba(255,255,255,.14)}.yesterday b{color:#f665b3;font-size:25px}.yesterday strong{font:500 16px 'Chakra Petch'}.yesterday strong small{display:block;color:#c3bfc7;font:9px Inter;margin-top:4px}.creator-line-chart{padding-top:18px}.creator-line-chart>header{display:flex;justify-content:space-between;color:#ccc8d1;font-size:12px}.creator-line-chart>header small{color:#aaa}.creator-line-chart svg{width:100%;height:180px;margin-top:10px;overflow:visible;background:repeating-linear-gradient(0deg,transparent 0 41px,rgba(255,255,255,.055) 42px)}.creator-line-chart .area{fill:url(#chartFill)}.creator-line-chart .line{fill:none;stroke:#d85cff;stroke-width:2.5;filter:drop-shadow(0 0 7px #be48ff)}.creator-line-chart circle{fill:#fff;stroke:#c950ff;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:#aaa5ae;font-size:10px}.creator-right-stack{display:grid;gap:12px}.creator-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}.activeness,.streak,.personal-bests{padding:20px}.activeness h2,.streak h2,.personal-bests h2{padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.16)}.activity-content{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:18px;padding-top:12px}.activity-ring{display:grid;place-items:center;width:140px;height:140px;border-radius:50%;background:conic-gradient(#4c8dff 0 42%,#ed5bae 42% 62%,#775dff 62% 82%,#282b33 82%);box-shadow:0 0 20px rgba(72,120,255,.25);position:relative}.activity-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#05070b}.activity-ring span{z-index:1;text-align:center;color:#c9c5cd;font-size:11px}.activity-ring strong{display:block;color:#fff;font:600 49px 'Chakra Petch'}.activity-goals>p{color:#ad80ff;font-size:12px}.activity-goals label{display:block;margin-top:14px;color:#c3bec7;font-size:11px}.activity-goals label span{display:block;margin-bottom:8px}.neon-progress.pink i{background:linear-gradient(90deg,#ff63b7,#fb5fac)}.streak h2 span,.personal-bests h2 span{color:#fa62a9}.streak-numbers{display:grid;grid-template-columns:1fr 1fr;margin:13px 0}.streak-numbers>div{display:grid;justify-items:center;border-left:1px solid rgba(255,255,255,.15)}.streak-numbers>div:first-child{border-left:0}.streak-numbers small{color:#c8c3cc;font-size:10px}.streak-numbers strong{color:#fa63aa;font:600 45px 'Chakra Petch';text-shadow:0 0 13px rgba(255,71,159,.42)}.streak-numbers>div:last-child strong{color:#fff;text-shadow:none}.streak-numbers span{font-size:10px}.streak>p{color:#b7b2bc;font-size:10px}.streak-days{display:grid;grid-template-columns:repeat(14,1fr);gap:5px}.streak-days span{display:grid;gap:7px;text-align:center;color:#aaa5ae;font-size:8px}.streak-days i{width:10px;height:10px;margin:auto;border-radius:50%;background:#fb69aa;box-shadow:0 0 7px rgba(255,90,167,.5)}.streak-days i.off{background:#484852;box-shadow:none}.personal-bests>div{display:grid;grid-template-columns:repeat(5,1fr);padding-top:14px}.personal-bests section{display:grid;justify-items:center;gap:7px;padding:0 10px;border-left:1px solid rgba(255,255,255,.15);text-align:center}.personal-bests section:first-child{border-left:0}.personal-bests i{color:#fa66ad;font-size:30px;font-style:normal}.personal-bests section:first-child i{color:#3c96ff}.personal-bests small{min-height:28px;color:#c7c2cb;font-size:9px}.personal-bests strong{font:500 22px 'Chakra Petch'}.personal-bests span{color:#b7b1bc;font-size:10px}
@media(max-width:1300px){.creator-stat-grid{grid-template-columns:1fr}.month-stats{grid-row:auto}.creator-identity{grid-template-columns:120px 1fr 160px}}@media(max-width:850px){.creator-duo{grid-template-columns:1fr}.mtd-main{grid-template-columns:1fr}.diamond-total{border-right:0;border-bottom:1px solid rgba(255,255,255,.15);padding-bottom:20px}.tier-track{grid-template-columns:1fr 1fr}.tier-arrows{display:none}.personal-bests>div{grid-template-columns:repeat(2,1fr);gap:18px}.personal-bests section:nth-child(odd){border-left:0}}@media(max-width:600px){.creator-identity{grid-template-columns:85px 1fr}.creator-avatar-ring{width:80px;height:80px}.current-league{grid-column:1/-1}.tier-track{grid-template-columns:1fr}.next-tier{text-align:left}.tier-goals{grid-template-columns:1fr}.tier-goals>div{justify-content:flex-start;padding:10px;border-left:0;border-top:1px solid rgba(255,255,255,.12)}.tier-goals>div:first-child{border-top:0}.mtd-kpis{grid-template-columns:1fr 1fr;gap:18px}.mtd-kpis>div:nth-child(odd){border-left:0}.yesterday{grid-template-columns:1fr 1fr}.yesterday>span{grid-column:1/-1;margin-bottom:12px}.yesterday>div{margin:5px 0}.activity-content{grid-template-columns:1fr}.activity-ring{margin:auto}.personal-bests>div{grid-template-columns:1fr}.personal-bests section{padding:12px 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}}

/* Reference-match refinements */
.creator-stat-grid{align-items:start}.creator-overview .neon-panel{font-family:Rajdhani,Inter,sans-serif}.creator-identity{align-self:start;min-height:196px}.creator-avatar-ring img{width:100%;height:100%;object-fit:cover;border:4px solid #05060b;border-radius:50%}.identity-copy small{display:flex;align-items:center;gap:7px}.identity-copy small svg{width:16px;height:16px;color:#3298ff}.current-league svg{width:40px;height:40px;color:#48a0ff;filter:drop-shadow(0 0 7px #348cff)}.tier-track strong svg{display:inline-block;width:36px;height:36px;vertical-align:middle;color:#7784ff}.tier-goals>div>svg,.mtd-kpis svg{width:28px;height:28px;fill:none}.tier-goals>div>svg{color:#f567af}.tier-goals>div:first-child>svg{color:#3298ff}.diamond-total>svg{width:70px;height:70px;color:#6e91ff;filter:drop-shadow(9px 0 9px #dd5feb)}.yesterday b svg{width:24px;height:24px}.activity-goals label span{display:flex;align-items:center;gap:6px}.activity-goals label span svg{width:16px;height:16px;color:#f863ad}.streak h2 span svg,.personal-bests h2 span svg{display:inline-block;width:22px;height:22px;vertical-align:middle}.personal-bests section>svg{width:31px;height:31px;color:#f568ad}.personal-bests section:first-child>svg{color:#3797ff}.verified-line,.tier-up h2,.month-stats h2,.activeness h2,.streak h2,.personal-bests h2,.mtd-kpis strong,.tier-track strong,.tier-progress strong,.diamond-total>strong,.streak-numbers strong,.personal-bests strong{font-family:Rajdhani,Inter,sans-serif}.verified-line{font-weight:600}.creator-overview .neon-panel{background:radial-gradient(circle at 18% 10%,rgba(24,71,130,.055),transparent 30%),#03070c;border-color:rgba(91,125,169,.43);box-shadow:inset 0 1px rgba(255,255,255,.02),0 0 28px rgba(0,0,0,.2)}

/* Independent left/right panel tracks remove the empty gap caused by shared grid rows. */
.creator-stat-grid{grid-template-rows:196px 52px auto;grid-template-areas:"identity tier" "month tier" "month right"}.creator-identity{grid-area:identity;height:196px}.tier-up{grid-area:tier;height:260px}.month-stats{grid-area:month}.creator-right-stack{grid-area:right}.aether-diamond{display:block;width:32px;height:28px;object-fit:contain}.hero-diamond{width:92px;height:76px}.tier-goals>div:first-child>.aether-diamond{width:34px;height:30px}.yesterday b>.aether-diamond{width:24px;height:22px}.personal-bests section>.aether-diamond{width:34px;height:30px}
@media(max-width:1300px){.creator-stat-grid{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"identity" "tier" "month" "right"}.creator-identity,.tier-up{height:auto}.creator-identity{min-height:196px}}

/* Full creator Performance page: intentionally scrollable, never scaled down to one viewport. */
.creator-overview{width:min(1480px,100%);margin:0 auto;padding-bottom:48px}.creator-overview .creator-identity{display:none}.performance-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 10px}.performance-page-head p{margin:0 0 7px;color:#559cff;font-size:11px;font-weight:700;letter-spacing:.18em}.performance-page-head h2{margin:0;font:600 36px 'Rajdhani',sans-serif;letter-spacing:.04em;text-transform:uppercase}.performance-page-head span{display:block;margin-top:4px;color:#aaa7b3;font-size:13px}.performance-period{display:grid;grid-template-columns:42px 210px 42px;height:43px;border:1px solid rgba(73,113,162,.42);border-radius:9px;overflow:hidden}.performance-period>*{display:grid;place-items:center;border:0;border-left:1px solid rgba(73,113,162,.25);background:#050a12;color:#fff}.performance-period>*:first-child{border-left:0}.performance-period button{color:#27a4ff;font-size:22px;cursor:pointer}.performance-period strong{font:600 14px Rajdhani;letter-spacing:.06em}.performance-tabs{display:flex;justify-content:flex-end;margin-bottom:18px}.performance-tabs button{min-width:132px;padding:10px 16px;border:1px solid rgba(64,93,132,.35);background:#050912;color:#aaa6b1;cursor:pointer;font-size:11px}.performance-tabs button:first-child{border-radius:8px 0 0 8px}.performance-tabs button:last-child{border-radius:0 8px 8px 0}.performance-tabs button.active{border-color:#258eff;background:rgba(27,106,206,.12);color:#fff}.performance-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}.performance-kpis article{min-height:148px;padding:20px;border:1px solid transparent;border-radius:10px;background:linear-gradient(#040911,#040911) padding-box,linear-gradient(135deg,#188ff0,#304775 58%,#f054b0) border-box;box-shadow:inset 0 0 25px rgba(38,103,184,.07)}.performance-kpis img,.performance-kpis svg{display:block;width:35px;height:35px;margin-bottom:10px;color:#f65ab3}.performance-kpis article:nth-child(odd) svg,.performance-kpis article:nth-child(odd) img{color:#20a4ff}.performance-kpis span{display:block;color:#d8d6de;font-size:11px}.performance-kpis strong{display:block;margin:7px 0 9px;font:600 30px Rajdhani}.performance-kpis small{color:#32d9ff;font-size:11px}.performance-kpis em{color:#a7a3ae;font-style:normal}.creator-stat-grid{grid-template-columns:minmax(600px,1.55fr) minmax(390px,1fr);grid-template-rows:auto auto;grid-template-areas:"month tier" "month right";gap:14px}.creator-stat-grid .month-stats{min-height:600px;padding:25px}.creator-stat-grid .tier-up{height:auto;min-height:310px;padding:24px}.creator-right-stack{align-content:start}.creator-duo{grid-template-columns:1fr}.creator-duo .activeness,.creator-duo .streak{min-height:270px}.creator-right-stack>.personal-bests{display:none}.creator-line-chart svg{height:260px}.month-stats>header h2:before{content:'PERFORMANCE OVER TIME';font-size:22px}.month-stats>header h2{font-size:0}.month-stats>header h2 span{display:none}.mtd-main{padding-top:35px}.diamond-total>strong{font-size:72px}.mtd-kpis strong{font-size:24px}.performance-lower-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:14px}.performance-lower-grid>.neon-panel{padding:24px}.performance-lower-grid h2{margin:0;font:600 20px Rajdhani;letter-spacing:.04em}.daily-performance{grid-column:1/-1;min-height:330px}.daily-performance header,.record-strip header,.monthly-history header{display:flex;align-items:center;justify-content:space-between}.daily-performance header div{display:flex}.daily-performance button,.record-strip button,.monthly-history button{padding:8px 15px;border:1px solid rgba(74,107,151,.35);background:#060a11;color:#bbb7c2;font-size:10px}.daily-performance button.active{border-color:#268eff;color:#fff}.daily-bars{height:220px;display:flex;align-items:flex-end;gap:8px;margin-top:25px;padding:18px 16px 0;border-left:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.13);background:repeating-linear-gradient(0deg,transparent 0 52px,rgba(255,255,255,.05) 53px)}.daily-bars i{flex:1;min-width:8px;border-radius:3px 3px 0 0;background:linear-gradient(#169cff,#0871d7);box-shadow:0 0 10px rgba(14,133,247,.18)}.daily-bars i.best{background:linear-gradient(#ff68bd,#d43da2);box-shadow:0 0 14px rgba(246,73,177,.5)}.daily-labels{display:flex;justify-content:space-between;padding:10px 15px;color:#95919c;font-size:10px}.efficiency-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.efficiency-grid>div{min-height:158px;padding:18px 10px;border:1px solid rgba(55,136,232,.55);border-radius:9px;text-align:center}.efficiency-grid>div:nth-child(even){border-color:rgba(232,72,172,.55)}.efficiency-grid img,.efficiency-grid svg{width:30px;height:30px;margin:0 auto 9px;color:#ef57b0}.efficiency-grid img{display:block}.efficiency-grid strong,.efficiency-grid span,.efficiency-grid small{display:block}.efficiency-grid strong{font:600 26px Rajdhani}.efficiency-grid span{min-height:31px;color:#d2ced7;font-size:11px}.efficiency-grid small{margin-top:12px;color:#36d9ff;font-size:10px}.comparison-panel table,.monthly-history table{margin-top:15px}.comparison-panel td,.comparison-panel th,.monthly-history td,.monthly-history th{padding:9px 10px;font-size:10px}.comparison-panel td:last-child{color:#33ddff}.record-strip{grid-column:1/-1}.record-strip header button{border:0;color:#f35bb3}.record-strip>div{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:17px}.record-strip section{display:grid;justify-items:center;gap:7px;min-height:150px;padding:17px 10px;border:1px solid rgba(63,129,219,.5);border-radius:9px;text-align:center}.record-strip section:nth-child(even){border-color:rgba(220,76,174,.5)}.record-strip img,.record-strip svg{width:28px;height:28px;color:#ef58ae}.record-strip strong{font:600 25px Rajdhani}.record-strip span{color:#d5d1db;font-size:10px}.record-strip small{color:#8f8a96;font-size:9px}.history-chart-panel,.monthly-history{min-height:300px}.history-bars{height:225px;display:flex;align-items:flex-end;gap:15px;margin-top:15px;padding:22px 18px 0;border-bottom:1px solid rgba(255,255,255,.15);background:repeating-linear-gradient(0deg,transparent 0 53px,rgba(255,255,255,.05) 54px)}.history-bars span{position:relative;display:flex;flex:1;align-items:flex-end;height:100%}.history-bars i{width:100%;background:linear-gradient(#356cff,#1760d8);box-shadow:0 0 15px rgba(51,102,255,.25)}.history-bars span:nth-child(n+4) i{background:linear-gradient(#ad59ff,#dc4fa8)}.history-bars small{position:absolute;top:calc(100% + 8px);width:100%;color:#aaa6b0;text-align:center;font-size:9px}.history-bars b{position:absolute;bottom:calc(var(--h,50%) + 4px);width:100%;color:#eee;text-align:center;font-size:10px}.monthly-history header button{color:#f054ad}.workspace{max-width:none}.app-body{overflow-x:hidden}
@media(max-width:1200px){.performance-kpis{grid-template-columns:repeat(3,1fr)}.creator-stat-grid{grid-template-columns:1fr;grid-template-areas:"tier" "month" "right"}.creator-right-stack{grid-template-columns:1fr 1fr}.performance-lower-grid{grid-template-columns:1fr}.efficiency-panel,.comparison-panel,.history-chart-panel,.monthly-history{grid-column:1}.record-strip>div{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.performance-page-head{align-items:flex-start;flex-direction:column}.performance-period{width:100%;grid-template-columns:42px 1fr 42px}.performance-tabs{overflow-x:auto;justify-content:flex-start}.performance-tabs button{min-width:110px}.performance-kpis{grid-template-columns:1fr 1fr}.performance-kpis article{min-height:130px}.creator-right-stack{grid-template-columns:1fr}.efficiency-grid{grid-template-columns:1fr 1fr}.record-strip>div{grid-template-columns:1fr 1fr}.daily-bars{gap:3px;padding-inline:8px}.daily-bars i{min-width:3px}.performance-lower-grid>.neon-panel{padding:17px}}

/* Performance interactions */
.performance-kpis article{cursor:pointer;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.performance-kpis article:hover,.performance-kpis article.selected{transform:translateY(-3px);box-shadow:inset 0 0 28px rgba(41,123,219,.12),0 10px 30px rgba(10,92,190,.16)}.performance-kpis article.selected{outline:2px solid rgba(48,163,255,.65);outline-offset:-2px}.performance-period button:hover,.performance-tabs button:hover,.daily-performance button:hover{background:rgba(35,123,224,.15);color:#fff}.daily-bars i{cursor:pointer;transition:height .35s ease,filter .18s ease,transform .18s ease}.daily-bars i:hover{filter:brightness(1.35);transform:scaleX(1.18);z-index:2}.daily-data-table{max-height:330px;margin-top:18px;overflow:auto;border:1px solid rgba(74,107,151,.28);border-radius:8px}.daily-data-table th{position:sticky;top:0;background:#09101c;z-index:1}.daily-data-table td,.daily-data-table th{padding:11px 14px;font-size:10px}.performance-tooltip{position:fixed;z-index:200;display:grid;gap:4px;min-width:150px;padding:10px 12px;border:1px solid rgba(54,149,255,.55);border-radius:8px;background:#07101d;color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.45);opacity:0;pointer-events:none;transform:translateY(5px);transition:opacity .12s ease,transform .12s ease}.performance-tooltip.show{opacity:1;transform:none}.performance-tooltip b{font-size:11px}.performance-tooltip span{color:#44cfff;font-size:10px}.record-strip section{transition:transform .25s ease,box-shadow .25s ease}.record-strip section:hover,.record-strip section.record-pop{transform:translateY(-5px);box-shadow:0 10px 28px rgba(104,74,231,.22)}
