:root{--bg-app-frame: #181C24;--bg-canvas: #F4EFEA;--bg-canvas-card: #FFFFFF;--bg-sidebar: #1E232B;--text-dark-primary: #191D24;--text-dark-secondary: #5F6978;--text-dark-muted: #8E9AA8;--color-coral: #FF5F38;--color-coral-hover: #F04C24;--card-yellow: #FFE386;--card-yellow-border: #F5D56E;--card-yellow-text: #2D2408;--card-purple: #DFD5FC;--card-purple-border: #CEC1F5;--card-purple-text: #221A3B;--card-blue: #C5E4F8;--card-blue-border: #B0D5EE;--card-blue-text: #132A3B;--card-dark: #1E242D;--color-back: #3B82F6;--color-lay: #EC4899;--color-green: #10B981;--color-red: #EF4444;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;overflow-x:hidden}body{background-color:var(--bg-app-frame);color:var(--text-dark-primary);font-family:var(--font-sans);padding:1.25rem;display:flex;justify-content:center;align-items:flex-start;-webkit-font-smoothing:antialiased}#root{width:100%;max-width:1560px}code,.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.app-viewport{background:var(--bg-canvas);border-radius:28px;box-shadow:0 24px 60px #0006;display:flex;min-height:92vh;overflow:hidden;position:relative;width:100%}.app-sidebar{width:84px;background:var(--bg-sidebar);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1.25rem;padding:1.75rem .75rem;border-top-left-radius:28px;border-bottom-left-radius:28px;flex-shrink:0;transition:all .2s ease}.sidebar-brand-logo{width:46px;height:46px;border-radius:14px;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.3rem;margin-bottom:2rem;box-shadow:0 4px 16px #10b98166}.sidebar-icon-btn{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#8e9aa8;background:transparent;border:none;cursor:pointer;transition:all .2s ease;margin-bottom:.75rem}.sidebar-icon-btn:hover{color:#fff;background:#ffffff14}.sidebar-icon-btn.active{background:#ffe28a;color:#191d24;box-shadow:0 4px 14px #ffe28a4d}.app-main{flex:1;padding:1.75rem 2.25rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;max-height:92vh;min-width:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.search-pill-box{display:flex;align-items:center;background:#fff;border:1px solid #E2E8F0;border-radius:9999px;padding:4px 6px 4px 16px;width:320px;box-shadow:0 2px 8px #00000008}.search-pill-box input{border:none;background:transparent;outline:none;font-size:.85rem;color:var(--text-dark-primary);width:100%}.search-btn-circle{width:32px;height:32px;border-radius:50%;background:var(--color-coral);color:#fff;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;flex-shrink:0}.filter-pills-row{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch}.filter-pill{padding:.45rem 1rem;border-radius:9999px;font-size:.82rem;font-weight:700;background:#fff;border:1px solid #E2E8F0;color:var(--text-dark-secondary);cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-pill.active{background:#191d24;color:#fff;border-color:#191d24}.colorful-matches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.25rem}.colorful-card{border-radius:24px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:230px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.colorful-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -6px #0000001a}.colorful-card.yellow{background:var(--card-yellow);border:1px solid var(--card-yellow-border);color:var(--card-yellow-text)}.colorful-card.purple{background:var(--card-purple);border:1px solid var(--card-purple-border);color:var(--card-purple-text)}.colorful-card.blue{background:var(--card-blue);border:1px solid var(--card-blue-border);color:var(--card-blue-text)}.btn-coral-action{background:var(--color-coral);color:#fff;border:none;border-radius:9999px;padding:.55rem 1.25rem;font-size:.82rem;font-weight:800;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #ff5f384d}.btn-coral-action:hover{background:var(--color-coral-hover);transform:scale(1.02)}.bento-card{background:#fff;border:1px solid #E8E2D9;border-radius:20px;padding:1.25rem;color:var(--text-dark-primary)}.grid-terminal{display:grid;grid-template-columns:repeat(12,1fr);gap:1.25rem}@media(max-width:900px){.grid-terminal{grid-template-columns:1fr!important}.grid-terminal>div{grid-column:span 12!important}}@media(max-width:768px){body{padding:0!important;background-color:var(--bg-canvas)!important}.app-viewport{border-radius:0!important;min-height:100vh!important;box-shadow:none!important;flex-direction:column!important}.app-sidebar{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:60px!important;background:#181c24!important;z-index:9999!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;padding:0 .5rem!important;border-radius:0!important;border-top:1px solid rgba(255,255,255,.12)!important;box-shadow:0 -4px 20px #0000004d!important}.app-sidebar>div{flex-direction:row!important;justify-content:space-around!important;width:100%!important}.sidebar-brand-logo{display:none!important}.sidebar-icon-btn{margin-bottom:0!important;width:44px!important;height:44px!important;border-radius:12px!important}.app-main{padding:1rem .85rem 5rem!important;max-height:none!important;overflow-y:visible!important;gap:1.15rem!important}.app-topbar{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.app-topbar h1{font-size:1.35rem!important}.search-pill-box{width:100%!important}.colorful-matches-grid{grid-template-columns:1fr!important;gap:1rem!important}.colorful-card{padding:1.15rem!important;border-radius:18px!important;min-height:auto!important}.colorful-card h3{font-size:1.1rem!important}.bento-card{padding:1rem!important;border-radius:16px!important}.filter-pills-row{padding-bottom:2px!important}}@keyframes slideUpToast{0%{opacity:0;transform:translate(-50%,40px) scale(.9)}60%{opacity:1;transform:translate(-50%,-6px) scale(1.03)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes pulseGlowGreen{0%,to{box-shadow:0 0 10px #10b98166,0 0 #10b98133}50%{box-shadow:0 0 25px #10b981e6,0 0 0 4px #10b9814d}}@keyframes saveBtnPulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}40%{transform:scale(1.06);box-shadow:0 0 0 14px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes checkmarkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}70%{transform:scale(1.25) rotate(5deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes cardFlashSuccess{0%{box-shadow:0 0 #10b98199}50%{box-shadow:0 0 25px #10b98166}to{box-shadow:0 0 #10b98100}}@media(max-width:900px){.desktop-nav{display:none!important}}.mobile-quick-nav{display:none}@media(max-width:900px){.mobile-quick-nav{display:flex!important;gap:8px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:.65rem 1rem!important;background:#0f172afa!important;border-bottom:1px solid rgba(255,255,255,.08)!important;scrollbar-width:none!important}.mobile-quick-nav::-webkit-scrollbar{display:none!important}.mobile-quick-nav button{white-space:nowrap!important;background:#1e242d!important;color:#94a3b8!important;border:1px solid rgba(255,255,255,.1)!important;padding:6px 14px!important;border-radius:9999px!important;font-size:.76rem!important;font-weight:800!important;cursor:pointer!important;flex-shrink:0!important}.mobile-quick-nav button:active{background:#10b981!important;color:#fff!important}}.hero-feature-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:880px;margin:1.5rem auto 0}.feature-badge{background:#1e242db3;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:800;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:768px){.hero-feature-badges{grid-template-columns:1fr 1fr!important;gap:8px!important;margin:1.25rem auto 0!important}.feature-badge{padding:8px 10px!important;font-size:.72rem!important}}.mobile-sticky-cta-dock{display:none}@media(max-width:768px){.mobile-sticky-cta-dock{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#0f172af2!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:10px 16px!important;z-index:9999!important;align-items:center!important;justify-content:space-between!important;box-shadow:0 -8px 24px #0006!important}.dock-info{display:flex;flex-direction:column}.dock-plan{font-size:.74rem;font-weight:800;color:#ffe386}.dock-price{font-size:1.15rem;font-weight:900;color:#fff}.dock-sub{font-size:.7rem;color:#94a3b8;font-weight:600}.dock-btn{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border:none!important;padding:10px 18px!important;border-radius:12px!important;font-weight:900!important;font-size:.85rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:6px!important;box-shadow:0 4px 14px #10b98166!important}}.terminal-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}@media(max-width:640px){.terminal-summary-grid{grid-template-columns:1fr 1fr!important;gap:.65rem!important}.terminal-summary-grid .bento-card{padding:.75rem!important}.terminal-summary-grid .mono{font-size:1.25rem!important}}.runner-ladder-row{display:flex;justify-content:space-between;align-items:center;background:#f8fafc;padding:1rem;border-radius:12px;border:1px solid #E2E8F0;flex-wrap:wrap;gap:10px}.ladder-boxes-container{display:flex;gap:4px}@media(max-width:640px){.runner-ladder-row{flex-direction:column!important;align-items:stretch!important;padding:.85rem!important}.ladder-boxes-container{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:3px!important;width:100%!important}.ladder-box{min-width:unset!important;padding:6px 2px!important;text-align:center!important}}.ledger-subtabs-scroll{display:flex;background:#f1f5f9;padding:4px;border-radius:12px;gap:4px;flex-wrap:wrap}@media(max-width:768px){.ledger-subtabs-scroll{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;width:100%!important}.ledger-subtabs-scroll::-webkit-scrollbar{display:none!important}.ledger-subtabs-scroll button{flex-shrink:0!important;white-space:nowrap!important}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){html,body{max-width:100vw!important;overflow-x:hidden!important;padding:0!important;margin:0!important;background-color:#181c24!important}#root,.app-viewport{max-width:100vw!important;overflow-x:hidden!important}.landing-header{padding:.65rem .85rem!important}.landing-brand-logo{width:32px!important;height:32px!important;font-size:1.05rem!important;border-radius:9px!important}.landing-brand-title{font-size:1.05rem!important}.landing-brand-sub{font-size:.58rem!important}.landing-auth-buttons{gap:4px!important}.btn-signin{padding:6px 10px!important;font-size:.76rem!important;border-radius:8px!important}.btn-create-acc{padding:6px 12px!important;font-size:.76rem!important;border-radius:8px!important}.hero-section{padding:2rem .85rem 1.5rem!important}.hero-title{font-size:1.65rem!important;line-height:1.25!important;letter-spacing:-.5px!important}.hero-desc{font-size:.82rem!important;line-height:1.45!important}.hero-cta-group{flex-direction:column!important;width:100%!important;gap:8px!important}.hero-cta-btn{width:100%!important;justify-content:center!important;padding:12px!important;font-size:.9rem!important}.pricing-cycle-container{display:flex!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;padding:4px!important;scrollbar-width:none!important;border-radius:14px!important}.pricing-cycle-container::-webkit-scrollbar{display:none!important}.pricing-cycle-btn{flex-shrink:0!important;white-space:nowrap!important;font-size:.76rem!important;padding:8px 14px!important}.pricing-card-box{padding:1.5rem 1.15rem!important;border-radius:20px!important}.pricing-card-box .price-tag{font-size:2.2rem!important}.terminal-market-controls{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;scrollbar-width:none!important;gap:6px!important}.terminal-market-controls::-webkit-scrollbar{display:none!important}.terminal-market-controls>*{flex-shrink:0!important}.calculator-grid{grid-template-columns:1fr!important}.ledger-metrics-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.bento-card{padding:.85rem!important}.admin-panel-container{padding:1rem!important}h1,h2,h3{word-break:break-word!important}}.customer-support-chat-floating-btn{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:9999px;padding:12px 20px;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.85rem;box-shadow:0 10px 25px -5px #10b98166,0 8px 10px -6px #0000001a;cursor:pointer;z-index:9998;transition:all .2s ease}@media(max-width:768px){.customer-support-chat-floating-btn{bottom:74px!important;right:14px!important;padding:8px 14px!important;font-size:.78rem!important;box-shadow:0 6px 18px #00000059!important}}