@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600;700;800&display=swap";:root{--bg-root: #09090b;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-elevated: #0d1117;--bg-overlay: rgba(0, 0, 0, .8);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .15);--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--text-dim: #3f3f46;--accent-green: #34d399;--accent-cyan: #22d3ee;--accent-purple: #a78bfa;--accent-amber: #f59e0b;--accent-blue: #60a5fa;--accent-pink: #f472b6;--accent-red: #ef4444;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-glow-green: 0 0 12px rgba(52, 211, 153, .15);--shadow-glow-cyan: 0 0 12px rgba(34, 211, 238, .15);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box}body{background:var(--bg-root);color:var(--text-secondary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.glass-card:hover{border-color:var(--border-medium);transform:translateY(-1px)}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-card-hover) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:skeletonShimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;top:72px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;padding:12px 16px;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-subtle);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;animation:toastSlideIn .3s var(--ease-out);max-width:360px}.toast-success{background:#34d3991f;color:var(--accent-green);border-color:#34d39933}.toast-error{background:#ef44441f;color:var(--accent-red);border-color:#ef444433}.toast-info{background:#22d3ee1f;color:var(--accent-cyan);border-color:#22d3ee33}@keyframes toastSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast-exit{animation:toastSlideOut .25s var(--ease-out) forwards}@keyframes toastSlideOut{to{opacity:0;transform:translate(20px)}}.page-enter{animation:pageEnter .35s var(--ease-out)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;border-radius:var(--radius-md);border:none;cursor:pointer;background:linear-gradient(135deg,var(--accent-green),#059669);color:#000;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 2px 8px #34d39933}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 16px #34d3994d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-medium);cursor:pointer;background:transparent;color:var(--text-secondary);transition:all var(--duration-normal) var(--ease-out)}.btn-secondary:hover{border-color:var(--text-tertiary);color:var(--text-primary);background:var(--bg-card)}.nav-group{position:relative}.nav-group-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-tertiary);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast)}.nav-group-btn:hover,.nav-group-btn.active{color:var(--text-primary);background:var(--bg-card-hover)}.nav-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:180px;padding:4px;background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000080;animation:dropdownOpen .2s var(--ease-out);z-index:100}.nav-dropdown a{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--duration-fast)}.nav-dropdown a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-dropdown a.active-link{background:#22d3ee14;color:var(--accent-cyan)}@keyframes dropdownOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:98;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.mobile-menu{position:fixed;top:0;right:0;bottom:0;z-index:99;width:280px;background:var(--bg-elevated);border-left:1px solid var(--border-subtle);padding:20px;overflow-y:auto;animation:slideInRight .3s var(--ease-out)}.mobile-menu a{display:flex;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-secondary);border-radius:var(--radius-sm);text-decoration:none;transition:all var(--duration-fast)}.mobile-menu a:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mobile-menu a.active-link{background:#22d3ee14;color:var(--accent-cyan)}.mobile-menu-group{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.mobile-menu-group-label{font-size:10px;font-weight:700;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase;padding:0 12px;margin-bottom:8px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1024px){.desktop-nav{display:none!important}.mobile-toggle{display:flex!important}}@media(min-width:1025px){.mobile-toggle{display:none!important}}@media(max-width:768px){.grid-responsive-4{grid-template-columns:repeat(2,1fr)!important}.grid-responsive-bento{grid-template-columns:1fr!important}.grid-responsive-bento>*:first-child{grid-column:span 1!important;grid-row:span 1!important}}@media(max-width:480px){.grid-responsive-4{grid-template-columns:1fr!important}}