@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg-base:#F8FAFC;--bg-surface:rgba(255,255,255,0.85);--bg-surface-solid:#FFFFFF;--bg-elevated:#F1F5F9;--bg-inset:#E2E8F0;--text-primary:#0F172A;--text-secondary:#334155;--text-tertiary:#64748B;--text-inverse:#FFFFFF;--brand-primary:#4F46E5;--brand-hover:#4338CA;--brand-light:#E0E7FF;--brand-gradient:linear-gradient(135deg,#4F46E5,#06B6D4);--brand-glow:rgba(79,70,229,0.4);--accent-success:#10B981;--accent-success-light:#D1FAE5;--accent-warning:#F59E0B;--accent-warning-light:#FEF3C7;--accent-danger:#EF4444;--accent-danger-light:#FEE2E2;--accent-info:#0EA5E9;--accent-info-light:#E0F2FE;--border-default:rgba(15,23,42,0.08);--border-hover:rgba(15,23,42,0.15);--border-glass:rgba(255,255,255,0.6);--shadow-sm:0 2px 4px rgba(15,23,42,0.04);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.06),0 2px 4px -1px rgba(15,23,42,0.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -2px rgba(15,23,42,0.04);--shadow-glow:0 0 20px var(--brand-glow);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:"Plus Jakarta Sans",var(--font-sans);--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--content-max:1200px;--sidebar-width:280px;--header-height:72px;--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-base:0.25s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.4s cubic-bezier(0.16,1,0.3,1)}[data-theme=dark]{--bg-base:#020617;--bg-surface:rgba(15,23,42,0.6);--bg-surface-solid:#0F172A;--bg-elevated:#1E293B;--bg-inset:rgba(0,0,0,0.4);--text-primary:#F8FAFC;--text-secondary:#94A3B8;--text-tertiary:#64748B;--brand-primary:#6366F1;--brand-hover:#818CF8;--brand-light:rgba(99,102,241,0.15);--brand-gradient:linear-gradient(135deg,#6366F1,#22D3EE);--brand-glow:rgba(99,102,241,0.3);--accent-success-light:rgba(16,185,129,0.15);--accent-warning-light:rgba(245,158,11,0.15);--accent-danger-light:rgba(239,68,68,0.15);--accent-info-light:rgba(14,165,233,0.15);--border-default:rgba(255,255,255,0.06);--border-hover:rgba(255,255,255,0.12);--border-glass:rgba(255,255,255,0.05);--shadow-sm:0 2px 4px rgba(0,0,0,0.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -1px rgba(0,0,0,0.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5),0 4px 6px -2px rgba(0,0,0,0.4)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);background-image:radial-gradient(at 0 0,rgba(79,70,229,.05) 0,transparent 50%),radial-gradient(at 100% 0,rgba(6,182,212,.05) 0,transparent 50%);background-attachment:fixed}[data-theme=dark] body{background-image:radial-gradient(at 0 0,rgba(99,102,241,.08) 0,transparent 50%),radial-gradient(at 100% 0,rgba(34,211,238,.08) 0,transparent 50%)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-hover)}.glass-card{position:relative;background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-glass),transparent);opacity:0;transition:opacity var(--transition-base)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-4px)}.glass-card:hover:before{opacity:1}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);padding:12px 24px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;line-height:1.4;overflow:hidden;letter-spacing:.01em}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.1),rgba(255,255,255,0));opacity:0;transition:opacity var(--transition-base)}.btn:not(.btn-primary):not(.btn-gradient):hover:after{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--brand-primary);color:white;box-shadow:0 4px 14px 0 rgba(0,0,0,.1)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--brand-glow)}.btn-secondary{background:var(--bg-surface-solid);border:1px solid var(--border-default);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-hover);background:var(--bg-elevated);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-gradient{background:var(--brand-gradient);color:#FFFFFF!important;text-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 4px 14px 0 rgba(0,0,0,.1)}.btn-gradient:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px var(--brand-glow);filter:brightness(1.1)}.btn-danger{background:var(--accent-danger);color:white}.btn-danger:hover{background:#DC2626;box-shadow:0 4px 14px rgba(239,68,68,.4)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 16px}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{font-size:var(--text-xs);padding:8px 16px;border-radius:var(--radius-lg)}.btn-lg{font-size:var(--text-base);padding:16px 32px}.btn-icon{padding:12px}.badge,.btn-icon{border-radius:var(--radius-full)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:6px 12px;line-height:1.4;letter-spacing:.02em}.badge-success{background:var(--accent-success-light);color:var(--accent-success)}.badge-warning{background:var(--accent-warning-light);color:var(--accent-warning)}.badge-danger{background:var(--accent-danger-light);color:var(--accent-danger)}.badge-info{background:var(--accent-info-light);color:var(--accent-info)}.badge-neutral{background:var(--bg-elevated);color:var(--text-tertiary)}.input-field{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface-solid);border:1px solid var(--border-default);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.input-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-light)}.input-field::placeholder{color:var(--text-tertiary)}.input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal-content{background:var(--bg-surface-solid);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--border-default);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.modal-content::-webkit-scrollbar{display:none}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--border-default)}.modal-header h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.01em}.modal-body{padding:var(--space-8)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6) var(--space-8);border-top:1px solid var(--border-default);background:var(--bg-elevated)}.stats-card{background:var(--bg-surface);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden}.stats-card,.stats-card:before{transition:all var(--transition-base)}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--brand-gradient);opacity:0;transform:scaleX(0);transform-origin:left}.stats-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--border-hover)}.stats-card:hover:before{opacity:1;transform:scaleX(1)}.stats-card .stats-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--brand-primary);margin-bottom:var(--space-1);letter-spacing:-.02em}.stats-card .stats-label{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-medium);letter-spacing:.01em}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-inset) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.select-field,.textarea-field{width:100%;padding:12px 16px;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface-solid);border:1px solid var(--border-default);border-radius:var(--radius-lg);outline:none;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.select-field:focus,.textarea-field:focus{border-color:var(--brand-primary);box-shadow:0 0 0 4px var(--brand-light)}.textarea-field{min-height:100px;resize:vertical}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table td,.data-table th{padding:var(--space-4);border-bottom:1px solid var(--border-default)}.data-table th{font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-sm);background:var(--bg-elevated)}.data-table tr:hover td{background:var(--bg-surface)}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentcolor;border-radius:50%;animation:spin .6s linear infinite;flex-shrink:0}.spinner-dark{border-color:var(--border-default);border-top-color:var(--text-primary)}@keyframes spin{to{transform:rotate(1turn)}}.name-theme-neon{color:#00f2ff!important;text-shadow:0 0 5px #00f2ff,0 0 10px #00f2ff,0 0 20px #00f2ff;font-weight:800!important;animation:neon-pulse 1.5s ease-in-out infinite alternate}@keyframes neon-pulse{0%{text-shadow:0 0 5px #00f2ff,0 0 10px #00f2ff;opacity:.8}to{text-shadow:0 0 10px #00f2ff,0 0 20px #00f2ff,0 0 30px #00f2ff;opacity:1}}.name-theme-matrix,.name-theme-matrix-blue{position:relative;display:inline-block;font-weight:800!important;overflow:hidden;padding:2px 6px;border-radius:4px}.name-theme-matrix{color:#00ff41!important;text-shadow:0 0 8px rgba(0,255,65,.8);background:rgba(0,50,0,.3)}.name-theme-matrix-blue{color:#00f2ff!important;text-shadow:0 0 8px rgba(0,242,255,.8);background:rgba(0,30,50,.4)}.name-theme-matrix-blue:after,.name-theme-matrix:after{content:"10101011010110101011010010110101101010110100101101011010101101001011010110101011010010110101101010110100101101011010101101001011010110101011010010110101";position:absolute;top:0;left:0;width:100%;height:200%;font-family:monospace;font-size:10px;line-height:12px;word-break:break-all;z-index:-1;animation:matrix-infinite-loop 3s linear infinite}.name-theme-matrix:after{color:rgba(0,255,65,.3)}.name-theme-matrix-blue:after{color:rgba(0,242,255,.3)}@keyframes matrix-infinite-loop{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.name-theme-glitch{position:relative;color:#fff!important;font-weight:800!important;text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00;animation:glitch 725ms infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}15%{text-shadow:.05em 0 0 #00fffc,-.03em -.04em 0 #fc00ff,.025em .04em 0 #fffc00}16%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}49%{text-shadow:-.05em -.025em 0 #00fffc,.025em .035em 0 #fc00ff,-.05em -.05em 0 #fffc00}50%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}99%{text-shadow:.05em .035em 0 #00fffc,.03em 0 0 #fc00ff,0 -.04em 0 #fffc00}to{text-shadow:-.05em 0 0 #00fffc,-.025em -.04em 0 #fc00ff,-.04em -.025em 0 #fffc00}}.name-theme-gold{background:linear-gradient(90deg,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800!important;filter:drop-shadow(0 0 2px rgba(184,134,11,.5));animation:gold-shimmer 3s linear infinite;background-size:200% auto}@keyframes gold-shimmer{to{background-position:200%}}