:root{color:#eef8ff;letter-spacing:0;background:#07090f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 20% 0,#173b4a 0,#0000 34%),#07090f;min-width:320px;margin:0}button,input{font:inherit}.auth-screen{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:linear-gradient(145deg,#111827f2,#091016f2);border:1px solid #253142;border-radius:8px;width:min(520px,100%);padding:32px;box-shadow:0 30px 90px #0009}.auth-panel h1{margin:20px 0 12px;font-size:38px;line-height:1.05}.auth-panel p{color:#9cb2c7;line-height:1.6}.brand-chip,.eyebrow{color:#4cf3bd;text-transform:uppercase;letter-spacing:0;font-size:12px;font-weight:800}.telegram-link,button{color:#04110e;cursor:pointer;background:linear-gradient(135deg,#4cf3bd,#5cc8ff);border:0;border-radius:8px;padding:12px 16px;font-weight:800;text-decoration:none}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.side{background:#080d14d9;border-right:1px solid #1f2a38;flex-direction:column;gap:24px;height:100vh;padding:20px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:10px;font-size:18px;display:flex}.logo span{color:#06110f;background:#4cf3bd;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.side nav{gap:8px;display:grid}.side a{color:#95a7ba;border-radius:8px;padding:12px;font-weight:700;text-decoration:none}.side a.active,.side a:hover{color:#fff;background:#152030}.side button{color:#dbeafe;background:#172231;margin-top:auto}.content{gap:20px;width:100%;max-width:1500px;padding:28px;display:grid}.content h1{margin:0;font-size:34px}.hero{background:linear-gradient(135deg,#111a26 0%,#0b121b 45%,#142b2b 100%);border:1px solid #243449;border-radius:8px;grid-template-columns:1fr minmax(260px,360px);align-items:end;gap:20px;min-height:280px;padding:28px;display:grid;box-shadow:inset 0 0 80px #4cf3bd12}.hero h1{max-width:860px;margin:10px 0;font-size:clamp(38px,6vw,76px);line-height:.92}.lead{color:#9cb2c7;max-width:620px;line-height:1.6}.level-card,.panel,.kpi{background:linear-gradient(#111827e8,#0b1017e8);border:1px solid #243449;border-radius:8px;box-shadow:0 20px 60px #0005}.level-card{gap:12px;padding:22px;display:grid}.level-card strong{text-transform:uppercase;color:#4cf3bd;font-size:46px}.level-card small,.kpi span{color:#9cb2c7}.progress{background:#1d2b39;border-radius:999px;height:10px;overflow:hidden}.progress i{background:linear-gradient(90deg,#4cf3bd,#5cc8ff,#b18cff);height:100%;display:block}.grid{gap:16px;display:grid}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{align-content:space-between;min-height:112px;padding:18px;display:grid}.kpi strong{font-size:28px}.kpi.green{box-shadow:inset 0 0 50px #4cf3bd12}.kpi.blue{box-shadow:inset 0 0 50px #5cc8ff12}.kpi.violet{box-shadow:inset 0 0 50px #b18cff12}.panel{padding:20px}.referral-panel{justify-content:space-between;align-items:center;gap:16px;display:flex}.referral-panel p{color:#c7d7e6;overflow-wrap:anywhere;margin:8px 0 0}.charts{grid-template-columns:1.3fr 1fr}.chart-panel h2,.panel h2{margin:0 0 16px}.event-list,.rules{gap:10px;display:grid}.event-list span,.rules span{color:#c7d7e6;background:#111c29;border-radius:8px;padding:12px}.table-panel{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #223044;padding:14px 12px}th{color:#86a4bf;text-transform:uppercase;font-size:12px}td{color:#e7f1fa}.empty-row{color:#9cb2c7;padding:20px}.payout-box{grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:16px;display:grid}input{color:#eaf6ff;background:#0b121b;border:1px solid #2b3a4c;border-radius:8px;width:100%;padding:14px}@media (width<=960px){.app-shell{grid-template-columns:1fr}.side{border-bottom:1px solid #1f2a38;border-right:0;height:auto;position:static}.side nav{grid-template-columns:repeat(3,minmax(0,1fr))}.hero,.charts,.payout-box{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.content{padding:16px}.hero{padding:20px}.kpis{grid-template-columns:1fr}.side nav{grid-template-columns:1fr 1fr}.referral-panel{flex-direction:column;align-items:stretch}}