@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-card:#1a1a25;--bg-card-hover:#22222f;--bg-elevated:#252533;--bg-input:#1e1e2a;--gold-50:#fdf8e8;--gold-100:#f9edc4;--gold-200:#f3d98a;--gold-300:#edc44f;--gold-400:#e5ad2b;--gold-500:#c99a2e;--gold-600:#a67b1e;--gold-700:#855f17;--gold-800:#6e4e19;--gold-900:#5e411c;--text-primary:#f0f0f5;--text-secondary:#a0a0b5;--text-muted:#6b6b80;--text-gold:var(--gold-400);--border-color:#2a2a3a;--border-light:#353548;--success:#22c55e;--success-bg:rgba(34,197,94,.1);--warning:#f59e0b;--warning-bg:rgba(245,158,11,.1);--danger:#ef4444;--danger-bg:rgba(239,68,68,.1);--info:#3b82f6;--info-bg:rgba(59,130,246,.1);--gradient-gold:linear-gradient(135deg,var(--gold-400),var(--gold-600));--gradient-dark:linear-gradient(135deg,var(--bg-card),var(--bg-elevated));--gradient-hero:linear-gradient(135deg,#0a0a0f,#1a1020 50%,#0a0a0f);--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-gold:0 4px 20px rgba(229,173,43,.15);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Outfit","Inter",sans-serif;--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:70px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:400ms ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.15rem}a{color:var(--text-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gold-300)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:24px;transition:all var(--transition-normal)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md)}.card-glass{background:rgba(26,26,37,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.06)}.card-gold{background:var(--gradient-dark);border:1px solid rgba(229,173,43,.2)}.card-gold:hover{border-color:rgba(229,173,43,.4);box-shadow:var(--shadow-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-sm);font-family:var(--font-primary);font-size:.875rem;font-weight:500;cursor:pointer;border:none;transition:all var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--gradient-gold);color:#0a0a0f}.btn-primary:hover{box-shadow:var(--shadow-gold);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-light);background:var(--bg-card-hover)}.btn-outline{background:transparent;color:var(--text-gold);border:1px solid var(--gold-400)}.btn-outline:hover{background:rgba(229,173,43,.1)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm)}.input-group{display:flex;flex-direction:column;gap:6px}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);font-size:.9rem;transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--gold-400);box-shadow:0 0 0 3px rgba(229,173,43,.1)}.input::placeholder{color:var(--text-muted)}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b6b80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}textarea.input{resize:vertical;min-height:100px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.badge-gold{background:rgba(229,173,43,.15);color:var(--gold-400)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-gold);display:flex;align-items:center;justify-content:center;font-weight:600;color:#0a0a0f;font-size:.9rem;overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:.75rem}.avatar-lg{width:56px;height:56px;font-size:1.2rem}.avatar-xl{width:80px;height:80px;font-size:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px 24px;display:flex;align-items:center;gap:16px;transition:all var(--transition-normal)}.stat-card:hover{border-color:rgba(229,173,43,.2);box-shadow:var(--shadow-gold);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.stat-content h4{font-size:.8rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-content .stat-value{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.table-container{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}table{width:100%;border-collapse:collapse}thead{background:var(--bg-elevated)}th{padding:12px 16px;text-align:left;font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}td,th{border-bottom:1px solid var(--border-color)}td{padding:14px 16px;font-size:.9rem}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition-fast)}tbody tr:hover{background:var(--bg-card-hover)}.progress-bar{width:100%;height:8px;background:var(--bg-elevated);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-full)}.progress-fill{height:100%;background:var(--gradient-gold);transition:width var(--transition-slow)}.score-circle{width:60px;height:60px;font-weight:700;font-size:1rem;background:conic-gradient(var(--gold-400) calc(var(--score) * 1%),var(--bg-elevated) calc(var(--score) * 1%));position:relative}.score-circle,.score-circle:after{border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.score-circle:after{content:attr(data-score);position:absolute;width:48px;height:48px;background:var(--bg-card);color:var(--text-gold);font-size:.85rem}.toast{position:fixed;bottom:24px;right:24px;padding:14px 20px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.text-center{text-align:center}.text-gold{color:var(--text-gold)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-top:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}:root{--sidebar-width:0px}h1{font-size:1.75rem}h2{font-size:1.4rem}}.page-layout{display:flex;min-height:100vh}.page-content{flex:1 1;margin-left:var(--sidebar-width);padding-top:var(--header-height);transition:margin-left var(--transition-normal)}.page-inner{padding:28px 32px;max-width:1400px}.page-header{margin-bottom:28px}.page-header h1{font-size:1.7rem;margin-bottom:4px}.page-header p{color:var(--text-secondary);font-size:.9rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state .icon{font-size:3rem;margin-bottom:16px;opacity:.4}.empty-state h3{color:var(--text-secondary);margin-bottom:8px}.empty-state p{color:var(--text-muted);font-size:.9rem}.locked-content{position:relative;overflow:hidden}.locked-content .blur-overlay{filter:blur(6px);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.locked-content .lock-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-card);border:1px solid var(--gold-400);border-radius:var(--radius-md);padding:20px 28px;text-align:center;z-index:10;box-shadow:var(--shadow-gold)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-elevated) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.search-bar{display:flex;align-items:center;gap:8px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0 14px;transition:border-color var(--transition-fast)}.search-bar:focus-within{border-color:var(--gold-400)}.search-bar input{flex:1 1;background:none;border:none;color:var(--text-primary);font-family:var(--font-primary);font-size:.9rem;padding:10px 0;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:24px}.tab{padding:10px 20px;font-size:.9rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:none;border:none;border-bottom:2px solid transparent;font-family:var(--font-primary)}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-gold);border-bottom-color:var(--gold-400)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:28px;width:90%;max-width:520px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:scaleIn .2s ease}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pricing-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px 28px;text-align:center;transition:all var(--transition-normal);position:relative}.pricing-card.featured{border-color:var(--gold-400);background:linear-gradient(180deg,rgba(229,173,43,.05) 0,var(--bg-card) 50%)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card .price{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:16px 0}.pricing-card .price span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-card ul{list-style:none;text-align:left;margin:20px 0}.pricing-card li{padding:8px 0;font-size:.9rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pricing-card li:before{content:"✓";color:var(--gold-400);font-weight:700}.pricing-card li.disabled{color:var(--text-muted);text-decoration:line-through}.pricing-card li.disabled:before{content:"✕";color:var(--text-muted)}