:root{--primary:#00d287;--primary-dark:#009d66;--secondary:#111;--bg:#0a0a0a;--bg-card:#ffffff0d;--text-main:#fff;--text-muted:#a1a1aa;--border:#ffffff1a;--radius-lg:1.5rem;--radius-md:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#00d28726 0,#0000 50%),radial-gradient(at 100% 100%,#00d2871a 0,#0000 50%);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}#root{max-width:1200px;margin:0 auto;padding:2rem}h1{background:linear-gradient(135deg, #fff, var(--text-muted));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}h2{font-size:1.5rem;font-weight:600}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003}.glass-panel{margin-bottom:2rem;padding:2rem}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #00d28766}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d28799}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--bg-card);color:var(--text-muted);box-shadow:none;cursor:not-allowed;transform:none}.users-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.user-card{padding:1.5rem;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}.user-card:before{content:"";background:var(--primary);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.user-card:hover{border-color:#00d2874d;transform:translateY(-4px)}.user-card:hover:before{opacity:1}.user-card .header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.avatar-placeholder{width:48px;height:48px;color:var(--primary);background:#00d2871a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:50px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.status-new{color:var(--primary);background:#00d28726}.status-played{color:var(--text-muted);background:#ffffff1a}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--secondary);border:1px solid var(--border);border-radius:var(--radius-lg);width:90%;max-width:500px;padding:2.5rem;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 40px #00000080}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;display:block}.form-control{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:var(--radius-md);padding:1rem;font-size:1rem;transition:border-color .3s}.form-control:focus{border-color:var(--primary);outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-slow{animation:3s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}