:root{color-scheme:dark;--bg:#0f1310;--panel:#182019;--line:rgba(255,255,255,.1);--text:#f4f2e9;--muted:#a9afa8;--gold:#ead8a8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 8%,rgba(60,105,67,.22),transparent 30rem),var(--bg);color:var(--text)}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 22px));margin:auto;padding-bottom:28px}header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line)}header>div{text-align:center}header span,.heading span{color:var(--gold);font-size:.62rem;font-weight:900;letter-spacing:.15em}header h1,.heading h2{margin:4px 0}header a{color:var(--gold);text-decoration:none;font-weight:800}header button{justify-self:end}.vip-card,.panel{border:1px solid var(--line);border-radius:18px;background:var(--panel)}.vip-card{margin-top:18px;padding:22px;background:linear-gradient(135deg,rgba(200,170,109,.12),transparent 65%),var(--panel)}.vip-head{display:flex;justify-content:space-between;gap:15px}.vip-badge{font-size:1.5rem;color:var(--gold);font-weight:950}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.benefit{padding:10px;border-radius:10px;background:rgba(255,255,255,.035);font-size:.72rem}.benefit.locked{opacity:.5}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.panel{padding:20px}.heading{display:flex;justify-content:space-between;gap:12px}.actions{display:flex;gap:6px}.actions button,header button,form button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.035);color:var(--text)}.catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.gift{padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.025);cursor:pointer}.gift.selected{border-color:rgba(200,170,109,.55);background:rgba(200,170,109,.08)}.gift .icon{font-size:1.5rem}.gift strong,.gift span{display:block}.gift span{margin-top:3px;color:var(--muted);font-size:.65rem}form{margin-top:14px}label{display:block;margin:10px 0 5px;font-size:.7rem;color:var(--muted)}input{width:100%;padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(0,0,0,.18);color:var(--text)}form button{width:100%;margin-top:12px;color:var(--gold);font-weight:800}.summary{margin-top:12px;color:var(--muted);font-size:.72rem}.notifications{display:grid;gap:8px;margin-top:10px;max-height:560px;overflow:auto}.notification{padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.notification.unread{border-color:rgba(200,170,109,.35)}.notification-head{display:flex;justify-content:space-between;gap:8px}.notification p{margin:6px 0;color:var(--muted);font-size:.72rem}.notification-actions{display:flex;gap:6px}.notification-actions button{padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--text);font-size:.63rem}.loading,.empty{padding:22px;color:var(--muted);text-align:center}.toast{position:fixed;right:18px;bottom:18px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#1c251e;opacity:0}.toast.show{opacity:1}@media(max-width:850px){.grid{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{grid-template-columns:auto 1fr auto}.benefits,.catalog{grid-template-columns:1fr}.heading{display:block}.actions{margin-top:8px}}