@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--primary: #00ff88;--primary-dark: #00cc6d;--bg-dark: #0a0e14;--bg-card: #151c27;--bg-input: #1e2632;--text-main: #ffffff;--text-sub: #94a3b8;--text-muted: #64748b;--accent: #fbbf24;--error: #ef4444;--success: #10b981;--glass: rgba(255, 255, 255, .03);--border: rgba(255, 255, 255, .1);--shadow: 0 10px 15px -3px rgba(0, 0, 0, .5);font-family:Outfit,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);color:var(--text-main);min-height:100vh}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}h1{font-size:2rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}p{color:var(--text-sub)}.animate-fade-in{animation:fadeIn .5s ease-out forwards}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#000;border:none;border-radius:12px;padding:14px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;display:flex;justify-content:center;align-items:center;gap:10px}.btn-primary:active{transform:scale(.98);opacity:.9}.input-group{margin-bottom:20px;position:relative}.input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:8px;color:var(--text-sub)}.input-field{width:100%;background-color:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--primary);background-color:var(--bg-card);box-shadow:0 0 0 2px #00ff881a}.auth-container{width:100%;max-width:440px;margin:auto;display:flex;flex-direction:column;padding:48px 40px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 40px #0006}.auth-header{margin-bottom:40px;text-align:center}.logo-container{width:80px;height:80px;background:transparent;display:flex;justify-content:center;align-items:center;margin:0 auto 20px}.logo-img{width:100%;height:100%;object-fit:contain}.auth-footer{text-align:center;padding-top:24px;font-size:.875rem}.auth-link{color:var(--primary);text-decoration:none;font-weight:600}.divider{display:flex;align-items:center;margin:24px 0;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.divider:before,.divider:after{content:"";flex:1;height:1px;background-color:var(--border)}.divider span{padding:0 12px}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-social{background-color:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s ease}.btn-social:hover{background-color:var(--bg-card)}:root{--primary: #ef4444;--primary-hover: #dc2626;--bg-dark: #0f172a;--sidebar-bg: #1e293b;--card-bg: rgba(30, 41, 59, .5);--text-main: #f8fafc;--text-sub: #94a3b8;--text-muted: #64748b;--border-color: rgba(71, 85, 105, .2);--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dashboard-layout{display:flex;width:100vw;height:100vh;background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;font-family:Inter,-apple-system,sans-serif}.sidebar{width:260px;height:100%;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header{padding:24px;border-bottom:1px solid var(--border-color)}.sidebar-logo-img{width:32px;height:32px;object-fit:contain}.logo-compact{display:flex;align-items:center;gap:12px;color:var(--primary)}.logo-text{font-weight:900;font-size:1.25rem;letter-spacing:-.5px;color:var(--text-main);text-transform:uppercase}.sidebar-nav{flex:1;padding:20px 16px;display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;text-decoration:none;font-size:.9375rem;font-weight:600;color:var(--text-sub);transition:all .2s cubic-bezier(.4,0,.2,1);background:none;border:none;width:100%;text-align:left;cursor:pointer;font-family:inherit}.nav-item:hover{background-color:#ffffff0d;color:var(--text-main)}.nav-item.active{background-color:var(--primary);color:#fff}.nav-divider{height:1px;background-color:var(--border-color);margin:12px 14px}.sidebar-footer{padding:20px 16px;border-top:1px solid var(--border-color)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;background:none;border:none;color:var(--danger);font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s}.logout-btn:hover{background-color:#ef444414}.dashboard-content{flex:1;overflow-y:auto;padding:32px;background:linear-gradient(135deg,#0f172a,#171d31)}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.header-search{display:flex;align-items:center;gap:10px;background-color:var(--card-bg);padding:10px 16px;border-radius:12px;border:1px solid var(--border-color);width:340px;color:var(--text-muted)}.header-search input{background:none;border:none;color:#fff;font-size:.875rem;width:100%}.header-search input:focus{outline:none}.header-actions{display:flex;align-items:center;gap:16px}.icon-btn{background-color:var(--card-bg);border:1px solid var(--border-color);color:var(--text-sub);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.user-profile{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--border-color)}.user-profile img{width:36px;height:36px;border-radius:10px}.user-info{display:flex;flex-direction:column}.user-name{font-weight:700;font-size:.875rem}.user-role{font-size:.75rem;color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.stat-card{background-color:var(--card-bg);border-radius:20px;padding:24px;border:1px solid var(--border-color);display:flex;align-items:center;gap:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-4px);border-color:#ef44444d}.stat-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.users-icon{background:#3b82f61a;color:#3b82f6}.matches-icon{background:#10b9811a;color:#10b981}.predictions-icon{background:#f59e0b1a;color:#f59e0b}.revenue-icon{background:#ef44441a;color:#ef4444}.stat-details h3{font-size:.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px}.stat-value{font-size:1.5rem;font-weight:800;margin:0 0 4px}.stat-change{font-size:.75rem;display:block}.stat-change.positive{color:var(--success)}.stat-change.neutral{color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px}.grid-item{background-color:var(--card-bg);border-radius:24px;padding:24px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h2{font-size:1.125rem;font-weight:800}.text-btn{background:none;border:none;color:var(--primary);font-weight:700;font-size:.875rem;cursor:pointer}.table-responsive{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:12px 16px;font-size:.75rem;text-transform:uppercase;color:var(--text-muted);font-weight:700;letter-spacing:.5px;border-bottom:1px solid var(--border-color)}.data-table td{padding:16px;font-size:.9375rem;border-bottom:1px solid var(--border-color)}.table-user{display:flex;align-items:center;gap:12px}.table-user img{width:32px;height:32px;border-radius:8px}.status-tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.status-tag.active{background:#10b9811a;color:#10b981}.status-tag.inactive{background:#4755691a;color:var(--text-muted)}.icon-btn.sm{width:32px;height:32px}.breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:.875rem;color:var(--text-muted)}.breadcrumb .separator{color:var(--text-muted);opacity:.5}.breadcrumb .active{color:var(--primary);font-weight:600}.content-inner{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.primary-btn,.danger-btn,.success-btn,.warning-btn{padding:10px 20px;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s;border:none;color:#fff}.primary-btn{background-color:var(--primary)}.primary-btn:hover{background-color:var(--primary-hover)}.danger-btn{background-color:var(--danger)}.danger-btn:hover{filter:brightness(.9)}.success-btn{background-color:var(--success)}.success-btn:hover{filter:brightness(.9)}.warning-btn{background-color:var(--warning)}.warning-btn:hover{filter:brightness(.9)}.status-tag.banned{background:#ef44441a;color:var(--danger)}.status-tag.paid{background:#10b9811a;color:var(--success)}.status-tag.pending{background:#f59e0b1a;color:var(--warning)}.risk-tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.risk-tag.low{background:#10b9811a;color:#10b981}.risk-tag.medium{background:#f59e0b1a;color:#f59e0b}.risk-tag.high{background:#ef44441a;color:#ef4444}.badge{padding:2px 8px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:6px;font-size:.75rem;font-weight:600}.action-btns{display:flex;gap:8px}.icon-btn.danger{color:var(--danger)}.icon-btn.danger:hover{background:#ef44441a;border-color:var(--danger)}.icon-btn.success{color:var(--success)}.icon-btn.success:hover{background:#10b9811a;border-color:var(--success)}.icon-btn.warning{color:var(--warning)}.icon-btn.warning:hover{background:#f59e0b1a;border-color:var(--warning)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.sidebar{width:80px}.sidebar .logo-text,.sidebar .nav-item span{display:none}.sidebar-header{padding:20px 10px;justify-content:center}.sidebar-nav{padding:10px}.nav-item{justify-content:center;padding:12px}}.app-viewport{width:100%;height:100vh;background-color:var(--bg-dark);display:flex;flex-direction:column;overflow:hidden;position:relative}body{background:radial-gradient(circle at center,#1a2233,#0a0e14);margin:0}.preview-nav{transition:opacity .3s ease}.preview-nav:hover{opacity:1}main{flex:1;overflow-y:auto;scrollbar-width:none}main::-webkit-scrollbar{display:none}