@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap);:root{--font-heading:"Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--bg-dark:#090d16;--bg-card:#111827b3;--bg-card-hover:#1a2438d9;--bg-input:#0f172a99;--border-subtle:#ffffff14;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f140;--accent-cyan:#06b6d4;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-amber:#f59e0b}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-color:#090d16;background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 15%,#6366f11f 0,#0000 45%),radial-gradient(circle at 85% 20%,#06b6d41a 0,#0000 40%),radial-gradient(circle at 50% 80%,#ec489914 0,#0000 50%);color:#f8fafc;color:var(--text-primary);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);min-height:100vh;overflow-x:hidden}button,input,select,textarea{font-family:inherit}.app-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:2.5rem 1.5rem 4rem}.app-header{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem}.app-header,.brand-section{align-items:center;display:flex}.brand-section{gap:1rem}.brand-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#06b6d4);border-radius:14px;box-shadow:0 8px 20px #6366f159;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.brand-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:500}.header-status{align-items:center;display:flex;gap:.75rem}.status-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a99;border:1px solid var(--border-subtle);border-radius:9999px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.4rem .9rem}.status-badge.online{border-color:#10b9814d;color:#34d399}.status-badge.offline{border-color:#f43f5e4d;color:#fb7185}.status-dot{border-radius:50%;height:8px;width:8px}.status-badge.online .status-dot{animation:pulse-green 2s infinite;background:#10b981;box-shadow:0 0 10px #10b981}.status-badge.offline .status-dot{background:#f43f5e;box-shadow:0 0 10px #f43f5e}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b981b3;transform:scale(.95)}70%{box-shadow:0 0 0 6px #10b98100;transform:scale(1)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(.95)}}.alert-banner{align-items:center;animation:slideDown .3s ease-out;border-radius:12px;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:1.75rem;padding:.9rem 1.25rem}.alert-banner.success{background:#10b9811f;border:1px solid #10b9814d;color:#6ee7b7}.alert-banner.error{background:#f43f5e1f;border:1px solid #f43f5e4d;color:#fda4af}.alert-close{background:none;border:none;color:currentColor;cursor:pointer;font-size:1.1rem;opacity:.7}.alert-close:hover{opacity:1}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.content-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:380px 1fr}@media (max-width:960px){.content-grid{grid-template-columns:1fr}}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:0 10px 30px #00000059;overflow:hidden;padding:1.75rem;position:relative}.glass-card:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-title{color:var(--text-primary);font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.35rem}.card-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1.5rem}.user-form{gap:1.15rem}.form-group,.user-form{display:flex;flex-direction:column}.form-group{gap:.4rem}.form-label{color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.form-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.95rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.form-input:focus{background:#0f172ad9;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.form-input::placeholder{color:var(--text-muted)}.submit-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 15px var(--primary-glow);color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.85rem 1.5rem;transition:all .2s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #6366f173;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.users-header{gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.search-and-actions,.users-header{align-items:center;display:flex;flex-wrap:wrap}.search-and-actions{gap:.75rem}.search-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-size:.875rem;outline:none;padding:.55rem .9rem;transition:all .2s ease;width:220px}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.refresh-btn{align-items:center;background:#ffffff0d;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.55rem .9rem;transition:all .2s ease}.refresh-btn:hover{background:#ffffff1a;color:var(--text-primary)}.user-count-badge{background:#6366f126;border:1px solid #6366f14d;border-radius:9999px;color:#a5b4fc;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.2rem .6rem}.user-list{display:flex;flex-direction:column;gap:.85rem}.user-card{align-items:center;background:#0f172a66;border:1px solid var(--border-subtle);border-radius:14px;display:flex;justify-content:space-between;padding:1rem 1.25rem;transition:all .2s ease}.user-card:hover{background:var(--bg-card-hover);border-color:#6366f14d;transform:translateX(4px)}.user-info{gap:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;box-shadow:0 4px 12px #6366f140;color:#fff;flex-shrink:0;font-size:1rem;font-weight:700;height:42px;justify-content:center;width:42px}.user-details{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.user-email{color:var(--text-secondary);font-size:.825rem}.user-meta{align-items:center;display:flex;gap:1rem;text-align:right}.user-role-badge{background:#06b6d41f;border:1px solid #06b6d440;border-radius:8px;color:#67e8f9;font-size:.75rem;font-weight:600;padding:.25rem .65rem}.user-date{color:var(--text-muted);font-size:.775rem}.empty-state{color:var(--text-muted);padding:3.5rem 1.5rem;text-align:center}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-title{color:var(--text-secondary);font-size:1rem;font-weight:600;margin-bottom:.25rem}.empty-text{font-size:.85rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.loading-container{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:3rem 0}.loading-container .spinner{border-top-color:var(--primary);border-width:3px;height:32px;width:32px}
/*# sourceMappingURL=main.11d9612a.css.map*/