@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-color: #09090B;--bg-elevated: #111113;--bg-surface: #18181B;--text-color: #FAFAFA;--text-secondary: #A1A1AA;--text-tertiary: #71717A;--accent-color: #8B5CF6;--accent-hover: #7C3AED;--accent-light: #A78BFA;--gradient-primary: linear-gradient(135deg, #8B5CF6, #6366F1, #3B82F6);--gradient-text: linear-gradient(135deg, #A78BFA, #818CF8, #60A5FA);--gradient-glow: linear-gradient(135deg, rgba(139,92,246,.4), rgba(99,102,241,.2), rgba(59,130,246,.1));--border-color: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--navbar-bg: rgba(9, 9, 11, .8);--card-bg: #18181B;--table-header-bg: #1E1E22;--error-bg: rgba(239, 68, 68, .1);--error-color: #F87171;--success-bg: rgba(34, 197, 94, .1);--success-color: #4ADE80;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--primary-color: #8B5CF6;--primary-dark: #7C3AED;--text-on-dark: #FAFAFA}[data-theme=light]{--bg-color: #FAFAFA;--bg-elevated: #FFFFFF;--bg-surface: #F4F4F5;--text-color: #09090B;--text-secondary: #52525B;--text-tertiary: #A1A1AA;--accent-color: #7C3AED;--accent-hover: #6D28D9;--accent-light: #8B5CF6;--border-color: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--navbar-bg: rgba(250, 250, 250, .8);--card-bg: #FFFFFF;--table-header-bg: #F4F4F5;--error-bg: rgba(239, 68, 68, .08);--error-color: #DC2626;--success-bg: rgba(34, 197, 94, .08);--success-color: #16A34A;--primary-color: #7C3AED;--primary-dark: #6D28D9;--text-on-dark: #FFFFFF}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);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:700;color:var(--text-color);letter-spacing:-.02em;line-height:1.2}h1{font-size:2.5rem;letter-spacing:-.03em;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}h3{font-size:1.5rem;margin-bottom:1rem}p{color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-light)}code{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-family:var(--font-body);font-size:.95rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;text-decoration:none;gap:.5rem}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 0 20px #8b5cf64d}.btn-primary:hover{box-shadow:0 0 30px #8b5cf680;color:#fff}.btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff08;color:var(--text-color)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{color:var(--text-color);border-color:var(--border-hover)}.btn-lg{padding:1rem 2rem;font-size:1.05rem;border-radius:12px}.card{background-color:var(--bg-surface);border-radius:16px;padding:2rem;border:1px solid var(--border-color);transition:border-color .2s ease}.card:hover{border-color:var(--border-hover)}select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea{font-family:var(--font-body);font-size:.95rem;background-color:var(--bg-elevated);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;outline:none;transition:border-color .2s ease}select:focus,input:focus,textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #8b5cf626}select option{background-color:var(--bg-elevated);color:var(--text-color)}:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-in{animation:fadeInUp .6s ease-out forwards}.animate-in-delay-1{animation:fadeInUp .6s ease-out .1s forwards;opacity:0}.animate-in-delay-2{animation:fadeInUp .6s ease-out .2s forwards;opacity:0}.animate-in-delay-3{animation:fadeInUp .6s ease-out .3s forwards;opacity:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:768px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.card{padding:1.25rem;border-radius:12px}.btn{padding:.625rem 1.25rem;font-size:.9rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem}}
