@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;600;700&display=swap";:root{--bg-dark: #0D1117;--bg-dark2: #161B22;--bg-card: #1C2333;--bg-card-hover: #242D3D;--neon-cyan: #00E5FF;--neon-blue: #4FC3F7;--neon-green: #81C784;--neon-orange: #FFB74D;--neon-purple: #CE93D8;--neon-pink: #FF6B9D;--text-primary: #E6EDF3;--text-secondary: #8B949E;--text-muted: #484F58;--danger: #F85149;--success: #3FB950}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:var(--bg-dark);color:var(--text-primary);min-height:100vh}#root{display:flex;min-height:100vh}.app-layout{display:flex;min-height:100vh;width:100%}.sidebar{width:240px;background:var(--bg-dark2);border-right:1px solid rgba(255,255,255,.06);padding:24px 0;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:10}.sidebar-logo{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:var(--neon-cyan);padding:0 20px;margin-bottom:32px;letter-spacing:1px}.sidebar-nav{list-style:none;flex:1}.sidebar-nav li a{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:all .2s;border-left:3px solid transparent}.sidebar-nav li a:hover,.sidebar-nav li a.active{color:var(--neon-cyan);background:#00e5ff0d;border-left-color:var(--neon-cyan)}.sidebar-user{padding:16px 20px;border-top:1px solid rgba(255,255,255,.06);font-size:12px;color:var(--text-muted)}.sidebar-user .user-email{color:var(--text-secondary);margin-bottom:8px;word-break:break-all}.sidebar-user .btn-signout{background:none;border:1px solid var(--danger);color:var(--danger);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s}.sidebar-user .btn-signout:hover{background:var(--danger);color:#fff}.main-content{margin-left:240px;flex:1;padding:32px;min-height:100vh}.page-title{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.login-wrapper{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background:linear-gradient(135deg,var(--bg-dark),var(--bg-dark2))}.login-card{text-align:center;padding:48px;background:var(--bg-card);border-radius:20px;border:1px solid rgba(0,229,255,.15);box-shadow:0 20px 60px #00000080}.login-card h1{font-family:Outfit,sans-serif;font-size:32px;color:var(--neon-cyan);margin-bottom:8px}.login-card p{color:var(--text-muted);margin-bottom:32px}.btn-google{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:#fff;color:#333;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-google:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.04);transition:transform .2s,border-color .2s}.stat-card:hover{transform:translateY(-2px);border-color:#00e5ff26}.stat-card .label{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:8px}.stat-card .value{font-family:Outfit,sans-serif;font-size:32px;font-weight:700;color:var(--neon-cyan)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:12px;overflow:hidden}.data-table th{text-align:left;padding:12px 16px;background:var(--bg-dark2);font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);border-bottom:1px solid rgba(255,255,255,.04)}.data-table td{padding:12px 16px;font-size:14px;border-bottom:1px solid rgba(255,255,255,.03);color:var(--text-secondary)}.data-table tr:hover td{background:#00e5ff05}.btn{padding:10px 20px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-blue));color:var(--bg-dark)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00e5ff4d}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-outline{background:transparent;border:1px solid var(--text-muted);color:var(--text-secondary)}.btn-outline:hover{border-color:var(--neon-cyan);color:var(--neon-cyan)}.generator-panel{background:var(--bg-card);border-radius:16px;padding:24px;margin-bottom:24px;border:1px solid rgba(255,255,255,.04)}.generator-panel h3{font-family:Outfit,sans-serif;margin-bottom:16px;color:var(--neon-cyan)}.generator-controls{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.form-group select,.form-group input{padding:8px 12px;background:var(--bg-dark);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--text-primary);font-size:14px;outline:none}.form-group select:focus,.form-group input:focus{border-color:var(--neon-cyan)}.level-preview{display:inline-block;background:var(--bg-dark);border-radius:12px;padding:16px;border:1px solid rgba(255,255,255,.06)}.level-preview canvas{display:block}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--neon-cyan);border-radius:10px;color:var(--text-primary);font-size:14px;z-index:1000;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:var(--text-muted);font-size:14px}.spinner{width:24px;height:24px;border:3px solid rgba(0,229,255,.1);border-top-color:var(--neon-cyan);border-radius:50%;animation:spin .8s linear infinite;margin-right:12px}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600}.badge-cyan{background:#00e5ff26;color:var(--neon-cyan)}.badge-green{background:#81c78426;color:var(--neon-green)}.badge-orange{background:#ffb74d26;color:var(--neon-orange)}.badge-purple{background:#ce93d826;color:var(--neon-purple)}