*{box-sizing:border-box}body{margin:0;background:#080c18;color:#f8fafc;font-family:Inter,system-ui,sans-serif;min-height:100vh}.top{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#0a0f1ddd;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.brand{font-weight:900;letter-spacing:1px;display:flex;gap:9px;align-items:center}.brand span{font-size:13px}.brand small{display:block;color:#76839b;font-size:8px;letter-spacing:2px;margin-top:2px}.nav{display:flex;gap:8px;align-items:center}.btn{border:1px solid #ffffff25;background:transparent;color:#fff;border-radius:12px;padding:10px 14px;cursor:pointer;transition:.2s}.btn:hover{border-color:#a78bfa;transform:translateY(-1px)}.primary{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:#a78bfa;font-weight:800}.danger{border-color:#ef444455;color:#fca5a5}.wrap{max-width:1000px;margin:auto;padding:42px 18px}.hero{text-align:center;margin-bottom:28px}.hero h1{font-size:clamp(40px,7vw,70px);line-height:1;margin:12px 0}.hero h1 span{color:#a78bfa}.muted{color:#8b96ab;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#101628;border:1px solid #ffffff12;border-radius:20px;padding:22px}.card h3{margin-top:0}.form-card{max-width:440px;margin:35px auto}.field{margin:14px 0}.field label{display:block;font-size:11px;color:#909bb1;margin-bottom:7px}.field input{width:100%;padding:13px;border:1px solid #ffffff20;background:#0b1020;color:#fff;border-radius:12px;outline:none}.field input:focus{border-color:#a78bfa}.full{width:100%;margin-top:8px}.link{color:#a78bfa;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat{background:#0b1020;border:1px solid #ffffff12;border-radius:14px;padding:15px}.stat b,.stat span{display:block}.stat b{font-size:22px}.stat span{color:#728098;font-size:10px;margin-top:4px}.profile-head{display:flex;gap:15px;align-items:center;margin-bottom:22px}.avatar{width:64px;height:64px;border-radius:18px;background:#8b5cf622;display:grid;place-items:center;font-size:32px;border:1px solid #a78bfa55}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #ffffff0e;text-align:left;font-size:12px}.table th{color:#758199}.ad{margin-top:20px;min-height:100px;border:1px dashed #ffffff22;border-radius:16px;display:grid;place-items:center;text-align:center;color:#69758c;font-size:10px;letter-spacing:1px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#fff;color:#111827;padding:11px 15px;border-radius:12px;font-size:12px;font-weight:800;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:700px){.grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.top{padding:0 14px}.nav .btn{padding:8px;font-size:11px}}