@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800;900&family=Plus+Jakarta+Sans:wght@500;600;700;800;900&family=Fira+Code:wght@500;700&display=swap";:root{--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-mono:"Fira Code", monospace;--bg-app:#eef2f5;--bg-surface:#eef2f5;--bg-inset:#e2e8ed;--shadow-dark:#c1cbd4;--shadow-light:#fff;--text-main:#0f172a;--text-muted:#334155;--text-dim:#64748b;--border-subtle:#c1cbd499;--border-strong:#cbd5e1;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#2563eb1a;--accent-emerald:#059669;--accent-rose:#e11d48;--accent-amber:#d97706;--accent-cyan:#0284c7;--neu-shadow-flat:6px 6px 14px var(--shadow-dark), -6px -6px 14px var(--shadow-light);--neu-shadow-hover:10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light);--neu-shadow-pressed:inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light);--neu-shadow-sm:3px 3px 7px var(--shadow-dark), -3px -3px 7px var(--shadow-light);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-weight:600;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--text-main);font-weight:800}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--shadow-dark);border-radius:4px}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);width:270px;height:100vh;box-shadow:var(--neu-shadow-flat);z-index:100;flex-direction:column;justify-content:space-between;padding:1.5rem 1.25rem;display:flex;position:fixed;top:0;left:0}.main-wrapper{flex:1;min-width:0;margin-left:270px;padding:2rem 2.5rem 4rem}.landing-nav{z-index:50;background:var(--bg-base);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:60px;padding:0 2.5rem;display:flex;position:sticky;top:0}.landing-hero{text-align:center;max-width:860px;margin:0 auto;padding:5rem 2rem 3rem}.landing-widget-panel{text-align:left;max-width:680px;margin:0 auto;padding:1.75rem 2rem}.landing-widget-row{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.landing-steps-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.landing-section{max-width:860px;margin:0 auto;padding:4rem 2rem}.landing-section-narrow{max-width:680px;margin:0 auto;padding:2rem 2rem 4rem}.mobile-top-bar,.mobile-bottom-nav{display:none}.mobile-slide-backdrop{-webkit-backdrop-filter:blur(4px);z-index:998;opacity:0;visibility:hidden;background:#0f172a80;transition:opacity .3s,visibility .3s;position:fixed;inset:0}.mobile-slide-backdrop.open{opacity:1;visibility:visible}.mobile-slide-drawer{background:var(--bg-surface);z-index:999;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;justify-content:space-between;width:250px;max-width:72vw;height:100dvh;padding:1.25rem 1rem;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:10px 0 30px #0000002e}.mobile-slide-drawer.open{transform:translate(0)}@media (width<=900px){.sidebar-desktop{display:none!important}.mobile-top-bar{background:var(--bg-surface);height:60px;box-shadow:var(--neu-shadow-sm);border-bottom:1px solid var(--border-subtle);z-index:200;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-drawer-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:300;background:#0f172a73;justify-content:center;align-items:flex-start;padding-top:60px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.mobile-drawer-content{border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--neu-shadow-hover);margin:.5rem 1rem;padding:1.25rem;animation:.15s ease-out scaleUp}.mobile-bottom-nav{background:var(--bg-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-subtle);z-index:190;justify-content:space-around;align-items:center;height:62px;padding:0 .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000d}.mobile-bottom-btn{color:var(--text-muted);font-family:var(--font-heading);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.4rem .6rem;font-size:.675rem;font-weight:700;display:flex}.mobile-bottom-btn.active{color:var(--primary);background:var(--bg-app);box-shadow:var(--neu-shadow-pressed)}.app-layout{flex-direction:column}.main-wrapper{margin-top:60px;margin-left:0;padding:1.25rem 1rem 5.5rem}}.mobile-cards-view{display:none}.desktop-table-view{display:block}@media (width<=768px){.desktop-table-view{display:none!important}.mobile-cards-view{display:block!important}.main-wrapper{max-width:100vw;padding:.85rem .75rem 5rem;overflow-x:hidden}.landing-nav{height:56px;padding:0 .85rem}.landing-hero{padding:2.25rem .85rem 1.5rem}.landing-widget-panel{border-radius:16px;padding:1.1rem .85rem}.landing-steps-grid,.landing-features-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.landing-section,.landing-section-narrow{padding:2rem .85rem}.neu-panel{border-radius:16px}.neu-panel-inset{border-radius:12px}.stats-grid{margin-bottom:1.25rem;grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.responsive-two-col,.responsive-three-col,.responsive-editor-grid,.responsive-cards-grid{grid-template-columns:1fr!important;gap:1rem!important}.analytics-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:.65rem!important}.analytics-breakdown-grid{grid-template-columns:1fr!important;gap:.85rem!important}.modal-overlay{padding:.75rem!important}.modal-content{border-radius:16px!important;width:95vw!important;max-height:92vh!important}h1{font-size:1.25rem!important;line-height:1.3!important}h2{font-size:1.1rem!important;line-height:1.3!important}h3{font-size:.95rem!important;line-height:1.35!important}h4{font-size:.875rem!important}p,.form-label{font-size:.8rem!important}.form-hint{font-size:.725rem!important}.stats-grid .neu-panel{padding:.85rem .75rem!important}.stat-card-value{font-size:1.5rem!important}.btn{border-radius:12px;padding:.55rem 1rem;font-size:.825rem}.form-control{border-radius:12px;padding:.65rem .85rem;font-size:.825rem}.custom-table td{padding:.75rem .85rem;font-size:.825rem}.custom-table th{padding:.6rem .85rem;font-size:.75rem}}@media (width<=640px){.landing-nav-desktop-items{display:none!important}}@media (width<=580px){.landing-hero h1{line-height:1.15;font-size:1.85rem!important}.landing-hero p{margin-bottom:1.5rem!important;font-size:.9rem!important}.landing-widget-panel{padding:1.25rem .85rem!important}.landing-widget-row{flex-wrap:wrap;gap:.5rem}.landing-widget-row>select{width:100%;max-width:100%!important}.domain-slash-separator{display:none!important}.landing-widget-row>div{width:100%}.landing-widget-row>button{width:100%;margin-top:.25rem}.landing-steps-grid,.landing-features-grid{gap:.85rem;grid-template-columns:1fr!important}}@media (width<=440px){.landing-features-grid{grid-template-columns:1fr!important}}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card-value{font-size:2.25rem;font-weight:900;line-height:1}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=960px){.analytics-kpi-grid{grid-template-columns:repeat(3,1fr)!important}.analytics-breakdown-grid,.responsive-editor-grid{grid-template-columns:1fr!important}}@media (width<=600px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}}.neu-panel{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-flat);border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.neu-panel-inset{background:var(--bg-inset);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-pressed);border:1px solid var(--border-subtle)}.neu-logo-box{background:var(--bg-surface);width:48px;height:48px;box-shadow:var(--neu-shadow-flat);border:1px solid var(--border-subtle);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn{font-family:var(--font-heading);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);box-shadow:var(--neu-shadow-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-1px)}.btn:active,.btn.active{box-shadow:var(--neu-shadow-pressed);background:var(--bg-app);transform:translateY(0)}.btn-primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:3px 3px 10px #2563eb4d, var(--neu-shadow-sm)}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-primary:active,.btn-primary.active{background:var(--primary);box-shadow:inset 2px 2px 5px #00000040}.btn-ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.btn-ghost:hover{box-shadow:var(--neu-shadow-sm);color:var(--primary);background:var(--bg-surface)}.btn-ghost.active{box-shadow:var(--neu-shadow-pressed);color:var(--primary);background:var(--bg-app)}.btn-danger{background:var(--bg-surface);color:var(--accent-rose);border-color:#e11d4833}.btn-danger:hover{background:var(--accent-rose);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:.45rem .9rem;font-size:.8rem;font-weight:700}.badge{border-radius:var(--radius-full);box-shadow:var(--neu-shadow-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);align-items:center;gap:.35rem;padding:.3rem .7rem;font-size:.75rem;font-weight:800;display:inline-flex}.badge-primary{color:var(--primary)}.badge-success{color:var(--accent-emerald)}.badge-amber{color:var(--accent-amber)}.badge-danger{color:var(--accent-rose)}.form-group{flex-direction:column;gap:.45rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.875rem;font-weight:800;display:flex}.form-hint{color:var(--text-muted);font-size:.775rem;font-weight:600}.form-control{width:100%;font-family:var(--font-body);background:var(--bg-app);color:var(--text-main);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--neu-shadow-pressed);transition:all var(--transition-fast);outline:none;padding:.75rem 1rem;font-size:.875rem;font-weight:700}.form-control:focus{border-color:var(--primary)}textarea.form-control{resize:vertical;min-height:95px}.tabs-nav{border-radius:var(--radius-md);box-shadow:var(--neu-shadow-pressed);background:var(--bg-app);gap:.5rem;margin-bottom:1.5rem;padding:.35rem;display:flex;overflow-x:auto}.tab-btn{font-family:var(--font-heading);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.875rem;font-weight:800;display:flex}.tab-btn:hover{color:var(--text-main)}.tab-btn.active{color:var(--primary);background:var(--bg-surface);box-shadow:var(--neu-shadow-sm)}.custom-table-container{border-radius:var(--radius-md);width:100%;overflow-x:auto}.custom-table{border-collapse:separate;border-spacing:0 .6rem;text-align:left;width:100%;font-size:.875rem}.custom-table th{color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;font-size:.8rem;font-weight:800}.custom-table td{background:var(--bg-surface);color:var(--text-main);vertical-align:middle;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:1rem;font-weight:600}.custom-table tr td:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md);border-left:1px solid var(--border-subtle)}.custom-table tr td:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md);border-right:1px solid var(--border-subtle)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-hover);border:1px solid var(--border-subtle);width:100%;max-width:650px;max-height:90vh;animation:.15s ease-out scaleUp;overflow-y:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.page-loading-bar-container{z-index:99999;pointer-events:none;background:0 0;width:100%;height:3px;position:fixed;top:0;left:0}.page-loading-bar{background:linear-gradient(90deg,#2563eb,#38bdf8,#059669);width:0%;height:100%;transition:width .2s ease-out,opacity .25s;box-shadow:0 0 10px #2563eb,0 0 5px #38bdf8}.page-loading-spinner-overlay{z-index:99999;color:#2563eb;background:#fff;border:1px solid #2563eb33;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;font-size:.775rem;font-weight:800;animation:.15s fadeInSpinner;display:flex;position:fixed;top:16px;right:20px;box-shadow:0 4px 12px #0000001f}@keyframes fadeInSpinner{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.spinner-icon{border:2px solid #2563eb;border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}