:root{--bg: #090a0f;--bg-elevated: #12141d;--border: #2a2e3d;--text: #e8eaf0;--muted: #8b92a8;--cyan: #00f0ff;--purple: #8a2be2;--emerald: #00ff87;--coral: #ff3366;--gold: #ffd700;--silver: #c0c7d4;--bronze: #cd7f32;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-display: "Space Grotesk", system-ui, sans-serif;--radius: 12px}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(0,240,255,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(138,43,226,.1),transparent),radial-gradient(ellipse 50% 30% at 0% 100%,rgba(0,255,135,.06),transparent),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:-.02em}.app-shell{max-width:1200px;margin:0 auto;padding:0 1.25rem 3rem}.glass{background:color-mix(in srgb,var(--bg-elevated) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;gap:.5rem;border:none;border-radius:10px;padding:.65rem 1.1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-cyan{background:var(--cyan);color:#041016;box-shadow:0 0 24px #00f0ff40}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-coral{background:var(--coral);color:#fff}.btn-purple{background:var(--purple);color:#fff}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px}.badge-owner{background:#ffd70026;color:var(--gold);border:1px solid rgba(255,215,0,.35)}.badge-admin,.badge-moderator,.badge-lead{background:#8a2be226;color:#c77dff;border:1px solid rgba(138,43,226,.4)}.badge-tech{background:#00ff871f;color:var(--emerald);border:1px solid rgba(0,255,135,.35)}.badge-pro{background:#00f0ff24;color:var(--cyan);border:1px solid rgba(0,240,255,.4)}.badge-player{background:#8b92a81f;color:#a8b0c4;border:1px solid rgba(139,146,168,.35)}.page-header{margin:1.75rem 0 1.25rem}.page-header h1{margin:0 0 .35rem;font-size:clamp(1.75rem,4vw,2.4rem)}.page-header p{margin:0;color:var(--muted);max-width:42rem}.muted{color:var(--muted)}.input{width:100%;background:#0c0e16;border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.65rem .85rem;outline:none}.input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #00f0ff1f}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:.92rem}table.data th,table.data td{text-align:left;padding:.75rem .85rem;border-bottom:1px solid var(--border)}table.data th{color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#1a1d2a;border:1px solid var(--border)}.avatar-lg{width:48px;height:48px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 10px var(--emerald);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.grid-trades{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{width:min(440px,100%);padding:1.25rem}@media(max-width:720px){.app-shell{padding:0 .85rem 2.5rem}}