@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{--bg-color:#0f172a;--card-bg:rgba(30,41,59,.7);--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#38bdf8;--accent-glow:rgba(56,189,248,.3);--glass-border:hsla(0,0%,100%,.1)}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Outfit,sans-serif;margin:0;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;min-height:100vh;padding:4rem 2rem;position:relative;z-index:1}.background-blobs{background:radial-gradient(circle at 15% 50%,rgba(76,29,149,.15) 0,transparent 50%),radial-gradient(circle at 85% 30%,rgba(14,165,233,.15) 0,transparent 50%);filter:blur(60px);height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}header{animation:fadeInDown .8s ease-out;margin-bottom:4rem;text-align:center}h1{background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;font-size:3.5rem;font-weight:600;-webkit-text-fill-color:transparent;letter-spacing:-.05em;margin:0}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-top:1rem}.user-grid{animation:fadeInUp .8s ease-out .2s backwards;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.user-card{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:1rem;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-card:hover{background:#1e293be6;border-color:#38bdf84d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-4px)}.user-avatar{align-items:center;background:linear-gradient(135deg,var(--accent-color) 0,#0284c7 100%);border-radius:12px;box-shadow:0 10px 15px -3px var(--accent-glow);color:#fff;display:flex;font-size:1.25rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-info{display:flex;flex-direction:column}.email{color:var(--text-primary);font-weight:500}.id{font-size:.8rem;margin-top:.25rem}.empty-state,.id{color:var(--text-secondary)}.empty-state{background:var(--card-bg);border:1px dotted var(--glass-border);border-radius:16px;padding:4rem;text-align:center}.seed-btn{background:var(--accent-color);border-radius:8px;color:#0f172a;display:inline-block;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:opacity .2s}.seed-btn:hover{opacity:.9}footer{color:var(--text-secondary);font-size:.9rem;margin-top:4rem;opacity:.6;text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}