@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0b1020;--panel:#111a2e;--line:#26334c;--text:#eef3ff;--muted:#93a2bd;--blue:#79adff;--cyan:#67e8f9;--green:#55d6a2;--red:#fb7185}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#27447740,transparent 45%),var(--bg);color:var(--text);font:14px/1.8 Vazirmatn,Tahoma,sans-serif}a{color:inherit;text-decoration:none}input,button{font:inherit}.top{max-width:1400px;margin:auto;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;gap:15px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800}.brand>b{width:47px;height:47px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#82b8ff,#5b6fe7);color:#0b1428}.brand small{display:block;font-size:10px;color:var(--muted);font-weight:500}.wrap{max-width:1400px;padding:0 5%;margin:auto}.btn{display:inline-flex;justify-content:center;align-items:center;padding:10px 17px;border:0;border-radius:11px;background:linear-gradient(135deg,#8abaff,#6683ef);color:#091328;font-size:12px;font-weight:800;cursor:pointer}.ghost{border:1px solid var(--line);background:#ffffff06;color:#e6eeff}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:25px;margin:35px 0 55px;padding:42px 5%;border:1px solid #6b94d52b;border-radius:27px;background:linear-gradient(120deg,#172849,#10182a);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1px;color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(27px,3.5vw,44px);line-height:1.5;margin:10px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p,.heading p,.panel>p{font-size:12px;color:var(--muted);max-width:600px}.meta{font-size:10px;color:#8edfbf;margin-top:20px}.orb{height:245px;position:relative;display:grid;place-items:center}.orb:before,.orb:after{content:"";position:absolute;width:260px;height:190px;border:1px solid #79adff2e;border-radius:50%;transform:rotate(30deg)}.orb:after{width:320px;height:225px;transform:rotate(-30deg);border-style:dashed}.logo{z-index:1;width:145px;height:145px;border-radius:36px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#263f68,#111a2d);border:1px solid #7fb1ff50;box-shadow:0 20px 60px #0006;transform:rotate(-7deg);font-size:30px;font-weight:900;color:#9dc5ff}.logo strong{font-size:19px;letter-spacing:4px;color:white}.logo small{font-size:7px;letter-spacing:1px;color:#91a7c9}.float{position:absolute;z-index:2;padding:8px 14px;border:1px solid #8cb7ff35;background:#111e34;border-radius:12px;font-size:10px;color:#9eafcb}.float strong{display:block;font-size:21px;color:#eef3ff}.f1{right:0;top:0}.f2{left:0;bottom:0}.heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:18px;gap:15px}.heading h2{font-size:23px;margin:4px 0 0}.pill{border:1px solid var(--line);border-radius:25px;padding:7px 13px;color:#a9bbd9;font-size:11px}.tablebox,.panel{background:linear-gradient(145deg,#121d32,#0f1728);border:1px solid var(--line);border-radius:19px;overflow:hidden}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th,td{text-align:right;padding:14px 16px;border-bottom:1px solid #ffffff0b;font-size:11px}th{color:#9daec9;background:#ffffff04}th small{display:block;font-size:9px;color:#6f82a2;font-weight:500}tbody tr:hover{background:#6ea8fe08}tbody tr:last-child td{border:0}.rank{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#ffffff0a;color:#a6bad9;font-weight:800}.member{display:flex;align-items:center;gap:10px;min-width:155px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#284b7a,#27334e);color:#c4dcff;font-weight:800;flex-shrink:0}.member b{font-size:11px}.member small{display:block;color:#8093b4;font-size:9px}.bar{height:4px;min-width:50px;background:#ffffff0c;border-radius:5px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#527de8,#6bd9e8);border-radius:5px}.bar.green i{background:linear-gradient(90deg,#4ed39c,#79e6d2)}.total{color:#94c0ff;font-size:15px}.sub{display:block;font-size:9px;color:#8497b6}.foot{padding:12px 18px;border-top:1px solid #ffffff0b;color:#8394b0;font-size:10px}.empty{text-align:center;padding:45px 15px}.empty p{color:var(--muted);font-size:12px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0 55px}.features article{display:flex;gap:13px;padding:19px;border:1px solid var(--line);border-radius:16px;background:#111a2b}.features article>b{font-size:23px;color:#88b7ff}.features strong{font-size:12px}.features p{margin:4px 0 0;color:var(--muted);font-size:10px}footer{max-width:1400px;margin:auto;padding:20px 5%;border-top:1px solid #ffffff0c;color:#7384a2;font-size:10px;display:flex;justify-content:space-between;gap:10px}.admin{padding-top:28px;padding-bottom:25px}.adminhead{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.adminhead h1{font-size:26px;margin:4px 0}.adminhead p,.panel>p{margin:0 0 15px}.panel{padding:22px;margin-bottom:20px;scroll-margin-top:20px}.panel h2{font-size:18px;margin:0}.formgrid{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:15px;background:#ffffff03;border:1px solid #ffffff0b;border-radius:13px;margin:17px 0}.formgrid label,.loginbox label,.scoregrid label{display:flex;flex-direction:column;gap:6px;flex:1;min-width:140px;font-size:11px;color:#b8c7de}.formgrid input:not([type=checkbox]),.loginbox input,.scoregrid input{width:100%;min-width:0;border:1px solid #2a3854;background:#0b1324;border-radius:9px;padding:10px;color:#eef3ff;outline:none}.formgrid input:focus,.loginbox input:focus,.scoregrid input:focus{border-color:#79adff}.formgrid .check{flex-direction:row;align-items:center;min-height:40px}.check input{accent-color:#79adff}.ops{display:flex;align-items:center;gap:10px}.ops a,.link,.item a{font-size:10px;color:#8cbaff}.ops form,.item form{display:inline}.link{border:0;background:none;padding:0;cursor:pointer;font-family:inherit}.danger{color:#fb8797!important}.item{display:flex;align-items:center;gap:13px;padding:12px;border-bottom:1px solid #ffffff0b}.item>div{flex:1}.item b{display:block;font-size:12px}.item small{display:block;color:var(--muted);font-size:10px}.scoregrid{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin:15px 0}.scoregrid small{font-size:9px;color:var(--muted)}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.people a{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px;font-size:11px}.people a b{flex:1}.msg{padding:11px 14px;border:1px solid #55d6a233;background:#55d6a20d;color:#8de6c1;border-radius:11px;font-size:12px;margin:12px 0}.msg.error{border-color:#fb718533;background:#fb71850d;color:#ff9bab}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.loginbox{width:min(100%,420px);padding:30px;border:1px solid var(--line);border-radius:22px;background:#121d32;box-shadow:0 25px 90px #0005}.loginbox h1{font-size:23px;margin:25px 0 4px}.loginbox p{font-size:12px;color:var(--muted)}.loginbox form{display:grid;gap:14px;margin-top:20px}.loginbox label{min-width:0}.loginbox .btn{width:100%;margin-top:5px}.back{display:block;text-align:center;margin-top:20px;font-size:11px;color:#8cbaff}
@media(max-width:850px){.hero{grid-template-columns:1fr .75fr;padding:30px 4%}.scoregrid{grid-template-columns:repeat(3,1fr)}.formgrid label{min-width:calc(50% - 12px)}.people{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.top{padding:14px 4%}.brand{font-size:11px;gap:8px}.brand>b{width:40px;height:40px}.wrap{padding:0 4%}.hero{grid-template-columns:1fr;margin:20px 0 35px;padding:25px 20px}.hero h1{font-size:29px}.hero p{font-size:11px}.orb{height:200px;transform:scale(.8);margin:-8px 0}.heading{align-items:start;flex-direction:column}.heading h2{font-size:20px}.features{grid-template-columns:1fr;margin-bottom:35px}.features article{padding:14px}.foot{font-size:9px}.adminhead{align-items:flex-start;flex-direction:column}.adminhead h1{font-size:22px}.panel{padding:14px}.formgrid{padding:11px}.formgrid label{min-width:100%}.formgrid .btn{width:100%}.scoregrid{grid-template-columns:repeat(2,minmax(0,1fr))}.people{grid-template-columns:1fr}.ops{gap:7px}.ops a,.link{font-size:9px}footer{padding:16px 4%;flex-direction:column;gap:3px}.loginbox{padding:24px 20px}}