@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Plus Jakarta Sans", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg-main:#fbfbfd;--bg-secondary:#f5f5f7;--bg-card:#fff;--bg-card-hover:#fff;--bg-card-solid:#fff;--bg-subtle:#f5f5f7;--bg-input:#fff;--border-subtle:#00000014;--border-card:#0000000f;--border-glow:#0071e340;--border-focus:#0071e3;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-muted:#86868b;--text-inverse:#fff;--primary-gradient:linear-gradient(135deg, #0071e3 0%, #0077ed 100%);--cyan-gradient:linear-gradient(135deg, #0284c7 0%, #0071e3 100%);--emerald-gradient:linear-gradient(135deg, #34c759 0%, #28cd41 100%);--amber-gradient:linear-gradient(135deg, #ff9500 0%, #ff9f0a 100%);--rose-gradient:linear-gradient(135deg, #ff3b30 0%, #ff453a 100%);--primary:#0071e3;--primary-light:#0077ed;--accent-cyan:#0284c7;--accent-emerald:#34c759;--accent-amber:#ff9500;--accent-rose:#ff3b30;--accent-purple:#af52de;--shadow-sm:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-md:0 4px 14px #0000000d, 0 1px 3px #00000008;--shadow-lg:0 12px 32px #00000012, 0 4px 12px #00000008;--shadow-glow:0 0 20px #0071e326;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#a1a1a6}.app-container{background:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.main-layout{flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-subtle);background:#fbfbfd;flex-direction:column;flex-shrink:0;width:280px;transition:all .25s;display:flex}.content-area{background:var(--bg-main);flex:1;padding:2.25rem 2.5rem;position:relative;overflow-y:auto}h1,h2,h3,h4,h5,h6{letter-spacing:-.025em;color:var(--text-primary);font-weight:700}h1{letter-spacing:-.03em;font-size:1.75rem}.gradient-text{background:linear-gradient(135deg,#1d1d1f 0%,#434344 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.cyan-gradient-text{color:#0071e3}.emerald-gradient-text{color:#34c759}.glass-card{border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;transition:all .2s cubic-bezier(.16,1,.3,1)}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:#0000001f}.glass-card-interactive{cursor:pointer}.glass-card-interactive:hover{box-shadow:0 14px 30px #0071e314, var(--shadow-md);border-color:#0071e366;transform:translateY(-2px)}.btn{cursor:pointer;font-size:.875rem;font-weight:600;font-family:var(--font-sans);white-space:nowrap;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.15rem;text-decoration:none;transition:all .18s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.btn-primary{color:#fff;background:#0071e3;box-shadow:0 2px 8px #0071e340}.btn-primary:hover:not(:disabled){background:#0077ed;transform:translateY(-1px);box-shadow:0 4px 14px #0071e359}.btn-secondary{color:#1d1d1f;background:#f5f5f7;border:1px solid #00000014}.btn-secondary:hover:not(:disabled){background:#e8e8ed;border-color:#00000024}.btn-cyan{color:#fff;background:#0071e3}.btn-cyan:hover:not(:disabled){background:#0077ed;transform:translateY(-1px)}.btn-emerald{color:#fff;background:#34c759;box-shadow:0 2px 8px #34c75940}.btn-emerald:hover:not(:disabled){background:#28cd41;transform:translateY(-1px);box-shadow:0 4px 14px #34c75959}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:#0000000a}.btn-sm{border-radius:9999px;padding:.35rem .85rem;font-size:.8rem}.btn-lg{border-radius:9999px;padding:.8rem 1.75rem;font-size:.95rem}.badge{letter-spacing:-.01em;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-indigo{color:#0051ba;background:#f0f4ff;border:1px solid #d4e3fc}.badge-cyan{color:#0284c7;background:#e6f6fe;border:1px solid #bae6fd}.badge-emerald{color:#1b873f;background:#eafaf1;border:1px solid #bbf0d2}.badge-amber{color:#b45309;background:#fff8eb;border:1px solid #fde68a}.badge-rose{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.input-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.input-label{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;display:flex}.input-field,.textarea-field,.select-field{border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;font-family:var(--font-sans);background:#fff;border:1px solid #0000001f;width:100%;padding:.7rem .95rem;transition:all .18s;box-shadow:inset 0 1px 2px #00000005}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:#0071e3;outline:none;box-shadow:0 0 0 3px #0071e326}.textarea-field{resize:vertical;min-height:90px}.slider-container{flex-direction:column;gap:.5rem;display:flex}.range-slider{appearance:none;background:#e5e5ea;border-radius:9999px;outline:none;width:100%;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:.5px solid #0000001a;border-radius:50%;width:20px;height:20px;transition:transform .15s;box-shadow:0 3px 8px #00000026,0 1px 2px #00000014}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(1,minmax(0,1fr))}.sidebar{width:220px}.content-area{padding:1.5rem}}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem}.main-layout{flex-direction:column;height:auto;overflow:visible}.content-area{padding:.85rem .75rem;overflow-y:visible}aside{z-index:35!important;background:#fff!important;border-bottom:1px solid #00000014!important;border-right:none!important;width:100%!important;height:auto!important;min-height:auto!important;position:sticky!important;top:54px!important;box-shadow:0 2px 8px #0000000a!important}aside button[title=Expand\ Sidebar],aside button[title=Collapse\ Sidebar]{display:none!important}aside nav{-webkit-overflow-scrolling:touch;white-space:nowrap!important;flex-direction:row!important;gap:.35rem!important;padding:.45rem .65rem!important;overflow:auto hidden!important}aside nav>div{flex-direction:row!important;gap:.35rem!important;display:flex!important}aside nav button{border-radius:9999px!important;padding:.35rem .65rem!important;font-size:.76rem!important}.glass-card{border-radius:14px!important;margin-bottom:.85rem!important;padding:1rem!important}.hero-section{border-radius:16px!important;margin-bottom:1rem!important;padding:1.25rem 1rem!important}.modal-backdrop{padding:.75rem!important}.modal-content{border-radius:18px!important;max-height:90vh!important;padding:1.25rem!important}.input-field,.textarea-field,.select-field{padding:.55rem .75rem!important;font-size:.84rem!important}.btn{padding:.5rem .9rem!important;font-size:.82rem!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.live-dot{background-color:var(--accent-emerald);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGlow;display:inline-block}.modal-backdrop{-webkit-backdrop-filter:blur(16px);z-index:100;background:#00000059;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);background:#fff;border:1px solid #00000014;width:100%;max-width:760px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;position:relative;overflow-y:auto;box-shadow:0 20px 48px #0000001f,0 4px 12px #0000000d}.pricing-modal-content{max-width:1280px!important}@keyframes modalPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}