:root{font-family:"DM Sans",sans-serif;color:#eaf1fa;background:#07101f}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#07101f}button,input{font:inherit}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#233c5a,#07101f 68%)}.admin-login form{width:min(360px,90vw);padding:32px;border:1px solid #ffffff17;border-radius:22px;background:#101d31;box-shadow:0 30px 80px #020711;text-align:center}.admin-logo{display:grid;place-items:center;width:52px;height:52px;margin:auto;border-radius:15px;background:linear-gradient(145deg,#68d9cc,#377da1);font:800 16px Manrope}.admin-login h1{margin:13px 0 1px}.admin-login p{margin:0 0 24px;color:#8192aa;font-size:11px}.admin-login label{display:grid;gap:6px;text-align:left;color:#8395ad;font-size:8px;letter-spacing:1px}.admin-login input{padding:13px;border:1px solid #ffffff1c;border-radius:11px;outline:0;background:#071329;color:white;text-align:center;letter-spacing:6px}.admin-login form>button{width:100%;margin-top:13px;padding:12px;border:0;border-radius:11px;background:#57cfc1;color:#08211f;font-weight:800}.admin-login small{display:block;min-height:18px;color:#ff8d81;font-size:8px}.admin-login em{display:block;margin-top:16px;color:#53667e;font-size:7px;font-style:normal}.dashboard{min-height:100vh;grid-template-columns:220px 1fr}.dashboard:not([hidden]){display:grid}aside{position:sticky;top:0;height:100vh;padding:22px 15px;background:#0b1728;border-right:1px solid #ffffff0c}.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px 27px}.side-brand>i{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#58cfc1;font-style:normal;font-weight:800;color:#08201f}.side-brand span{font:700 9px Manrope;letter-spacing:1.4px}.side-brand span b{font-size:12px}.side-brand small{display:block;color:#6c829b;font:600 6px DM Sans}.dashboard aside nav{display:grid;gap:5px}.dashboard aside button{border:0;background:none;color:#7689a1;text-align:left}.dashboard aside nav button{padding:11px;border-radius:9px;font-size:12px}.dashboard aside nav button.active{background:#53cbbb16;color:#69dbcc}.dashboard aside nav span{margin-left:9px}.admin-user{position:absolute;left:15px;right:15px;bottom:55px;display:flex;gap:8px;align-items:center;padding:10px;border-top:1px solid #ffffff0d}.admin-user>i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#d77564;font-size:8px;font-style:normal}.admin-user div{display:flex;flex-direction:column}.admin-user strong{font-size:8px}.admin-user small{color:#637791;font-size:6px}#adminLogout{position:absolute;left:23px;bottom:20px;font-size:8px}.dashboard-main{padding:25px clamp(18px,3vw,42px);overflow:hidden}.dashboard-main>header{display:flex;align-items:center}.dashboard-main>header>div:first-child{margin-right:auto}.dashboard-main header small{color:#667c95;font-size:7px;letter-spacing:1.2px}.dashboard-main h1{margin:3px 0;font:800 25px Manrope}.live-status{margin-right:10px;padding:7px 10px;border-radius:20px;background:#52cbb918;color:#69d8ca;font-size:7px;font-weight:800}.live-status i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#62d7c9;box-shadow:0 0 8px #62d7c9;animation:pulse 1s infinite}.dashboard-main>header button,.payments-card button{padding:7px 10px;border:1px solid #ffffff14;border-radius:8px;background:#ffffff08;color:#9badc1;font-size:8px}.demo-notice{margin:17px 0 13px;padding:8px 11px;border-radius:8px;background:#f2ad5e12;border:1px solid #f2ad5e2c;color:#c69a67;font-size:7px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article{display:flex;gap:11px;align-items:center;padding:16px;border:1px solid #ffffff0d;border-radius:13px;background:#0e1b2e}.kpis article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;font-size:17px}.kpis .teal{background:#5fd2c31b;color:#62d8ca}.kpis .violet{background:#a080ef1b;color:#b59af2}.kpis .orange{background:#ec82611c;color:#f09870}.kpis .gold{background:#f0bc651a;color:#f5c36c}.kpis article div{display:flex;flex-direction:column}.kpis small{color:#6c8199;font-size:6px;letter-spacing:.7px}.kpis strong{font:800 19px Manrope}.kpis em{color:#63cbbb;font-size:7px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.75fr);gap:12px;margin-top:12px}.chart-card,.sources-card,.payments-card,.packs-card{padding:17px;border:1px solid #ffffff0d;border-radius:13px;background:#0e1b2e}.chart-card header,.payments-card header{display:flex;justify-content:space-between}.dashboard-main h2{margin:0;font-size:12px}.dashboard-main article p{margin:3px 0;color:#667b94;font-size:7px}.chart-card header>strong{color:#69d7ca;font-size:9px}#activityChart{width:100%;height:225px;margin-top:8px}.chart-legend{display:flex;justify-content:space-between;color:#70839b;font-size:7px}.chart-legend i{display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:50%;background:#5fd4c5}.sources-card>strong{display:block;margin-top:8px;font-size:22px}.donut{position:relative;width:115px;height:115px;margin:10px auto;border-radius:50%;background:conic-gradient(#63d4c5 0 46%,#a082ef 46% 79%,#ee8b69 79%)}.donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:#0e1b2e}.donut span{position:absolute;z-index:1;inset:0;display:grid;place-content:center;text-align:center;font-weight:800}.donut small{display:block}.sources-card ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.sources-card li{display:grid;grid-template-columns:8px 1fr auto;align-items:center;color:#8fa1b6;font-size:7px}.sources-card li i{width:6px;height:6px;border-radius:50%;background:#63d4c5}.sources-card .source-friend{background:#a082ef}.sources-card .source-social{background:#ee8b69}.sources-card li b{color:#cbd5e1}.bottom-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(230px,.75fr);gap:12px;margin-top:12px}.payments-card table{width:100%;border-collapse:collapse;margin-top:12px;text-align:left}.payments-card th{padding:7px;color:#5f748e;font-size:6px}.payments-card td{padding:9px 7px;border-top:1px solid #ffffff09;color:#a7b5c6;font-size:8px}.payments-card td strong{color:#e4ebf4}.status-ok{padding:3px 6px;border-radius:7px;background:#54cbbb18;color:#63d2c4;font-size:6px}.packs-card>div{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:7px;margin-top:10px}.packs-card>div>span{display:grid;place-items:center;height:34px;border-radius:9px;background:#9e81e91b;color:#ae92f0;font-size:8px}.packs-card section{display:flex;flex-direction:column}.packs-card section strong{font-size:8px}.packs-card section small{color:#687c95;font-size:6px}.packs-card section i{height:3px;margin-top:4px;border-radius:4px;background:#ffffff0d}.packs-card section i b{display:block;height:100%;background:#9d80e5}.packs-card em{color:#d9c9ff;font-size:8px;font-style:normal}@keyframes pulse{50%{opacity:.35}}@media(max-width:900px){.dashboard{grid-template-columns:64px 1fr}.side-brand span,.dashboard aside nav span,.admin-user div,#adminLogout{display:none}.side-brand{padding-left:0}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}}@media(max-width:600px){.dashboard{display:block!important}.dashboard aside{position:static;width:100%;height:58px;display:flex;padding:8px}.side-brand{padding:0}.side-brand span{display:block}.dashboard aside nav,.admin-user,#adminLogout{display:none}.dashboard-main{padding:15px}.dashboard-main>header{flex-wrap:wrap}.kpis{grid-template-columns:1fr 1fr;gap:7px}.kpis article{padding:10px}.kpis article>span{display:none}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.table-wrap{overflow:auto}#activityChart{height:180px}}