@font-face{font-family:Vazir;src:local("Vazirmatn"),local("Tahoma")}*{box-sizing:border-box}body{margin:0;font-family:Vazir,Tahoma,sans-serif;background:#07111f;color:#edf7ff;direction:rtl}.app{display:flex;min-height:100vh}.sidebar{width:270px;background:linear-gradient(180deg,#08213e,#07111f);border-left:1px solid #17385f;padding:24px;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;margin-bottom:24px}.brand b{font-size:26px}.brand small{display:block;color:#9db8d5}.ball{font-size:38px;filter:drop-shadow(0 0 18px #00d49a)}button{border:0;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg,#00d49a,#1c78ff);color:#04101c;font-weight:800;cursor:pointer;transition:.2s transform,.2s filter}button:hover{transform:translateY(-2px);filter:brightness(1.08)}.sidebar button{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:#cfe8ff;margin:5px 0;justify-content:flex-start}.sidebar button.active{background:#00d49a26;box-shadow:inset 0 0 0 1px #00d49a59}.danger{background:linear-gradient(135deg,#ff5070,#ffb347)!important;color:#fff!important}main{flex:1;padding:28px;overflow:auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1,h2,h3{margin-top:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid.two{grid-template-columns:1fr 1fr}.card{background:linear-gradient(180deg,#122c4deb,#08182ceb);border:1px solid rgba(123,189,255,.18);border-radius:28px;padding:22px;box-shadow:0 22px 60px #00000047}.wide{grid-column:span 4}.stat b{display:block;font-size:34px;margin-top:8px;color:#00d49a}.form{display:grid;gap:12px}.form input,.form textarea,.form select,.toolbar input,.inline input{width:100%;border:1px solid #27527e;border-radius:14px;background:#0a1a2f;color:#fff;padding:13px;font-family:inherit}textarea{resize:vertical}.table{overflow:auto;max-height:420px}table{width:100%;border-collapse:collapse;min-width:520px}th,td{text-align:right;padding:10px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.row{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border-radius:16px;background:#ffffff0a;margin:8px 0}.row span{flex:1}.leader{display:grid;gap:10px}.rank{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:14px;border-radius:18px;background:#0b2039}.rank b{background:#17385f;width:36px;height:36px;display:grid;place-items:center;border-radius:50%}.r1{background:linear-gradient(135deg,#ffd36b44,#0b2039);border:1px solid #ffd36b}.r2{background:linear-gradient(135deg,#dbe7ff33,#0b2039)}.r3{background:linear-gradient(135deg,#ff9b5f33,#0b2039)}.report{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.report b{padding:10px;border-radius:14px;background:#0a1a2f}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#103d70,#07111f)}.login form{width:min(420px,92vw);background:#0b2039;border:1px solid #255783;border-radius:34px;padding:34px;display:grid;gap:14px;box-shadow:0 35px 120px #0006}.login input{border:1px solid #27527e;border-radius:16px;background:#07111f;color:#fff;padding:14px}.logo{font-size:64px;text-align:center}.err{color:#ff8299}.toast{position:fixed;left:26px;bottom:26px;background:#00d49a;color:#04101c;padding:14px 18px;border-radius:18px;font-weight:800;animation:fade 4s forwards}@keyframes fade{0%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.inline{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:10px;margin:8px 0}.bubble{padding:12px;border-radius:18px;background:#12385e;max-width:80%}.bubble.admin{margin-right:auto;background:#00d49a;color:#04101c}.log{border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:8px;color:#bfd6ed}@media (max-width:1000px){.app{display:block}.sidebar{width:100%;height:auto;position:relative}.grid,.grid.two{grid-template-columns:1fr}.wide{grid-column:auto}}.login-logo{width:150px;height:210px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 18px 35px rgba(0,0,0,.35));background:#fff;border-radius:24px;padding:6px}.logo{display:none}