@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-card:#111827cc;--bg-glass:#ffffff0d;--bg-glass-hover:#ffffff14;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-blue:#3b82f6;--accent-blue-hover:#2563eb;--accent-violet:#8b5cf6;--accent-violet-hover:#7c3aed;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-rose:#f43f5e;--gradient-primary:linear-gradient(135deg,#3b82f6,#8b5cf6);--gradient-secondary:linear-gradient(135deg,#8b5cf6,#ec4899);--gradient-dark:linear-gradient(180deg,#0a0e1a 0%,#111827 100%);--border-color:#ffffff14;--border-color-active:#3b82f680;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 25px -5px #0006;--shadow-glow:0 0 30px #3b82f626;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}input,textarea,select{font-family:inherit;font-size:14px}select option{background-color:var(--bg-secondary);color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.animate-fade-in{animation:fadeIn var(--transition-normal)ease-out}.animate-slide-in{animation:slideIn var(--transition-normal)ease-out}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-color-active)}.btn-danger{color:var(--accent-rose);background:#f43f5e26;border:1px solid #f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e40}.btn-sm{padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-sm);padding:8px}.glass-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.input{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.input::placeholder{color:var(--text-muted)}.textarea{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;min-height:80px;transition:all var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.textarea:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #3b82f626}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-admin{color:var(--accent-violet);background:#8b5cf633}.badge-user{color:var(--accent-blue);background:#3b82f633}.badge-success{color:var(--accent-emerald);background:#10b98133}.badge-warning{color:var(--accent-amber);background:#f59e0b33}.badge-error{color:var(--accent-rose);background:#f43f5e33}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--transition-fast)ease-out;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}.toggle{background:var(--bg-tertiary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:24px;transition:background var(--transition-fast);position:relative}.toggle.active{background:var(--accent-blue)}.toggle:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle.active:after{transform:translate(20px)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}