:root{--bg-color: #0a0a0f;--bg-secondary: #13131a;--card-bg: #1c1c28;--card-hover: #232331;--text-primary: #ffffff;--text-secondary: #a8a8b8;--text-muted: #6b6b7f;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-gradient-hover: linear-gradient(135deg, #7c7ef5 0%, #9b6ff9 100%);--danger: #ef4444;--danger-hover: #f87171;--success: #10b981;--success-hover: #34d399;--warning: #f59e0b;--info: #3b82f6;--border-color: rgba(255, 255, 255, .08);--border-radius: 16px;--border-radius-sm: 8px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 4px 20px rgba(99, 102, 241, .3);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Inter", "Roboto", "Oxygen", "Ubuntu", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:var(--font-family);background:linear-gradient(135deg,var(--bg-color) 0%,var(--bg-secondary) 100%);background-attachment:fixed;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}*{box-sizing:border-box}a{text-decoration:none;color:inherit;transition:var(--transition)}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}button:disabled{opacity:.6;cursor:not-allowed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--card-bg);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border-radius:var(--border-radius-sm);font-weight:600;font-size:.95rem;transition:var(--transition);position:relative;overflow:hidden;border:1px solid transparent}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-glow);border-color:var(--accent-primary)}.btn-primary:hover{background:var(--accent-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:0 4px 15px #ef44444d}.btn-danger:hover{background-color:var(--danger-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.btn-success{background-color:var(--success);color:#fff;box-shadow:0 4px 15px #10b9814d}.btn-success:hover{background-color:var(--success-hover);transform:translateY(-2px)}.card{background:linear-gradient(135deg,var(--card-bg) 0%,rgba(28,28,40,.8) 100%);border-radius:var(--border-radius);padding:28px;border:1px solid var(--border-color);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient);opacity:0;transition:var(--transition)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.card:hover:before{opacity:1}.input{width:100%;padding:14px 16px;background-color:#ffffff08;border:2px solid var(--border-color);border-radius:var(--border-radius-sm);color:#fff;font-size:.95rem;margin-bottom:16px;transition:var(--transition)}.input:focus{outline:none;border-color:var(--accent-primary);background-color:#ffffff0d;box-shadow:0 0 0 3px #6366f11a}.input::placeholder{color:var(--text-muted)}.title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.subtitle{font-size:1.25rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.stat-card{background:var(--card-bg);border-radius:var(--border-radius-sm);padding:20px;border:1px solid var(--border-color);transition:var(--transition);text-align:center}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-value{font-size:2.5rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-admin{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff}.badge-user{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}table{border-collapse:separate;border-spacing:0}table thead tr th{background:#6366f11a;padding:16px;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--accent-primary)}table tbody tr{transition:var(--transition)}table tbody tr:hover{background:#6366f10d}table tbody tr td{padding:16px;border-bottom:1px solid var(--border-color)}.spinner{border:3px solid rgba(255,255,255,.1);border-top:3px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast{position:fixed;bottom:30px;right:30px;padding:16px 24px;border-radius:var(--border-radius-sm);box-shadow:var(--shadow-lg);z-index:1000;animation:slideIn .3s ease-out;min-width:300px}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (max-width: 768px){.title{font-size:1.75rem}.card{padding:20px}.btn{padding:10px 20px;font-size:.9rem}.toast{bottom:20px;right:20px;left:20px;min-width:auto}}