@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Nunito:wght@400;500;600;700&display=swap";:root{--bg-gradient: linear-gradient(135deg, #f8faf9 0%, #f2f7f4 50%, #f0f5f2 100%);--fg:#164e3f;--fg-muted:#6b7280;--accent:#1b4332;--accent-2:#2d6a4f;--accent-pastel:#95d5b2;--glass-bg: rgba(255,255,255,.85);--glass-border: rgba(255,255,255,.4);--neumorphic-shadow: 0 8px 32px rgba(27, 67, 50, .12), 0 2px 16px rgba(27, 67, 50, .08);--glassmorphic-shadow: 0 8px 32px rgba(0, 0, 0, .1), 0 1px 0 rgba(255, 255, 255, .6) inset;--hover-shadow: 0 16px 48px rgba(27, 67, 50, .15), 0 8px 24px rgba(27, 67, 50, .1)}html,body{background:var(--bg-gradient);color:var(--fg);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;line-height:1.6;min-height:100vh}body:before{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(149,213,178,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(45,106,79,.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(27,67,50,.05) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.panel,.panel *,.panel input,.panel select{color:var(--fg)!important}.panel h2,.panel h3,.panel strong{color:var(--accent)!important}.panel button{color:var(--fg)!important;background:#fff9!important;border:1px solid rgba(0,0,0,.1)!important}.panel button[style*="var(--accent)"]{background:var(--accent)!important;color:#fff!important;border:none!important}.panel{background:var(--glass-bg);backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--neumorphic-shadow);position:relative;overflow:hidden}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);pointer-events:none}.stat-card{background:linear-gradient(135deg,var(--glass-bg) 0%,rgba(149,213,178,.1) 100%);border-radius:24px;padding:24px;box-shadow:var(--neumorphic-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#95d5b21a,#2d6a4f0d);opacity:0;transition:opacity .3s ease}.stat-card:hover:before{opacity:1}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--hover-shadow)}.stat-value{font-size:32px;font-weight:700;font-family:Inter,sans-serif;background:linear-gradient(135deg,var(--accent),var(--accent-pastel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countUp .8s ease-out}@keyframes countUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.stat-card .stat-icon{font-size:24px;animation:pulse 2s ease-in-out infinite;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06)}.panel-body{padding:12px 16px}button,.btn{border-radius:16px;background:linear-gradient(135deg,var(--accent-2),var(--accent));color:#fff!important;border:none;padding:12px 20px;font-family:Inter,sans-serif;font-weight:500;font-size:14px;box-shadow:0 4px 16px #1b433240,0 1px #fff3 inset;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1b433259,0 1px #ffffff4d inset}button:active{transform:translateY(0);box-shadow:0 2px 8px #1b43324d inset}button:disabled{opacity:.6;filter:grayscale(.3);cursor:not-allowed;transform:none!important;color:#ffffffb3!important}.ghost-btn{background:transparent!important;color:var(--fg)!important;border:2px solid rgba(220,53,69,.2)!important;box-shadow:none!important}.ghost-btn:hover{background:#dc35451a!important;border-color:#dc354566!important;color:#dc3545!important;box-shadow:0 4px 16px #dc354533!important}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2))!important;color:#fff!important;border:none!important;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-2),var(--accent))!important;transform:translateY(-1px);box-shadow:0 4px 12px #1b43324d}.btn-outline{background:#ffffffe6!important;color:var(--accent)!important;border:1px solid rgba(27,67,50,.3)!important;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s ease}.btn-outline:hover{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;transform:translateY(-1px);box-shadow:0 4px 12px #1b433233}.panel .tab-button{background:#fffc!important;color:var(--fg)!important;border:1px solid rgba(27,67,50,.2)!important;box-shadow:0 2px 8px #0000001a!important}.panel .tab-button.active{background:var(--accent)!important;color:#fff!important;border:none!important}input,select{border-radius:10px;border:1px solid rgba(0,0,0,.08);padding:8px 10px;background:#ffffffbf;transition:box-shadow .2s ease,transform .08s ease}input:focus,select:focus{outline:none;box-shadow:0 0 0 3px #2d6a4f26}.table{width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:10px 12px;color:var(--fg)}.table thead th{position:sticky;top:0;background:#f7f8f5f2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:left;color:var(--fg);font-weight:600}.table tbody tr{transition:background .15s ease;background:#ffffff1a}.table tbody tr:hover{background:#1b433214}.table tbody tr td{color:var(--fg)!important}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.stat-card{padding:14px}.stat-card strong{color:var(--accent);letter-spacing:.2px}.stat-value{font-size:26px;font-weight:700}.hover-lift{transition:all .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-2px) scale(1.005);box-shadow:0 4px 16px #1b433214,0 2px 8px #1b43320d}.glassmorphic-nav{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:24px;box-shadow:var(--glassmorphic-shadow);position:sticky;top:16px;margin:16px auto 0;max-width:1200px;z-index:100;padding:16px 32px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:16px;text-decoration:none;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--fg);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;white-space:nowrap}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#95d5b21a,#2d6a4f0d);opacity:0;transition:opacity .2s ease}.nav-item:hover:before{opacity:1}.nav-item:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 16px #95d5b266}.nav-item.active{background:linear-gradient(135deg,var(--accent-pastel),rgba(45,106,79,.1));color:var(--accent);box-shadow:0 2px 8px #95d5b24d}.nav-item.active:before{opacity:.5}.nav-icon{font-size:16px;transition:transform .2s ease}.nav-item:hover .nav-icon{transform:scale(1.2) rotate(-5deg)}.nav-item.active .nav-icon{animation:wiggle .5s ease-in-out}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.class-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,#95d5b233,#2d6a4f1a);border-radius:50px;border:1px solid rgba(149,213,178,.3);font-size:13px;font-weight:500;color:var(--accent);transition:all .2s ease;cursor:pointer}.class-pill:hover{transform:scale(1.05);background:linear-gradient(135deg,#95d5b24d,#2d6a4f26);box-shadow:0 4px 12px #95d5b24d}.class-pill[style*="white !important"] *,.class-pill[style*="white !important"] span,div[style*="linear-gradient(135deg, var(--accent), var(--accent-2))"] *,button[style*="linear-gradient(135deg, var(--accent), var(--accent-2))"] *,div[style*="linear-gradient(135deg, var(--accent), var(--accent-2))"] span,button[style*="linear-gradient(135deg, var(--accent), var(--accent-2))"] span{color:#fff!important}.class-pill .class-icon{animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.brand-accent{position:relative;font-family:Inter,sans-serif;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--accent-pastel));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-accent:before{content:"";position:absolute;inset:auto 0 -8px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--accent-pastel),var(--accent));opacity:.8;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{opacity:.8;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.1)}}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;font-weight:600;color:var(--accent);margin-bottom:16px}h2{font-size:28px;font-weight:700}p,span,div{font-family:Nunito,sans-serif}.text-muted{color:var(--fg-muted);font-size:14px}.matrix-wrapper{overflow-x:auto}.matrix-table{min-width:760px;border-collapse:separate;background:#fff}.matrix-table td,.matrix-table th,.table td,.table th{background:#fff!important;color:#333!important}.matrix-table th:first-child,.matrix-table td:first-child{position:sticky;left:0;background:#fff!important;z-index:1;box-shadow:2px 0 5px #0000000d}.matrix-table thead th{position:sticky;top:0;background:#fff!important;z-index:1;box-shadow:0 2px 5px #0000000d}.matrix-table th:first-child{z-index:2;background:#fff!important}.toast{border-radius:12px}.spinner{width:40px;height:40px;position:relative}.spinner:before{content:"";width:40px;height:40px;border:3px solid rgba(149,213,178,.3);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;position:absolute}.spinner:after{content:"";width:32px;height:32px;border:2px solid rgba(45,106,79,.2);border-top:2px solid var(--accent-2);border-radius:50%;animation:spin 1.5s linear infinite reverse;position:absolute;top:4px;left:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-dots{display:flex;gap:4px;align-items:center}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--accent-pastel);animation:bounce-dot 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce-dot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}h2,h3,.panel-header strong{color:var(--accent)!important}.panel-body{color:var(--fg)!important}.panel span[style*="background: var(--accent)"]{background:var(--accent)!important;color:#fff!important}.panel table,.panel table *{color:var(--fg)!important}.panel table tr:hover{background:#1b43321a!important}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}