@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#050817;--panel:#0c1430;--line:#26345f;--muted:#aab8df;--purple:#7026ff;--gold:#ffd326}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f8ff;font:14px Inter,Arial,sans-serif}
.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:232px;background:linear-gradient(180deg,#090e25,#080d23);border-right:1px solid #302b77;padding:16px 10px;display:flex;flex-direction:column}
.brand{height:155px;text-align:center;padding:0 4px}.crown{font-size:48px;line-height:1.05;color:#ffd12d;text-shadow:0 0 15px #ffb900}.brand b{display:block;font-size:25px;font-weight:900;font-style:italic;letter-spacing:-1px}.brand strong{display:block;color:#ffcf20;font-size:25px;font-weight:900;font-style:italic}
nav{display:grid;gap:5px}nav a{height:43px;display:flex;align-items:center;padding:0 15px;color:#dce3ff;text-decoration:none;border-radius:12px;font-size:15px;font-weight:500}nav a span{margin-left:13px}nav a.active,nav a:hover{background:linear-gradient(100deg,#812cff,#5220dc);box-shadow:0 5px 18px #5b22df55;color:white}
.support{margin-top:auto;margin-bottom:3px;text-align:center;padding:15px 8px 17px;border:1px solid #4d2bc1;border-radius:15px;background:linear-gradient(145deg,#251178,#101c55)}.headset{font-size:37px}.support b,.support small{display:block;margin-top:7px}.support small{font-size:12px;color:#d7e1ff}
.main{margin-left:232px;padding:0 20px 22px}.top{height:77px;margin:0 -20px 14px;padding:0 24px;display:flex;align-items:center;gap:20px;background:#080e24;border-bottom:1px solid #202d58}.hamb{font-size:27px}.search{height:48px;width:min(49%,590px);display:flex;align-items:center;gap:12px;padding:0 20px;border:1px solid #25345e;border-radius:28px;background:#101a39;color:#9caddb;font-size:15px}.topright{margin-left:auto;display:flex;align-items:center;gap:22px}.online{padding:10px 17px;border-radius:24px;background:#063c30;color:#00f0a0;font-weight:700}.bell{font-size:22px;position:relative}.bell:after{content:'3';position:absolute;top:-9px;right:-10px;background:#f22b51;border-radius:50%;font-size:11px;padding:3px 6px}.admin{display:flex;align-items:center;gap:9px;font-weight:700}.admin .mini-crown{border:2px solid #ffd12d;border-radius:50%;padding:7px;color:#ffd12d;font-size:21px}
.welcome{min-height:108px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 6px 14px;background:radial-gradient(ellipse at 82% 40%,#3011a766,transparent 42%)}.welcome h1{font-size:30px;margin:0 0 8px;font-weight:800;letter-spacing:-.8px}.welcome h1 em{color:#ffd21e}.welcome p{font-size:17px;margin:0}.hero{text-align:right;font-size:39px;font-weight:900;font-style:italic;letter-spacing:-1.5px;color:#fff;text-shadow:0 0 20px #702bff}.hero span{color:#ffd326}.hero small{display:block;color:#ffd326;font-size:17px;letter-spacing:0}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{height:125px;border-radius:16px;padding:18px 17px;display:flex;align-items:center;gap:15px;overflow:hidden;position:relative}.stat:nth-child(1){background:linear-gradient(110deg,#0787ec,#123bb4)}.stat:nth-child(2){background:linear-gradient(110deg,#00c879,#087449)}.stat:nth-child(3){background:linear-gradient(110deg,#a42bea,#5414b2)}.stat:nth-child(4){background:linear-gradient(110deg,#ffb21b,#b84b08)}.stat-icon{width:65px;height:65px;flex:0 0 65px;border-radius:17px;background:#ffffff26;display:grid;place-items:center;font-size:31px}.stat small{display:block;font-size:14px;font-weight:600}.stat b{display:block;font-size:25px;margin:6px 0 4px;white-space:nowrap}.trend{color:#00ff8e;font-size:14px;font-weight:800}.spark{position:absolute;right:12px;bottom:10px;font-size:29px;opacity:.6}
.columns{display:grid;grid-template-columns:1.08fr 1fr;gap:15px;margin-top:18px}.panel{background:linear-gradient(145deg,#101a37,#0b122b);border:1px solid #26365f;border-radius:16px;padding:16px;min-width:0}.panel h2{margin:0 0 14px;font-size:18px;font-weight:800}.panel h2 .accent{color:#ffd32b}.panel-head{display:flex;align-items:center;justify-content:space-between}.ranges{display:flex;gap:5px}.ranges span{padding:7px 10px;border-radius:8px;background:#0c1532;border:1px solid #1b2b55;font-size:12px}.ranges span:first-child{background:#7028ed}.chart{height:205px;position:relative;border-bottom:1px solid #33436f;background:repeating-linear-gradient(to bottom,transparent 0,transparent 50px,#26345b 51px)}.chart svg{width:100%;height:100%}.days{display:flex;justify-content:space-around;color:#d7def4;font-size:12px;padding-top:8px}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:13px 8px;text-align:center}.service{font-size:12px;font-weight:600;line-height:1.25}.service i{width:63px;height:59px;margin:0 auto 7px;border-radius:16px;display:grid;place-items:center;font-style:normal;font-size:29px;background:linear-gradient(145deg,#3742ff,#111a8a);box-shadow:0 5px 14px #5d3dff55}.service:nth-child(5n+1) i{background:linear-gradient(145deg,#5336ff,#251b87)}.service:nth-child(5n) i{background:linear-gradient(145deg,#00d889,#00794e)}
.bottom{display:grid;grid-template-columns:1.2fr .9fr 1.35fr;gap:15px;margin-top:16px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}th,td{text-align:left;padding:9px 6px;border-bottom:1px solid #25345c}th{color:#dce5ff;background:#121e42}td{color:#e8edff}.success{background:#00bd70;color:white;border-radius:20px;padding:4px 9px;font-size:10px}.view{color:#31aaff;text-decoration:none;font-size:12px;font-weight:700}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action{min-height:82px;padding:13px 9px;border-radius:13px;text-decoration:none;color:white;font-weight:800;font-size:14px;display:flex;align-items:center;gap:9px;background:linear-gradient(120deg,#a52eff,#5618c6)}.action:nth-child(2){background:linear-gradient(120deg,#00d27b,#087344)}.action:nth-child(3){background:linear-gradient(120deg,#ff9d1b,#bc4c09)}.action:nth-child(4){background:linear-gradient(120deg,#1687ff,#1144bd)}.action i{font-size:25px;font-style:normal}.action small{display:block;font-size:11px;font-weight:500;margin-top:4px}.promo{min-height:250px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 75%,#4521c9,#11152f 62%);padding:20px}.promo h2{font-size:22px;line-height:1.3}.promo h2 span{color:#ffd326}.promo ul{list-style:none;padding:0;line-height:1.8;margin:12px 0}.promo li:before{content:'✔';color:#00e990;margin-right:9px}.promo .btn{display:inline-block;background:#ffd326;color:#130f00;padding:10px 19px;border-radius:25px;text-decoration:none;font-weight:900}
.btn{display:inline-block;background:linear-gradient(110deg,#7928ff,#3c1ac0);color:white;border:0;border-radius:10px;padding:12px 18px;text-decoration:none;font-weight:700;cursor:pointer}.btn.gold{background:linear-gradient(110deg,#ffd42e,#f49b00);color:#171000}.form{max-width:600px}.field{margin:14px 0}.field label{display:block;margin-bottom:7px;color:#c9d5ff}.field input{width:100%;padding:13px;border-radius:9px;border:1px solid #334575;background:#080f29;color:#fff}.alert{padding:12px 15px;border-radius:10px;margin:12px 0;background:#123d35}.alert.error{background:#54212c}.muted{color:#9caddb}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 75% 15%,#30116b,#050817 55%)}.auth-card{width:min(460px,100%);padding:30px;background:#0c1430;border:1px solid #303d78;border-radius:20px;box-shadow:0 20px 60px #0009}.auth-card h1{margin-top:0}.auth-card .brand{height:auto;margin-bottom:22px}.auth-card a{color:#c4a5ff}.pill{background:#00bd73;padding:4px 9px;border-radius:20px;font-size:11px}
@media(max-width:1200px){.bottom{grid-template-columns:1fr 1fr}.promo{grid-column:1/-1}.stat b{font-size:21px}.hero{font-size:30px}}
@media(max-width:850px){.sidebar{width:72px;padding:12px 6px}.brand{height:105px}.brand b,.brand strong,nav a span,.support b,.support small{display:none}.crown{font-size:36px}nav a{justify-content:center;padding:0}.support{padding:10px 2px}.main{margin-left:72px;padding:0 12px 15px}.top{margin:0 -12px 12px;padding:0 12px}.admin{display:none}.welcome h1{font-size:23px}.hero{font-size:23px}.stats{grid-template-columns:repeat(2,1fr);gap:9px}.stat{height:105px;padding:12px;gap:9px}.stat-icon{width:47px;height:47px;flex-basis:47px;font-size:24px}.stat b{font-size:18px}.columns{grid-template-columns:1fr}.bottom{grid-template-columns:1fr}.promo{grid-column:auto}}
@media(max-width:520px){.search{width:58%;font-size:12px}.online{font-size:11px;padding:8px}.topright{gap:12px}.welcome{display:block}.hero{text-align:left;margin-top:13px}.stat-icon{display:none}.stat{display:block}.stat b{font-size:18px}.services{grid-template-columns:repeat(3,1fr)}.panel{padding:12px}.chart{height:170px}}