:root{font-family:Tahoma,Arial,sans-serif;color:#f7f3fb;background:#0b0e19;font-size:16px}*{box-sizing:border-box}body{margin:0}header{max-width:1320px;margin:auto;padding:18px 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:12px}.brand strong,.brand small{display:block}.brand strong{font-size:21px}.brand small{font-size:12px;color:#a9a2b7;margin-top:3px}.mark{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;color:#1b1028;background:#c88afa;font-size:26px}nav{background:#1f2334;border-radius:13px;padding:4px;display:flex;gap:3px}button{font:inherit;cursor:pointer;border:0;border-radius:10px;padding:11px 15px;color:#eee;background:#32354a}button:hover{filter:brightness(1.15)}button:disabled{cursor:not-allowed;opacity:.45}nav button{background:transparent;font-size:14px}nav button.selected{background:#383048;color:#f0d6ff}.account{border:1px solid #ffffff25;color:#beb7cd;border-radius:30px;padding:9px 13px;font-size:14px}main{max-width:1320px;margin:auto;padding:40px 26px 80px}.eyebrow{color:#d6a7fa;font-size:14px;margin:0 0 8px}h1{font-size:clamp(26px,3vw,36px);margin:0 0 12px}h2{font-size:21px;margin:0 0 20px}.muted{color:#aaa4b8;line-height:1.8}.empty{margin-top:30px;padding:80px 20px;text-align:center;background:#191d2d;border:1px solid #ffffff16;border-radius:24px;color:#c9c3d0}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.card,.user{background:#191d2d;border:1px solid #ffffff16;border-radius:24px;padding:26px}.card p{line-height:1.8}.card strong{color:#d9b0fa}.primary{background:#c88afa;color:#1b1028;font-weight:bold;margin-top:15px}.card label{display:block;margin:12px 0 7px}.card input{width:100%;font:inherit;background:#282b3e;border:1px solid #ffffff24;border-radius:10px;padding:12px;color:white}.user{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.user p{color:#aaa4b8;margin:6px 0}.user .actions{display:flex;gap:8px;flex-wrap:wrap}#notice{border:1px solid #f7b0b0;background:#472a37;border-radius:12px;padding:14px;margin-bottom:25px}@media(max-width:700px){header{justify-content:center;padding:16px}nav{order:3;width:100%;justify-content:center}nav button{flex:1}.account{font-size:12px}.grid{grid-template-columns:1fr}main{padding:28px 16px 70px}}
