:root{--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", "Inter", system-ui, sans-serif;--bg-main: #0b0f17;--bg-card: rgba(18, 26, 41, .75);--bg-card-hover: rgba(26, 38, 59, .9);--bg-card-solid: #111827;--bg-card-subtle: rgba(15, 23, 42, .6);--bg-glass: rgba(11, 15, 23, .85);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(16, 185, 129, .3);--primary: #10b981;--primary-hover: #059669;--primary-light: rgba(16, 185, 129, .15);--secondary: #0ea5e9;--secondary-light: rgba(14, 165, 233, .15);--accent-purple: #8b5cf6;--accent-purple-light: rgba(139, 92, 246, .15);--amber: #f59e0b;--amber-light: rgba(245, 158, 11, .15);--rose: #f43f5e;--rose-light: rgba(244, 63, 94, .15);--text-main: #f8fafc;--text-heading: #ffffff;--text-muted: #94a3b8;--text-subtle: #64748b;--hero-title-gradient: linear-gradient(135deg, #ffffff 0%, #a7f3d0 50%, #38bdf8 100%);--hero-card-bg: linear-gradient(135deg, rgba(16, 185, 129, .12) 0%, rgba(14, 165, 233, .08) 50%, rgba(15, 23, 42, .85) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-glow: 0 0 25px rgba(16, 185, 129, .15);--shadow-card: 0 10px 30px -10px rgba(0, 0, 0, .5);--backdrop-blur: blur(16px);--transition: all .25s cubic-bezier(.4, 0, .2, 1);--bg-radial: radial-gradient(circle at 15% 15%, rgba(16, 185, 129, .07) 0%, transparent 45%), radial-gradient(circle at 85% 65%, rgba(14, 165, 233, .07) 0%, transparent 45%), radial-gradient(circle at 50% 90%, rgba(139, 92, 246, .05) 0%, transparent 50%)}[data-theme=light]{--bg-main: #f1f5f9;--bg-card: #ffffff;--bg-card-hover: #f8fafc;--bg-card-solid: #f8fafc;--bg-card-subtle: #f1f5f9;--bg-glass: rgba(255, 255, 255, .9);--border-color: #cbd5e1;--border-glow: rgba(5, 150, 105, .35);--primary: #047857;--primary-hover: #065f46;--primary-light: #d1fae5;--secondary: #0284c7;--secondary-light: #e0f2fe;--accent-purple: #6d28d9;--accent-purple-light: #ede9fe;--amber: #b45309;--amber-light: #fef3c7;--rose: #be123c;--rose-light: #ffe4e6;--text-main: #0f172a;--text-heading: #022c22;--text-muted: #334155;--text-subtle: #475569;--hero-title-gradient: linear-gradient(135deg, #064e3b 0%, #0284c7 60%, #0f172a 100%);--hero-card-bg: linear-gradient(135deg, #ecfdf5 0%, #f0f9ff 50%, #ffffff 100%);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .08), 0 2px 6px -1px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px rgba(4, 120, 87, .2);--bg-radial: radial-gradient(circle at 15% 15%, rgba(16, 185, 129, .12) 0%, transparent 50%), radial-gradient(circle at 85% 65%, rgba(14, 165, 233, .1) 0%, transparent 50%), radial-gradient(circle at 50% 90%, rgba(109, 40, 217, .05) 0%, transparent 50%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.6;overflow-x:hidden;background-image:var(--bg-radial);background-attachment:fixed;min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;color:var(--text-heading)}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:1280px;margin:0 auto;padding:1.5rem 1.5rem 4rem;width:100%;flex:1}.glass-card{background:var(--bg-card);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-card);transition:var(--transition)}.glass-card:hover{border-color:var(--primary)}.glass-card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow);border-color:var(--border-glow)}.header-nav{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;transition:background .3s ease,border-color .3s ease}.header-content{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand-logo{display:flex;align-items:center;gap:.75rem;font-family:var(--font-heading);font-size:1.35rem;font-weight:700;color:var(--text-heading);text-decoration:none;cursor:pointer}.brand-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 15px #10b9814d}.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none}.nav-item{padding:.6rem .9rem;border-radius:var(--radius-sm);color:var(--text-muted);font-weight:500;font-size:.925rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.45rem;border:1px solid transparent;background:transparent}.nav-item:hover{color:var(--text-main);background:var(--primary-light)}.nav-item.active{color:var(--primary);background:var(--primary-light);border-color:var(--primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:.75rem}.theme-toggle-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border-radius:var(--radius-full);background:var(--bg-card-solid);border:1px solid var(--border-color);color:var(--text-main);font-size:.825rem;font-weight:600;cursor:pointer;transition:var(--transition)}.theme-toggle-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.badge-primary{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary)}.badge-secondary{background:var(--secondary-light);color:var(--secondary);border:1px solid var(--secondary)}.badge-purple{background:var(--accent-purple-light);color:var(--accent-purple);border:1px solid var(--accent-purple)}.badge-amber{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.3rem;border-radius:var(--radius-sm);font-weight:600;font-size:.925rem;cursor:pointer;transition:var(--transition);border:none;outline:none}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;box-shadow:0 4px 14px #10b98140}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-secondary{background:var(--bg-card-solid);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}.btn-sm{padding:.45rem .85rem;font-size:.825rem}.btn-lg{padding:.9rem 1.8rem;font-size:1.05rem;border-radius:var(--radius-md)}.input-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.input-label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.input-field,.select-field,.textarea-field{width:100%;padding:.75rem 1rem;background:var(--bg-card-solid);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-sans);font-size:.95rem;transition:var(--transition)}.input-field:focus,.select-field:focus,.textarea-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #10b98126}.select-field option{background:var(--bg-card-solid);color:var(--text-main)}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.flex-between{display:flex;align-items:center;justify-content:space-between}.section-header{margin-bottom:2rem}.section-title{font-size:1.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;color:var(--text-heading)}.section-subtitle{color:var(--text-muted);font-size:.975rem}.pulse-dot{width:8px;height:8px;background-color:var(--primary);border-radius:50%;display:inline-block;box-shadow:0 0 8px var(--primary);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@media (max-width: 768px){.header-content{flex-direction:column;align-items:flex-start}.nav-links{width:100%;overflow-x:auto;padding-bottom:.5rem}}