@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#eaf1ff;font-synthesis:none;background:#070b13;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{color:#eaf1ff;background:radial-gradient(circle at 70% -10%,#12294b 0,#0000 30%),#070b13;min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:245px minmax(0,1fr);min-height:100vh;display:grid}aside{background:linear-gradient(#0d1626,#090f1a);border-right:1px solid #1b2a40;flex-direction:column;height:100vh;padding:27px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 10px;font-size:18px;font-weight:600;display:flex}.brand>span{color:#7ce0ff;background:linear-gradient(145deg,#18365a,#11223b);border-radius:11px;place-items:center;width:37px;height:37px;display:grid;box-shadow:0 0 28px #159fe52e}.brand div{line-height:1.05}.brand b{color:#6dd8ff;display:block}.nav-label{letter-spacing:.17em;color:#52637e;margin:48px 12px 12px;font-size:9px}nav{gap:5px;display:grid}nav button{color:#8391a9;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;padding:11px 13px;font-size:13px;display:flex}nav button b{text-align:center;color:#60718d;width:19px;font-size:17px}nav button:hover{color:#ddecff;background:#111d30}nav button.active{color:#fff;background:linear-gradient(90deg,#173957,#12283e);box-shadow:inset 3px 0 #51cfff}nav button.active b{color:#6cdaff}.aside-footer{color:#52637a;border-top:1px solid #1a283c;justify-content:space-between;align-items:center;margin-top:auto;padding:17px 8px 0;font-size:11px;display:flex}.aside-footer span:before{content:"";background:#4ade9e;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.aside-footer button{color:#6f819c;background:0 0;border:0;font-size:11px}.workspace{min-width:0;padding:32px clamp(22px,4vw,62px) 60px}.topbar{justify-content:space-between;align-items:start;margin-bottom:25px;display:flex}.topbar small,.login-card small,.drawer small,.preview small{color:#59708f;letter-spacing:.16em;font-size:9px}.topbar h1{margin:5px 0 0;font-size:27px}.top-actions{align-items:center;gap:12px;display:flex}.online{color:#62d9a6;letter-spacing:.08em;background:#0d241f;border:1px solid #1b493d;border-radius:20px;align-items:center;gap:7px;padding:8px 12px;font-size:9px;font-weight:800;display:flex}.online i{background:#4ade9e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #4ade9e}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:15px;display:grid}.metric{background:linear-gradient(145deg,#111c2e,#0c1321);border:1px solid #1f3048;border-radius:15px;min-height:126px;padding:20px;position:relative;overflow:hidden}.metric:after{content:"";filter:blur(3px);opacity:.25;border-radius:50%;width:90px;height:90px;position:absolute;top:-38px;right:-35px}.metric.blue:after{background:#35b9ff}.metric.violet:after{background:#8668ff}.metric.green:after{background:#42dc9c}.metric.cyan:after{background:#43e2ea}.metric small{color:#8190a9;font-size:11px;display:block}.metric strong{white-space:nowrap;text-overflow:ellipsis;margin:13px 0 7px;font-size:24px;display:block;overflow:hidden}.metric span{color:#61728c;font-size:10px}.grid{gap:15px;display:grid}.grid.two{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.panel{background:linear-gradient(145deg,#101928,#0b121f);border:1px solid #1d2b41;border-radius:15px;margin-top:15px;padding:21px;box-shadow:0 15px 50px #0002}.panel-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.panel h2{margin:0;font-size:15px}.panel h3{margin:25px 0 10px;font-size:12px}.link{color:#61cfff;background:0 0;border:0;font-size:11px}.ghost{color:#9db0ca;background:#101a2b;border:1px solid #263852;border-radius:9px;padding:8px 12px;font-size:11px}.ghost:hover{color:#fff;border-color:#477195}.primary{color:#04101c;background:linear-gradient(135deg,#49c7f5,#4e8cff);border:0;border-radius:10px;padding:12px 18px;font-weight:800}.primary:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%}.small{border:0;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:700}.small.success{color:#76e6b2;background:#164333}.funnel{gap:12px;display:grid}.funnel-row{grid-template-columns:130px 1fr 35px;align-items:center;gap:10px;font-size:11px;display:grid}.funnel-row>span{color:#8798b2}.funnel-row>div{background:#17243a;border-radius:10px;height:7px;overflow:hidden}.funnel-row i{background:linear-gradient(90deg,#3f8fff,#60d9ff);border-radius:10px;height:100%;display:block;box-shadow:0 0 12px #4cbcff55}.funnel-row b{text-align:right}.conversion{border-top:1px solid #1c2a40;gap:8px;margin-top:18px;padding-top:15px;display:flex}.conversion span{color:#7789a4;background:#0b1423;border-radius:8px;flex:1;padding:9px;font-size:10px}.conversion b{color:#72d9ff}.attention{grid-template-columns:1fr 1fr;gap:9px;display:grid}.attention button{text-align:left;color:#dce8f8;background:#0b1422;border:1px solid #1c2c43;border-radius:11px;padding:15px}.attention button:hover{border-color:#365779}.attention b{color:#71d6ff;font-size:20px;display:block}.attention span{color:#71819b;margin-top:4px;font-size:9px;display:block}.table-wrap{margin:0 -4px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #19263a;padding:13px 10px;font-size:11px}th{color:#5f718d;letter-spacing:.09em;text-transform:uppercase;font-size:9px}tbody tr:hover{background:#101d2e}tr.clickable{cursor:pointer}code{color:#8ccff0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.status,.pill{color:#a7b3c6;background:#202a3b;border-radius:8px;padding:6px 8px;font-size:9px;font-weight:700;display:inline-block}.status.completed,.status.paid_out,.pill.green{color:#72e2ae;background:#10372c}.status.awaiting_payment,.status.awaiting_stars,.status.queued{color:#e8ca73;background:#362e17}.status.payout_pending,.status.manual_review,.status.outcome_unknown{color:#f5ba6b;background:#412b17}.status.failed,.pill.red{color:#ee879f;background:#3d1e28}.status.fulfilling,.status.paid{color:#79bdff;background:#162e48}.filters{gap:9px;margin-bottom:16px;display:flex}.filters select,.search{color:#b8c7dc;background:#0a121f;border:1px solid #243650;border-radius:9px}.filters select{outline:none;padding:10px 12px;font-size:11px}.search{flex:1;align-items:center;min-width:280px;display:flex}.search span{color:#5f7492;padding-left:12px}.search input{color:#eaf2ff;background:0 0;border:0;outline:0;width:100%;padding:10px;font-size:11px}.pager{color:#64758e;justify-content:space-between;align-items:center;padding-top:16px;font-size:10px;display:flex}.pager div{gap:7px;display:flex}.pager button{color:#9cacbf;background:#0c1625;border:1px solid #243650;border-radius:8px;padding:7px 10px;font-size:10px}.pager button:disabled{opacity:.3;cursor:default}.empty,.loader{text-align:center!important;color:#566780!important;padding:35px!important}.drawer-backdrop{z-index:20;background:#03060bc4;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#0d1625;border-left:1px solid #263850;width:min(500px,94vw);height:100%;padding:35px;overflow:auto;box-shadow:-20px 0 70px #0008}.drawer-close{float:right;color:#72839d;background:0 0;border:0;font-size:27px}.drawer h2{font-size:23px}.user-meta{grid-template-columns:1fr 1fr;gap:8px;display:grid}.user-meta span{color:#60718c;border:1px solid #1c2c43;border-radius:9px;flex-direction:column;gap:5px;padding:11px;font-size:9px;display:flex}.user-meta b{color:#dbe8f8;font-size:11px}.mini-row{border-bottom:1px solid #1a283b;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 0;font-size:10px;display:grid}.broadcast-grid{grid-template-columns:minmax(340px,.8fr) minmax(400px,1.2fr)}.composer label{color:#7f90a9;margin-bottom:7px;font-size:10px;display:block}.composer textarea{resize:vertical;color:#e5efff;background:#080f1b;border:1px solid #263a56;border-radius:10px;outline:0;width:100%;min-height:130px;padding:13px;font-size:12px}.composer textarea:focus{border-color:#4ca6db}.counter{text-align:right;color:#596b86;margin:5px 0 10px;font-size:9px}.upload{text-align:center;cursor:pointer;border:1px dashed #31506f;border-radius:10px;padding:12px;color:#67c9f1!important;display:block!important}.upload input{display:none}.media-chip{color:#91d8f5;background:#10263a;border-radius:9px;justify-content:space-between;align-items:center;margin-top:9px;padding:9px 11px;font-size:10px;display:flex}.media-chip button{color:#9eb1c8;background:0 0;border:0}.preview{background:#080f1b;border:1px solid #1c2b40;border-radius:12px;min-height:100px;margin:16px 0;padding:16px}.preview p{white-space:pre-wrap;color:#aebdd0;font-size:11px}.media-placeholder{color:#79d3f8;background:linear-gradient(145deg,#173653,#12263c);border-radius:9px;align-items:center;gap:9px;margin:9px 0;padding:22px;display:flex}.broadcast-list{gap:8px;display:grid}.broadcast-item{background:#0a1321;border:1px solid #1b2b42;border-radius:10px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;display:grid}.broadcast-item b{text-overflow:ellipsis;white-space:nowrap;max-width:310px;font-size:10px;display:block;overflow:hidden}.broadcast-item>div>span{color:#5e708b;margin-top:4px;font-size:9px;display:block}.delivery{color:#687b95;gap:6px;font-size:9px;display:flex}.delivery span{margin:0!important;display:inline!important}.delivery .good{color:#62d9a6}.delivery .bad{color:#e77c92}.balance-list{gap:9px;margin-bottom:17px;display:grid}.balance-list div{background:#0a1422;border-radius:10px;justify-content:space-between;padding:15px;display:flex}.balance-list span{color:#71839c;font-size:11px}.balance-list b{color:#74d7fb}.setting{justify-content:space-between;align-items:center;gap:20px;display:flex}.setting b{font-size:12px}.setting p{color:#687a94;max-width:380px;font-size:10px}.toggle{background:#273449;border:0;border-radius:20px;width:45px;height:24px;padding:3px}.toggle i{background:#8795a9;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle.on{background:#194b39}.toggle.on i{background:#60dda7;transform:translate(21px)}.system-note{border-top:1px solid #1c293c;justify-content:space-between;margin-top:25px;padding-top:17px;font-size:10px;display:flex}.login-page{background:radial-gradient(circle,#122743 0,#070b13 55%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:linear-gradient(145deg,#111c2f,#0b121f);border:1px solid #27405f;border-radius:20px;width:min(440px,100%);padding:38px;box-shadow:0 35px 100px #0008}.logo-mark{color:#7cdbff;background:#173858;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;font-size:23px;display:grid}.login-card h1{margin:7px 0;font-size:27px}.login-card p{color:#71839d;margin-bottom:25px;font-size:11px;line-height:1.6}.login-card label{color:#8899b1;margin-bottom:7px;font-size:10px;display:block}.login-card input{color:#fff;background:#080f1b;border:1px solid #2a405e;border-radius:10px;outline:0;width:100%;margin-bottom:12px;padding:13px}.login-card .primary{width:100%}.alert{border-radius:8px;margin-top:12px;padding:10px;font-size:10px}.alert.error{color:#ef94a6;background:#3c1e28}.muted{color:#60728c;font-size:10px}.center{text-align:center}@media (width<=1100px){.cards{grid-template-columns:1fr 1fr}.grid.two,.broadcast-grid{grid-template-columns:1fr}.workspace{padding:25px}}@media (width<=760px){.app-shell{display:block}.app-shell aside{width:100%;height:auto;padding:15px;position:static}.app-shell aside .nav-label,.app-shell aside .aside-footer{display:none}.app-shell aside nav{margin-top:14px;display:flex;overflow:auto}.app-shell aside nav button{min-width:max-content}.brand{justify-content:center}.workspace{padding:18px}.topbar{align-items:center}.top-actions .online{display:none}.cards{grid-template-columns:1fr 1fr}.filters{flex-direction:column}.search{min-width:0}.panel{padding:15px}.funnel-row{grid-template-columns:105px 1fr 25px}.attention{grid-template-columns:1fr 1fr}}@media (width<=480px){.cards{grid-template-columns:1fr}.topbar h1{font-size:22px}.metric{min-height:105px}.user-meta{grid-template-columns:1fr}}