body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{width:100%}input::-ms-clear,input::-ms-reveal{display:none}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:sans-serif;line-height:1.15}[tabindex="-1"]:focus{outline:none}hr{box-sizing:initial;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{font-weight:500;margin-bottom:.5em;margin-top:0}p{margin-bottom:1em;margin-top:0}abbr[data-original-title],abbr[title]{border-bottom:0;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=number],input[type=password],input[type=text],textarea{-webkit-appearance:none}dl,ol,ul{margin-bottom:1em;margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}code,kbd,pre,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-bottom:1em;margin-top:0;overflow:auto}figure{margin:0 0 1em}img{border-style:none;vertical-align:middle}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{caption-side:bottom;padding-bottom:.3em;padding-top:.75em;text-align:left}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{border:0;margin:0;min-width:0;padding:0}legend{color:inherit;display:block;font-size:1.5em;line-height:inherit;margin-bottom:.5em;max-width:100%;padding:0;white-space:normal;width:100%}progress{vertical-align:initial}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:none;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{background-color:#feffe6;padding:.2em}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}*{scrollbar-width:none}::-webkit-scrollbar{display:none;height:0;width:0}.auth-wrapper{align-items:center;background:radial-gradient(1200px 600px at 10% 10%,#e0f2fe 0,#e0f2fe00 60%),radial-gradient(1000px 500px at 90% 30%,#f5f3ff 0,#f5f3ff00 60%),linear-gradient(135deg,#eef2ff,#e0f2fe 50%,#f0f9ff);display:flex;justify-content:center;min-height:100vh;padding:24px}.auth-card{-webkit-backdrop-filter:saturate(110%) blur(2px);backdrop-filter:saturate(110%) blur(2px);background:#fff;border:1px solid #e6eaf2;border-radius:16px;box-shadow:0 20px 40px #02061714;max-width:440px;padding:28px;width:100%}.auth-card h1{color:#0f172a;font-size:26px;letter-spacing:-.01em;line-height:1.25;margin:0 0 8px}.auth-card h1:after{background:linear-gradient(90deg,#2563eb40,#0ea5e940);content:"";display:block;height:1px;margin-top:10px;width:100%}.auth-card p.subtle{color:#64748b;font-size:14px;margin:0 0 16px}.auth-field{display:block;margin:12px 0;width:100%}.auth-field label{color:#334155;display:block;font-size:13px;font-weight:500;margin-bottom:6px}.auth-field input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;caret-color:#0f172a;color:#0f172a;padding:12px 14px;transition:box-shadow .15s ease,border-color .15s ease,background .15s ease;width:100%}.auth-field input::placeholder{color:#94a3b8}.auth-field input:hover{border-color:#94a3b8}.auth-field input:focus{background:#fbfdff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26;outline:none}.auth-field label.inline{align-items:flex-start;display:inline-flex;flex-wrap:nowrap;gap:8px;margin-bottom:0}.auth-field label.inline span{flex:1 1;line-height:1.5}.auth-field input[type=checkbox]{accent-color:#2563eb;width:auto}.policy-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.policy-buttons .button{flex:1 1;font-size:13px;font-weight:500;min-width:180px;padding:10px 12px}.auth-card a{color:#2563eb;font-weight:600;text-decoration:none}.auth-card a:hover{text-decoration:underline}.auth-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:16px}.button{background:#2563eb;border:none;border-radius:10px;box-shadow:0 6px 16px #2563eb40;color:#fff;cursor:pointer;font-weight:600;padding:12px 16px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease}.button:hover{background:#1d4ed8;box-shadow:0 8px 18px #1d4ed840;transform:translateY(-1px)}.button:active{box-shadow:0 4px 12px #1d4ed840;transform:translateY(0)}.button:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.button.secondary{background:#0f172a;box-shadow:0 6px 16px #0f172a40}.button.secondary:hover{background:#0b1220}.help-links{color:#475569;font-size:14px;margin-top:14px}.help-links a{color:#2563eb;font-weight:600;text-decoration:none}.help-links a:hover{text-decoration:underline}.auth-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c}.auth-error,.auth-success{margin-top:8px;padding:10px 12px}.auth-success{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}@media (max-width:420px){.auth-card{border-radius:14px;padding:20px}.auth-card h1{font-size:22px}.auth-actions{align-items:stretch;flex-direction:column}.auth-actions .button{width:100%}}.social-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr;margin-top:16px}.social-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:10px 14px;transition:transform .08s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}.social-btn .icon{display:inline-flex;line-height:0}.social-btn .icon svg{display:block;height:18px;width:18px}.social-btn:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #02061714;transform:translateY(-1px)}.social-btn:active{box-shadow:0 4px 12px #02061714;transform:translateY(0)}.social-btn.google,.social-btn.microsoft{border-color:#e2e8f0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg:#030712;--bg-soft:#0c1222;--card:#0f1629;--card-raised:#141b30;--text:#f8fafc;--muted:#94a3b8;--card:#0f172a99;--card-raised:#1e293bcc;--eyebrow:#6366f11a;--border:#94a3b833;--gradient-start:#0f172a;--gradient-end:#030712;--gradient-accent:#1e1b4b;--primary:#6366f1;--primary-hover:#818cf8;--accent:#a855f7;--ring:#6366f14d;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--fs-xs:clamp(11px,1.2vw,13px);--fs-sm:clamp(13px,1.4vw,15px);--fs-base:clamp(15px,1.6vw,17px);--fs-lg:clamp(17px,1.8vw,20px);--fs-xl:clamp(20px,2.2vw,24px);--fs-2xl:clamp(28px,3.5vw,36px);--fs-3xl:clamp(36px,5vw,56px);--fs-4xl:clamp(42px,8vw,56px);--space-xs:clamp(4px,1vw,8px);--space-sm:clamp(8px,1.5vw,12px);--space-md:clamp(12px,2vw,20px);--space-lg:clamp(20px,3vw,32px);--space-xl:clamp(32px,4vw,48px)}body.light-mode{--bg:#fff;--text:#0f172a;--muted:#475569;--card:#ffffffe6;--card-raised:#f8fafcf2;--eyebrow:#6366f11a;--border:#64748b26;--gradient-start:#f8fafc;--gradient-end:#e2e8f0;--gradient-accent:#ddd6fe;background:linear-gradient(180deg,#f8fafc,#e0e7ff 50%,#f8fafc);background-attachment:fixed}body.light-mode .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text}body.light-mode .hero-sub,body.light-mode .muted,body.light-mode .section-sub{color:#64748b}body.light-mode .ftr .muted{color:#000}body.light-mode .hero-stats div{background:#fffc;border:1px solid #64748b33;box-shadow:0 2px 8px #0000000d}body.light-mode .hero-stats strong{color:#6366f1}body.light-mode .hero-preview-card{background:#fffffff2;border:1px solid #64748b26;box-shadow:0 8px 32px #00000014}body.light-mode .preview-footer{border-top:1px solid #64748b26}body.light-mode .heatmap-bar{background:#64748b1a}body.light-mode .badge{background:#6366f11a;color:#6366f1}body.light-mode .feature-card-item,body.light-mode .pricing-card,body.light-mode .visual-card{background:#ffffffe6;border:1px solid #64748b26;box-shadow:0 4px 16px #0000000f}body.light-mode .visual-frame{background:#f8fafcf2;border:1px solid #64748b26}body.light-mode .metrics-card{background:#fffc;border:1px solid #64748b26;box-shadow:0 2px 8px #0000000a}body.light-mode .hdr{border-bottom:1px solid #64748b33}body.light-mode .nav button:hover{background:#6366f114;color:#0f172a}body.light-mode .btn-ghost{background:#f8fafccc;border:1px solid #64748b33;color:#0f172a}body.light-mode .btn-ghost:hover{background:#f1f5f9f2;border-color:#64748b4d}body.light-mode .mobile-menu{background:#fffffffa;border-bottom:1px solid #64748b33}body.light-mode .mobile-menu button{color:#0f172a}body.light-mode .mobile-menu button:hover{background:#6366f114}body.light-mode .cta-banner{background:linear-gradient(135deg,#6366f114,#a855f70f);border:1px solid #6366f133}body.light-mode .integration-card{background:#ffffffe6;border:1px solid #64748b26}body.light-mode .ftr{background:#f8fafccc;border-top:1px solid #64748b26}body.light-mode .brand,body.light-mode .logo-text{color:#0f172a}body.light-mode .logo-tagline{color:#64748b}body.light-mode .cta-banner h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#1e293b);-webkit-background-clip:text;background-clip:text;color:#0f172a}body.light-mode .cta-banner p{color:#64748b}body.light-mode .section-title{color:#0f172a}body.light-mode .eyebrow{border-color:#6366f14d;color:#6366f1}body.light-mode .privacy-cta-section{background:linear-gradient(135deg,#e0e7ff80,#f8fafccc)}body.light-mode .privacy-cta-title{color:#0f172a}body.light-mode .privacy-cta-subtitle{color:#64748b}body.light-mode .privacy-cta-eyebrow{color:#6366f1}body.light-mode .privacy-cta-label{color:#0f172a}body.light-mode .privacy-badge{background:#ffffffe6;border:1px solid #64748b33;color:#0f172a}.theme-toggle{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;bottom:24px;box-shadow:0 8px 24px #6366f166;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:24px;transition:all .3s ease;width:56px;z-index:1000}.theme-toggle:hover{box-shadow:0 12px 32px #6366f180;transform:translateY(-4px)}.theme-toggle svg{height:24px;width:24px}@keyframes barGrow{0%{opacity:.5;width:0}50%{opacity:1}to{opacity:1}}@keyframes drawLine{0%{stroke-dashoffset:1000}to{stroke-dashoffset:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes fillBar{0%{width:0}to{width:100%}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes liveLoop{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(ellipse at top,#0f172a,#030712),radial-gradient(ellipse at bottom right,#1e1b4b,#0000);background-attachment:fixed;color:#f8fafc;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,sans-serif;font-size:clamp(15px,1.6vw,17px);font-size:var(--fs-base);margin:0;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 clamp(8px,1.5vw,12px);padding:0 var(--space-sm);width:100%}.hdr{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border-bottom:1px solid #94a3b826;box-shadow:none;display:flex;gap:clamp(12px,2vw,20px);gap:var(--space-md);padding:clamp(20px,3vw,32px) 0 clamp(8px,1.5vw,12px);padding:var(--space-lg) 0 var(--space-sm);position:relative;z-index:10}.brand,.hdr{align-items:center}.brand{cursor:pointer;display:inline-flex;gap:clamp(8px,1.5vw,12px);gap:var(--space-sm);transition:opacity .2s}.brand:hover{opacity:.85}.brand-logo{border-radius:6px;max-height:clamp(40px,4vw,48px);object-fit:contain;width:auto}.logo-text{color:#fff;display:block;font-size:clamp(17px,1.8vw,20px);font-size:var(--fs-lg);font-weight:700;letter-spacing:.4px}.logo-tagline{color:#94a3b8;color:var(--muted);display:block;font-size:clamp(11px,1.2vw,13px);font-size:var(--fs-xs);letter-spacing:1.4px;text-transform:uppercase}.nav{display:flex;flex:1 1;gap:clamp(4px,1vw,8px);gap:var(--space-xs);justify-content:flex-start}.nav button{background:#0000;border:none;border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:clamp(13px,1.4vw,15px);font-size:var(--fs-sm);font-weight:600;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);padding:var(--space-sm) var(--space-md);transition:all .2s ease}.nav button:hover{background:#ffffff14;color:#fff}.hdr-actions{align-items:center;display:flex;gap:clamp(8px,1.5vw,12px);gap:var(--space-sm);justify-content:flex-end}.hdr-cta{box-shadow:0 8px 24px #6366f166,0 0 0 1px #6366f133}.hero{overflow:hidden;padding:clamp(32px,4vw,48px) 0 clamp(20px,3vw,32px);padding:var(--space-xl) 0 var(--space-lg);position:relative}.hero:before{background:radial-gradient(circle,#6366f126,#0000 70%);border-radius:50%;content:"";height:clamp(400px,40vw,800px);left:50%;pointer-events:none;position:absolute;top:-50%;transform:translateX(-50%);width:clamp(400px,40vw,800px)}.hero-grid{grid-gap:clamp(32px,4vw,48px);grid-gap:var(--space-xl);align-items:center;display:grid;gap:clamp(32px,4vw,48px);gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));position:relative;z-index:1}.hero-left{display:flex;flex-direction:column;gap:clamp(20px,3vw,32px);gap:var(--space-lg)}.eyebrow{align-items:center;background:#6366f11a;background:var(--eyebrow);border:1px solid #6366f133;border-radius:999px;color:#a5b4fc;display:inline-flex;font-size:clamp(11px,1.2vw,13px);font-size:var(--fs-xs);font-weight:600;gap:clamp(8px,1.5vw,12px);gap:var(--space-sm);letter-spacing:1.2px;padding:clamp(8px,1.5vw,12px) clamp(12px,2vw,20px);padding:var(--space-sm) var(--space-md);text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f8fafc,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.3;margin:0;max-width:600px}.hero-sub{color:#94a3b8;color:var(--muted);font-size:clamp(17px,1.8vw,20px);font-size:var(--fs-lg);line-height:1.6;margin:0}.hero-stats{grid-gap:clamp(8px,1.5vw,12px);grid-gap:var(--space-sm);display:grid;gap:clamp(8px,1.5vw,12px);gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(8px,1.5vw,12px);margin-top:var(--space-sm)}.hero-stats div{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f162999,#141b3066);border:1px solid #94a3b81a;border-radius:16px;display:flex;flex-direction:column;gap:clamp(4px,1vw,8px);gap:var(--space-xs);padding:clamp(12px,2vw,20px);padding:var(--space-md)}.hero-stats strong{color:#e0e7ff;font-size:clamp(17px,1.8vw,20px);font-size:var(--fs-lg);font-weight:700}.hero-right{display:flex;justify-content:center}.hero-preview-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#0f172ae6,#1e293bb3);border:1px solid #94a3b826;border-radius:24px;box-shadow:0 20px 60px #0006,0 0 0 1px #6366f11a;display:flex;flex-direction:column;gap:clamp(20px,3vw,32px);gap:var(--space-lg);margin-top:-80px;padding:clamp(20px,3vw,32px);padding:var(--space-lg);width:min(480px,100%)}.preview-header{align-items:center;display:flex;justify-content:space-between}.badge{background:#5eead426;border-radius:999px;color:#5eead4;font-size:clamp(11px,1.2vw,13px);font-size:var(--fs-xs);font-weight:600;padding:clamp(4px,1vw,8px) clamp(8px,1.5vw,12px);padding:var(--space-xs) var(--space-sm)}.preview-heatmap{display:flex;flex-direction:column}.heatmap-row,.preview-heatmap{gap:clamp(8px,1.5vw,12px);gap:var(--space-sm)}.heatmap-row{grid-gap:clamp(8px,1.5vw,12px);grid-gap:var(--space-sm);align-items:center;color:#94a3b8;color:var(--muted);display:grid;font-size:clamp(13px,1.4vw,15px);font-size:var(--fs-sm);grid-template-columns:90px 1fr 50px}.heatmap-bar{background:#ffffff14;border-radius:999px;height:8px;overflow:hidden}.heatmap-bar span{border-radius:999px;display:block;height:100%}.heatmap-value{color:#f8fafc;color:var(--text);font-weight:600;text-align:right}.preview-footer{border-top:1px solid #ffffff14;color:#94a3b8;color:var(--muted);font-size:13px;padding-top:12px}.preview-footer p{font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 4px;text-transform:uppercase}.preview-footer span{word-wrap:break-word;display:block;line-height:1.4;overflow-wrap:break-word}.cta{display:inline-flex;flex-wrap:wrap;gap:14px}.btn{-webkit-appearance:none;appearance:none;background:#1e293bcc;background:var(--card-raised);border:1px solid #0000;border-radius:12px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:clamp(13px,1.4vw,15px);font-size:var(--fs-sm);font-weight:600;overflow:hidden;padding:clamp(8px,1.5vw,12px) clamp(20px,3vw,32px);padding:var(--space-sm) var(--space-lg);position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn:before{background:linear-gradient(135deg,#ffffff1a,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s}.btn:hover:before{opacity:1}.btn:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 16px #6366f166}.btn-primary:hover{box-shadow:0 8px 28px #6366f180}.btn-ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #94a3b833}.btn-ghost:hover{background:#0f172acc;border-color:#94a3b84d}.analytics-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:40px}.analytics-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:18px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;gap:10px;min-height:150px;padding:20px}.analytics-card h4{color:#0f172a;font-size:20px;margin:6px 0 0}.analytics-card span{color:#64748b;font-size:14px;line-height:1.4}.analytics-card .muted{color:#64748b}.section-head{align-items:center;display:flex;flex-direction:column;gap:12px;margin:0 auto 40px;max-width:680px;text-align:center}.section-title{font-size:clamp(28px,4.5vw,40px);margin:0}.section-sub{color:#94a3b8;color:var(--muted);margin:0}.metrics{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px 0 60px}.metrics-card{background:#0f172a99;background:var(--card);border:1px solid #ffffff0d;border-radius:18px;box-shadow:inset 0 0 0 1px #ffffff05;padding:18px}.metrics-label{color:#94a3b8;color:var(--muted);font-size:13px;letter-spacing:1.4px;text-transform:uppercase}.metrics-card strong{display:block;font-size:24px;margin-top:10px}.metrics-card p{color:#94a3b8;color:var(--muted);margin:6px 0 0}.visual-gallery{padding:60px 0 80px}.visual-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(3,1fr)}.visual-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ab3;border:1px solid #94a3b81f;border-radius:20px;box-shadow:0 20px 50px #02061773;display:flex;flex-direction:column;gap:14px;padding:24px}.visual-card h3{font-size:18px;margin:0}.visual-card p{color:#94a3b8;color:var(--muted);margin:0}@media (max-width:1024px){.visual-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.visual-grid{grid-template-columns:1fr}}.visual-frame{background:#0f172ad9;border:1px solid #94a3b82e;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff08;height:200px;width:100%}.features{padding:80px 0 100px}.feature-grid-cards{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(3,1fr);margin-top:80px}.feature-card-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172ab3,#1e293b80);border:1px solid #94a3b81a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.feature-card-item:hover{border-color:#6366f166;box-shadow:0 20px 60px #0006,0 0 0 1px #6366f14d;transform:translateY(-6px)}.feature-card-visual{background:#f8fafc08;border-bottom:1px solid #94a3b81a;padding:0;width:100%}.feature-card-visual .feature-visual{border-radius:0;box-shadow:none;display:block;height:auto;width:100%}.feature-card-content{display:flex;flex:1 1;flex-direction:column;gap:12px;padding:24px}.feature-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:4px}.feature-card-header h3{color:#f8fafc;color:var(--text);font-size:22px;font-weight:700;line-height:1.3;margin:0}.feature-card-desc{color:#cbd5e1;font-size:15px;line-height:1.5;margin:0}.feature-card-long-desc{color:#94a3b8;color:var(--muted);font-size:14px;line-height:1.6;margin:0}.feature-badge{background:#22c55e26;border:1px solid #22c55e4d;border-radius:999px;color:#4ade80;font-size:10px;font-weight:700;letter-spacing:.8px;padding:4px 10px;text-transform:uppercase}.integrations{padding:80px 0 40px}.integrations-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;margin-top:40px;max-width:800px}.integration-tile{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #94a3b826;border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:24px;text-align:center;transition:all .3s ease}.integration-tile:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#94a3b84d;box-shadow:0 12px 40px #0003;transform:translateY(-4px)}.integration-icon{align-items:center;border:1px solid;border-radius:12px;display:flex;height:64px;justify-content:center;transition:transform .3s ease;width:64px}.integration-tile:hover .integration-icon{transform:scale(1.1)}.integration-logo-placeholder{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:20px;font-weight:700;height:40px;justify-content:center;text-transform:uppercase;width:40px}.integration-info{display:flex;flex-direction:column;gap:4px}.integration-info h4{color:#f8fafc;color:var(--text);font-size:15px;font-weight:600;margin:0}.integration-category{color:#94a3b8;color:var(--muted);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.integrations-footer{background:#6366f114;border:1px solid #6366f133;border-radius:12px;margin-top:40px;padding:20px;text-align:center}.integrations-footer p{color:#a5b4fc;font-size:14px;font-weight:500;margin:0}.privacy-cta-section{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border-radius:32px;margin:0 20px;overflow:hidden;padding:100px 0;position:relative}.privacy-cta-section:before{background:radial-gradient(circle at 50% 0,#6366f126,#0000 70%);content:"";inset:0;pointer-events:none;position:absolute}.privacy-cta-container{position:relative;text-align:center;z-index:1}.privacy-cta-eyebrow{color:#a5b4fc;font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 20px;text-transform:uppercase}.privacy-cta-title{color:#f8fafc;color:var(--text);font-size:clamp(32px,5vw,48px);font-weight:800;line-height:1.2;margin:0 0 16px}.privacy-cta-subtitle{color:#cbd5e1;font-size:16px;line-height:1.6;margin:0 0 32px}.privacy-cta-label{color:#94a3b8;font-size:13px;font-weight:600;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.privacy-badges{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.privacy-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b833;border-radius:8px;color:#e2e8f0;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.privacy-badge:hover{background:#1e293bf2;border-color:#6366f166;transform:translateY(-2px)}.privacy-cta-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.cta-btn{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:14px 32px;transition:all .3s ease;white-space:nowrap}.cta-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 16px #6366f166;color:#fff}.cta-btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 8px 24px #6366f199;transform:translateY(-2px)}.cta-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bcc;border:1px solid #94a3b84d;color:#fff}.cta-btn-secondary:hover{background:#1e293bf2;border-color:#94a3b880;box-shadow:0 4px 16px #0000004d;transform:translateY(-2px)}.pricing{padding:80px 0 100px}.pricing-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172ab3,#1e293b80);border:1px solid #94a3b81a;border-radius:20px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden;padding:32px;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#6366f166;box-shadow:0 20px 60px #0006,0 0 0 1px #6366f14d;transform:translateY(-6px)}.pricing-card:after{background:linear-gradient(135deg,#6366f10d,#0000);border-radius:20px;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s}.pricing-card:hover:after{opacity:1}.pricing-card h3{margin:0 0 4px}.pricing-price{font-weight:700;margin:0 0 4px;white-space:nowrap}.pricing-note{margin:0 0 6px}.pricing-features,.pricing-note{color:#94a3b8;color:var(--muted);font-size:13px}.pricing-features{display:flex;flex-direction:column;flex-grow:1;gap:4px;list-style:none;margin:0;padding-left:0}.pricing-features li:before{color:#6366f1;color:var(--primary);content:"• "}.pricing-cta{margin-top:auto;width:100%}.ftr{background:#04071299;border-top:1px solid #ffffff14;margin-top:20px;padding:40px 0}.ftr-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1.2fr .8fr .6fr}.ftr-links{display:flex;flex-wrap:wrap;gap:12px}.ftr-links button{background:#f8fafceb;border:none;border-radius:999px;color:#0f1a2c;cursor:pointer;font-weight:600;padding:8px 14px;transition:transform .15s,box-shadow .15s}.ftr-links button:hover{box-shadow:0 6px 18px #0f1a2c1f;transform:translateY(-2px)}.ftr-social{display:flex;gap:12px}.social{align-items:center;background:#ffffff0f;border-radius:12px;color:#94a3b8;color:var(--muted);display:inline-flex;height:38px;justify-content:center;transition:transform .2s;width:38px}.social:hover{transform:translateY(-3px)}.cta-banner{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#6366f133,#a855f726);border:1px solid #6366f14d;border-radius:24px;box-shadow:0 20px 60px #0006,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:20px;margin-bottom:100px;overflow:hidden;padding:64px 48px;position:relative;text-align:center}.cta-banner:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.cta-banner h2{font-size:clamp(28px,4.5vw,44px);font-weight:800;margin:0}.cta-banner p{color:#94a3b8;color:var(--muted);font-size:17px;line-height:1.6;margin:0 auto;max-width:600px}.mobile-menu-btn{background:none;border:none;color:#f8fafc;color:var(--text);cursor:pointer;display:none;padding:8px}.mobile-menu{animation:slideDown .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;border-bottom:1px solid #94a3b833;box-shadow:0 10px 40px #00000080;display:none;flex-direction:column;gap:12px;left:0;padding:20px;position:fixed;right:0;top:70px;z-index:40}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu button{background:none;border:none;border-radius:8px;color:#f8fafc;color:var(--text);cursor:pointer;font-size:16px;padding:12px;text-align:left;transition:background .2s}.mobile-menu button:hover{background:#6366f11a}.mobile-menu .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;margin-top:8px;text-align:center}@media (max-width:1024px){.hdr{flex-wrap:wrap;justify-content:space-between;padding:16px 20px}.nav{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex}.hero-grid{gap:40px;grid-template-columns:1fr}.hero-title{font-size:clamp(32px,8vw,48px)}.hero-subtitle{font-size:16px}.hero-preview-card{max-width:100%;width:100%}.visual-grid{gap:24px;grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-grid-cards{gap:24px}.feature-grid-cards,.integrations-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{gap:24px;grid-template-columns:1fr}}@media (max-width:640px){.container{max-width:100%;padding:0 20px!important}.container,.hdr{box-sizing:border-box}.hdr{justify-content:space-between;margin:0;padding:12px 20px;position:static;width:100%}.brand{font-size:20px!important}.hdr-actions{display:none}.mobile-menu-btn{display:block}.mobile-menu{display:flex;padding:0 20px;top:60px}.hero,.mobile-menu{box-sizing:border-box}.hero{padding:24px 20px}.hero-left{padding:0!important}.hero-title{font-size:clamp(24px,7vw,34px);line-height:1.25;margin:0 0 16px}.hero-sub,.hero-subtitle,.hero-title{word-wrap:break-word;overflow-wrap:break-word;padding:0!important}.hero-sub,.hero-subtitle{font-size:15px;line-height:1.5}.eyebrow{font-size:10px;margin:0 0 12px;padding:6px 12px;white-space:normal}.hero-preview-card{border-radius:16px;margin:0!important;padding:16px}.hero-grid{gap:24px;grid-template-columns:1fr}.hero-grid,.hero-right{padding:0!important}.preview-header h3{word-wrap:break-word;font-size:14px;overflow-wrap:break-word}.preview-header .score{font-size:20px}.badge{font-size:10px;padding:4px 8px;white-space:nowrap}.heatmap-row{font-size:12px;grid-template-columns:70px 1fr 40px}.heatmap-row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-footer{font-size:12px}.preview-footer p{font-size:10px}.preview-footer span{font-size:11px;line-height:1.5}.hero-stats{gap:16px;grid-template-columns:1fr;margin:16px 0}.stat-card{margin:0;padding:16px}.cta{margin:16px 0;padding:0}.btn{margin:0}.visual-grid{gap:20px;grid-template-columns:1fr}.visual-card{padding:16px}.metrics{grid-template-columns:1fr}.cta-banner{box-sizing:border-box;margin:20px 0;padding:24px 20px}.cta-banner h2{font-size:clamp(24px,6vw,32px)}.cta-banner h2,.cta-banner p{word-wrap:break-word;overflow-wrap:break-word}.cta-banner p{font-size:15px;line-height:1.6}.feature-grid-cards{gap:20px;grid-template-columns:1fr}.feature-card-item{box-sizing:border-box;margin:20px 0;padding:20px}.feature-card-header h3{word-wrap:break-word;font-size:18px;overflow-wrap:break-word}.feature-card-desc{font-size:14px}.feature-card-desc,.feature-card-long-desc{word-wrap:break-word;line-height:1.5;overflow-wrap:break-word}.feature-card-long-desc{font-size:13px}.feature-visual{max-height:200px}.integrations-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{gap:20px;grid-template-columns:1fr}.pricing-card{box-sizing:border-box;margin:20px 0;padding:24px 20px}section{box-sizing:border-box;padding-left:20px;padding-right:20px}.section-sub,.section-title,h1,h2,h3,p{margin-left:0;margin-right:0;padding-left:0!important;padding-right:0!important}.ftr-grid{gap:32px;grid-template-columns:1fr;text-align:center}.ftr-links{align-items:center;flex-direction:column}}.sa-layout{background:linear-gradient(180deg,#f8fafc,#eef2ff);display:flex;min-height:100vh}.sa-sidebar{background:radial-gradient(1200px 400px at -200px -100px,#334155 0,#0f172a 60%);border-right:1px solid #94a3b826;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-width:72px;overflow-y:auto;padding:18px 16px 12px;position:-webkit-sticky;position:sticky;top:0;width:280px;z-index:100}.sa-sidebar::-webkit-scrollbar{width:8px}.sa-sidebar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:8px}.sa-sidebar h2{color:#fff;font-size:18px;letter-spacing:.3px;margin:0 0 14px}.sa-sidebar nav{flex:1 1;margin-top:6px}.sa-sidebar ul{list-style:none;margin:0;padding:0}.sa-sidebar li{margin:6px 0}.sa-sidebar li strong{color:#cbd5e1;display:block;font-size:12px;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}.sa-sidebar a,.sa-sidebar button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:10px;color:#c7d2fe;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:10px 12px 10px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.sa-sidebar a:hover,.sa-sidebar button:hover{background:linear-gradient(90deg,#3b82f62e,#3b82f614);border-left-color:#3b82f6b3;color:#fff;transform:translateX(2px)}.sa-sidebar a.active{background:linear-gradient(90deg,#6366f159,#3b82f633);border-left-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f159;color:#fff}.sa-divider{background:linear-gradient(90deg,#94a3b840,#94a3b800);border:none;height:1px;list-style:none;margin:8px 0}.sa-section-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:#cbd5e1;cursor:pointer;display:flex;gap:8px;padding:10px 12px 10px 11px;text-align:left;transition:all .2s ease;width:100%}.sa-section-toggle:hover{background:linear-gradient(90deg,#3b82f62e,#3b82f614);box-shadow:inset 3px 0 0 0 #3b82f6b3;color:#fff;transform:translateX(2px)}.sa-section-toggle.open{background:linear-gradient(90deg,#6366f159,#3b82f633);box-shadow:inset 0 0 0 1px #6366f159,inset 3px 0 0 0 #6366f1;color:#fff}.sa-submenu{margin-left:6px;overflow:hidden;transition:max-height .25s ease}.sa-submenu a{margin-top:6px;padding-left:34px}.sa-content{flex:1 1;min-width:0;overflow-x:hidden;padding:24px}.sa-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.sa-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.sa-logout{border-top:1px solid #94a3b826;margin-top:auto;padding-top:12px}.abo-layout{background:linear-gradient(180deg,#f8fafc,#eef2ff);display:flex;min-height:100vh}body.dark-mode .abo-layout{background:linear-gradient(180deg,#0f172a,#1e293b)}body.dark-mode .abo-main{color:#e2e8f0}body.dark-mode .abo-card,body.dark-mode .ant-card{background:#1e293bcc;border:1px solid #94a3b833;color:#e2e8f0}body.dark-mode .ant-card-head{border-bottom:1px solid #94a3b833;color:#f1f5f9}body.dark-mode .ant-card-body,body.dark-mode .ant-typography{color:#e2e8f0}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6{color:#f1f5f9}body.dark-mode .ant-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}.walkthrough-modal .ant-modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.walkthrough-modal .ant-modal-body{padding:0}.walkthrough-progress{background:linear-gradient(90deg,#1890ff,#36cfc9);border-radius:2px;height:4px}.walkthrough-step-icon{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.walkthrough-card{transition:all .3s ease}.walkthrough-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.walkthrough-feature-highlight{background:linear-gradient(135deg,#1890ff1a,#36cfc91a);border:1px solid #1890ff33;border-radius:8px;margin:16px 0;padding:12px}.walkthrough-tip{background:linear-gradient(135deg,#6766f11a,#8b5cf61a);border:1px solid #6766f133;border-radius:8px;color:#1f2937;margin:20px 0;padding:16px}body.dark-mode .walkthrough-tip{background:linear-gradient(135deg,#6766f133,#8b5cf633);border-color:#6766f14d;color:#e2e8f0}.abo-sidebar button[title="Show App Guide"]{color:#1890ff;transition:all .2s ease}.abo-sidebar button[title="Show App Guide"]:hover{background:#1890ff1a;color:#40a9ff}body.dark-mode .abo-sidebar button[title="Show App Guide"]{color:#69c0ff}body.dark-mode .abo-sidebar button[title="Show App Guide"]:hover{background:#1890ff33;color:#91d5ff}body.dark-mode .ant-btn-default{background:#1e293bcc;border-color:#94a3b84d;color:#e2e8f0}body.dark-mode .ant-btn-default:hover{background:#334155e6;border-color:#94a3b880;color:#f1f5f9}body.dark-mode .ant-input,body.dark-mode .ant-input-number,body.dark-mode .ant-picker,body.dark-mode .ant-select-selector{background:#0f172acc;border-color:#94a3b84d;color:#e2e8f0}body.dark-mode .ant-input-number input::placeholder,body.dark-mode .ant-input::placeholder{color:#94a3b8}body.dark-mode .ant-table{background:#1e293bcc;color:#e2e8f0}body.dark-mode .ant-table-thead>tr>th{background:#0f172ae6;border-bottom:1px solid #94a3b833;color:#f1f5f9}body.dark-mode .ant-table-tbody>tr>td{border-bottom:1px solid #94a3b81a;color:#e2e8f0}body.dark-mode .ant-table-tbody>tr:hover>td{background:#33415580}body.dark-mode .ant-radio-button-wrapper{background:#1e293bcc;border-color:#94a3b84d;color:#e2e8f0}body.dark-mode .ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;color:#fff}body.dark-mode .ant-alert-info{background:#3b82f61a;border:1px solid #3b82f64d}body.dark-mode .ant-alert-info .ant-alert-description,body.dark-mode .ant-alert-info .ant-alert-message{color:#93c5fd}body.dark-mode .ant-btn,body.dark-mode div,body.dark-mode label,body.dark-mode p,body.dark-mode span{color:#e2e8f0}body.dark-mode .ant-btn-primary{color:#fff!important}body.dark-mode .ant-input-number-input,body.dark-mode .ant-select-selection-item{color:#e2e8f0}body.dark-mode .ant-modal-content{background:#1e293bf2;color:#e2e8f0}body.dark-mode .ant-modal-header{background:#0f172ae6;border-bottom:1px solid #94a3b833}body.dark-mode .ant-modal-title{color:#f1f5f9}body.dark-mode .ant-modal-close-x{color:#e2e8f0}body.dark-mode .ant-select-dropdown{background:#1e293bfa;color:#e2e8f0}body.dark-mode .ant-select-item{color:#e2e8f0}body.dark-mode .ant-select-item-option-selected{background:#6366f133;color:#fff}body.dark-mode .ant-select-item-option-active{background:#33415580}body.dark-mode .ant-message-notice-content{background:#1e293bf2;color:#e2e8f0}.abo-sidebar{background:radial-gradient(1200px 400px at -200px -100px,#334155 0,#0f172a 60%);border-right:1px solid #94a3b826;color:#e2e8f0;display:flex;flex-direction:column;flex-shrink:0;height:100vh;min-width:72px;overflow-y:auto;padding:18px 16px 12px;position:-webkit-sticky;position:sticky;top:0;width:280px;z-index:100}.abo-sidebar::-webkit-scrollbar{width:8px}.abo-sidebar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:8px}.abo-sidebar h2{color:#fff;font-size:18px;letter-spacing:.3px;margin:0 0 14px}.abo-sidebar nav{flex:1 1;margin-top:6px}.abo-sidebar ul{list-style:none;margin:0;padding:0}.abo-sidebar li{margin:6px 0}.abo-sidebar li strong{color:#cbd5e1;display:block;font-size:12px;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}.abo-sidebar a,.abo-sidebar button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:10px;color:#c7d2fe;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:10px 12px 10px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.abo-sidebar a:hover,.abo-sidebar button:hover{background:linear-gradient(90deg,#3b82f62e,#3b82f614);border-left-color:#3b82f6b3;color:#fff;transform:translateX(2px)}.abo-sidebar a.active{background:linear-gradient(90deg,#6366f159,#3b82f633);border-left-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f159;color:#fff}.abo-divider{background:linear-gradient(90deg,#94a3b840,#94a3b800);border:none;height:1px;list-style:none;margin:8px 0}.abo-main{overflow-x:hidden;padding:24px}.abo-content,.abo-main{flex:1 1;min-width:0}.abo-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.abo-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;border:1px solid #e5e7eb;border-radius:14px;padding:16px}.section{margin-top:18px}.abo-logout{border-top:1px solid #94a3b826;margin-top:auto;padding-top:12px}.dashboard-row{margin-top:12px}.card-rounded{border-radius:14px!important}.heatmap-scroll{overflow-x:auto}.range-panel{min-height:360px}.control-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.compact-heatmap,.inline-linechart{display:block;max-width:100%}.inline-linechart{margin-top:10px}.chart-bg{fill:#fff}.axis-line{stroke:#e5e7eb}.series-line{fill:none;stroke:#6366f1;stroke-width:2;stroke-linecap:round}.series-point{fill:#6366f1}.axis-tick{fill:#64748b;font-size:10px}@media (max-width:992px){.control-bar{align-items:flex-start;flex-direction:column;gap:10px}.range-panel{min-height:0;min-height:auto}}.v-layout{background:linear-gradient(180deg,#f8fafc,#eef2ff);display:flex;min-height:100vh}.v-sidebar{background:radial-gradient(1200px 400px at -200px -100px,#334155 0,#0f172a 60%);border-right:1px solid #94a3b826;color:#e2e8f0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:18px 16px 12px;position:-webkit-sticky;position:sticky;top:0;width:280px}.v-sidebar::-webkit-scrollbar{width:8px}.v-sidebar::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:8px}.v-sidebar h2{color:#fff;font-size:18px;letter-spacing:.3px;margin:0 0 14px}.v-sidebar nav{flex:1 1;margin-top:6px}.v-sidebar ul{list-style:none;margin:0;padding:0}.v-sidebar li{margin:6px 0}.v-sidebar li strong{color:#cbd5e1;display:block;font-size:12px;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}.v-sidebar a,.v-sidebar button{align-items:center;background:#0000;border:none;border-left:3px solid #0000;border-radius:10px;color:#c7d2fe;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;padding:10px 12px 10px 14px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.v-sidebar a:hover,.v-sidebar button:hover{background:linear-gradient(90deg,#3b82f62e,#3b82f614);border-left-color:#3b82f6b3;color:#fff;transform:translateX(2px)}.v-sidebar a.active{background:linear-gradient(90deg,#6366f159,#3b82f633);border-left-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f159;color:#fff}.v-divider{background:#94a3b826;height:1px;margin:8px 0}.v-content{flex:1 1;padding:24px}.v-logout{border-top:1px solid #94a3b826;margin-top:auto;padding-top:12px}
/*# sourceMappingURL=main.8d6cbaad.css.map*/