:root{--bg:#0c1512;--surface:#121f19;--border:#263a2e;--ink:#f1f5ef;--muted:#a2b3a6;--accent:#b7ef72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}button,select{font:inherit}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}aside{position:fixed;width:218px;inset:0 auto 0 0;border-right:1px solid var(--border);padding:36px 22px;display:flex;flex-direction:column;background:#101b15}.logo{font-size:30px;font-weight:800;letter-spacing:-1.5px;color:var(--accent)}.portal{font-size:11px;letter-spacing:2px;color:var(--muted);margin-top:9px}nav{margin-top:57px;display:grid;gap:10px}nav button{display:flex;align-items:center;gap:13px;border:0;background:none;color:var(--muted);padding:14px 16px;text-align:left;border-radius:8px;min-height:48px}nav .active{color:var(--accent);background:#253823;font-weight:600}nav svg{width:18px;height:18px}nav button:disabled{opacity:.6;cursor:not-allowed}.profile{margin-top:auto;border-top:1px solid var(--border);padding-top:22px;display:flex;align-items:center;gap:10px}.avatar{background:#29402b;color:var(--accent);width:36px;height:36px;display:grid;place-items:center;border-radius:50%;font-weight:bold}.profile small{display:block;color:var(--muted);margin-top:4px}main{margin-left:218px;padding:33px 40px 42px;max-width:1680px}.topline{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.demo{border:1px solid #405137;padding:6px 10px;border-radius:5px;color:#c2d5b9}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 28px}h1{font-size:30px;letter-spacing:-1px;margin:0 0 10px}p{color:var(--muted);line-height:1.6;margin:0}select{background:#19271f;color:var(--ink);border:1px solid #3a4c3e;border-radius:7px;padding:12px 35px 12px 15px;min-height:44px;cursor:pointer}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.panel{border:1px solid var(--border);border-radius:12px;background:var(--surface)}.monthly{padding:27px 28px}.metrics{display:grid;grid-template-columns:1.1fr 1fr .7fr;gap:22px;padding-bottom:28px;border-bottom:1px solid var(--border)}.label{color:var(--muted);font-size:13px}.value{font-size:30px;letter-spacing:-1px;font-weight:600;margin-top:12px;font-variant-numeric:tabular-nums}.metric:not(:first-child){border-left:1px solid var(--border);padding-left:22px}.sub{font-size:11px;color:var(--muted);margin-top:8px}.charthead{display:flex;justify-content:space-between;align-items:center;margin:27px 0 15px}.charthead h2,h2{font-size:15px;font-weight:600;margin:0}.legend{font-size:11px;color:var(--muted);display:flex;gap:7px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block}.chart{width:100%;height:270px;display:block}.chart text{fill:var(--muted);font-size:11px}.footnote{border-top:1px solid var(--border);padding-top:16px;font-size:11px;margin-top:13px;color:var(--muted)}.realtime{padding:25px 23px}.live{display:flex;align-items:center;gap:8px;color:var(--accent);font-size:11px;margin-top:12px}.realvalue{font-size:36px;letter-spacing:-1.5px;margin-top:25px;font-weight:600}.bars{height:90px;display:flex;gap:2px;align-items:end;margin-top:24px;border-bottom:1px solid #486140;padding-bottom:1px}.bars span{flex:1;background:#9bcf68;min-height:3px;border-radius:1px 1px 0 0}.axis{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.episodes-title{margin:30px 0 17px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.episode{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--border)}.thumb{height:36px;width:54px;flex-shrink:0;border:1px solid #3b5040;background:#233328;display:grid;place-items:center;color:#91a18f;font-size:9px}.ename{flex:1;font-size:12px;line-height:1.5}.count{font-size:12px;font-variant-numeric:tabular-nums}.bottom{margin-top:25px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}.rpm-notice{margin-top:24px;padding:23px 26px;border:1px solid var(--border);border-radius:10px;background:#101b15}.rpm-notice h2{margin-bottom:10px}.rpm-notice p{font-size:13px;line-height:1.8;max-width:1050px}@media(min-width:1450px){main{padding:40px 55px}.layout{grid-template-columns:minmax(0,1fr) 355px}.chart{height:310px}}@media(max-width:1100px){main{padding:28px 25px}.layout{grid-template-columns:1fr}.realtime .bars{height:110px}.realtime{max-width:none}.chart{height:260px}}@media(max-width:650px){aside{position:static;width:100%;padding:20px;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);border-right:0}.portal,.profile{display:none}.logo{font-size:26px}nav{margin:0;display:flex;gap:3px}nav button{padding:10px;font-size:12px}nav svg{display:none}main{margin:0;padding:25px 18px}.heading{align-items:start;flex-direction:column;margin:28px 0 22px}h1{font-size:27px}.topline{font-size:10px;gap:12px}.demo{padding:5px 7px}.monthly{padding:22px 16px}.metrics{gap:12px;grid-template-columns:1fr 1fr}.metric:last-child{display:none}.metric:not(:first-child){padding-left:12px}.value{font-size:25px}.chart{height:230px}.legend{font-size:10px}.bottom{flex-direction:column;gap:8px}.label{font-size:12px}}

[hidden]{display:none!important}.wallet{padding:32px 34px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#16271b}.wallet-label{font-size:14px;color:#b6c8b6}.balance{font-size:48px;font-weight:600;letter-spacing:-2px;margin:15px 0 10px;font-variant-numeric:tabular-nums}.balance span{font-size:22px;letter-spacing:0;color:var(--muted);margin-left:8px}.wallet p{font-size:12px;max-width:440px}.withdraw-area{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.withdraw{border:1px solid #42513b;background:#2c3928;color:#9eac95;border-radius:8px;padding:14px 32px;font-weight:600;min-height:48px;cursor:not-allowed}.withdraw-area small{color:var(--muted);font-size:11px}.payment-section{margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-heading h2{font-size:17px}.section-heading span{color:var(--muted);font-size:12px}.table-wrap{overflow:auto}.payments-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}.payments-table th{color:var(--muted);font-size:11px;font-weight:400;padding:18px 25px;border-bottom:1px solid var(--border)}.payments-table td{padding:22px 25px;border-bottom:1px solid var(--border);white-space:nowrap}.payments-table tr:last-child td{border-bottom:0}.payments-table .amount{text-align:right;font-variant-numeric:tabular-nums}.monthcell strong{display:block;font-weight:500}.monthcell small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.status{display:inline-flex;padding:6px 9px;border-radius:5px;font-size:11px;background:#263327;color:#c3d0bd}.status.paid{color:var(--accent);background:#263823}.status.current{color:#a9bbb1;background:#22312b}.payment-note{margin-top:22px;max-width:930px;font-size:12px;line-height:1.8}.history-empty{padding:26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.history-empty p{font-size:12px}.history-date{font-size:11px;color:var(--muted)}
@media(max-width:650px){.wallet{padding:25px 22px;align-items:stretch;flex-direction:column;gap:24px}.balance{font-size:42px}.withdraw-area{align-items:stretch}.withdraw-area small{text-align:center}.section-heading{gap:15px}.section-heading h2{font-size:16px}.section-heading span{font-size:11px}.payments-table th,.payments-table td{padding:17px 14px}.payments-table{font-size:12px}.payments-table th:nth-child(4),.payments-table td:nth-child(4){display:none}.history-empty{padding:22px;align-items:start;flex-direction:column}}

body.login-mode>aside,body.login-mode>main{display:none!important}.login-screen{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}.login-brand{padding:65px 70px;background:#14241a;border-right:1px solid var(--border);display:flex;flex-direction:column;justify-content:space-between}.login-brand .logo{font-size:36px}.brand-copy{max-width:470px;margin:85px 0}.brand-copy h1{font-size:48px;line-height:1.13;letter-spacing:-2px;font-weight:500;margin-bottom:25px}.brand-copy h1 span{color:var(--accent)}.brand-copy p{font-size:16px;line-height:1.8;max-width:380px}.login-brand-footer{font-size:12px;color:var(--muted)}.login-side{display:flex;flex-direction:column;justify-content:center;padding:60px;position:relative}.login-content{width:100%;max-width:390px;margin:auto}.login-side .demo{position:absolute;top:35px;right:40px;font-size:11px}.login-eyebrow{font-size:11px;letter-spacing:1.8px;color:var(--accent);margin-bottom:20px}.login-content h2{font-size:29px;letter-spacing:-.8px;margin-bottom:13px}.login-content>p{font-size:14px;margin-bottom:36px}.login-form label{display:block;font-size:13px;margin-bottom:10px;color:#d5e1d4}.login-form input{width:100%;height:49px;border-radius:7px;border:1px solid #3a4c3e;background:#142019;color:var(--ink);font:inherit;padding:0 14px}.login-form input::placeholder{color:#809485}.login-form input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.login-field{margin-bottom:23px}.password-wrap{position:relative}.password-wrap input{padding-right:72px}.password-toggle{position:absolute;right:3px;top:3px;height:43px;min-width:64px;background:none;border:0;color:#c3d2bf;font-size:12px;cursor:pointer;border-radius:4px}.signin{width:100%;height:49px;background:var(--accent);color:#14220e;border:0;border-radius:7px;font-weight:600;cursor:pointer;margin-top:6px}.signin:hover{background:#c8f78e}.login-help{font-size:12px;text-align:center;color:var(--muted);margin-top:24px;line-height:1.7}.login-help strong{color:#c1d1bd;font-weight:400}.login-demo-note{border-top:1px solid var(--border);padding-top:20px;margin-top:36px;font-size:11px;line-height:1.7;color:var(--muted)}.session-exit{background:none;border:0;color:var(--muted);padding:7px 0;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.login-mobile-logo{display:none}
@media(max-width:950px){.login-brand{padding:45px 35px}.brand-copy h1{font-size:38px}.login-side{padding:45px 35px}.login-side .demo{right:25px;top:25px}}
@media(max-width:650px){.login-screen{display:block;min-height:100svh}.login-brand{display:none}.login-side{min-height:100svh;padding:30px 25px;justify-content:center}.login-side .demo{position:static;align-self:flex-start;margin-bottom:40px;font-size:10px}.login-mobile-logo{display:block;font-size:30px;margin-bottom:40px}.login-content{margin:auto}.login-content h2{font-size:27px}.login-demo-note{margin-bottom:15px}}