*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246/0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.page-landing *,.page-landing :after,.page-landing :before{box-sizing:border-box;margin:0;padding:0}:root{--indigo:#4a2fd4;--indigo-600:#4a2fd4;--indigo-500:#4a2fd4;--indigo-400:#755ef0;--indigo-100:#ede9fe;--indigo-50:#f5f3ff;--blue-50:#eff6ff;--gray-50:#f9fafb}.page-landing{scroll-behavior:smooth;font-family:Inter,sans-serif;color:var(--gray-900);background:var(--white);line-height:1.6;font-size:15px;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-landing nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--gray-200);padding:0 40px;height:60px;display:flex;align-items:center;justify-content:space-between}.page-landing .nav-logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--gray-900);text-decoration:none}.page-landing .nav-logo-icon{width:32px;height:32px;background:var(--indigo-500);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px}.page-landing .nav-links{display:flex;align-items:center;gap:32px}.page-landing .nav-links a{color:var(--gray-600);text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.page-landing .nav-links a:hover{color:var(--gray-900)}.page-landing .nav-links a.has-arrow:after{content:" ↓";font-size:11px}.page-landing .nav-right{display:flex;align-items:center;gap:16px}.page-landing .btn-ghost{background:none;border:none;color:var(--gray-700);font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:8px;transition:background .2s;font-family:inherit}.page-landing .btn-ghost:hover{background:var(--gray-100)}.page-landing .btn-primary{background:var(--indigo-500);color:white;border:none;border-radius:8px;padding:9px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap;font-family:inherit}.page-landing .btn-primary:hover{background:var(--indigo-600)}.page-landing .hero-badge{display:inline-flex;align-items:center;gap:6px;background:var(--indigo-50);border:1px solid var(--indigo-100);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--indigo-500);margin-bottom:20px}.page-landing .hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--indigo-500)}.page-landing .btn-hero-primary{background:var(--indigo-500);color:white;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;font-family:inherit}.page-landing .btn-hero-primary:hover{background:var(--indigo-600)}.page-landing .btn-hero-secondary{background:white;color:var(--gray-800);border:1.5px solid var(--gray-200);border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;font-family:inherit}.page-landing .btn-hero-secondary:hover{border-color:var(--indigo-400);color:var(--indigo-500)}.page-landing .trust-item{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--gray-600);font-weight:500}.page-landing .hero-visual{background:white;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.04);overflow:hidden}.page-landing .dashboard-header{background:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.page-landing .dashboard-title{font-size:13px;font-weight:600;color:var(--gray-700);display:flex;align-items:center;gap:6px}.page-landing .dashboard-title-dot{width:8px;height:8px;background:var(--indigo-500);border-radius:50%}.page-landing .dashboard-body{padding:16px;overflow-y:auto}.page-landing .dash-label{font-size:13px;font-weight:700;color:var(--gray-800);margin-bottom:10px}.page-landing .dash-input-container{border:1.5px solid var(--gray-200);border-radius:12px;padding:16px 10px 10px;background:white;margin-bottom:16px;display:flex;flex-direction:column;gap:16px;box-shadow:inset 0 1px 2px rgba(0,0,0,.01)}.page-landing .dash-input-textarea{font-size:12.5px;color:var(--gray-550);line-height:1.6;text-align:left}.page-landing .dash-input-actions{display:flex;justify-content:space-between;align-items:center}.page-landing .dash-upload-btn{border:1.5px solid var(--gray-200);border-radius:8px;padding:7px 14px;font-size:11.5px;font-weight:600;color:var(--gray-600);background:white;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;transition:all .15s}.page-landing .dash-upload-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.page-landing .dash-gen-btn{background:var(--indigo-500);color:white;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;box-shadow:0 2px 8px rgba(74,47,212,.15);transition:all .15s}.page-landing .dash-gen-btn:hover{background:var(--indigo-600);box-shadow:0 4px 12px rgba(74,47,212,.25)}.page-landing .dash-tabs{display:flex;gap:10px;margin-bottom:16px;background:none;overflow-x:auto;padding:0 0 4px}.page-landing .dash-tabs::-webkit-scrollbar{height:4px}.page-landing .dash-tabs::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:4px}.page-landing .dash-tab{flex:0 0 auto;text-align:center;padding:8px 10px;font-size:11.5px;font-weight:600;border-radius:8px;cursor:pointer;background:white;border:1.5px solid var(--gray-200);color:var(--gray-500);transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.page-landing .dash-tab:hover{border-color:var(--gray-300);color:var(--gray-700)}.page-landing .dash-tab.active{box-shadow:0 2px 8px rgba(74,47,212,.2)}.page-landing .dash-tab.active,.page-landing .dash-tab.active:hover{background:var(--indigo-500);color:white;border-color:var(--indigo-500)}.page-landing .dash-reply-box{background:white;border:1.5px solid var(--gray-200);border-radius:12px;padding:20px 20px 24px;margin-bottom:16px;position:relative;text-align:left}.page-landing .dash-reply-subject{font-size:12.5px;font-weight:700;color:var(--gray-800);margin-bottom:8px}.page-landing .dash-reply-greeting{font-size:12px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.page-landing .dash-reply-text{font-size:12px;color:var(--gray-600);line-height:1.6}.page-landing .dash-reply-line{height:6px;background:var(--gray-100);border-radius:3px;margin-top:10px;max-width:55%}.page-landing .dash-reply-line.short{width:35%;margin-top:8px;margin-bottom:0}.page-landing .dash-reply-actions{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;margin-top:0}.page-landing .dash-action-btn{border:1.5px solid var(--gray-200);border-radius:8px;padding:6px 12px;font-size:11.5px;font-weight:600;color:var(--gray-600);background:white;cursor:pointer;display:flex;align-items:center;gap:6px;font-family:inherit;transition:all .15s}.page-landing .dash-action-btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.page-landing .dash-generated-note{font-size:12px;color:var(--gray-600);margin-top:12px;display:flex;align-items:center;gap:6px}.page-landing .logos-section{border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200);padding:28px 40px;text-align:center}.page-landing .logos-label{font-size:12px;color:var(--gray-400);font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}.page-landing .logos-row{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}.page-landing .logo-item{font-size:14px;font-weight:700;color:var(--gray-400);letter-spacing:-.3px;display:flex;align-items:center;gap:6px}.page-landing section{padding:80px 40px}.page-landing .section-inner{max-width:1200px;margin:0 auto}.page-landing .section-label{font-size:12px;font-weight:700;color:var(--indigo-500);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.page-landing .section-title{font-size:38px;font-weight:600;color:var(--gray-900);letter-spacing:-.6px;line-height:1.2;margin-bottom:14px}.page-landing .section-title span{color:var(--indigo-500)}.page-landing .section-sub{font-size:16px;color:var(--gray-500);max-width:560px;line-height:1.65}.page-landing .text-center{text-align:center}.page-landing .text-center .section-sub{margin:0 auto}.page-landing .problem-section{background:var(--gray-50)}.page-landing .problem-step-box{background:white;border:1.5px solid var(--gray-200);border-radius:12px;padding:14px 20px;min-width:130px;font-size:13px;font-weight:600;color:var(--gray-700);text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.04)}.page-landing .problem-step-box.pain{border-color:#fca5a5;background:#fff5f5;color:#dc2626}.page-landing .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px}.page-landing .step-card{background:white;border:1.5px solid var(--gray-200);border-radius:14px;padding:36px 20px 24px;position:relative;transition:all .2s ease}.page-landing .step-card:hover{box-shadow:0 8px 30px rgba(74,47,212,.08);border-color:var(--indigo-400)}.page-landing .step-number{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:var(--indigo-500);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;border:3px solid white;box-shadow:0 3px 8px rgba(74,47,212,.35)}.page-landing .step-card:not(:last-child):after{content:"→";position:absolute;right:-22px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--gray-300);font-weight:700;pointer-events:none}@media (max-width:991px){.page-landing .steps-grid{grid-template-columns:1fr;gap:40px}.page-landing .step-card:not(:last-child):after{content:"↓";right:auto;left:50%;bottom:-32px;top:auto;transform:translateX(-50%)}}.page-landing .step-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.page-landing .step-desc{font-size:13px;color:var(--gray-500);line-height:1.6}.page-landing .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.page-landing .feature-card{border:1.5px solid var(--gray-200);border-radius:14px;padding:24px;transition:all .2s;background:white;display:flex;align-items:flex-start;gap:16px;text-align:left}.page-landing .feature-card:hover{border-color:var(--indigo-400);box-shadow:0 4px 20px rgba(74,47,212,.07)}.page-landing .feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-landing .feature-title{font-size:15px;font-weight:700;color:var(--gray-900);margin-bottom:6px}.page-landing .feature-desc{font-size:13px;color:var(--gray-500);line-height:1.6}.page-landing .love-section{background:var(--gray-50)}.page-landing .love-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}.page-landing .love-card{background:white;border:1.5px solid var(--gray-200);border-radius:14px;padding:28px 22px;text-align:center;transition:all .2s}.page-landing .love-card:hover{border-color:var(--indigo-400);box-shadow:0 8px 24px rgba(74,47,212,.07)}.page-landing .love-icon{font-size:32px;margin-bottom:14px}.page-landing .love-title{font-size:15px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.page-landing .love-desc{font-size:13px;color:var(--gray-500);line-height:1.6}.page-landing .analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.page-landing .metric-card{background:white;border:1.5px solid var(--gray-200);border-radius:14px;padding:22px 20px}.page-landing .metric-label{font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.page-landing .metric-value{font-size:32px;font-weight:700;color:var(--gray-900);letter-spacing:-1px}.page-landing .metric-value.indigo{color:var(--indigo-500)}.page-landing .metric-value.emerald{color:var(--emerald)}.page-landing .metric-change{font-size:12px;font-weight:600;color:var(--emerald);margin-top:4px}.page-landing .analytics-insights{background:var(--indigo-50);border:1.5px solid var(--indigo-100);border-radius:14px;padding:24px;margin-top:20px}.page-landing .insights-label{font-size:12px;font-weight:700;color:var(--indigo-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.page-landing .insights-text{font-size:14px;color:var(--indigo-600);line-height:1.6}.page-landing .insights-bars{display:flex;gap:20px;margin-top:16px;flex-wrap:wrap}.page-landing .insights-bar-item{flex:1;min-width:120px}.page-landing .insights-bar-label{font-size:12px;color:var(--gray-500);margin-bottom:5px;font-weight:500}.page-landing .bar-track{height:8px;background:var(--gray-200);border-radius:4px;overflow:hidden}.page-landing .bar-fill{height:100%;border-radius:4px;background:var(--indigo-500)}.page-landing .bar-fill.emerald{background:var(--emerald)}.page-landing .bar-fill.blue{background:var(--blue)}.page-landing .security-section{background:var(--gray-50)}.page-landing .security-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;align-items:center}.page-landing .security-list{display:flex;flex-direction:column;gap:16px}.page-landing .security-item{display:flex;align-items:flex-start;gap:14px}.page-landing .security-icon{width:36px;height:36px;background:var(--emerald-50);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-landing .security-item-title{font-size:14px;font-weight:600;color:var(--gray-900);margin-bottom:3px}.page-landing .security-item-desc{font-size:13px;color:var(--gray-500);line-height:1.55}.page-landing .security-badge-block{background:white;border:1.5px solid var(--gray-200);border-radius:16px;padding:32px;text-align:center}.page-landing .big-lock{font-size:60px;margin-bottom:16px}.page-landing .security-badge-title{font-size:22px;font-weight:600;color:var(--gray-900);margin-bottom:8px}.page-landing .security-badge-sub{font-size:14px;color:var(--gray-500);margin-bottom:20px}.page-landing .security-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.page-landing .badge-pill{background:var(--emerald-50);border:1px solid #a7f3d0;color:#065f46;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600}.page-landing .testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.page-landing .testimonial-card{background:white;border:1.5px solid var(--gray-200);border-radius:14px;padding:28px 24px;transition:all .2s}.page-landing .testimonial-card:hover{border-color:var(--indigo-400);box-shadow:0 4px 20px rgba(74,47,212,.07)}.page-landing .stars{color:#fbbf24;font-size:16px;margin-bottom:14px;letter-spacing:2px}.page-landing .testimonial-text{font-size:14px;color:var(--gray-700);line-height:1.65;margin-bottom:20px;font-style:italic}.page-landing .testimonial-author{display:flex;align-items:center;gap:12px}.page-landing .author-avatar{width:40px;height:40px;border-radius:50%;background:var(--indigo-100);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:var(--indigo-600)}.page-landing .author-name{font-size:14px;font-weight:600;color:var(--gray-900)}.page-landing .author-role{font-size:12px;color:var(--gray-500)}.page-landing .pricing-section{background:var(--gray-50)}.page-landing .pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.page-landing .pricing-card{background:white;border:1.5px solid var(--gray-200);border-radius:16px;padding:28px 24px;position:relative;transition:all .2s}.page-landing .pricing-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.08)}.page-landing .pricing-card.featured{border-color:var(--indigo-500);border-width:2px;box-shadow:0 8px 30px rgba(74,47,212,.15)}.page-landing .pricing-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--indigo-500);color:white;border-radius:20px;padding:4px 14px;font-size:11px;font-weight:700;white-space:nowrap}.page-landing .pricing-plan{font-size:13px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.page-landing .pricing-price{font-size:42px;font-weight:700;color:var(--gray-900);letter-spacing:-1.5px;line-height:1}.page-landing .pricing-price sup{font-size:20px;font-weight:600;vertical-align:super;color:var(--gray-700)}.page-landing .pricing-period{font-size:13px;color:var(--gray-400);font-weight:500;margin-top:4px;margin-bottom:18px}.page-landing .pricing-desc{font-size:13px;color:var(--gray-500);margin-bottom:20px;line-height:1.55}.page-landing .pricing-divider{height:1px;background:var(--gray-200);margin-bottom:20px}.page-landing .pricing-features{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.page-landing .pricing-features li{display:flex;align-items:flex-start;gap:8px;font-size:13px;color:var(--gray-700)}.page-landing .pricing-features li .check{color:var(--emerald);font-weight:700;flex-shrink:0}.page-landing .pricing-features li .cross{color:var(--gray-300);font-weight:700;flex-shrink:0}.page-landing .btn-pricing{width:100%;border-radius:10px;padding:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid var(--indigo-500);font-family:inherit}.page-landing .btn-pricing.outline{background:white;color:var(--indigo-500)}.page-landing .btn-pricing.outline:hover{background:var(--indigo-50)}.page-landing .btn-pricing.filled{background:var(--indigo-500);color:white;border-color:var(--indigo-500)}.page-landing .btn-pricing.filled:hover{background:var(--indigo-600)}.page-landing .final-cta{background:linear-gradient(135deg,#4a2fd4,#6d56e3);padding:72px 40px}.page-landing .final-cta-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.page-landing .final-cta h2{font-size:38px;font-weight:700;color:white;letter-spacing:-.6px;line-height:1.2;margin-bottom:10px}.page-landing .final-cta p{font-size:16px;color:rgba(255,255,255,.75);line-height:1.6}.page-landing .final-cta-right{display:flex;flex-direction:column;align-items:flex-end;gap:20px}.page-landing .final-trust-list{display:flex;flex-direction:column;gap:10px}.page-landing .final-trust-item{display:flex;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.85);font-weight:500}.page-landing .final-trust-icon{color:var(--emerald);font-size:16px}.page-landing .btn-final{background:white;color:var(--indigo-600);border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;font-family:inherit}.page-landing .btn-final:hover{background:var(--indigo-50)}.page-landing footer{background:white;border-top:1px solid var(--gray-200);padding:48px 40px 28px}.page-landing .footer-inner{max-width:1200px;margin:0 auto}.page-landing .footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.page-landing .footer-brand-name{display:flex;align-items:center;gap:8px;font-weight:800;font-size:16px;color:var(--gray-900);margin-bottom:12px}.page-landing .footer-brand-icon{width:28px;height:28px;background:var(--indigo-500);border-radius:6px;display:flex;align-items:center;justify-content:center;color:white;font-size:12px;font-weight:900}.page-landing .footer-tagline{font-size:13px;color:var(--gray-500);line-height:1.6}.page-landing .footer-col-title{font-size:13px;font-weight:600;color:var(--gray-900);margin-bottom:14px}.page-landing .footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}.page-landing .footer-links a{font-size:13px;color:var(--gray-500);text-decoration:none;transition:color .2s}.page-landing .footer-links a:hover{color:var(--indigo-500)}.page-landing .footer-newsletter-label{font-size:13px;color:var(--gray-500);margin-bottom:10px;line-height:1.5}.page-landing .footer-email-row{display:flex;gap:6px}.page-landing .footer-email-input{flex:1;border:1.5px solid var(--gray-200);border-radius:8px;padding:9px 12px;font-size:13px;color:var(--gray-700);font-family:inherit;outline:none}.page-landing .footer-email-input:focus{border-color:var(--indigo-400)}.page-landing .footer-email-btn{background:var(--indigo-500);color:white;border:none;border-radius:8px;width:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.page-landing .footer-bottom{border-top:1px solid var(--gray-200);padding-top:20px;display:flex;align-items:center;justify-content:space-between}.page-landing .footer-copy{font-size:12.5px;color:var(--gray-400)}.page-landing .social-links{display:flex;gap:14px}.page-landing .social-link{color:var(--gray-400);font-size:14px;text-decoration:none;font-weight:600;transition:color .2s}.page-landing .social-link:hover{color:var(--indigo-500)}@media (max-width:1024px){.page-landing .analytics-grid,.page-landing .features-grid,.page-landing .final-cta-inner,.page-landing .footer-top,.page-landing .love-grid,.page-landing .pricing-grid,.page-landing .security-grid,.page-landing .steps-grid,.page-landing .testimonials-grid{grid-template-columns:1fr!important;gap:32px!important}.page-landing .analytics-grid,.page-landing .features-grid,.page-landing .footer-top,.page-landing .love-grid{grid-template-columns:repeat(2,1fr)!important}}.page-landing .mobile-menu-btn{display:none;background:none;border:none;color:var(--gray-900);cursor:pointer;padding:4px}.page-landing .mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.page-landing .mobile-menu-overlay.active{opacity:1;pointer-events:auto}.page-landing .mobile-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:white;z-index:999;box-shadow:-4px 0 24px rgba(0,0,0,.1);transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:20px}.page-landing .mobile-menu.active{right:0}.page-landing .mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.page-landing .mobile-close-btn{background:none;border:none;color:var(--gray-500);cursor:pointer;padding:4px}.page-landing .mobile-nav-links{display:flex;flex-direction:column;gap:24px;flex:1}.page-landing .mobile-nav-links a{font-size:16px;font-weight:600;color:var(--gray-800);text-decoration:none}.page-landing .mobile-nav-actions{padding-top:24px;border-top:1px solid var(--gray-200)}.page-landing .problem-text-block{margin-left:60px;max-width:340px;text-align:left}@media (max-width:768px){.page-landing nav{padding:0 20px}.page-landing .nav-links{display:none}.page-landing .desktop-only{display:none!important}.page-landing .nav-right .btn-ghost{display:none}.page-landing .mobile-menu-btn{display:flex}.page-landing section{padding:48px 20px}.page-landing div[style*="padding:72px 40px 60px"]{padding:40px 20px 20px!important}.page-landing div[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:40px!important}.page-landing h1{font-size:38px!important}.page-landing .section-title{font-size:28px!important}.page-landing .analytics-grid,.page-landing .features-grid,.page-landing .footer-top,.page-landing .love-grid{grid-template-columns:1fr!important}.page-landing .final-cta{padding:48px 20px!important}.page-landing .final-cta-right{align-items:flex-start!important}.page-landing .logos-section{padding:32px 20px!important}.page-landing .logos-row{gap:24px!important}.page-landing .problem-text-block{margin-left:0!important;margin-top:48px!important}.page-landing footer{padding:40px 20px 24px}.page-landing .hero-btns{flex-direction:column!important}.page-landing .hero-btns button{width:100%!important}}.page-login *,.page-login :after,.page-login :before{box-sizing:border-box;margin:0;padding:0}:root{--indigo-700:#4338CA;--indigo-600:#4F46E5;--indigo-500:#6366F1;--indigo-400:#818CF8;--indigo-100:#E0E7FF;--indigo-50:#EEF2FF;--emerald:#10B981;--gray-800:#1F2937;--gray-600:#4B5563;--gray-500:#6B7280;--gray-400:#9CA3AF;--gray-300:#D1D5DB;--gray-200:#E5E7EB;--gray-100:#F3F4F6;--gray-50:#F8F9FF}.page-login{height:100%}.page-login{font-family:Inter,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;min-height:100vh}.page-login.page-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.page-login .left{background:white;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--gray-200);position:relative;overflow:hidden}.page-login .left:before{content:"";position:absolute;bottom:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,var(--indigo-50) 0,transparent 70%);pointer-events:none}.page-login .logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.page-login .logo-icon{width:36px;height:36px;background:var(--indigo-600);border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:16px}.page-login .logo-name{font-size:17px;font-weight:800;color:var(--gray-900);letter-spacing:-.3px}.page-login .logo-badge{background:var(--indigo-600);color:white;font-size:10px;font-weight:700;border-radius:5px;padding:2px 6px;letter-spacing:.05em}.page-login .left-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:24px}.page-login .left-h1{font-size:54px;font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--gray-900);margin-bottom:16px}.page-login .left-h1 span{color:var(--indigo-600)}.page-login .left-sub{font-size:16px;color:var(--gray-600);line-height:1.65;margin-bottom:36px;max-width:440px}.page-login .feature-list{display:flex;flex-direction:column;gap:22px;margin-bottom:40px}.page-login .feature-item{display:flex;align-items:flex-start;gap:14px}.page-login .feature-icon-wrap{width:42px;height:42px;background:var(--indigo-50);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.page-login .feature-item-title{font-size:15.5px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.page-login .feature-item-desc{font-size:13.5px;color:var(--gray-500);line-height:1.5}.page-login .dash-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06);display:grid;grid-template-columns:140px 1fr;max-height:240px}.page-login .dash-sidebar{background:white;border-right:1px solid var(--gray-200);padding:12px}.page-login .dash-new-btn{background:var(--indigo-600);color:white;border:none;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;width:100%;cursor:pointer;margin-bottom:14px;font-family:inherit;display:flex;align-items:center;gap:5px;justify-content:center}.page-login .dash-nav-item{display:flex;align-items:center;gap:7px;padding:7px 8px;font-size:11.5px;color:var(--gray-500);border-radius:6px;margin-bottom:2px;font-weight:500}.page-login .dash-main{padding:12px 14px}.page-login .dash-main-title{font-size:12px;font-weight:700;color:var(--gray-800);margin-bottom:6px}.page-login .dash-input-mock{background:white;border:1px solid var(--gray-200);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--gray-400);margin-bottom:8px;line-height:1.4}.page-login .dash-upload-row{display:flex;gap:6px;margin-bottom:8px}.page-login .dash-upload-mock{border:1px solid var(--gray-200);border-radius:6px;color:var(--gray-500);background:white}.page-login .dash-gen-mock,.page-login .dash-upload-mock{padding:5px 10px;font-size:10.5px;flex:1;display:flex;align-items:center;gap:4px}.page-login .dash-gen-mock{background:var(--indigo-600);color:white;border:none;border-radius:6px;font-weight:700;justify-content:center;font-family:inherit}.page-login .dash-result-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--gray-100)}.page-login .dash-result-row:last-child{border-bottom:none}.page-login .dash-result-label{font-size:10.5px;font-weight:700;color:var(--indigo-600)}.page-login .dash-result-text{font-size:10px;color:var(--gray-500)}.page-login .dash-result-check{color:var(--emerald);font-size:13px}.page-login .left-footer{font-size:12.5px;color:var(--gray-400);display:flex;align-items:center;gap:6px}.page-login .right{background:white;padding:48px 56px;display:flex;flex-direction:column;justify-content:center}.page-login .form-title{font-size:28px;font-weight:800;color:var(--gray-900);margin-bottom:4px;letter-spacing:-.5px}.page-login .form-subtitle{font-size:14px;color:var(--gray-500);margin-bottom:28px}.page-login .social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--gray-200);border-radius:10px;padding:12px;font-size:14px;font-weight:600;color:var(--gray-700);background:white;cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:10px}.page-login .social-btn:hover{border-color:var(--gray-400);background:var(--gray-50)}.page-login .divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--gray-400);font-size:13px;font-weight:500}.page-login .divider:after,.page-login .divider:before{content:"";flex:1;height:1px;background:var(--gray-200)}.page-login .field{margin-bottom:16px}.page-login .field label{display:block;font-size:13.5px;font-weight:600;color:var(--gray-800);margin-bottom:7px}.page-login .input-wrap{position:relative}.page-login .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:15px;pointer-events:none}.page-login .field input{width:100%;border:1.5px solid var(--gray-200);border-radius:10px;padding:11px 13px 11px 38px;font-size:14px;color:var(--gray-900);font-family:inherit;outline:none;transition:border-color .15s;background:white}.page-login .field input::placeholder{color:var(--gray-400)}.page-login .field input:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px rgba(99,102,241,.08)}.page-login .eye-btn{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:15px}.page-login .remember-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-login .remember-left{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600)}.page-login .remember-left input[type=checkbox]{width:15px;height:15px;accent-color:var(--indigo-600);cursor:pointer}.page-login .forgot-link{font-size:13px;font-weight:600;color:var(--indigo-600);text-decoration:none}.page-login .forgot-link:hover{text-decoration:underline}.page-login .right{position:relative;overflow:hidden}.page-login .login-form-inner{height:100%}.page-login .forgot-panel,.page-login .login-form-inner{display:flex;flex-direction:column;justify-content:center;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;max-width:450px;width:100%;margin:0 auto}.page-login .forgot-panel{position:absolute;inset:0;background:white;transform:translateX(100%);opacity:0;pointer-events:none}.page-login .forgot-panel.visible{transform:translateX(0);opacity:1;pointer-events:all}.page-login .login-form-inner.hidden{transform:translateX(-60px);opacity:0;pointer-events:none}.page-login .fp-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--gray-500);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;margin-bottom:32px;transition:color .15s}.page-login .fp-back:hover{color:var(--gray-900)}.page-login .fp-icon-wrap{width:56px;height:56px;background:var(--indigo-50);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.page-login .fp-title{font-size:26px;font-weight:800;color:var(--gray-900);letter-spacing:-.5px;margin-bottom:8px}.page-login .fp-sub{font-size:14px;color:var(--gray-500);line-height:1.6;margin-bottom:28px}.page-login .fp-sub strong{color:var(--gray-700)}.page-login .fp-form .field{margin-bottom:20px}.page-login .fp-btn{width:100%;background:var(--indigo-600);color:white;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:-.2px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:8px}.page-login .fp-btn:hover{background:var(--indigo-700)}.page-login .fp-btn:disabled{opacity:.6;cursor:not-allowed}.page-login .fp-hint{text-align:center;font-size:13px;color:var(--gray-400)}.page-login .fp-hint a{color:var(--indigo-600);font-weight:600;text-decoration:none}.page-login .fp-hint a:hover{text-decoration:underline}.page-login .fp-success{display:none;flex-direction:column;align-items:center;text-align:center;padding:16px 0}.page-login .fp-success.show{display:flex}.page-login .fp-success-icon{width:72px;height:72px;background:#ECFDF5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:32px}.page-login .fp-success-title{font-size:22px;font-weight:800;color:var(--gray-900);letter-spacing:-.4px;margin-bottom:10px}.page-login .fp-success-sub{font-size:14px;color:var(--gray-500);line-height:1.65;max-width:320px;margin-bottom:28px}.page-login .fp-success-note{display:flex;align-items:center;gap:8px;background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--gray-600);width:100%;margin-bottom:20px}.page-login .fp-resend-btn{background:none;border:none;color:var(--indigo-600);font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;padding:0;transition:opacity .15s}.page-login .fp-resend-btn:hover{opacity:.75}.page-login .btn-submit{width:100%;background:var(--indigo-600);color:white;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:-.2px;margin-bottom:14px}.page-login .btn-submit:hover{background:var(--indigo-700)}.page-login .signup-link{text-align:center;font-size:13.5px;color:var(--gray-500);margin-bottom:24px}.page-login .signup-link a{color:var(--indigo-600);font-weight:700;text-decoration:none}.page-login .signup-link a:hover{text-decoration:underline}.page-login .new-box{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:12px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px}.page-login .new-icon{font-size:26px;flex-shrink:0}.page-login .new-title{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.page-login .new-sub{font-size:13px;color:var(--gray-500);margin-bottom:10px}.page-login .new-cta{display:inline-flex;align-items:center;gap:6px;color:var(--indigo-600);font-size:13.5px;font-weight:700;text-decoration:none}.page-login .new-cta:hover{text-decoration:underline}.page-login .mobile-logo{display:none}@media (max-width:1024px){.page-login .mobile-logo{display:flex;margin-bottom:32px}.page-login.page-wrap{grid-template-columns:1fr}.page-login .left{display:none}.page-login .right{padding:40px 24px}}.page-signup *,.page-signup :after,.page-signup :before{box-sizing:border-box;margin:0;padding:0}:root{--indigo-700:#4338ca;--indigo-600:#4f46e5;--indigo-500:#6366f1;--indigo-400:#818cf8;--indigo-100:#e0e7ff;--indigo-50:#eef2ff;--emerald:#10b981;--emerald-50:#ecfdf5;--gray-900:#111827;--gray-800:#1f2937;--gray-700:#374151;--gray-600:#4b5563;--gray-500:#6b7280;--gray-400:#9ca3af;--gray-300:#d1d5db;--gray-200:#e5e7eb;--gray-100:#f3f4f6;--gray-50:#f8f9ff}.page-signup{height:100%}.page-signup{font-family:Inter,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased;min-height:100vh}.page-signup.page-wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.page-signup .left{background:white;padding:40px 48px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--gray-200);position:relative;overflow:hidden}.page-signup .left:before{content:"";position:absolute;bottom:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,var(--indigo-50) 0,transparent 70%);pointer-events:none}.page-signup .logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.page-signup .logo-icon{width:36px;height:36px;background:var(--indigo-600);border-radius:9px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:16px}.page-signup .logo-name{font-size:17px;font-weight:800;color:var(--gray-900);letter-spacing:-.3px}.page-signup .logo-badge{background:var(--indigo-600);color:white;font-size:10px;font-weight:700;border-radius:5px;padding:2px 6px;letter-spacing:.05em}.page-signup .left-content{flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:24px;align-items:flex-start}.page-signup .left-tag{display:inline-flex;align-items:center;gap:6px;background:var(--indigo-50);border:1px solid var(--indigo-100);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--indigo-600);margin-bottom:24px}.page-signup .left-h1{font-size:50px;font-weight:800;line-height:1.15;letter-spacing:-1px;color:var(--gray-900);margin-bottom:16px}.page-signup .left-h1 span{color:var(--indigo-600)}.page-signup .left-sub{font-size:16px;color:var(--gray-600);line-height:1.65;margin-bottom:36px;max-width:440px}.page-signup .feature-list{display:flex;flex-direction:column;gap:22px;margin-bottom:40px}.page-signup .feature-item{display:flex;align-items:flex-start;gap:14px}.page-signup .feature-icon-wrap{width:42px;height:42px;background:var(--indigo-50);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.page-signup .feature-item-title{font-size:15.5px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.page-signup .feature-item-desc{font-size:13.5px;color:var(--gray-500);line-height:1.5}.page-signup .dash-preview{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.06);display:grid;grid-template-columns:140px 1fr;max-height:240px}.page-signup .dash-sidebar{background:white;border-right:1px solid var(--gray-200);padding:12px}.page-signup .dash-new-btn{background:var(--indigo-600);color:white;border:none;border-radius:7px;padding:8px 10px;font-size:11px;font-weight:700;width:100%;cursor:pointer;margin-bottom:14px;font-family:inherit;display:flex;align-items:center;gap:5px;justify-content:center}.page-signup .dash-nav-item{display:flex;align-items:center;gap:7px;padding:7px 8px;font-size:11.5px;color:var(--gray-500);border-radius:6px;margin-bottom:2px;font-weight:500}.page-signup .dash-main{padding:12px 14px}.page-signup .dash-main-title{font-size:12px;font-weight:700;color:var(--gray-800);margin-bottom:6px}.page-signup .dash-input-mock{background:white;border:1px solid var(--gray-200);border-radius:8px;padding:8px 10px;font-size:11px;color:var(--gray-400);margin-bottom:8px;line-height:1.4}.page-signup .dash-upload-row{display:flex;gap:6px;margin-bottom:8px}.page-signup .dash-upload-mock{border:1px solid var(--gray-200);border-radius:6px;color:var(--gray-500);background:white}.page-signup .dash-gen-mock,.page-signup .dash-upload-mock{padding:5px 10px;font-size:10.5px;flex:1;display:flex;align-items:center;gap:4px}.page-signup .dash-gen-mock{background:var(--indigo-600);color:white;border:none;border-radius:6px;font-weight:700;justify-content:center;font-family:inherit}.page-signup .dash-result-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--gray-100)}.page-signup .dash-result-row:last-child{border-bottom:none}.page-signup .dash-result-label{font-size:10.5px;font-weight:700;color:var(--indigo-600)}.page-signup .dash-result-text{font-size:10px;color:var(--gray-500)}.page-signup .dash-result-check{color:var(--emerald);font-size:13px}.page-signup .left-footer{font-size:12.5px;color:var(--gray-400);display:flex;align-items:center;gap:6px}.page-signup .right{background:white;padding:48px 56px}.page-signup .right,.page-signup .signup-form-inner{display:flex;flex-direction:column;justify-content:center}.page-signup .signup-form-inner{height:100%;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .3s ease;max-width:450px;width:100%;margin:0 auto}.page-signup .form-title{font-size:28px;font-weight:800;color:var(--gray-900);margin-bottom:4px;letter-spacing:-.5px}.page-signup .form-subtitle{font-size:14px;color:var(--gray-500);margin-bottom:28px}.page-signup .social-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--gray-200);border-radius:10px;padding:12px;font-size:14px;font-weight:600;color:var(--gray-700);background:white;cursor:pointer;transition:all .15s;font-family:inherit;margin-bottom:10px}.page-signup .social-btn:hover{border-color:var(--gray-400);background:var(--gray-50)}.page-signup .social-icon{font-size:18px}.page-signup .divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:var(--gray-400);font-size:13px;font-weight:500}.page-signup .divider:after,.page-signup .divider:before{content:"";flex:1;height:1px;background:var(--gray-200)}.page-signup .field{margin-bottom:16px}.page-signup .field label{display:block;font-size:13.5px;font-weight:600;color:var(--gray-800);margin-bottom:7px}.page-signup .input-wrap{position:relative}.page-signup .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:15px;pointer-events:none}.page-signup .field input{width:100%;border:1.5px solid var(--gray-200);border-radius:10px;padding:11px 13px 11px 38px;font-size:14px;color:var(--gray-900);font-family:inherit;outline:none;transition:border-color .15s;background:white}.page-signup .field input::placeholder{color:var(--gray-400)}.page-signup .field input:focus{border-color:var(--indigo-500);box-shadow:0 0 0 3px rgba(99,102,241,.08)}.page-signup .eye-btn{position:absolute;right:13px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--gray-400);font-size:15px}.page-signup .pwd-rules{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.page-signup .pwd-rule{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--gray-500);background:var(--gray-100);border-radius:6px;padding:4px 10px}.page-signup .pwd-rule-icon{color:var(--gray-400);font-size:12px}.page-signup .terms-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:20px;margin-top:4px}.page-signup .terms-checkbox{width:17px;height:17px;accent-color:var(--indigo-600);cursor:pointer;flex-shrink:0;margin-top:1px}.page-signup .terms-text{font-size:13px;color:var(--gray-600);line-height:1.5}.page-signup .terms-text a{color:var(--indigo-600);font-weight:600;text-decoration:none}.page-signup .terms-text a:hover{text-decoration:underline}.page-signup .btn-submit{width:100%;background:var(--indigo-600);color:white;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit;letter-spacing:-.2px;margin-bottom:14px}.page-signup .btn-submit:hover{background:var(--indigo-700)}.page-signup .signin-link{text-align:center;font-size:13.5px;color:var(--gray-500);margin-bottom:24px}.page-signup .signin-link a{color:var(--indigo-600);font-weight:700;text-decoration:none}.page-signup .signin-link a:hover{text-decoration:underline}.page-signup .trial-box{background:var(--gray-50);border:1.5px solid var(--gray-200);border-radius:12px;padding:18px 20px;display:flex;align-items:flex-start;gap:14px}.page-signup .trial-icon{font-size:26px;flex-shrink:0}.page-signup .trial-title{font-size:14px;font-weight:700;color:var(--gray-900);margin-bottom:8px}.page-signup .trial-list{display:flex;flex-direction:column;gap:5px}.page-signup .trial-item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--gray-600)}.page-signup .trial-check{color:var(--emerald);font-size:14px}.page-signup .mobile-logo{display:none}@media (max-width:1024px){.page-signup .mobile-logo{display:flex;margin-bottom:32px}.page-signup.page-wrap{grid-template-columns:1fr}.page-signup .left{display:none}.page-signup .right{padding:40px 24px}}.page-dashboard *,.page-dashboard :after,.page-dashboard :before{box-sizing:border-box;margin:0;padding:0}.page-dashboard{height:100%}.page-dashboard{font-family:Inter,sans-serif;background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.page-dashboard .app{display:flex;min-height:100vh}.page-dashboard .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-dashboard .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-dashboard .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-dashboard .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-dashboard .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px;letter-spacing:.04em}.page-dashboard .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-dashboard .sb-new:hover{background:var(--purple-dark)}.page-dashboard .sb-new-shortcut{font-size:10.5px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-dashboard .sb-nav{padding:0 8px;flex:1}.page-dashboard .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-dashboard .nav-item svg{flex-shrink:0}.page-dashboard .nav-item:hover{background:var(--bg);color:var(--text)}.page-dashboard .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-dashboard .sb-spacer{flex:1}.page-dashboard .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-dashboard .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-dashboard .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-dashboard .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-dashboard .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-dashboard .upgrade-link:hover{opacity:.75}.page-dashboard .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;height:60px;transition:background .15s}.page-dashboard .sb-user:hover{background:var(--bg)}.page-dashboard .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-dashboard .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-dashboard .sb-user-co{font-size:11.5px;color:var(--muted)}.page-dashboard .sb-chevron{margin-left:auto;color:var(--muted)}.page-dashboard.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page-dashboard .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-dashboard .topbar-greeting{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-dashboard .topbar-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-dashboard .topbar-actions{display:flex;align-items:center;gap:9px}.page-dashboard .demo-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-dashboard .demo-btn:hover{border-color:var(--purple);color:var(--purple)}.page-dashboard .notif-wrap{position:relative}.page-dashboard .notif-btn{width:36px;height:36px;border:1.5px solid var(--border);border-radius:8px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}.page-dashboard .notif-btn:hover{border-color:var(--purple)}.page-dashboard .notif-dot{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ef4444;color:white;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid white}.page-dashboard .content-body{flex:1;display:grid;grid-template-columns:1fr;transition:grid-template-columns .3s;align-items:start;background-color:#fcfcfc}.page-dashboard .content-body.split{grid-template-columns:1fr 1fr}.page-dashboard .left-panel{padding:28px 32px 40px 60px;border-right:1px solid var(--border)}.page-dashboard .content-body:not(.split) .left-panel{border-right:none;max-width:780px;width:100%;margin:0 auto;padding:28px 60px 40px}.page-dashboard .ws-card{margin-bottom:24px}.page-dashboard .ws-title{font-size:17px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.3px}.page-dashboard .ws-desc{font-size:13px;color:var(--muted);margin-bottom:16px;line-height:1.5}.page-dashboard .ws-textarea{width:100%;border:1.5px solid var(--border);border-radius:10px;padding:14px 16px;font-size:13.5px;color:var(--text);font-family:inherit;outline:none;resize:none;height:350px;line-height:1.65;transition:border-color .15s;display:block;background:white;box-shadow:0 2px 8px rgba(0,0,0,.06)}.page-dashboard .ws-textarea:focus{box-shadow:0 0 0 4px rgba(124,58,237,.12)}.page-dashboard .ws-textarea::placeholder{color:#c0c4ce}.page-dashboard .ws-textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-dashboard .ws-footer{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.page-dashboard .upload-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-dashboard .upload-btn:hover{border-color:var(--purple);color:var(--purple)}.page-dashboard .gen-btn{display:flex;align-items:center;gap:7px;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;box-shadow:0 4px 14px rgba(91,61,245,.28)}.page-dashboard .gen-btn:hover{background:var(--purple-dark)}.page-dashboard .gen-btn.loading{opacity:.8;cursor:not-allowed}.page-dashboard .gen-btn .x-icon{font-size:14px;font-weight:900;opacity:.7}.page-dashboard .section-heading{font-size:14px;font-weight:600;color:var(--text);margin-bottom:12px}.page-dashboard .action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.page-dashboard .action-card{border:1.5px solid var(--border);border-radius:12px;padding:6px;cursor:pointer;transition:all .15s;background:white;position:relative;display:flex;align-items:center;gap:5px}.page-dashboard .action-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-dashboard .action-card.sel{border-color:var(--purple);background:var(--purple-light)}.page-dashboard .ac-check{display:flex;position:absolute;top:50%;transform:translateY(-50%);right:10px;width:18px;height:18px;background:transparent;border:2px solid var(--border);border-radius:50%;color:transparent;font-size:10px;font-weight:800;align-items:center;justify-content:center;transition:all .15s}.page-dashboard .action-card.sel .ac-check{background:var(--purple);border-color:var(--purple);color:white}.page-dashboard .ac-icon{width:30px;height:30px;background:var(--purple-light);border-radius:8px;display:flex;align-items:center;justify-content:center;border:1.5px solid transparent;flex-shrink:0}.page-dashboard .action-card.sel .ac-icon{border-color:var(--purple-border);background:white}.page-dashboard .ac-name{font-size:13.5px;font-weight:700;color:var(--text)}.page-dashboard .ac-desc,.page-dashboard .split .ac-desc,.page-dashboard .split .all-desc{display:none}.page-dashboard .split .action-card{padding:8px 22px 8px 8px;gap:6px}.page-dashboard .split .ac-icon{width:26px;height:26px;border-radius:6px}.page-dashboard .split .ac-icon svg{width:14px;height:14px}.page-dashboard .split .ac-name{font-size:10px}.page-dashboard .split .ac-check{width:14px;height:14px;right:6px;font-size:8px}.page-dashboard .all-card{border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s;background:white;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-dashboard .all-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-dashboard .all-card.sel{border-color:var(--purple);background:var(--purple-light)}.page-dashboard .all-left{display:flex;flex-direction:column;gap:2px}.page-dashboard .all-name{font-size:13.5px;font-weight:700;color:var(--text)}.page-dashboard .all-desc{font-size:12px;color:var(--muted)}.page-dashboard .all-check{width:22px;height:22px;border-radius:50%;background:transparent;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent;font-size:11px;font-weight:800;flex-shrink:0;transition:all .15s}.page-dashboard .all-card.sel .all-check{background:var(--purple);border-color:var(--purple);color:white}.page-dashboard .adv-toggle{display:flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--text);cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .15s}.page-dashboard .adv-toggle:hover{color:var(--purple)}.page-dashboard .adv-chevron{transition:transform .2s}.page-dashboard .adv-chevron.open{transform:rotate(180deg)}.page-dashboard .adv-fields{display:none;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.page-dashboard .adv-fields.open{display:grid}.page-dashboard .adv-field label{font-size:12px;font-weight:600;color:var(--text);display:block;margin-bottom:5px}.page-dashboard .adv-field select{width:100%;border:1.5px solid var(--border);border-radius:8px;padding:8px 11px;font-size:12.5px;color:var(--text);font-family:inherit;outline:none;background:white;transition:border-color .15s}.page-dashboard .adv-field select:focus{border-color:var(--purple)}.page-dashboard .right-panel{padding:28px 60px 40px 32px;display:none;min-height:calc(100vh - 62px)}.page-dashboard .content-body.split .right-panel{display:block}.page-dashboard .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-dashboard .results-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.2px}.page-dashboard .results-icon{font-size:18px}.page-dashboard .results-actions{display:flex;align-items:center;gap:8px}.page-dashboard .res-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-dashboard .res-btn:hover{border-color:var(--purple);color:var(--purple)}.page-dashboard .result-tabs{display:flex;gap:6px;margin-bottom:16px}.page-dashboard .rtab{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-dashboard .rtab.active{background:var(--purple);color:white;border-color:var(--purple)}.page-dashboard .rtab:hover:not(.active){border-color:var(--purple);color:var(--purple)}.page-dashboard .tab-panel{display:none}.page-dashboard .tab-panel.active{display:block}.page-dashboard .reply-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.page-dashboard .reply-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-dashboard .reply-title-row{display:flex;align-items:center;gap:10px}.page-dashboard .reply-title{font-size:14.5px;font-weight:700;color:var(--text)}.page-dashboard .ready-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.page-dashboard .reply-btns{display:flex;gap:7px}.page-dashboard .sm-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--border);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-dashboard .sm-btn:hover{border-color:var(--purple);color:var(--purple)}.page-dashboard .reply-body{font-size:13.5px;color:var(--text);line-height:1.75}.page-dashboard .reply-body p{margin-bottom:10px}.page-dashboard .reply-body p:last-child{margin-bottom:0}.page-dashboard .reply-sig{margin-top:14px;font-size:13.5px}.page-dashboard .estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.page-dashboard .est-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:18px}.page-dashboard .est-card-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:7px}.page-dashboard .est-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.page-dashboard .est-row:last-child{border-bottom:none}.page-dashboard .est-label{font-size:13px;color:var(--muted)}.page-dashboard .est-val{font-size:13px;font-weight:600;color:var(--text)}.page-dashboard .est-val.green{color:var(--green);background:var(--green-light);border-radius:6px;padding:2px 8px;font-size:12px}.page-dashboard .est-val.orange{color:var(--orange-text);background:var(--orange-light);border-radius:6px;padding:2px 8px;font-size:12px}.page-dashboard .features-list{display:flex;flex-direction:column;gap:7px}.page-dashboard .feat-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text)}.page-dashboard .feat-check{color:var(--green);font-size:14px;flex-shrink:0}.page-dashboard .view-more-link{font-size:12.5px;color:var(--purple);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;margin-top:10px;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.page-dashboard .view-more-link:hover{text-decoration:underline}.page-dashboard .est-detail-btn{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px;font-size:13px;font-weight:600;color:var(--purple);background:white;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.page-dashboard .est-detail-btn:hover{border-color:var(--purple);background:var(--purple-light)}.page-dashboard .questions-list{background:white;border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.page-dashboard .q-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.page-dashboard .q-item:last-child{border-bottom:none}.page-dashboard .q-num{width:24px;height:24px;background:var(--purple-light);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--purple);flex-shrink:0}.page-dashboard .q-text{font-size:13.5px;color:var(--text);line-height:1.55;padding-top:2px}.page-dashboard .copy-q-btn{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.page-dashboard .copy-q-btn:hover{border-color:var(--purple);color:var(--purple)}.page-dashboard .proposal-summary{background:white;border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.page-dashboard .prop-section-title{font-size:13px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.page-dashboard .prop-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.page-dashboard .prop-row:last-child{border-bottom:none}.page-dashboard .prop-label{color:var(--muted)}.page-dashboard .prop-val{font-weight:600;color:var(--text)}.page-dashboard .next-cta{display:none;background:white;border:1.5px solid var(--border);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-dashboard .next-cta-text{font-size:13px;font-weight:600;color:var(--text);line-height:1.5;max-width:500px}.page-dashboard .gen-proposal-btn{display:flex;align-items:center;gap:7px;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 18px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px rgba(91,61,245,.25)}.page-dashboard .gen-proposal-btn:hover{background:var(--purple-dark)}.page-dashboard .ai-note{text-align:center;font-size:12px;color:var(--muted);padding:16px 32px;border-top:1px solid var(--border);height:60px}.page-dashboard .loading-overlay{display:none;position:fixed;inset:0;background:rgba(255,255,255,.85);z-index:100;align-items:center;justify-content:center;flex-direction:column;gap:16px;backdrop-filter:blur(4px)}.page-dashboard .loading-overlay.show{display:flex}.page-dashboard .loading-spinner{width:44px;height:44px;border:3.5px solid var(--purple-light);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.page-dashboard .loading-text{font-size:15px;font-weight:600;color:var(--text)}.page-dashboard .loading-sub{font-size:13px;color:var(--muted)}.page-dashboard .templates-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .2s}.page-dashboard .templates-modal-overlay.show{opacity:1;pointer-events:auto}.page-dashboard .templates-modal{background:white;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.15);transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1)}.page-dashboard .templates-modal-overlay.show .templates-modal{transform:translateY(0)}.page-dashboard .tm-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.page-dashboard .tm-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.page-dashboard .tm-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer}.page-dashboard .tm-grid{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-y:auto}.page-dashboard .tm-card{border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s}.page-dashboard .tm-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-dashboard .tm-card.sel{border-color:var(--purple);background:var(--purple-light)}.page-dashboard .tm-icon{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}.page-dashboard .tm-card.sel .tm-icon{background:white}.page-dashboard .tm-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.page-dashboard .tm-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:16px;min-height:34px}.page-dashboard .tm-footer{display:flex;align-items:center;gap:8px}.page-dashboard .tm-sections{font-size:11px;color:var(--muted);font-weight:600}.page-dashboard .tm-badge{font-size:10px;font-weight:700;color:var(--green);background:var(--green-light);padding:2px 6px;border-radius:4px}.page-dashboard .tm-action{padding:16px 24px 24px;border-top:1px solid var(--border)}.page-dashboard .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-dashboard .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-dashboard .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-dashboard .rc-view-all:hover{text-decoration:underline}.page-dashboard .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-dashboard .rc-item:hover{background:var(--bg)}.page-dashboard .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-dashboard .rc-text{flex:1;min-width:0}.page-dashboard .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-dashboard .rc-desc,.page-dashboard .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-dashboard .rc-desc{font-size:11px;color:var(--muted)}.page-proposals *,.page-proposals :after,.page-proposals :before{box-sizing:border-box;margin:0;padding:0}:root{--orange-text:#b45309;--red-light:#fef2f2;--red-text:#b91c1c;--preview-w:320px}.page-proposals{height:100%}.page-proposals{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-proposals .app{display:flex;min-height:100vh}.page-proposals .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-proposals .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-proposals .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-proposals .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-proposals .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-proposals .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-proposals .sb-new:hover{background:var(--purple-dark)}.page-proposals .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-proposals .sb-nav{padding:0 8px}.page-proposals .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-proposals .nav-item:hover{background:var(--bg);color:var(--text)}.page-proposals .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-proposals .sb-bottom{margin-top:auto}.page-proposals .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-proposals .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-proposals .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-proposals .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-proposals .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-decoration:none}.page-proposals .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s}.page-proposals .sb-user:hover{background:var(--bg)}.page-proposals .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-proposals .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-proposals .sb-user-co{font-size:11.5px;color:var(--muted)}.page-proposals.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.page-proposals .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-proposals .topbar-left .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-proposals .topbar-left .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-proposals .topbar-right{display:flex;align-items:center;gap:9px}.page-proposals .search-wrap{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;background:white;transition:border-color .15s;min-width:210px}.page-proposals .search-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-proposals .search-wrap input{border:none;outline:none;font-size:13px;color:var(--text);font-family:inherit;background:transparent;flex:1;min-width:0}.page-proposals .search-wrap input::placeholder{color:var(--muted)}.page-proposals .search-shortcut{font-size:10.5px;font-weight:600;color:var(--muted);background:#f3f4f6;border-radius:4px;padding:2px 6px;white-space:nowrap}.page-proposals .filter-wrap{position:relative}.page-proposals .filter-wrap:after{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted)}.page-proposals .filter-select{border:1.5px solid var(--border);border-radius:9px;padding:7px 28px 7px 12px;font-size:13px;font-weight:500;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none}.page-proposals .filter-select:focus{border-color:var(--purple)}.page-proposals .export-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:7px 13px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-proposals .export-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposals .body-wrap{flex:1;display:flex;overflow:hidden}.page-proposals .list-panel{flex:1;padding:20px 60px 40px;overflow-y:auto;min-width:0}.page-proposals .pills-bar{display:flex;align-items:center;gap:6px;margin-bottom:16px;flex-wrap:wrap}.page-proposals .pill{border:1.5px solid var(--border);border-radius:20px;padding:5px 14px;font-size:12.5px;font-weight:600;color:var(--muted);background:white;cursor:pointer;transition:all .15s}.page-proposals .pill:hover{border-color:var(--purple);color:var(--purple)}.page-proposals .pill.active{background:var(--purple);color:white;border-color:var(--purple)}.page-proposals .pills-right{margin-left:auto;display:flex;align-items:center;gap:8px}.page-proposals .sort-select{border:1.5px solid var(--border);border-radius:8px;padding:5px 26px 5px 10px;font-size:12px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none;position:relative}.page-proposals .sort-wrap{position:relative}.page-proposals .sort-wrap:after{content:"";position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid var(--muted)}.page-proposals .sort-icon-btn{width:32px;height:32px;border:1.5px solid var(--border);border-radius:7px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .15s}.page-proposals .sort-icon-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposals .proposals-card{background:white;border:1.5px solid var(--border);border-radius:14px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.04)}.page-proposals .table-head{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr .8fr 1fr .4fr;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--bg)}.page-proposals .th{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.page-proposals .prop-row{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr .8fr 1fr .4fr;align-items:center;padding:14px 18px;border-bottom:1px solid #f9fafb;cursor:pointer;transition:background .12s;position:relative}.page-proposals .prop-row:last-child{border-bottom:none}.page-proposals .prop-row:hover{background:#fafafa}.page-proposals .prop-row.selected{background:var(--purple-light);border-left:3px solid var(--purple);padding-left:15px}.page-proposals .proj-cell{display:flex;align-items:center;gap:12px}.page-proposals .proj-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.page-proposals .proj-name{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.page-proposals .proj-cat{font-size:11.5px;color:var(--muted)}.page-proposals .client-name{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.page-proposals .client-person{font-size:11.5px;color:var(--muted)}.page-proposals .status-badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600;white-space:nowrap}.page-proposals .status-badge.draft{background:#f3f4f6;color:var(--muted)}.page-proposals .status-badge.sent{background:var(--blue-light);color:var(--blue-text)}.page-proposals .status-badge.viewed{background:var(--purple-light);color:var(--purple)}.page-proposals .status-badge.accepted{background:var(--green-light);color:var(--green-text)}.page-proposals .status-badge.declined{background:var(--red-light);color:var(--red-text)}.page-proposals .status-badge.archived{background:#f3f4f6;color:#9ca3af}.page-proposals .amount-val{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.page-proposals .amount-cur{font-size:11.5px;color:var(--muted)}.page-proposals .date-main{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.page-proposals .date-time{font-size:11.5px;color:var(--muted)}.page-proposals .actions-cell{display:flex;align-items:center;justify-content:flex-end}.page-proposals .more-btn{width:28px;height:28px;border:none;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;font-weight:800;letter-spacing:1px;transition:all .15s;position:relative}.page-proposals .more-btn:hover{background:var(--border);color:var(--text)}.page-proposals .dropdown{display:none;position:absolute;right:0;top:100%;background:white;border:1.5px solid var(--border);border-radius:10px;min-width:170px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.1);overflow:hidden;margin-top:4px}.page-proposals .dropdown.open{display:block}.page-proposals .dd-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background .12s}.page-proposals .dd-item:hover{background:var(--bg)}.page-proposals .dd-item.danger{color:var(--red)}.page-proposals .dd-item.danger:hover{background:var(--red-light)}.page-proposals .dd-divider{height:1px;background:var(--border);margin:3px 0}.page-proposals .table-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg)}.page-proposals .foot-count{font-size:12.5px;color:var(--muted)}.page-proposals .pagination{display:flex;align-items:center;gap:5px}.page-proposals .pg{width:30px;height:30px;border-radius:7px;border:1.5px solid var(--border);background:white;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.page-proposals .pg:hover{border-color:var(--purple);color:var(--purple)}.page-proposals .pg.active{background:var(--purple);color:white;border-color:var(--purple)}.page-proposals .pg.arr{color:var(--muted);font-size:13px}.page-proposals .pg.arr:hover{color:var(--purple);border-color:var(--purple)}.page-proposals .preview-panel{width:var(--preview-w);flex-shrink:0;border-left:1px solid var(--border);background:white;display:flex;flex-direction:column;position:sticky;height:calc(100vh - 62px);overflow-y:auto}.page-proposals .preview-panel.hidden{display:none}.page-proposals .prev-header{padding:18px 18px 14px;border-bottom:1px solid var(--border);position:relative}.page-proposals .prev-meta-container{display:flex;gap:12px;align-items:flex-start;padding-right:32px}.page-proposals .prev-details{flex:1;min-width:0}.page-proposals .prev-sub-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.page-proposals .close-btn{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.page-proposals .close-btn:hover{background:var(--border);color:var(--text)}.page-proposals .prev-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-proposals .prev-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px;line-height:1.35}.page-proposals .prev-num{font-size:12px;color:var(--muted);margin-bottom:0}.page-proposals .prev-quick-actions{display:flex;align-items:center;gap:7px;margin-top:5px}.page-proposals .quick-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--border);border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-proposals .quick-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposals .quick-btn.more{width:32px;padding:6px;justify-content:center;font-size:14px;font-weight:800;letter-spacing:1px}.page-proposals .prev-section{padding:16px 18px;border-bottom:1px solid var(--border)}.page-proposals .prev-section-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:12px}.page-proposals .detail-row{display:flex;align-items:flex-start;gap:11px;margin-bottom:12px}.page-proposals .detail-row:last-child{margin-bottom:0}.page-proposals .detail-icon{width:28px;height:28px;background:var(--bg);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:1px}.page-proposals .detail-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.page-proposals .detail-val{font-size:13px;font-weight:600;color:var(--text)}.page-proposals .prev-card-wrap{padding:16px 18px;border-bottom:1px solid var(--border)}.page-proposals .mini-proposal{border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.page-proposals .mini-cover{background:var(--purple);padding:16px}.page-proposals .mini-cover-logo{display:flex;align-items:center;gap:8px;margin-bottom:14px}.page-proposals .mini-cover-icon{width:28px;height:28px;background:rgba(255,255,255,.2);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:13px}.page-proposals .mini-cover-brand{font-size:12px;font-weight:700;color:rgba(255,255,255,.9)}.page-proposals .mini-cover-title{font-size:13px;font-weight:800;color:white;line-height:1.35;letter-spacing:-.2px}.page-proposals .mini-cover-sub{font-size:10.5px;color:rgba(255,255,255,.7);margin-top:3px}.page-proposals .mini-body{padding:14px;background:white}.page-proposals .mini-body-section{margin-bottom:12px}.page-proposals .mini-section-title{font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.page-proposals .mini-text{font-size:10.5px;color:var(--muted);line-height:1.6}.page-proposals .mini-highlights{display:flex;flex-direction:column;gap:4px}.page-proposals .mini-hi{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--text)}.page-proposals .mini-hi-check{color:var(--green);font-size:12px}.page-proposals .share-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:white;border:none;border-radius:0 0 0 0;padding:14px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:100%;margin-top:auto;position:sticky;bottom:0}.page-proposals .share-btn:hover{background:var(--purple-dark)}.page-proposals .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-proposals .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-proposals .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-proposals .rc-view-all:hover{text-decoration:underline}.page-proposals .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-proposals .rc-item:hover{background:var(--bg)}.page-proposals .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-proposals .rc-text{flex:1;min-width:0}.page-proposals .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-proposals .rc-desc,.page-proposals .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-proposals .rc-desc{font-size:11px;color:var(--muted)}.page-proposal-preview *,.page-proposal-preview :after,.page-proposal-preview :before{box-sizing:border-box;margin:0;padding:0}.page-proposal-preview{height:100%}.page-proposal-preview{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}.page-proposal-preview .app{display:flex;height:100vh;overflow:hidden}.page-proposal-preview .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;z-index:30}.page-proposal-preview .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-proposal-preview .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-proposal-preview .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-proposal-preview .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-proposal-preview .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-proposal-preview .sb-new:hover{background:var(--purple-dark)}.page-proposal-preview .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-proposal-preview .sb-nav{padding:0 8px;flex:1}.page-proposal-preview .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-proposal-preview .nav-item:hover{background:var(--bg);color:var(--text)}.page-proposal-preview .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-proposal-preview .sb-bottom{margin-top:auto}.page-proposal-preview .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-proposal-preview .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-proposal-preview .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-proposal-preview .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-proposal-preview .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-proposal-preview .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer}.page-proposal-preview .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-proposal-preview .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-proposal-preview .sb-user-co{font-size:11.5px;color:var(--muted)}.page-proposal-preview.workspace{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.page-proposal-preview .page-header{background:var(--white);border-bottom:1px solid var(--border);padding:14px 28px;flex-shrink:0}.page-proposal-preview .back-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:color .15s;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.page-proposal-preview .back-link:hover{color:var(--purple)}.page-proposal-preview .header-row{display:flex;align-items:center;justify-content:space-between}.page-proposal-preview .header-left{display:flex;flex-direction:column;gap:4px}.page-proposal-preview .header-title-row{display:flex;align-items:center;gap:10px}.page-proposal-preview .header-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.4px}.page-proposal-preview .active-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 11px;font-size:12px;font-weight:700}.page-proposal-preview .header-sub{font-size:13px;color:var(--muted)}.page-proposal-preview .header-sub span{color:var(--purple);font-weight:500}.page-proposal-preview .header-actions{display:flex;align-items:center;gap:8px}.page-proposal-preview .edit-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-proposal-preview .edit-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposal-preview .more-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-proposal-preview .more-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposal-preview .use-btn{display:flex;align-items:center;gap:7px;background:var(--purple);color:white;border:none;border-radius:9px;padding:9px 18px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.page-proposal-preview .use-btn:hover{background:var(--purple-dark)}.page-proposal-preview .main-row{flex:1;display:flex;overflow:hidden}.page-proposal-preview .config-panel{width:var(--config-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.page-proposal-preview .config-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.page-proposal-preview .ctab{flex:1;padding:13px 0;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;text-align:center;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;transition:all .15s;margin-bottom:-1px}.page-proposal-preview .ctab:hover{color:var(--text)}.page-proposal-preview .ctab.active{color:var(--purple);font-weight:700;border-bottom-color:var(--purple)}.page-proposal-preview .config-body{flex:1;overflow-y:auto;padding:16px 16px 20px}.page-proposal-preview .sec-count-row{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:12px}.page-proposal-preview .sec-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.page-proposal-preview .sec-card{display:flex;align-items:center;gap:10px;background:white;border:1.5px solid var(--border);border-radius:10px;padding:11px 13px;cursor:pointer;transition:all .15s}.page-proposal-preview .sec-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-proposal-preview .sec-card.active{border-color:var(--purple);background:var(--purple-light)}.page-proposal-preview .drag-dots{display:flex;align-items:center;color:#d1d5db;cursor:grab;flex-shrink:0}.page-proposal-preview .drag-dots:active{cursor:grabbing}.page-proposal-preview .sec-card-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-proposal-preview .sec-card-name{font-size:13px;font-weight:600;color:var(--text);flex:1}.page-proposal-preview .add-sec-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px dashed var(--purple-border);border-radius:10px;padding:11px;font-size:13px;font-weight:700;color:var(--purple);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-proposal-preview .add-sec-btn:hover{background:var(--purple-light);border-style:solid}.page-proposal-preview .setting-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--bg)}.page-proposal-preview .setting-row:last-child{border-bottom:none}.page-proposal-preview .setting-label{font-size:13px;color:var(--muted);font-weight:500}.page-proposal-preview .setting-val-wrap{position:relative}.page-proposal-preview .setting-val-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted)}.page-proposal-preview .s-select{border:1.5px solid var(--border);border-radius:7px;padding:5px 22px 5px 9px;font-size:12px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none}.page-proposal-preview .s-select:focus{border-color:var(--purple)}.page-proposal-preview .color-dot{width:22px;height:22px;border-radius:6px;background:var(--purple);border:2px solid white;box-shadow:0 0 0 1.5px var(--border);cursor:pointer}.page-proposal-preview .preview-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg)}.page-proposal-preview .preview-toolbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 20px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-proposal-preview .prev-tabs{display:flex;align-items:center;gap:0}.page-proposal-preview .ptab{padding:0 16px;height:52px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;transition:all .15s;display:flex;align-items:center}.page-proposal-preview .ptab:hover{color:var(--text)}.page-proposal-preview .ptab.active{color:var(--purple);font-weight:700;border-bottom-color:var(--purple)}.page-proposal-preview .toolbar-right{display:flex;align-items:center;gap:8px}.page-proposal-preview .view-btns{display:flex;align-items:center;gap:2px;border:1.5px solid var(--border);border-radius:8px;padding:3px;background:white}.page-proposal-preview .view-btn{width:30px;height:28px;border:none;border-radius:6px;background:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.page-proposal-preview .view-btn.active{background:var(--purple-light);color:var(--purple)}.page-proposal-preview .view-btn:hover:not(.active){background:var(--bg);color:var(--text)}.page-proposal-preview .zoom-wrap{position:relative}.page-proposal-preview .zoom-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted)}.page-proposal-preview .zoom-select{padding:6px 24px 6px 10px;outline:none;appearance:none}.page-proposal-preview .dl-btn,.page-proposal-preview .zoom-select{border:1.5px solid var(--border);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit}.page-proposal-preview .dl-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;transition:all .15s}.page-proposal-preview .dl-btn:hover{border-color:var(--purple);color:var(--purple)}.page-proposal-preview .canvas-scroll{flex:1;overflow-y:auto;padding:28px 40px 80px;display:flex;justify-content:center;align-items:flex-start}.page-proposal-preview .proposal-doc{width:100%;max-width:760px;background:white;border-radius:12px;box-shadow:0 4px 32px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05);overflow:hidden}.page-proposal-preview .doc-top{display:flex;align-items:center;justify-content:space-between;padding:22px 32px 16px;border-bottom:1px solid var(--border)}.page-proposal-preview .doc-logo{display:flex;align-items:center;gap:10px}.page-proposal-preview .doc-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:13px}.page-proposal-preview .doc-logo-name{font-size:13px;font-weight:800;color:var(--text);letter-spacing:.08em;text-transform:uppercase}.page-proposal-preview .doc-logo-name span{font-size:10px;font-weight:600;color:var(--muted);display:block;letter-spacing:.1em;text-transform:uppercase;margin-top:1px}.page-proposal-preview .doc-prop-num{text-align:right;font-size:12px;color:var(--muted);font-weight:500;line-height:1.6}.page-proposal-preview .doc-prop-num strong{color:var(--text);font-weight:700}.page-proposal-preview .doc-cover{background:linear-gradient(135deg,#3730d4,#5b3df5 45%,#7c3aed);padding:44px 40px 44px 44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden}.page-proposal-preview .doc-cover:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);pointer-events:none}.page-proposal-preview .cover-text-col{z-index:1}.page-proposal-preview .cover-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:18px;letter-spacing:.04em}.page-proposal-preview .cover-title{font-size:34px;font-weight:900;color:white;line-height:1.12;letter-spacing:-1px;margin-bottom:14px}.page-proposal-preview .cover-divider{width:40px;height:3px;background:rgba(255,255,255,.4);border-radius:2px;margin-bottom:14px}.page-proposal-preview .cover-sub{font-size:15px;color:rgba(255,255,255,.75);line-height:1.6;max-width:380px}.page-proposal-preview .cover-device{width:160px;flex-shrink:0;z-index:1}.page-proposal-preview .phone-mock{width:130px;height:240px;background:#1a1a2e;border-radius:24px;border:3px solid rgba(255,255,255,.15);position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);margin:0 auto;overflow:hidden}.page-proposal-preview .phone-notch{width:50px;height:8px;background:#0d0d1a;border-radius:0 0 10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.page-proposal-preview .phone-screen{position:absolute;inset:12px 8px 8px;background:linear-gradient(160deg,#2d1b69,#1a1040);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.page-proposal-preview .phone-screen-header{padding:8px 10px 6px}.page-proposal-preview .phone-screen-logo{font-size:8px;font-weight:800;color:rgba(255,255,255,.9)}.page-proposal-preview .phone-screen-sub{font-size:6px;color:rgba(255,255,255,.5)}.page-proposal-preview .phone-chart{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.page-proposal-preview .phone-bar{height:6px;background:rgba(255,255,255,.15);border-radius:3px}.page-proposal-preview .phone-bar.accent{background:var(--purple-light);width:70%}.page-proposal-preview .phone-bar.short{width:50%}.page-proposal-preview .phone-bar.med{width:85%}.page-proposal-preview .phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px}.page-proposal-preview .phone-stat{background:rgba(255,255,255,.08);border-radius:6px;padding:4px 6px}.page-proposal-preview .phone-stat-val{font-size:8px;font-weight:800;color:white}.page-proposal-preview .phone-stat-lab{font-size:5.5px;color:rgba(255,255,255,.5)}.page-proposal-preview .doc-clients{display:grid;grid-template-columns:1fr 1fr;padding:24px 32px;border-bottom:1px solid var(--border);gap:20px}.page-proposal-preview .client-col-label{display:flex;align-items:center;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.page-proposal-preview .client-info-row{display:flex;align-items:center;gap:11px}.page-proposal-preview .section-edit-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.page-proposal-preview .section-edit-btn:hover{background:var(--border);color:var(--text)}.page-proposal-preview .cover-edit-btn{color:rgba(255,255,255,.7)!important}.page-proposal-preview .cover-edit-btn:hover{color:white!important;background:rgba(255,255,255,.2)!important}.page-proposal-preview .client-avatar{width:38px;height:38px;border-radius:10px;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.page-proposal-preview .client-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:1px;display:flex;align-items:center;gap:5px}.page-proposal-preview .client-ai-icon{font-size:12px}.page-proposal-preview .client-detail{font-size:12px;color:var(--muted)}.page-proposal-preview .agency-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.page-proposal-preview .agency-detail{font-size:12px;color:var(--muted);margin-bottom:1px}.page-proposal-preview .doc-section{padding:24px 32px;border-bottom:1px solid var(--border)}.page-proposal-preview .doc-section:last-child{border-bottom:none}.page-proposal-preview .doc-section-header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.page-proposal-preview .doc-section-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-proposal-preview .doc-section-title{font-size:16px;font-weight:800;color:var(--purple);letter-spacing:-.2px}.page-proposal-preview .doc-section-text{font-size:13.5px;color:var(--muted);line-height:1.75}.page-proposal-preview .doc-section-text strong{color:var(--text);font-weight:600}.page-proposal-preview .section-highlight{background:var(--purple-light);border-left:3px solid var(--purple);border-radius:0 8px 8px 0;padding:12px 16px;margin-top:14px;font-size:13px;color:var(--text);font-weight:500;line-height:1.6}.page-proposal-preview .scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.page-proposal-preview .scope-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px}.page-proposal-preview .scope-card-icon{font-size:20px;margin-bottom:8px}.page-proposal-preview .scope-card-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:4px}.page-proposal-preview .scope-card-desc{font-size:11.5px;color:var(--muted);line-height:1.5}.page-proposal-preview .page-nav{position:fixed;bottom:0;left:calc(var(--sidebar-w) + var(--config-w));right:0;background:var(--purple);padding:12px 32px;display:flex;align-items:center;justify-content:center;gap:20px;z-index:20}.page-proposal-preview .pg-nav-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.15);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;font-size:14px}.page-proposal-preview .pg-nav-btn:hover{background:rgba(255,255,255,.25)}.page-proposal-preview .pg-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-proposal-preview .pg-indicator{font-size:13.5px;font-weight:700;color:white}.page-proposal-preview .raw-content{display:none;padding:28px 40px;flex:1;min-height:0;flex-direction:column}.page-proposal-preview .raw-content.active{display:flex}.page-proposal-preview .raw-editor{background:white;border:1.5px solid var(--border);border-radius:12px;padding:24px;font-family:Inter,monospace;font-size:13.5px;color:var(--text);line-height:1.8;flex:1;min-height:0;overflow-y:auto;outline:none;resize:none;width:100%;display:block}.page-proposal-preview .raw-editor:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-proposal-preview .raw-section-title{font-weight:800;color:var(--purple);font-size:15px}.page-proposal-preview .raw-content-area{max-width:760px;margin:0 auto;display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.page-proposal-preview .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-proposal-preview .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-proposal-preview .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-proposal-preview .rc-view-all:hover{text-decoration:underline}.page-proposal-preview .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-proposal-preview .rc-item:hover{background:var(--bg)}.page-proposal-preview .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-proposal-preview .rc-text{flex:1;min-width:0}.page-proposal-preview .rc-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.page-proposal-preview .rc-desc{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-templates *,.page-templates :after,.page-templates :before{box-sizing:border-box;margin:0;padding:0}:root{--panel-w:360px}.page-templates{height:100%}.page-templates{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-templates .app{display:flex;min-height:100vh}.page-templates .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-templates .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-templates .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-templates .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-templates .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-templates .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-templates .sb-new:hover{background:var(--purple-dark)}.page-templates .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-templates .sb-nav{padding:0 8px}.page-templates .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-templates .nav-item:hover{background:var(--bg);color:var(--text)}.page-templates .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-templates .sb-bottom{margin-top:auto}.page-templates .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-templates .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-templates .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-templates .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-templates .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;text-decoration:none}.page-templates .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s}.page-templates .sb-user:hover{background:var(--bg)}.page-templates .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-templates .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-templates .sb-user-co{font-size:11.5px;color:var(--muted)}.page-templates.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.page-templates .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-templates .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-templates .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-templates .topbar-right{display:flex;align-items:center;gap:9px}.page-templates .search-wrap{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;background:white;transition:border-color .15s;min-width:200px}.page-templates .search-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-templates .search-wrap input{border:none;outline:none;font-size:13px;color:var(--text);font-family:inherit;background:transparent;flex:1;min-width:0}.page-templates .search-wrap input::placeholder{color:var(--muted)}.page-templates .new-tpl-btn{display:flex;align-items:center;gap:6px;background:var(--purple);color:white;border:none;border-radius:9px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.page-templates .new-tpl-btn:hover{background:var(--purple-dark)}.page-templates .more-top-btn{width:34px;height:34px;border:1.5px solid var(--border);border-radius:8px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:15px;font-weight:800;color:var(--muted);letter-spacing:1px;transition:all .15s}.page-templates .more-top-btn:hover{border-color:var(--purple);color:var(--purple)}.page-templates .body-wrap{flex:1;display:flex;overflow:hidden}.page-templates .center-panel{flex:1;padding:20px 60px 40px;overflow-y:auto;min-width:0}.page-templates .tabs-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:0}.page-templates .tabs{display:flex;align-items:center;gap:0}.page-templates .tab{background:none;border:none;border-bottom:2px solid transparent;padding:10px 16px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap;margin-bottom:-1px;font-family:inherit;outline:none}.page-templates .tab:hover{color:var(--text)}.page-templates .tab.active{color:var(--purple);font-weight:600;border-bottom-color:var(--purple)}.page-templates .filter-right{display:flex;align-items:center;gap:8px;margin-bottom:10px}.page-templates .cat-select-wrap{position:relative}.page-templates .cat-select{border:1.5px solid var(--border);border-radius:8px;padding:6px 26px 6px 10px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none;display:flex;align-items:center;gap:6px}.page-templates .cat-select-wrap:after{content:"";position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4.5px solid var(--muted)}.page-templates .view-toggle{display:flex;align-items:center;border:1.5px solid var(--border);border-radius:8px;overflow:hidden}.page-templates .view-btn{width:32px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);background:white;transition:all .15s;border:none}.page-templates .view-btn:hover{background:var(--bg);color:var(--text)}.page-templates .view-btn.active{background:var(--purple-light);color:var(--purple)}.page-templates .tpl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}.page-templates .tpl-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:20px;cursor:pointer;transition:all .18s;position:relative;display:flex;flex-direction:column}.page-templates .tpl-card:hover{border-color:var(--purple-border);box-shadow:0 4px 18px rgba(91,61,245,.08)}.page-templates .tpl-card.selected{border-color:var(--purple);background:var(--purple-light);box-shadow:0 4px 18px rgba(91,61,245,.12)}.page-templates .tpl-check{display:none;position:absolute;top:14px;right:14px;width:22px;height:22px;background:var(--purple);border-radius:50%;color:white;font-size:11px;font-weight:800;align-items:center;justify-content:center}.page-templates .tpl-card.selected .tpl-check{display:flex}.page-templates .tpl-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px}.page-templates .tpl-name{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.2px}.page-templates .tpl-desc{font-size:12.5px;color:var(--muted);line-height:1.6;flex:1;margin-bottom:16px}.page-templates .tpl-footer{display:flex;align-items:center;gap:8px}.page-templates .tpl-sections{font-size:12px;font-weight:600;color:var(--muted)}.page-templates .tpl-active-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.page-templates .tpl-more{margin-left:auto;width:26px;height:26px;border:none;background:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:13px;font-weight:800;letter-spacing:.8px;transition:all .15s}.page-templates .tpl-use{font-size:12.5px!important;font-weight:600!important;letter-spacing:normal!important;width:auto!important;padding:10px!important;color:var(--purple)!important;background:transparent!important;border:1.5px solid var(--border)!important;display:flex!important;align-items:center!important;gap:6px!important}.page-templates .tpl-use:hover{background:var(--purple-light)!important;color:var(--purple-dark)!important;border-color:var(--purple-dark)!important}.page-templates .tpl-more:hover{background:var(--border);color:var(--text)}.page-templates .grid-footer{display:flex;align-items:center;justify-content:space-between}.page-templates .foot-count{font-size:12.5px;color:var(--muted)}.page-templates .pagination{display:flex;align-items:center;gap:5px}.page-templates .pg{width:30px;height:30px;border-radius:7px;border:1.5px solid var(--border);background:white;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.page-templates .pg:hover{border-color:var(--purple);color:var(--purple)}.page-templates .pg.active{background:var(--purple);color:white;border-color:var(--purple)}.page-templates .pg.arr{color:var(--muted)}.page-templates .pg.arr:hover{color:var(--purple);border-color:var(--purple)}.page-templates .pg:disabled{opacity:.38;cursor:not-allowed}.page-templates .right-panel{width:var(--panel-w);flex-shrink:0;border-left:1px solid var(--border);background:white;display:flex;flex-direction:column;position:sticky;height:calc(100vh - 62px);overflow-y:auto}.page-templates .panel-head{padding:18px 18px 14px;border-bottom:1px solid var(--border)}.page-templates .panel-head-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.page-templates .panel-icon-name{display:flex;align-items:center;gap:11px}.page-templates .panel-icon{width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.page-templates .panel-name{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.2px;margin-bottom:2px}.page-templates .panel-desc{font-size:12px;color:var(--muted);line-height:1.5}.page-templates .panel-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 10px;font-size:11.5px;font-weight:600;flex-shrink:0}.page-templates .panel-close{width:28px;height:28px;border:none;background:none;cursor:pointer;color:var(--muted);border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.page-templates .panel-close:hover{background:var(--bg);color:var(--text)}.page-templates .panel-tabs{display:flex;align-items:center;gap:0}.page-templates .ptab{flex:1;padding:9px 0;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;text-align:center;transition:all .15s;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit}.page-templates .ptab:hover{color:var(--text)}.page-templates .ptab.active{color:var(--purple);font-weight:600;border-bottom-color:var(--purple)}.page-templates .panel-body{flex:1;overflow-y:auto;padding:16px 18px}.page-templates .sections-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-templates .sections-count{font-size:13px;font-weight:600;color:var(--text)}.page-templates .add-section-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--purple);border-radius:8px;padding:5px 12px;font-size:12.5px;font-weight:700;color:var(--purple);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-templates .add-section-btn:hover{background:var(--purple-light)}.page-templates .section-list{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.page-templates .section-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:white;transition:all .15s}.page-templates .section-row:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-templates .drag-handle{color:var(--border);cursor:grab;display:flex;align-items:center;flex-shrink:0}.page-templates .drag-handle:hover{color:var(--muted)}.page-templates .sec-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-templates .sec-name{font-size:13px;font-weight:600;color:var(--text);flex:1}.page-templates .sec-edit{font-size:12px;font-weight:600;color:var(--purple);background:none;border:none;cursor:pointer;font-family:inherit;padding:0;transition:opacity .15s}.page-templates .sec-edit:hover{opacity:.7}.page-templates .sec-del{width:24px;height:24px;border:none;background:none;cursor:pointer;color:var(--red);display:flex;align-items:center;justify-content:center;border-radius:5px;transition:background .15s;flex-shrink:0}.page-templates .sec-del:hover{background:#fef2f2}.page-templates .settings-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.page-templates .settings-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px}.page-templates .setting-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f9fafb}.page-templates .setting-row:last-child{border-bottom:none}.page-templates .setting-label{font-size:13px;color:var(--muted);font-weight:500}.page-templates .setting-val-wrap{position:relative}.page-templates .setting-val-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted)}.page-templates .setting-select{border:1.5px solid var(--border);border-radius:7px;padding:5px 22px 5px 9px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none}.page-templates .setting-select:focus{border-color:var(--purple)}.page-templates .pref-section{margin-bottom:20px}.page-templates .pref-label{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}.page-templates .pref-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--bg)}.page-templates .pref-row:last-child{border-bottom:none}.page-templates .pref-row-label{font-size:13px;color:var(--text);font-weight:500}.page-templates .toggle{width:38px;height:22px;background:var(--purple);border-radius:11px;position:relative;cursor:pointer;flex-shrink:0}.page-templates .toggle:after{content:"";position:absolute;width:16px;height:16px;background:white;border-radius:50%;top:3px;right:3px;transition:transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.15)}.page-templates .color-swatch{width:24px;height:24px;border-radius:6px;background:var(--purple);border:2px solid white;box-shadow:0 0 0 1.5px var(--border);cursor:pointer}.page-templates .preview-mini{border:1.5px solid var(--border);border-radius:12px;overflow:hidden}.page-templates .prev-cover{background:var(--purple);padding:20px}.page-templates .prev-cover-brand{font-size:11px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:10px}.page-templates .prev-cover-title{font-size:14px;font-weight:800;color:white;line-height:1.35;letter-spacing:-.2px}.page-templates .prev-cover-sub{font-size:10.5px;color:rgba(255,255,255,.65);margin-top:4px}.page-templates .prev-section{padding:12px 14px;border-bottom:1px solid var(--border)}.page-templates .prev-section:last-child{border-bottom:none}.page-templates .prev-section-label{font-size:10px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.page-templates .prev-lines{display:flex;flex-direction:column;gap:5px}.page-templates .prev-line{height:7px;background:var(--bg);border-radius:3px}.page-templates .prev-line.short{width:55%}.page-templates .prev-line.med{width:80%}.page-templates .panel-footer{padding:14px 18px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px;flex-shrink:0;background:white}.page-templates .dup-btn{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:9px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-templates .dup-btn:hover{border-color:var(--purple);color:var(--purple)}.page-templates .deact-btn{flex:1;border:1.5px solid var(--border);border-radius:8px;padding:9px;font-size:13px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-templates .deact-btn:hover{border-color:var(--red);color:var(--red)}.page-templates .save-btn{flex:1.3;background:var(--purple);color:white;border:none;border-radius:8px;padding:9px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.page-templates .save-btn:hover{background:var(--purple-dark)}.page-templates .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-templates .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-templates .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-templates .rc-view-all:hover{text-decoration:underline}.page-templates .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-templates .rc-item:hover{background:var(--bg)}.page-templates .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-templates .rc-text{flex:1;min-width:0}.page-templates .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-templates .rc-desc,.page-templates .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-templates .rc-desc{font-size:11px;color:var(--muted)}.page-template-preview *,.page-template-preview :after,.page-template-preview :before{box-sizing:border-box;margin:0;padding:0}:root{--config-w:310px}.page-template-preview{height:100%}.page-template-preview{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;overflow:hidden}.page-template-preview .app{display:flex;height:100vh;overflow:hidden}.page-template-preview .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow-y:auto;z-index:30}.page-template-preview .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-template-preview .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-template-preview .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-template-preview .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-template-preview .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-template-preview .sb-new:hover{background:var(--purple-dark)}.page-template-preview .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-template-preview .sb-nav{padding:0 8px;flex:1}.page-template-preview .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-template-preview .nav-item:hover{background:var(--bg);color:var(--text)}.page-template-preview .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-template-preview .sb-bottom{margin-top:auto}.page-template-preview .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-template-preview .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-template-preview .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-template-preview .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-template-preview .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-template-preview .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer}.page-template-preview .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-template-preview .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-template-preview .sb-user-co{font-size:11.5px;color:var(--muted)}.page-template-preview.workspace{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.page-template-preview .page-header{background:var(--white);border-bottom:1px solid var(--border);padding:14px 28px;flex-shrink:0}.page-template-preview .back-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:color .15s;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.page-template-preview .back-link:hover{color:var(--purple)}.page-template-preview .header-row{display:flex;align-items:center;justify-content:space-between}.page-template-preview .header-left{display:flex;flex-direction:column;gap:4px}.page-template-preview .header-title-row{display:flex;align-items:center;gap:10px}.page-template-preview .header-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.4px}.page-template-preview .active-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 11px;font-size:12px;font-weight:700}.page-template-preview .header-sub{font-size:13px;color:var(--muted)}.page-template-preview .header-sub span{color:var(--purple);font-weight:500}.page-template-preview .header-actions{display:flex;align-items:center;gap:8px}.page-template-preview .edit-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-template-preview .edit-btn:hover{border-color:var(--purple);color:var(--purple)}.page-template-preview .more-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-template-preview .more-btn:hover{border-color:var(--purple);color:var(--purple)}.page-template-preview .use-btn{display:flex;align-items:center;gap:7px;background:var(--purple);color:white;border:none;border-radius:9px;padding:9px 18px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.page-template-preview .use-btn:hover{background:var(--purple-dark)}.page-template-preview .main-row{flex:1;display:flex;overflow:hidden}.page-template-preview .config-panel{width:var(--config-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.page-template-preview .config-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.page-template-preview .ctab{flex:1;padding:13px 0;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;text-align:center;background:none;border:none;border-bottom:2px solid transparent;font-family:inherit;transition:all .15s;margin-bottom:-1px}.page-template-preview .ctab:hover{color:var(--text)}.page-template-preview .ctab.active{color:var(--purple);font-weight:700;border-bottom-color:var(--purple)}.page-template-preview .config-body{flex:1;overflow-y:auto;padding:16px 16px 20px}.page-template-preview .sec-count-row{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:12px}.page-template-preview .sec-cards{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.page-template-preview .sec-card{display:flex;align-items:center;gap:10px;background:white;border:1.5px solid var(--border);border-radius:10px;padding:11px 13px;cursor:pointer;transition:all .15s}.page-template-preview .sec-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-template-preview .sec-card.active{border-color:var(--purple);background:var(--purple-light)}.page-template-preview .drag-dots{display:flex;align-items:center;color:#d1d5db;cursor:grab;flex-shrink:0}.page-template-preview .drag-dots:active{cursor:grabbing}.page-template-preview .sec-card-icon{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-template-preview .sec-card-name{font-size:13px;font-weight:600;color:var(--text);flex:1}.page-template-preview .add-sec-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:7px;border:1.5px dashed var(--purple-border);border-radius:10px;padding:11px;font-size:13px;font-weight:700;color:var(--purple);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-template-preview .add-sec-btn:hover{background:var(--purple-light);border-style:solid}.page-template-preview .setting-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--bg)}.page-template-preview .setting-row:last-child{border-bottom:none}.page-template-preview .setting-label{font-size:13px;color:var(--muted);font-weight:500}.page-template-preview .setting-val-wrap{position:relative}.page-template-preview .setting-val-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted)}.page-template-preview .s-select{border:1.5px solid var(--border);border-radius:7px;padding:5px 22px 5px 9px;font-size:12px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none}.page-template-preview .s-select:focus{border-color:var(--purple)}.page-template-preview .color-dot{width:22px;height:22px;border-radius:6px;background:var(--purple);border:2px solid white;box-shadow:0 0 0 1.5px var(--border);cursor:pointer}.page-template-preview .preview-area{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--bg)}.page-template-preview .preview-toolbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 20px;height:52px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.page-template-preview .prev-tabs{display:flex;align-items:center;gap:0}.page-template-preview .ptab{padding:0 16px;height:52px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;transition:all .15s;display:flex;align-items:center}.page-template-preview .ptab:hover{color:var(--text)}.page-template-preview .ptab.active{color:var(--purple);font-weight:700;border-bottom-color:var(--purple)}.page-template-preview .toolbar-right{display:flex;align-items:center;gap:8px}.page-template-preview .view-btns{display:flex;align-items:center;gap:2px;border:1.5px solid var(--border);border-radius:8px;padding:3px;background:white}.page-template-preview .view-btn{width:30px;height:28px;border:none;border-radius:6px;background:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:all .15s}.page-template-preview .view-btn.active{background:var(--purple-light);color:var(--purple)}.page-template-preview .view-btn:hover:not(.active){background:var(--bg);color:var(--text)}.page-template-preview .zoom-wrap{position:relative}.page-template-preview .zoom-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid var(--muted)}.page-template-preview .zoom-select{padding:6px 24px 6px 10px;outline:none;appearance:none}.page-template-preview .dl-btn,.page-template-preview .zoom-select{border:1.5px solid var(--border);border-radius:8px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit}.page-template-preview .dl-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;transition:all .15s}.page-template-preview .dl-btn:hover{border-color:var(--purple);color:var(--purple)}.page-template-preview .canvas-scroll{flex:1;overflow-y:auto;padding:28px 40px 80px;display:flex;justify-content:center;align-items:flex-start}.page-template-preview .proposal-doc{width:100%;max-width:760px;background:white;border-radius:12px;box-shadow:0 4px 32px rgba(0,0,0,.1),0 1px 8px rgba(0,0,0,.05);overflow:hidden}.page-template-preview .doc-top{display:flex;align-items:center;justify-content:space-between;padding:22px 32px 16px;border-bottom:1px solid var(--border)}.page-template-preview .doc-logo{display:flex;align-items:center;gap:10px}.page-template-preview .doc-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:13px}.page-template-preview .doc-logo-name{font-size:13px;font-weight:800;color:var(--text);letter-spacing:.08em;text-transform:uppercase}.page-template-preview .doc-logo-name span{font-size:10px;font-weight:600;color:var(--muted);display:block;letter-spacing:.1em;text-transform:uppercase;margin-top:1px}.page-template-preview .doc-prop-num{text-align:right;font-size:12px;color:var(--muted);font-weight:500;line-height:1.6}.page-template-preview .doc-prop-num strong{color:var(--text);font-weight:700}.page-template-preview .doc-cover{background:linear-gradient(135deg,#3730d4,#5b3df5 45%,#7c3aed);padding:44px 40px 44px 44px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;position:relative;overflow:hidden}.page-template-preview .doc-cover:before{content:"";position:absolute;top:-60px;right:-60px;width:280px;height:280px;background:radial-gradient(circle,rgba(255,255,255,.08) 0,transparent 70%);pointer-events:none}.page-template-preview .cover-text-col{z-index:1}.page-template-preview .cover-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;color:rgba(255,255,255,.9);margin-bottom:18px;letter-spacing:.04em}.page-template-preview .cover-title{font-size:34px;font-weight:900;color:white;line-height:1.12;letter-spacing:-1px;margin-bottom:14px}.page-template-preview .cover-divider{width:40px;height:3px;background:rgba(255,255,255,.4);border-radius:2px;margin-bottom:14px}.page-template-preview .cover-sub{font-size:15px;color:rgba(255,255,255,.75);line-height:1.6;max-width:380px}.page-template-preview .cover-device{width:160px;flex-shrink:0;z-index:1}.page-template-preview .phone-mock{width:130px;height:240px;background:#1a1a2e;border-radius:24px;border:3px solid rgba(255,255,255,.15);position:relative;box-shadow:0 20px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);margin:0 auto;overflow:hidden}.page-template-preview .phone-notch{width:50px;height:8px;background:#0d0d1a;border-radius:0 0 10px 10px;position:absolute;top:0;left:50%;transform:translateX(-50%)}.page-template-preview .phone-screen{position:absolute;inset:12px 8px 8px;background:linear-gradient(160deg,#2d1b69,#1a1040);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.page-template-preview .phone-screen-header{padding:8px 10px 6px}.page-template-preview .phone-screen-logo{font-size:8px;font-weight:800;color:rgba(255,255,255,.9)}.page-template-preview .phone-screen-sub{font-size:6px;color:rgba(255,255,255,.5)}.page-template-preview .phone-chart{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:4px}.page-template-preview .phone-bar{height:6px;background:rgba(255,255,255,.15);border-radius:3px}.page-template-preview .phone-bar.accent{background:var(--purple-light);width:70%}.page-template-preview .phone-bar.short{width:50%}.page-template-preview .phone-bar.med{width:85%}.page-template-preview .phone-stats{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px 8px}.page-template-preview .phone-stat{background:rgba(255,255,255,.08);border-radius:6px;padding:4px 6px}.page-template-preview .phone-stat-val{font-size:8px;font-weight:800;color:white}.page-template-preview .phone-stat-lab{font-size:5.5px;color:rgba(255,255,255,.5)}.page-template-preview .doc-clients{display:grid;grid-template-columns:1fr 1fr;padding:24px 32px;border-bottom:1px solid var(--border);gap:20px}.page-template-preview .client-col-label{display:flex;align-items:center;font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.page-template-preview .client-info-row{display:flex;align-items:center;gap:11px}.page-template-preview .cover-edit-btn{color:rgba(255,255,255,.7)!important}.page-template-preview .cover-edit-btn:hover{color:white!important;background:rgba(255,255,255,.2)!important}.page-template-preview .section-edit-btn{margin-left:auto;background:none;border:none;cursor:pointer;color:var(--muted);padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.page-template-preview .section-edit-btn:hover{background:var(--border);color:var(--text)}.page-template-preview .client-avatar{width:38px;height:38px;border-radius:10px;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0}.page-template-preview .client-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:1px;display:flex;align-items:center;gap:5px}.page-template-preview .client-ai-icon{font-size:12px}.page-template-preview .client-detail{font-size:12px;color:var(--muted)}.page-template-preview .agency-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.page-template-preview .agency-detail{font-size:12px;color:var(--muted);margin-bottom:1px}.page-template-preview .doc-section{padding:24px 32px;border-bottom:1px solid var(--border)}.page-template-preview .doc-section:last-child{border-bottom:none}.page-template-preview .doc-section-header{display:flex;align-items:center;gap:11px;margin-bottom:14px}.page-template-preview .doc-section-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-template-preview .doc-section-title{font-size:16px;font-weight:800;color:var(--purple);letter-spacing:-.2px}.page-template-preview .doc-section-text{font-size:13.5px;color:var(--muted);line-height:1.75}.page-template-preview .doc-section-text strong{color:var(--text);font-weight:600}.page-template-preview .section-highlight{background:var(--purple-light);border-left:3px solid var(--purple);border-radius:0 8px 8px 0;padding:12px 16px;margin-top:14px;font-size:13px;color:var(--text);font-weight:500;line-height:1.6}.page-template-preview .scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.page-template-preview .scope-card{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:14px}.page-template-preview .scope-card-icon{font-size:20px;margin-bottom:8px}.page-template-preview .scope-card-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:4px}.page-template-preview .scope-card-desc{font-size:11.5px;color:var(--muted);line-height:1.5}.page-template-preview .page-nav{position:fixed;bottom:0;left:calc(var(--sidebar-w) + var(--config-w));right:0;background:var(--purple);padding:12px 32px;display:flex;align-items:center;justify-content:center;gap:20px;z-index:20}.page-template-preview .pg-nav-btn{width:32px;height:32px;border-radius:8px;border:none;background:rgba(255,255,255,.15);color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s;font-size:14px}.page-template-preview .pg-nav-btn:hover{background:rgba(255,255,255,.25)}.page-template-preview .pg-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-template-preview .pg-indicator{font-size:13.5px;font-weight:700;color:white}.page-template-preview .raw-content{display:none;padding:28px 40px;flex:1;min-height:0;flex-direction:column}.page-template-preview .raw-content.active{display:flex}.page-template-preview .raw-editor{background:white;border:1.5px solid var(--border);border-radius:12px;padding:24px;font-family:Inter,monospace;font-size:13.5px;color:var(--text);line-height:1.8;flex:1;min-height:0;overflow-y:auto;outline:none;resize:none;width:100%;display:block}.page-template-preview .raw-editor:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-template-preview .raw-section-title{font-weight:800;color:var(--purple);font-size:15px}.page-template-preview .raw-content-area{max-width:760px;margin:0 auto;display:flex;flex-direction:column;flex:1;width:100%;min-height:0}.page-template-preview .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-template-preview .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-template-preview .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-template-preview .rc-view-all:hover{text-decoration:underline}.page-template-preview .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-template-preview .rc-item:hover{background:var(--bg)}.page-template-preview .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-template-preview .rc-text{flex:1;min-width:0}.page-template-preview .rc-name{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.page-template-preview .rc-desc{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-chats *,.page-chats :after,.page-chats :before{box-sizing:border-box;margin:0;padding:0}:root{--blue-text:#1d4ed8;--red:#ef4444;--border-light:#f3f4f6}.page-chats{height:100%}.page-chats{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-chats .app{display:flex;min-height:100vh}.page-chats .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-chats .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-chats .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-chats .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-chats .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px;letter-spacing:.04em}.page-chats .sb-new-btn{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-chats .sb-new-btn:hover{background:var(--purple-dark)}.page-chats .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-chats .sb-nav{padding:0 8px}.page-chats .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-chats .nav-item:hover{background:var(--bg);color:var(--text)}.page-chats .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-chats .nav-item svg{flex-shrink:0}.page-chats .sb-bottom{margin-top:auto}.page-chats .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-chats .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-chats .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-chats .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-chats .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.page-chats .upgrade-link:hover{opacity:.75}.page-chats .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;height:60px;transition:background .15s}.page-chats .sb-user:hover{background:var(--bg)}.page-chats .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-chats .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-chats .sb-user-co{font-size:11.5px;color:var(--muted)}.page-chats.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page-chats .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-chats .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-chats .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-chats .topbar-right{display:flex;align-items:center;gap:9px}.page-chats .search-wrap{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;background:white;transition:border-color .15s;cursor:text;min-width:220px}.page-chats .search-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-chats .search-wrap input{border:none;outline:none;font-size:13px;color:var(--text);font-family:inherit;background:transparent;flex:1;min-width:0}.page-chats .search-wrap input::placeholder{color:var(--muted)}.page-chats .search-shortcut{font-size:10.5px;font-weight:600;color:var(--muted);background:var(--border-light);border-radius:4px;padding:2px 6px;white-space:nowrap}.page-chats .filter-select{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:7px 12px;font-size:13px;font-weight:500;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;transition:border-color .15s;appearance:none}.page-chats .filter-select:focus{border-color:var(--purple)}.page-chats .filter-select-wrap{position:relative}.page-chats .filter-select-wrap:after{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--muted)}.page-chats .filter-select-wrap select{padding-right:28px}.page-chats .sort-btn{width:36px;height:36px;border:1.5px solid var(--border);border-radius:8px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:all .15s}.page-chats .sort-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chats .content{padding:24px 60px 40px;flex:1}.page-chats .chats-card{background:white;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 1px 8px rgba(0,0,0,.04)}.page-chats .table-header{display:grid;grid-template-columns:2fr 1.5fr .9fr .8fr .7fr .6fr .4fr;padding:10px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.page-chats .th{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.page-chats .chat-row{display:grid;grid-template-columns:2fr 1.5fr .9fr .8fr .7fr .6fr .4fr;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border-light);transition:background .12s;cursor:pointer;position:relative}.page-chats .chat-row:last-child{border-bottom:none}.page-chats .chat-row:hover{background:#fafafa}.page-chats .proj-cell{display:flex;align-items:center;gap:13px}.page-chats .proj-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;font-style:normal}.page-chats .proj-name{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:3px;display:flex;align-items:center;gap:6px}.page-chats .proj-new-badge{font-size:9px;font-weight:800;background:var(--purple);color:white;border-radius:4px;padding:1px 5px;letter-spacing:.04em}.page-chats .proj-preview{font-size:12px;color:var(--muted);line-height:1.45;max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-chats .tags-cell{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.page-chats .tag{display:inline-flex;align-items:center;gap:4px;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600;white-space:nowrap}.page-chats .tag.reply{background:var(--green-light);color:var(--green-text)}.page-chats .tag.estimate{background:var(--blue-light);color:var(--blue-text)}.page-chats .tag.questions{background:var(--orange-light);color:var(--orange-text)}.page-chats .tag.proposal{background:var(--purple-light);color:var(--purple)}.page-chats .tag-more{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--border-light);color:var(--muted);font-size:10.5px;font-weight:700}.page-chats .amount-val{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.page-chats .amount-cur{font-size:11.5px;color:var(--muted)}.page-chats .date-main{font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.page-chats .date-time{font-size:12px;color:var(--muted)}.page-chats .msg-cell{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500}.page-chats .actions-cell{display:flex;align-items:center;justify-content:flex-end}.page-chats .more-btn{width:30px;height:30px;border-radius:7px;border:none;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s;position:relative;font-weight:800;letter-spacing:1px}.page-chats .more-btn:hover{background:var(--border-light);color:var(--text)}.page-chats .dropdown{display:none;position:absolute;right:20px;top:100%;background:white;border:1.5px solid var(--border);border-radius:10px;min-width:170px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.1);overflow:hidden;margin-top:4px}.page-chats .dropdown.open{display:block}.page-chats .dd-item{display:flex;align-items:center;gap:9px;padding:9px 14px;font-size:13px;font-weight:500;color:var(--text);cursor:pointer;transition:background .12s}.page-chats .dd-item:hover{background:var(--bg)}.page-chats .dd-item.danger{color:var(--red)}.page-chats .dd-item.danger:hover{background:#fef2f2}.page-chats .dd-divider{height:1px;background:var(--border);margin:4px 0}.page-chats .table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--border);background:var(--bg)}.page-chats .footer-count{font-size:12.5px;color:var(--muted)}.page-chats .pagination{display:flex;align-items:center;gap:5px}.page-chats .pg-btn{width:32px;height:32px;border-radius:8px;border:1.5px solid var(--border);background:white;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}.page-chats .pg-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chats .pg-btn.active{background:var(--purple);color:white;border-color:var(--purple)}.page-chats .pg-btn.nav-arrow{color:var(--muted);font-size:14px}.page-chats .pg-btn.nav-arrow:hover{color:var(--purple);border-color:var(--purple)}.page-chats .pg-btn:disabled{opacity:.4;cursor:not-allowed}.page-chats .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-chats .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-chats .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-chats .rc-view-all:hover{text-decoration:underline}.page-chats .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-chats .rc-item:hover{background:var(--bg)}.page-chats .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-chats .rc-text{flex:1;min-width:0}.page-chats .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-chats .rc-desc,.page-chats .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-chats .rc-desc{font-size:11px;color:var(--muted)}.page-chat-history *,.page-chat-history :after,.page-chat-history :before{box-sizing:border-box;margin:0;padding:0}:root{--orange-text:#c2410c}.page-chat-history{height:100vh;width:100vw;overflow:hidden;margin:0;padding:0}.page-chat-history{font-family:Inter,sans-serif;background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased}.page-chat-history .app{display:flex;height:100vh;width:100vw;overflow:hidden}.page-chat-history .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-chat-history .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-chat-history .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-chat-history .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-chat-history .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px;letter-spacing:.04em}.page-chat-history .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-chat-history .sb-new:hover{background:var(--purple-dark)}.page-chat-history .sb-new-shortcut{font-size:10.5px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-chat-history .sb-nav{padding:0 8px}.page-chat-history .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-chat-history .nav-item svg{flex-shrink:0}.page-chat-history .nav-item:hover{background:var(--bg);color:var(--text)}.page-chat-history .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-chat-history .sb-spacer{flex:1}.page-chat-history .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-chat-history .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-chat-history .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-chat-history .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.4;margin-bottom:10px}.page-chat-history .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-chat-history .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;height:60px;transition:background .15s}.page-chat-history .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-chat-history .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-chat-history .sb-user-co{font-size:11.5px;color:var(--muted)}.page-chat-history .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-chat-history .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-chat-history .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-chat-history .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s;background:transparent}.page-chat-history .rc-item:hover{background:var(--bg)}.page-chat-history .rc-item.active{background:var(--purple-light)}.page-chat-history .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-chat-history .rc-text{flex:1;min-width:0}.page-chat-history .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-chat-history .rc-desc,.page-chat-history .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-chat-history .rc-desc{font-size:11px;color:var(--muted)}.page-chat-history .file-card{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--white);border:1px solid var(--border);border-radius:12px;margin-top:12px;cursor:pointer}.page-chat-history .file-card:hover{border:1px solid var(--purple)!important}.page-chat-history .file-icon-box{width:44px;height:48px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;background:#fafafa;flex-shrink:0;position:relative}.page-chat-history .file-icon-box:before{content:"";position:absolute;top:0;right:0;width:10px;height:10px;background:linear-gradient(135deg,transparent 50%,var(--border) 50%);border-bottom-left-radius:2px}.page-chat-history .file-info{flex:1;min-width:0}.page-chat-history .file-name{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.page-chat-history .file-meta{font-size:12px;color:var(--muted);font-weight:500}.page-chat-history .file-download{padding:6px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:12px;font-weight:700;color:var(--text);background:var(--white);cursor:pointer;transition:all .15s}.page-chat-history .file-download:hover{background:var(--bg);border-color:var(--muted)}.page-chat-history .user-upload-card{display:inline-block;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-top:12px;min-width:120px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.page-chat-history .user-upload-name{font-size:13.5px;color:#374151;font-weight:500;margin-bottom:6px}.page-chat-history .user-upload-meta{font-size:12px;color:#9ca3af;margin-bottom:12px}.page-chat-history .user-upload-badge{display:inline-block;border:1px solid var(--border);border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700;color:#6b7280;background:var(--white);text-transform:uppercase;line-height:1}.page-chat-history.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-chat-history .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;flex-shrink:0}.page-chat-history .topbar-greeting{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-chat-history .topbar-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-chat-history .topbar-actions{display:flex;align-items:center;gap:9px}.page-chat-history .demo-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:8px;padding:7px 13px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-chat-history .demo-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chat-history .notif-btn{width:36px;height:36px;border:1.5px solid var(--border);border-radius:8px;background:white;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative}.page-chat-history .notif-dot{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:#ef4444;color:white;border-radius:50%;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid white}.page-chat-history .content-body{flex:1;display:grid;grid-template-columns:1fr;transition:grid-template-columns .3s;align-items:stretch;height:calc(100vh - 62px);overflow:hidden}.page-chat-history .content-body.split{grid-template-columns:1fr 1fr}.page-chat-history .left-panel{padding:28px 12px 20px 60px;border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%;min-height:0;background:#ffffff;position:relative}.page-chat-history .content-body:not(.split) .left-panel{border-right:none;max-width:780px;width:100%;margin:0 auto;padding:28px 60px 20px}.page-chat-history .chat-container{flex:1;overflow-y:auto;min-height:0;padding-bottom:10px;padding-right:10px;display:flex;flex-direction:column;gap:20px;background:#ffffff;scroll-behavior:smooth}.page-chat-history .chat-container::-webkit-scrollbar{width:8px}.page-chat-history .chat-container::-webkit-scrollbar-track{background:#ffffff;border:1px solid #e5e7eb;border-radius:10px}.page-chat-history .chat-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.page-chat-history .chat-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.page-chat-history .chat-divider{width:100%;max-width:850px;border-bottom:1px solid var(--border)}.page-chat-history .msg{max-width:850px;margin:0 auto;width:100%}.page-chat-history .msg-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.page-chat-history .msg-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-chat-history .msg-user .msg-avatar{background:#f3f4f6;color:var(--muted);font-weight:800}.page-chat-history .msg-ai .msg-avatar{background:var(--purple);color:white;font-weight:900}.page-chat-history .msg-content{flex:1;min-width:0}.page-chat-history .msg-actions{display:flex;align-items:center;gap:12px;margin-top:12px;padding-top:4px;color:#9ca3af}.page-chat-history .msg-action-btn{background:none;border:none;padding:0;cursor:pointer;color:inherit;transition:color .15s}.page-chat-history .msg-action-btn:hover{color:var(--purple)}.page-chat-history .msg-sender{font-size:13px;font-weight:700;color:var(--text);margin-bottom:8px;display:flex;align-items:center;gap:8px}.page-chat-history .msg-time{font-size:11px;font-weight:400;color:var(--muted)}.page-chat-history .msg-text{font-size:14.5px;color:#374151;line-height:1.4}.page-chat-history .msg-ai .msg-text{color:#111827}.page-chat-history .input-section{background:#ffffff;border-top:1px solid var(--border);padding-top:10px;flex-shrink:0}.page-chat-history .ws-card{max-width:850px;margin:0 auto}.page-chat-history .ws-textarea-wrapper{position:relative;background:white;border:1.5px solid var(--border);border-radius:14px;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.02);margin-bottom:10px}.page-chat-history .ws-textarea-wrapper:focus-within{border-color:var(--purple);box-shadow:0 0 0 4px rgba(91,61,245,.08)}.page-chat-history .input-actions-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.page-chat-history .action-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-chat-history .ah-title{font-size:14px;font-weight:700;color:var(--text)}.page-chat-history .ah-select-all{font-size:13px;font-weight:700;color:var(--purple);cursor:pointer;background:none;border:none;padding:0}.page-chat-history .ah-select-all:hover{text-decoration:underline}.page-chat-history .ws-textarea{width:100%;border:none;padding:16px 18px;font-size:14px;color:var(--text);font-family:inherit;outline:none;resize:none;min-height:100px;max-height:390px;line-height:1.6;display:block;background:transparent;overflow-y:auto}.page-chat-history .ws-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 14px}.page-chat-history .upload-btn{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--muted);background:white;cursor:pointer;transition:all .15s}.page-chat-history .upload-btn:hover{background:var(--bg);border-color:var(--muted)}.page-chat-history .gen-btn{display:flex;align-items:center;gap:7px;background:var(--purple);color:white;border:none;border-radius:12px;padding:10px 20px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(91,61,245,.25);transition:all .2s}.page-chat-history .gen-btn:hover{background:var(--purple-dark);transform:translateY(-1px);box-shadow:0 6px 16px rgba(91,61,245,.35)}.page-chat-history .action-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;max-width:850px;margin-left:auto;margin-right:auto;padding:2px}.page-chat-history .action-card{border:1.5px solid #f3f4f6;border-radius:12px;padding:8px 10px;cursor:pointer;transition:all .15s;background:white;display:flex;align-items:center;gap:6px;box-shadow:0 1px 3px rgba(0,0,0,.02)}.page-chat-history .action-card:hover{border-color:var(--purple-border);background:#f9faff}.page-chat-history .action-card.sel{border-color:#e0e7ff;background:#f5f7ff;box-shadow:0 0 0 1px var(--purple-border)}.page-chat-history .ac-icon-box{width:32px;height:32px;background:#f9fafb;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--purple);border:1px solid var(--border)}.page-chat-history .action-card.sel .ac-icon-box{background:var(--white);border-color:#e0e7ff}.page-chat-history .ac-name{font-size:13.5px;font-weight:700;color:var(--text)}.page-chat-history .ac-check{margin-left:auto;width:18px;height:18px;border-radius:50%;border:1.5px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:9px;color:transparent;transition:all .15s}.page-chat-history .action-card.sel .ac-check{background:var(--purple);border-color:var(--purple);color:white}.page-chat-history .chat-container .action-card{pointer-events:none;opacity:.8;background:#f9fafb!important;border-color:#e5e7eb!important;box-shadow:none!important}.page-chat-history .chat-container .action-card .ac-icon-box{color:#6b7280!important;background:#e5e7eb!important;border-color:#d1d5db!important}.page-chat-history .chat-container .action-card .ac-name{color:#4b5563!important}.page-chat-history .chat-container .action-card .ac-check[style*="background: var(--purple)"],.page-chat-history .chat-container .action-card .ac-check[style*="background:var(--purple)"],.page-chat-history .chat-container .action-card.sel .ac-check{background:#9ca3af!important;border-color:#9ca3af!important;color:white!important}.page-chat-history .split .ac-desc,.page-chat-history .split .all-desc{display:none}.page-chat-history .split .action-card{padding:4px;gap:6px}.page-chat-history .split .ac-icon{width:26px;height:26px;border-radius:6px}.page-chat-history .split .ac-icon svg{width:14px;height:14px}.page-chat-history .split .ac-name{font-size:10px}.page-chat-history .split .ac-check{width:14px;height:14px;right:6px;font-size:8px}.page-chat-history .right-panel{padding:28px 60px 40px 32px;display:none;height:100%;overflow-y:auto;background:#f9fafb;border-left:1px solid var(--border)}.page-chat-history .right-panel::-webkit-scrollbar{width:8px}.page-chat-history .right-panel::-webkit-scrollbar-track{background:#f1f1f1}.page-chat-history .right-panel::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.page-chat-history .right-panel::-webkit-scrollbar-thumb:hover{background:#bbb}.page-chat-history .content-body.split .right-panel{display:block}.page-chat-history .results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-chat-history .results-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.2px;white-space:nowrap}.page-chat-history .rtab{display:flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-chat-history .rtab svg{width:13px;height:13px}.page-chat-history .rtab.active{background:var(--purple);color:white;border-color:var(--purple)}.page-chat-history .close-panel-btn:hover{background:#e5e7eb!important;color:#374151!important;transform:scale(1.05)}.page-chat-history .result-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;padding-bottom:4px}.page-chat-history .result-tabs::-webkit-scrollbar{display:none}.page-chat-history .tab-panel{display:none}.page-chat-history .tab-panel.active{display:block}.page-chat-history .reply-card{background:white;border:1.5px solid var(--border);border-radius:16px;padding:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.05)}.page-chat-history .reply-body{font-size:13.5px;color:var(--text);line-height:1.75}.page-chat-history .reply-body p{margin-bottom:10px}.page-chat-history .reply-sig{margin-top:14px;font-size:13.5px}.page-chat-history .estimate-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.page-chat-history .est-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:18px}.page-chat-history .est-card-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:7px}.page-chat-history .est-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border)}.page-chat-history .est-row:last-child{border-bottom:none}.page-chat-history .est-label{font-size:13px;color:var(--muted)}.page-chat-history .est-val{font-size:13px;font-weight:600;color:var(--text)}.page-chat-history .est-val.green{color:var(--green);background:var(--green-light);border-radius:6px;padding:2px 8px;font-size:12px}.page-chat-history .est-val.orange{color:var(--orange-text);background:var(--orange-light);border-radius:6px;padding:2px 8px;font-size:12px}.page-chat-history .features-list{display:flex;flex-direction:column;gap:7px}.page-chat-history .feat-item{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text)}.page-chat-history .feat-check{color:var(--green);font-size:14px;flex-shrink:0}.page-chat-history .view-more-link{font-size:12.5px;color:var(--purple);font-weight:600;text-decoration:none;display:flex;align-items:center;gap:4px;margin-top:10px;cursor:pointer;background:none;border:none;font-family:inherit;padding:0}.page-chat-history .view-more-link:hover{text-decoration:underline}.page-chat-history .est-detail-btn{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px;font-size:13px;font-weight:600;color:var(--purple);background:white;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.page-chat-history .est-detail-btn:hover{border-color:var(--purple);background:var(--purple-light)}.page-chat-history .questions-list{background:white;border:1.5px solid var(--border);border-radius:14px;padding:20px;margin-bottom:14px}.page-chat-history .q-item{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.page-chat-history .q-item:last-child{border-bottom:none}.page-chat-history .q-num{width:24px;height:24px;background:var(--purple-light);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:700;color:var(--purple);flex-shrink:0}.page-chat-history .q-text{font-size:13.5px;color:var(--text);line-height:1.55;padding-top:2px}.page-chat-history .copy-q-btn{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.page-chat-history .copy-q-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chat-history .reply-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-chat-history .reply-title-row{display:flex;align-items:center;gap:10px;margin-bottom:18px}.page-chat-history .reply-title{font-size:14.5px;font-weight:700;color:var(--text)}.page-chat-history .ready-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600}.page-chat-history .reply-btns{display:flex;gap:7px}.page-chat-history .sm-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--border);border-radius:7px;padding:5px 11px;font-size:12px;font-weight:600;color:var(--muted);background:white;cursor:pointer;font-family:inherit;transition:all .15s}.page-chat-history .sm-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chat-history .reply-body{font-size:14px;line-height:1.8;color:#4b5563}.page-chat-history .res-btn{display:flex;align-items:center;gap:5px;border:1.5px solid var(--border);border-radius:7px;padding:5px 10px;font-size:11px;font-weight:600;cursor:pointer;background:white;color:var(--text);transition:all .15s}.page-chat-history .res-btn:hover{border-color:var(--purple);color:var(--purple)}.page-chat-history .loading-overlay{display:none;position:fixed;inset:0;background:rgba(255,255,255,.85);z-index:1000;align-items:center;justify-content:center;flex-direction:column;gap:16px;backdrop-filter:blur(4px)}.page-chat-history .loading-overlay.show{display:flex}.page-chat-history .loading-spinner{width:44px;height:44px;border:3.5px solid var(--purple-light);border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.page-chat-history .loading-text{font-size:15px;font-weight:600;color:var(--text)}.page-chat-history .loading-sub{font-size:13px;color:var(--muted)}@keyframes spin{to{transform:rotate(1turn)}}.page-chat-history .templates-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:all .2s}.page-chat-history .templates-modal-overlay.show{opacity:1;pointer-events:auto}.page-chat-history .templates-modal{background:white;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px rgba(0,0,0,.15);transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1)}.page-chat-history .templates-modal-overlay.show .templates-modal{transform:translateY(0)}.page-chat-history .tm-header{padding:24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.page-chat-history .tm-title{font-size:18px;font-weight:700;color:var(--text);margin:0}.page-chat-history .tm-close{background:none;border:none;font-size:20px;color:var(--muted);cursor:pointer}.page-chat-history .tm-grid{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow-y:auto}.page-chat-history .tm-card{border:1.5px solid var(--border);border-radius:12px;padding:16px;cursor:pointer;transition:all .15s}.page-chat-history .tm-card:hover{border-color:var(--purple-border);background:var(--purple-light)}.page-chat-history .tm-card.sel{border-color:var(--purple);background:var(--purple-light)}.page-chat-history .tm-icon{width:32px;height:32px;background:#f3f4f6;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px}.page-chat-history .tm-card.sel .tm-icon{background:white}.page-chat-history .tm-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:6px}.page-chat-history .tm-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:16px;min-height:34px}.page-chat-history .tm-footer{display:flex;align-items:center;gap:8px}.page-chat-history .tm-sections{font-size:11px;color:var(--muted);font-weight:600}.page-chat-history .tm-badge{font-size:10px;font-weight:700;color:var(--green);background:var(--green-light);padding:2px 6px;border-radius:4px}.page-chat-history .tm-action{padding:16px 24px 24px;border-top:1px solid var(--border)}.page-analytics *,.page-analytics :after,.page-analytics :before{box-sizing:border-box;margin:0;padding:0}.page-analytics{height:100%}.page-analytics{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-analytics .app{display:flex;min-height:100vh}.page-analytics .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-analytics .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-analytics .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-analytics .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-analytics .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-analytics .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-analytics .sb-new:hover{background:var(--purple-dark)}.page-analytics .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-analytics .sb-nav{padding:0 8px;flex:1}.page-analytics .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-analytics .nav-item:hover{background:var(--bg);color:var(--text)}.page-analytics .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-analytics .sb-bottom{margin-top:auto}.page-analytics .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-analytics .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-analytics .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-analytics .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-analytics .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-analytics .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;height:60px;transition:background .15s}.page-analytics .sb-user:hover{background:var(--bg)}.page-analytics .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-analytics .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-analytics .sb-user-co{font-size:11.5px;color:var(--muted)}.page-analytics.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page-analytics .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.page-analytics .topbar-left .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-analytics .topbar-left .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-analytics .date-picker{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:9px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;transition:all .15s}.page-analytics .date-picker:hover{border-color:var(--purple)}.page-analytics .content{padding:24px 60px 48px;flex:1}.page-analytics .kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.page-analytics .kpi-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:18px 20px;transition:box-shadow .15s}.page-analytics .kpi-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.06)}.page-analytics .kpi-top{display:flex;align-items:center;gap:11px;margin-bottom:12px}.page-analytics .kpi-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.page-analytics .kpi-label{font-size:12.5px;font-weight:600;color:var(--muted)}.page-analytics .kpi-value{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-1px;margin-bottom:6px;line-height:1}.page-analytics .kpi-value.big{font-size:24px}.page-analytics .kpi-bottom{display:flex;align-items:center;gap:8px}.page-analytics .kpi-growth{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;color:var(--green);background:var(--green-light);border-radius:20px;padding:2px 8px}.page-analytics .kpi-vs{font-size:11.5px;color:var(--muted)}.page-analytics .mid-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.page-analytics .funnel-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}.page-analytics .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.page-analytics .card-title{font-size:14.5px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:7px}.page-analytics .card-title-info{width:18px;height:18px;border:1.5px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--muted);cursor:help}.page-analytics .week-select{border:1.5px solid var(--border);border-radius:8px;padding:5px 24px 5px 10px;font-size:12.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;outline:none;appearance:none;position:relative}.page-analytics .sel-wrap{position:relative}.page-analytics .sel-wrap:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4.5px solid var(--muted)}.page-analytics .funnel-flow{display:flex;align-items:flex-start;justify-content:center;gap:0}.page-analytics .funnel-stage{display:flex;flex-direction:column;align-items:center;text-align:center}.page-analytics .funnel-icon-wrap{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:10px}.page-analytics .funnel-num{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin-bottom:2px}.page-analytics .funnel-stage-label{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:5px}.page-analytics .funnel-pct{font-size:12px;font-weight:700;color:var(--muted)}.page-analytics .funnel-arrow{color:var(--border);font-size:20px;padding:0 10px;margin-bottom:20px}.page-analytics .conversion-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column}.page-analytics .conversion-body{display:flex;align-items:center;gap:28px;flex:1}.page-analytics .donut-wrap{position:relative;flex-shrink:0}.page-analytics .donut-svg{transform:rotate(-90deg)}.page-analytics .donut-track{fill:none;stroke:var(--border);stroke-width:10}.page-analytics .donut-fill{fill:none;stroke:var(--purple);stroke-width:10;stroke-linecap:round;stroke-dasharray:201;stroke-dashoffset:151;transition:stroke-dashoffset 1s ease}.page-analytics .donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.page-analytics .donut-pct{font-size:20px;font-weight:900;color:var(--text);letter-spacing:-1px}.page-analytics .donut-label{font-size:10.5px;font-weight:600;color:var(--muted);margin-top:1px;text-align:center}.page-analytics .conv-desc{font-size:13.5px;color:var(--text);line-height:1.6;margin-bottom:14px;font-weight:500}.page-analytics .conv-growth{display:flex;align-items:center;gap:8px}.page-analytics .conv-up{display:flex;align-items:center;gap:4px;font-size:12.5px;font-weight:700;color:var(--green);background:var(--green-light);border-radius:20px;padding:3px 10px}.page-analytics .conv-vs{font-size:12px;color:var(--muted)}.page-analytics .bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.page-analytics .project-types-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}.page-analytics .proj-list{display:flex;flex-direction:column;gap:14px}.page-analytics .proj-row{display:flex;flex-direction:column;gap:6px}.page-analytics .proj-row-top{display:flex;align-items:center;justify-content:space-between}.page-analytics .proj-name{font-size:13px;font-weight:500;color:var(--text)}.page-analytics .proj-count{font-size:12.5px;font-weight:700;color:var(--purple)}.page-analytics .bar-track{height:7px;background:var(--bg);border-radius:4px;overflow:hidden}.page-analytics .bar-fill{height:100%;border-radius:4px;background:var(--purple);transition:width 1s ease}.page-analytics .insights-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}.page-analytics .insight-list{display:flex;flex-direction:column;gap:14px}.page-analytics .insight-item{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--bg);border-radius:10px;border:1px solid var(--border);transition:all .15s}.page-analytics .insight-item:hover{border-color:var(--purple-light);background:var(--purple-light)}.page-analytics .insight-icon{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.page-analytics .insight-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}.page-analytics .insight-desc{font-size:12.5px;color:var(--muted);line-height:1.55}.page-analytics .summary-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}.page-analytics .summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:16px}.page-analytics .summary-item{display:flex;align-items:center;gap:13px;padding:0 18px;border-right:1px solid var(--border)}.page-analytics .summary-item:first-child{padding-left:0}.page-analytics .summary-item:last-child{border-right:none}.page-analytics .summary-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.page-analytics .summary-val{font-size:22px;font-weight:800;color:var(--text);letter-spacing:-.8px;margin-bottom:1px}.page-analytics .summary-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.page-analytics .summary-sub{font-size:11px;color:var(--muted);line-height:1.4}.page-analytics .footer-note{text-align:center;font-size:12.5px;color:var(--muted);padding:10px 0 6px}.page-analytics .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-analytics .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-analytics .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-analytics .rc-view-all:hover{text-decoration:underline}.page-analytics .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-analytics .rc-item:hover{background:var(--bg)}.page-analytics .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-analytics .rc-text{flex:1;min-width:0}.page-analytics .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-analytics .rc-desc,.page-analytics .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-analytics .rc-desc{font-size:11px;color:var(--muted)}.page-billing *,.page-billing :after,.page-billing :before{box-sizing:border-box;margin:0;padding:0}:root{--purple-border:#c7c4ff;--green-text:#065f46;--orange:#f59e0b;--orange-light:#fff7ed;--blue:#3b82f6;--blue-light:#eff6ff;--pink:#ec4899;--pink-light:#fdf2f8}.page-billing{height:100%}.page-billing{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-billing .app{display:flex;min-height:100vh}.page-billing .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-billing .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-billing .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-billing .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-billing .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-billing .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-billing .sb-new:hover{background:var(--purple-dark)}.page-billing .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-billing .sb-nav{padding:0 8px;flex:1}.page-billing .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-billing .nav-item:hover{background:var(--bg);color:var(--text)}.page-billing .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-billing .sb-bottom{margin-top:auto}.page-billing .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-billing .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-billing .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-billing .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-billing .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-billing .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;height:60px;transition:background .15s}.page-billing .sb-user:hover{background:var(--bg)}.page-billing .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-billing .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-billing .sb-user-co{font-size:11.5px;color:var(--muted)}.page-billing.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page-billing .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;position:sticky;top:0;z-index:10}.page-billing .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-billing .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-billing .content{padding:28px 60px 60px;flex:1}.page-billing .section-title{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-.2px;margin-bottom:3px}.page-billing .section-sub{font-size:12.5px;color:var(--muted);margin-bottom:16px}.page-billing .card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 24px}.page-billing .save-btn{background:var(--purple);color:white;border:none;border-radius:9px;padding:9px 20px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.page-billing .save-btn:hover{background:var(--purple-dark)}.page-billing .outline-btn{border:1.5px solid var(--border);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.page-billing .outline-btn:hover{border-color:var(--purple);color:var(--purple)}.page-billing .current-plan-card{background:white;border:2px solid var(--purple);border-radius:16px;padding:24px 28px;margin-bottom:28px;display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;box-shadow:0 0 0 4px rgba(91,61,245,.06),0 4px 20px rgba(91,61,245,.08)}.page-billing .plan-left{display:flex;align-items:flex-start;gap:18px}.page-billing .plan-star-icon{width:52px;height:52px;background:var(--purple-light);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.page-billing .plan-label{font-size:11px;font-weight:700;color:var(--purple);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.page-billing .plan-name{font-size:26px;font-weight:700;color:var(--text);letter-spacing:-.6px;margin-bottom:4px}.page-billing .plan-price{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-1px;margin-bottom:10px}.page-billing .plan-price span{font-size:14px;font-weight:500;color:var(--muted)}.page-billing .plan-status-row{display:flex;align-items:center;gap:10px}.page-billing .active-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px}.page-billing .renewal-text{font-size:12.5px;color:var(--muted)}.page-billing .plan-right{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:280px}.page-billing .usage-title{font-size:12.5px;font-weight:700;color:var(--text);margin-bottom:12px}.page-billing .usage-row{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.page-billing .usage-row:last-of-type{margin-bottom:0}.page-billing .usage-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.page-billing .usage-label{font-size:12.5px;color:var(--muted);font-weight:500}.page-billing .usage-val{font-size:12.5px;font-weight:700;color:var(--text)}.page-billing .usage-bar-track{height:5px;background:var(--border);border-radius:3px;overflow:hidden}.page-billing .usage-bar-fill{height:100%;border-radius:3px;background:var(--purple)}.page-billing .usage-simple{font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between}.page-billing .usage-simple span{font-weight:700;color:var(--text)}.page-billing .plans-section{margin-bottom:28px}.page-billing .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.page-billing .plan-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:22px 20px;position:relative;transition:all .15s}.page-billing .plan-card.current{border-color:var(--purple);border-width:2px;box-shadow:0 4px 20px rgba(91,61,245,.12)}.page-billing .plan-card:hover:not(.current){border-color:var(--purple-border);box-shadow:0 4px 16px rgba(0,0,0,.06)}.page-billing .current-plan-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--purple);color:white;font-size:10.5px;font-weight:800;border-radius:0 0 8px 8px;padding:3px 14px;letter-spacing:.05em;white-space:nowrap}.page-billing .plan-card-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.3px}.page-billing .plan-card-price{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-1px;margin-bottom:14px}.page-billing .plan-card-price span{font-size:13px;font-weight:500;color:var(--muted)}.page-billing .plan-feats{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.page-billing .plan-feat{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text)}.page-billing .feat-check{color:var(--purple);font-size:14px;font-weight:700;flex-shrink:0}.page-billing .plan-cta{width:100%;border-radius:9px;padding:10px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;border:1.5px solid var(--border);background:white;color:var(--text)}.page-billing .plan-cta:hover{border-color:var(--purple);color:var(--purple)}.page-billing .plan-cta.primary{background:var(--purple);color:white;border-color:var(--purple)}.page-billing .plan-cta.primary:hover{background:var(--purple-dark)}.page-billing .usage-section{margin-bottom:28px}.page-billing .usage-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.page-billing .ukpi{background:white;border:1.5px solid var(--border);border-radius:12px;padding:18px 16px;transition:box-shadow .15s}.page-billing .ukpi:hover{box-shadow:0 4px 14px rgba(0,0,0,.06)}.page-billing .ukpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:10px}.page-billing .ukpi-label{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.page-billing .ukpi-val{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.8px}.page-billing .payment-section{margin-bottom:28px}.page-billing .payment-card{background:white;border:1.5px solid var(--border);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:16px}.page-billing .visa-badge{background:#1a1f71;color:white;border-radius:6px;padding:5px 10px;font-size:13px;font-weight:900;letter-spacing:1px;flex-shrink:0;font-style:italic}.page-billing .payment-info{flex:1}.page-billing .payment-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:2px}.page-billing .payment-expiry{font-size:12.5px;color:var(--muted)}.page-billing .payment-actions{display:flex;gap:8px}.page-billing .invoice-section{margin-bottom:28px}.page-billing .invoice-table{width:100%;border-collapse:collapse}.page-billing .invoice-table th{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;padding:8px 0;border-bottom:1px solid var(--border);text-align:left}.page-billing .invoice-table td{padding:13px 0;border-bottom:1px solid #f9fafb;font-size:13.5px;color:var(--text);vertical-align:middle}.page-billing .invoice-table tr:last-child td{border-bottom:none}.page-billing .invoice-table tr:hover td{background:#fafafa}.page-billing .paid-badge{background:var(--green-light);color:var(--green-text);border-radius:20px;padding:3px 10px;font-size:11.5px;gap:4px}.page-billing .dl-link,.page-billing .paid-badge{font-weight:700;display:inline-flex;align-items:center}.page-billing .dl-link{gap:5px;color:var(--purple);font-size:13px;text-decoration:none;cursor:pointer;transition:opacity .15s}.page-billing .dl-link:hover{opacity:.75}.page-billing .view-all-link{display:inline-flex;align-items:center;gap:5px;color:var(--purple);font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;margin-top:14px;transition:opacity .15s}.page-billing .view-all-link:hover{opacity:.75}.page-billing .upgrade-cta-card{background:linear-gradient(120deg,var(--purple-light) 0,#e8e6ff 40%,#f0eeff 100%);border:1.5px solid var(--purple-border);border-radius:16px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden}.page-billing .upgrade-cta-card:before{content:"";position:absolute;right:180px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(91,61,245,.08) 0,transparent 70%);pointer-events:none}.page-billing .upgrade-cta-title{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.4px;margin-bottom:6px}.page-billing .upgrade-cta-sub{font-size:13.5px;color:var(--muted);line-height:1.6;max-width:400px}.page-billing .upgrade-cta-right{display:flex;align-items:center;gap:24px;flex-shrink:0}.page-billing .upgrade-cta-graphic{font-size:48px;opacity:.6}.page-billing .upgrade-cta-btn{background:var(--purple);color:white;border:none;border-radius:10px;padding:11px 24px;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;white-space:nowrap}.page-billing .upgrade-cta-btn:hover{background:var(--purple-dark)}.page-billing .section-gap{margin-bottom:28px}.page-billing .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-billing .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-billing .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-billing .rc-view-all:hover{text-decoration:underline}.page-billing .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-billing .rc-item:hover{background:var(--bg)}.page-billing .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-billing .rc-text{flex:1;min-width:0}.page-billing .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-billing .rc-desc,.page-billing .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-billing .rc-desc{font-size:11px;color:var(--muted)}.page-settings *,.page-settings :after,.page-settings :before{box-sizing:border-box;margin:0;padding:0}:root{--purple:#5b3df5;--purple-dark:#4a2fd4;--purple-light:#eeeeff;--green:#10b981;--green-light:#ecfdf5;--text:#111827;--muted:#6b7280;--border:#e5e7eb;--bg:#f9fafb;--white:#ffffff;--sidebar-w:250px}.page-settings{height:100%}.page-settings{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}.page-settings .app{display:flex;min-height:100vh}.page-settings .sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--white);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:30;overflow-y:auto}.page-settings .sb-logo{display:flex;align-items:center;gap:9px;padding:18px 18px 16px}.page-settings .sb-logo-icon{width:32px;height:32px;background:var(--purple);border-radius:8px;display:flex;align-items:center;justify-content:center;color:white;font-weight:900;font-size:14px;flex-shrink:0}.page-settings .sb-logo-name{font-size:14.5px;font-weight:800;color:var(--text);letter-spacing:-.3px}.page-settings .sb-logo-badge{background:var(--purple);color:white;font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px}.page-settings .sb-new{margin:0 14px 20px;display:flex;align-items:center;justify-content:space-between;background:var(--purple);color:white;border:none;border-radius:9px;padding:10px 13px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s;width:calc(100% - 28px)}.page-settings .sb-new:hover{background:var(--purple-dark)}.page-settings .sb-shortcut{font-size:10px;font-weight:600;background:rgba(255,255,255,.2);border-radius:4px;padding:2px 5px}.page-settings .sb-nav{padding:0 8px;flex:1}.page-settings .nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;text-decoration:none;margin-bottom:1px}.page-settings .nav-item:hover{background:var(--bg);color:var(--text)}.page-settings .nav-item.active{background:var(--purple-light);color:var(--purple);font-weight:600}.page-settings .sb-bottom{margin-top:auto}.page-settings .upgrade-card{margin:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}.page-settings .upgrade-top{display:flex;align-items:center;gap:7px;margin-bottom:5px}.page-settings .upgrade-title{font-size:13px;font-weight:700;color:#92400e}.page-settings .upgrade-desc{font-size:11.5px;color:#b45309;line-height:1.5;margin-bottom:10px}.page-settings .upgrade-link{color:var(--purple);font-size:12.5px;font-weight:700;background:none;border:none;cursor:pointer;font-family:inherit;padding:0;display:flex;align-items:center;gap:4px;text-decoration:none}.page-settings .sb-user{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;transition:background .15s}.page-settings .sb-user:hover{background:var(--bg)}.page-settings .sb-avatar{width:34px;height:34px;border-radius:50%;background:var(--purple-light);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--purple);flex-shrink:0}.page-settings .sb-user-name{font-size:13px;font-weight:600;color:var(--text)}.page-settings .sb-user-co{font-size:11.5px;color:var(--muted)}.page-settings.main{margin-left:var(--sidebar-w);flex:1;display:flex;flex-direction:column;min-height:100vh}.page-settings .topbar{background:var(--white);border-bottom:1px solid var(--border);padding:0 60px;height:62px;display:flex;align-items:center;position:sticky;top:0;z-index:10}.page-settings .page-title{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.3px}.page-settings .page-sub{font-size:12.5px;color:var(--muted);margin-top:1px}.page-settings .content{padding:28px 60px 60px;flex:1}.page-settings .sections-wrap{display:flex;flex-direction:column;gap:0}.page-settings .setting-card{background:white;border:1.5px solid var(--border);border-radius:0;padding:28px 32px 24px;margin-bottom:10px}.page-settings .setting-card:first-child{border-radius:16px 16px 0 0}.page-settings .setting-card:last-child{border-radius:0 0 16px 16px;border-bottom:1.5px solid var(--border)}.page-settings .setting-card:only-child{border-radius:16px;border-bottom:1.5px solid var(--border)}.page-settings .card-section-head{display:flex;align-items:flex-start;gap:13px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}.page-settings .card-section-icon{width:38px;height:38px;background:var(--purple-light);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-settings .card-section-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:3px;letter-spacing:-.2px}.page-settings .card-section-sub{font-size:12.5px;color:var(--muted)}.page-settings .form-row{display:grid;gap:18px;margin-bottom:20px}.page-settings .form-row.cols-4{grid-template-columns:repeat(4,1fr)}.page-settings .form-row.cols-3{grid-template-columns:repeat(3,1fr)}.page-settings .form-row.cols-2{grid-template-columns:repeat(2,1fr)}.page-settings .form-row.cols-1{grid-template-columns:1fr}.page-settings .field-label{display:block;font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:7px}.page-settings .field-label .opt{font-weight:400;color:var(--muted)}.page-settings .field-input{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px 13px;font-size:13.5px;color:var(--text);font-family:inherit;outline:none;transition:border-color .15s;background:white}.page-settings .field-input:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-settings .field-input::placeholder{color:#c0c4ce}.page-settings .field-select{width:100%;border:1.5px solid var(--border);border-radius:9px;padding:10px 36px 10px 13px;font-size:13.5px;color:var(--text);font-family:inherit;outline:none;transition:border-color .15s;background:white;appearance:none;cursor:pointer}.page-settings .field-select:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-settings .select-wrap{position:relative}.page-settings .select-wrap:after{content:"";position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;width:0;height:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:5.5px solid var(--muted)}.page-settings .card-footer{display:flex;justify-content:flex-end;padding-top:4px}.page-settings .save-btn{background:var(--purple);color:white;border:none;border-radius:9px;padding:9px 22px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .15s}.page-settings .save-btn:hover{background:var(--purple-dark)}.page-settings .save-btn.loading{opacity:.7;cursor:not-allowed}.page-settings .branding-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.page-settings .logo-upload-area{border:1.5px dashed var(--border);border-radius:12px;padding:22px 20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .15s;background:var(--bg)}.page-settings .logo-upload-area:hover{border-color:var(--purple);background:var(--purple-light)}.page-settings .logo-upload-icon{width:44px;height:44px;background:var(--purple-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.page-settings .logo-upload-title{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.page-settings .logo-upload-sub{font-size:12px;color:var(--muted)}.page-settings .color-field-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:9px;padding:8px 13px;background:white;transition:border-color .15s;cursor:pointer}.page-settings .color-field-wrap:focus-within{border-color:var(--purple);box-shadow:0 0 0 3px rgba(91,61,245,.07)}.page-settings .color-swatch{width:26px;height:26px;border-radius:7px;background:var(--purple);flex-shrink:0;cursor:pointer;border:none;padding:0}.page-settings .color-hex-input{border:none;outline:none;font-size:13.5px;font-weight:600;color:var(--text);font-family:inherit;background:transparent;flex:1}.page-settings .color-sub{font-size:12px;color:var(--muted);margin-top:6px}.page-settings .account-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;margin-bottom:20px}.page-settings .pwd-btn{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:9px;padding:10px 14px;font-size:13.5px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s;width:100%}.page-settings .pwd-btn:hover{border-color:var(--purple);color:var(--purple)}.page-settings .billing-row{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--border);margin-top:4px}.page-settings .billing-title{font-size:13.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-settings .billing-sub{font-size:12.5px;color:var(--muted)}.page-settings .billing-btn{display:flex;align-items:center;gap:7px;border:1.5px solid var(--border);border-radius:9px;padding:8px 16px;font-size:13px;font-weight:600;color:var(--text);background:white;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.page-settings .billing-btn:hover{border-color:var(--purple);color:var(--purple)}.page-settings .toast{position:fixed;bottom:28px;right:28px;background:var(--text);color:white;border-radius:10px;padding:12px 18px;font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:8px;z-index:100;opacity:0;transform:translateY(10px);transition:all .25s;pointer-events:none}.page-settings .toast.show{opacity:1;transform:translateY(0)}.page-settings .toast-check{color:var(--green);font-size:16px}.page-settings .recent-chats{margin:16px 8px 0;display:flex;flex-direction:column;gap:2px}.page-settings .rc-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.page-settings .rc-view-all{text-transform:none;font-weight:600;color:var(--purple);text-decoration:none;font-size:10.5px;letter-spacing:0}.page-settings .rc-view-all:hover{text-decoration:underline}.page-settings .rc-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;transition:background .15s}.page-settings .rc-item:hover{background:var(--bg)}.page-settings .rc-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.page-settings .rc-text{flex:1;min-width:0}.page-settings .rc-name{font-size:12.5px;font-weight:600;color:var(--text);margin-bottom:2px}.page-settings .rc-desc,.page-settings .rc-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-settings .rc-desc{font-size:11px;color:var(--muted)}.mobile-topbar{display:none;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.mobile-toggle-btn{background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mobile-logo-text{font-weight:800;font-size:14.5px;color:var(--text);letter-spacing:-.3px}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:25}@media (max-width:1024px){.mobile-topbar{display:flex}.sidebar-overlay{display:block}.sidebar{left:-250px!important;transition:left .3s ease}.sidebar-open .sidebar{left:0!important}.main{margin-left:0!important;min-height:calc(100vh - 56px)}.topbar{padding:0 20px!important}.content{padding:20px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}.content-body.split{grid-template-columns:1fr!important}.content-body.split .right-panel{border-left:none!important;border-top:1px solid var(--border);position:relative!important;height:auto!important;top:0!important;padding:20px!important}.table-responsive{overflow-x:auto;width:100%}}@media (max-width:640px){.kpi-grid{grid-template-columns:1fr!important}.topbar{flex-direction:column;height:auto!important;padding:12px 20px!important;align-items:flex-start!important;gap:12px}.topbar-actions{width:100%;justify-content:space-between}}@media (max-width:1024px){.page-templates .body-wrap{flex-direction:column!important}.page-templates .center-panel{padding:20px!important}.page-templates .tpl-grid{grid-template-columns:repeat(2,1fr)!important}.page-templates .tabs-row{flex-direction:column!important;align-items:flex-start!important;gap:12px;padding-bottom:12px!important}.page-analytics .content{padding:20px!important}.page-analytics .bottom-row,.page-analytics .mid-row{grid-template-columns:1fr!important}.page-analytics .funnel-flow{flex-direction:column!important;gap:10px;align-items:center}.page-analytics .funnel-arrow{transform:rotate(90deg);margin:4px 0}}@media (max-width:640px){.page-templates .tpl-grid{grid-template-columns:1fr!important}.page-templates .view-toggle{display:none!important}}@media (max-width:1024px){.page-chat-history .content-body{grid-template-columns:1fr!important;height:auto!important;overflow-y:visible!important;display:flex!important;flex-direction:column!important}.page-chat-history .left-panel{padding:20px!important;border-right:none!important;height:auto!important;flex:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.page-chat-history .content-body:not(.split) .left-panel{padding:20px!important}.page-chat-history .chat-container{flex:none!important;height:auto!important;overflow-y:visible!important;max-height:none!important}.page-chat-history .right-panel{border-left:none!important;border-top:1px solid var(--border)!important;position:relative!important;height:auto!important;top:0!important;padding:20px!important;display:block!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.page-chat-history .chat-header{padding:12px 0!important}.page-chat-history .chat-input-wrap{padding:12px 0!important;position:relative!important;background:transparent!important}.page-chat-history .result-tabs{flex-wrap:wrap!important;overflow:visible!important}}@media (max-width:768px){.page-chat-history .action-grid,.page-dashboard .action-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:480px){.page-chat-history .action-grid,.page-dashboard .action-grid{grid-template-columns:1fr!important}.page-chat-history .action-card,.page-dashboard .action-card{padding:6px 8px!important}}