:root{--color-bg-primary:#fff;--color-bg-secondary:#e5dfda;--color-bg-tertiary:#f5f2f0;--color-bg-elevated:#fff;--color-surface-base:#e5dfda;--color-surface-hover:#d9d3ce;--color-surface-active:#cdc7c2;--color-surface-disabled:#f5f2f0;--color-primary-50:#e6f9f6;--color-primary-100:#c0f0e8;--color-primary-200:#99e7da;--color-primary-300:#73decc;--color-primary-400:#64d8c5;--color-primary-500:#55d1bd;--color-primary-600:#4ac1ae;--color-primary-700:#3fa89a;--color-primary-800:#348f85;--color-primary-900:#297670;--color-success-light:#7de0ce;--color-success:#55d1bd;--color-success-dark:#3fa89a;--color-warning-light:#f0d4c0;--color-warning:#e7be9c;--color-warning-dark:#d4a582;--color-error-light:#ffb3b3;--color-error:#ff6b6b;--color-error-dark:#e05555;--color-info-light:#b8dcef;--color-info:#91c2f2;--color-info-dark:#6faad9;--color-text-primary:#1c1c1e;--color-text-secondary:#797e94;--color-text-tertiary:#b9c6d3;--color-text-disabled:#d9d3ce;--color-text-inverted:#fff;--color-border-default:#b9c6d3;--color-border-subtle:#e5dfda;--color-border-muted:#f5f2f0;--color-border-focus:var(--color-primary-500);--color-accent-blue:#91c2f2;--color-accent-purple:#cbbafd;--color-accent-orange:#e7be9c;--color-accent-grey:#b9c6d3;--color-overlay-light:#1c1c1e66;--color-overlay-medium:#1c1c1e99;--color-overlay-heavy:#1c1c1ecc;--color-glass-bg:#ffffffe6;--color-glass-border:#1c1c1e1a;--font-family-base:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--font-size-xs:clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm:clamp(.875rem, .8rem + .375vw, 1rem);--font-size-base:clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-md:clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-lg:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--font-size-xl:clamp(1.5rem, 1.35rem + .75vw, 2rem);--font-size-2xl:clamp(2rem, 1.75rem + 1.25vw, 3rem);--font-size-3xl:clamp(2.5rem, 2rem + 2.5vw, 4rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-.025em;--letter-spacing-normal:0;--letter-spacing-wide:.025em;--letter-spacing-wider:.05em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--border-width-0:0;--border-width-1:1px;--border-width-2:2px;--border-width-4:4px;--radius-none:0;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0006;--shadow-2xl:0 25px 50px -12px #0009;--shadow-primary:0 10px 30px -5px #55d1bd4d;--shadow-success:0 10px 30px -5px #55d1bd4d;--shadow-error:0 10px 30px -5px #ff6b6b4d;--shadow-info:0 10px 30px -5px #91c2f24d;--shadow-focus:0 0 0 3px #55d1bd4d;--duration-instant:.1s;--duration-fast:.2s;--duration-base:.3s;--duration-slow:.4s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.68, -.55, .265, 1.55);--ease-elastic:cubic-bezier(.68, -.6, .32, 1.6);--transition-base:all var(--duration-base) var(--ease-smooth);--transition-fast:all var(--duration-fast) var(--ease-smooth);--transition-slow:all var(--duration-slow) var(--ease-smooth);--button-padding-x:var(--space-4);--button-padding-y:var(--space-2);--button-radius:var(--radius-md);--button-font-weight:var(--font-weight-medium);--input-height:2.75rem;--input-padding-x:var(--space-4);--input-padding-y:var(--space-2);--input-radius:var(--radius-md);--input-border-color:var(--color-border-subtle);--input-focus-border-color:var(--color-primary-500);--card-padding:var(--space-6);--card-radius:var(--radius-lg);--card-bg:var(--color-surface-base);--card-border-color:var(--color-border-default);--modal-padding:var(--space-8);--modal-radius:var(--radius-xl);--modal-bg:var(--color-bg-elevated);--modal-backdrop-bg:var(--color-overlay-medium);--toast-padding:var(--space-4);--toast-radius:var(--radius-lg);--toast-min-width:300px;--toast-max-width:500px;--glass-bg:#ffffffe6;--glass-border:#1c1c1e1a;--glass-blur:10px;--glow-primary:0 0 20px #55d1bd66;--glow-success:0 0 20px #55d1bd66;--glow-error:0 0 20px #ff6b6b66;--glow-info:0 0 20px #91c2f266}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-base:0s;--duration-slow:0s;--duration-slower:0s}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #8b5cf633}50%{box-shadow:0 0 20px #8b5cf680}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes progress{0%{transform-origin:0;transform:scaleX(0)}to{transform-origin:0;transform:scaleX(1)}}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.animate-fade-in{animation:fadeIn var(--duration-base) var(--ease-smooth)}.animate-fade-in-up{animation:fadeInUp var(--duration-base) var(--ease-smooth)}.animate-fade-in-down{animation:fadeInDown var(--duration-base) var(--ease-smooth)}.animate-slide-in-right{animation:slideInRight var(--duration-base) var(--ease-smooth)}.animate-slide-in-left{animation:slideInLeft var(--duration-base) var(--ease-smooth)}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-glow{animation:pulseGlow 2s var(--ease-in-out) infinite}.animate-spin{animation:1s linear infinite spin}.animate-bounce{animation:bounce 1s var(--ease-in-out) infinite}.animate-shake{animation:shake .5s var(--ease-in-out)}.shimmer{background:linear-gradient(90deg, var(--color-bg-tertiary) 0%, var(--color-bg-elevated) 50%, var(--color-bg-tertiary) 100%);background-size:1000px 100%;animation:2s linear infinite shimmer}.skeleton{background:linear-gradient(90deg, var(--color-bg-tertiary) 0%, var(--color-bg-elevated) 20%, var(--color-bg-tertiary) 40%, var(--color-bg-tertiary) 100%);border-radius:var(--radius-md);background-size:200px 100%;animation:1.5s linear infinite skeleton}.spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary-500);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.spinner-sm{border-width:2px;width:20px;height:20px}.spinner-lg{border-width:4px;width:60px;height:60px}.hover-lift{transition:transform var(--duration-fast) var(--ease-smooth), box-shadow var(--duration-fast) var(--ease-smooth)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hover-glow{transition:box-shadow var(--duration-fast) var(--ease-smooth)}.hover-glow:hover{box-shadow:var(--glow-primary)}.hover-scale{transition:transform var(--duration-fast) var(--ease-smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-brighten{transition:filter var(--duration-fast) var(--ease-smooth)}.hover-brighten:hover{filter:brightness(1.1)}.focus-ring{transition:box-shadow var(--duration-fast) var(--ease-smooth);outline:none}.focus-ring:focus{box-shadow:var(--shadow-focus)}.focus-ring:focus-visible{box-shadow:var(--shadow-focus)}.focus-ring-primary{outline:none}.focus-ring-primary:focus{box-shadow:0 0 0 3px #8b5cf666}.focus-ring-primary:focus-visible{box-shadow:0 0 0 3px #8b5cf666}.focus-ring-success{outline:none}.focus-ring-success:focus{box-shadow:0 0 0 3px #10b98166}.focus-ring-success:focus-visible{box-shadow:0 0 0 3px #10b98166}.focus-ring-error{outline:none}.focus-ring-error:focus{box-shadow:0 0 0 3px #ef444466}.focus-ring-error:focus-visible{box-shadow:0 0 0 3px #ef444466}.transition-none{transition:none!important}.transition-all{transition:all var(--duration-base) var(--ease-smooth)}.transition-fast{transition:all var(--duration-fast) var(--ease-smooth)}.transition-slow{transition:all var(--duration-slow) var(--ease-smooth)}.transition-colors{transition:background-color var(--duration-base) var(--ease-smooth), border-color var(--duration-base) var(--ease-smooth), color var(--duration-base) var(--ease-smooth)}.transition-transform{transition:transform var(--duration-base) var(--ease-smooth)}.transition-opacity{transition:opacity var(--duration-base) var(--ease-smooth)}.stagger>*{animation:fadeInUp var(--duration-base) var(--ease-smooth)}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(7){animation-delay:.3s}.stagger>:nth-child(8){animation-delay:.35s}.stagger>:nth-child(9){animation-delay:.4s}.stagger>:nth-child(10){animation-delay:.45s}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);transform:translateY(-20px)}.modal-enter{opacity:0;transform:scale(.95)}.modal-enter-active{opacity:1;transition:opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);transform:scale(1)}.modal-exit{opacity:1;transform:scale(1)}.modal-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);transform:scale(.95)}.overlay-enter{opacity:0}.overlay-enter-active{opacity:1;transition:opacity var(--duration-base) var(--ease-smooth)}.overlay-exit{opacity:1}.overlay-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth)}.toast-enter{opacity:0;transform:translate(100%)}.toast-enter-active{opacity:1;transition:opacity var(--duration-base) var(--ease-smooth), transform var(--duration-base) var(--ease-smooth);transform:translate(0)}.toast-exit{opacity:1;transform:translate(0)}.toast-exit-active{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth), transform var(--duration-fast) var(--ease-smooth);transform:translate(100%)}.collapse-enter{opacity:0;max-height:0;overflow:hidden}.collapse-enter-active{opacity:1;max-height:1000px;transition:max-height var(--duration-base) var(--ease-smooth), opacity var(--duration-base) var(--ease-smooth)}.collapse-exit{opacity:1;max-height:1000px;overflow:hidden}.collapse-exit-active{opacity:0;max-height:0;transition:max-height var(--duration-base) var(--ease-smooth), opacity var(--duration-base) var(--ease-smooth)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.inline-grid{display:inline-grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1}.flex-auto{flex:auto}.flex-initial{flex:0 auto}.flex-none{flex:none}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-auto{margin:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-regular{font-weight:var(--font-weight-regular)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-brand{color:var(--color-primary-500)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.underline{text-decoration:underline}.no-underline{text-decoration:none}.line-through{text-decoration:line-through}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-surface{background-color:var(--color-surface-base)}.bg-brand{background-color:var(--color-primary-500)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-info{background-color:var(--color-info)}.bg-transparent{background-color:#0000}.border{border-width:var(--border-width-1)}.border-0{border-width:0}.border-2{border-width:var(--border-width-2)}.border-4{border-width:var(--border-width-4)}.border-t{border-top-width:var(--border-width-1)}.border-r{border-right-width:var(--border-width-1)}.border-b{border-bottom-width:var(--border-width-1)}.border-l{border-left-width:var(--border-width-1)}.border-default{border-color:var(--color-border-default)}.border-subtle{border-color:var(--color-border-subtle)}.border-muted{border-color:var(--color-border-muted)}.border-primary{border-color:var(--color-primary-500)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow,.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-primary{box-shadow:var(--shadow-primary)}.shadow-success{box-shadow:var(--shadow-success)}.shadow-error{box-shadow:var(--shadow-error)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:-moz-fit-content;width:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:-moz-fit-content;height:fit-content}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;bottom:0;left:0;right:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;user-select:auto}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-index-dropdown)}.z-modal{z-index:var(--z-index-modal)}.z-tooltip{z-index:var(--z-index-tooltip)}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.glass{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur))}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:var(--transition-fast)}.clickable:hover{opacity:.8}.clickable:active{transform:scale(.98)}.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}@media (min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}}@media (min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:flex{display:flex}.xl\:grid{display:grid}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);margin:0;padding:0}code,pre{font-family:var(--font-family-mono)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0}p{line-height:var(--line-height-normal);margin:0}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;background:0 0;border:none;padding:0}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit}a{color:var(--color-primary-500);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none}a:hover{color:var(--color-primary-400)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-full);border:3px solid var(--color-bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-subtle)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-muted) var(--color-bg-secondary)}::selection{background:var(--color-primary-500);color:var(--color-text-inverted)}::selection{background:var(--color-primary-500);color:var(--color-text-inverted)}.App{height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;margin-left:60px;transition:margin-left .3s;display:flex;overflow:hidden auto}.sidebar.expanded+.main-content{margin-left:220px}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f3f4f6}.main-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.app-header{color:#11181c;background-color:#fff;border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-left h1{color:#11181c;margin:0;font-size:20px;font-weight:600}.agent-status{color:#6b7280;align-items:center;gap:6px;font-size:14px;display:flex}.agent-info{color:#11181c;font-size:14px}.logout-btn{color:#11181c;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.logout-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.sidebar{background-color:#fff;border-right:1px solid #e1e5e9;flex-direction:column;width:320px;display:flex}.status-filter{border-bottom:1px solid #e1e5e9;gap:8px;padding:0 16px 16px;display:flex}.filter-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.filter-btn:hover{background-color:#f9fafb;border-color:#d1d5db}.filter-btn.active{color:#fff;background-color:#000;border-color:#000}.filter-btn.active:hover{background-color:#11181c;border-color:#11181c}.chat-item.active{background-color:#eff6ff}.chat-item.waiting{border-left:3px solid #000;padding-left:5px}.message{align-items:flex-end;margin-bottom:16px;display:flex}.message.user{justify-content:flex-start}.message.agent{justify-content:flex-end}.message-content{word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;border-radius:16px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5}.message-meta{align-items:center;gap:6px;margin-top:4px;padding:0 4px;display:flex}.read-receipt{color:#10b981;font-size:14px}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-item.closed{opacity:.8}.bulk-mode-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;padding:4px;font-size:18px;transition:all .2s}.chat-checkbox{cursor:pointer;accent-color:#000;width:16px;height:16px;margin-right:8px}@media (max-width:768px){.sidebar{display:none}.main-container{flex-direction:column}}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-index-tooltip);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);min-width:var(--toast-min-width);max-width:var(--toast-max-width);padding:var(--toast-padding);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--toast-radius);box-shadow:var(--shadow-xl);pointer-events:auto;animation:slideInRight var(--duration-base) var(--ease-smooth);display:flex}.toast-success{border-left:4px solid var(--color-success)}.toast-success .toast-icon{background:var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-error .toast-icon{background:var(--color-error)}.toast-warning{border-left:4px solid var(--color-warning)}.toast-warning .toast-icon{background:var(--color-warning)}.toast-info{border-left:4px solid var(--color-info)}.toast-info .toast-icon{background:var(--color-info)}.toast-icon{color:#fff;width:24px;height:24px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast-message{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-snug);word-break:break-word;flex:1}.toast-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-tertiary);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.toast-close:active{background:var(--color-surface-active)}.toast-exit{animation:slideOutRight var(--duration-fast) var(--ease-smooth) forwards}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast-progress{opacity:.3;transform-origin:0;background:currentColor;height:3px;animation:3s linear forwards progress;position:absolute;bottom:0;left:0;right:0}@media (max-width:640px){.toast-container{top:auto;bottom:var(--space-6);left:var(--space-4);right:var(--space-4)}.toast{min-width:auto;max-width:100%}}.sidebar{background:var(--color-bg-primary);border-right:var(--border-width-1) solid var(--color-border-default);height:100vh;transition:width var(--duration-base) var(--ease-smooth);z-index:var(--z-index-sticky);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar.collapsed{width:60px}.sidebar.expanded{width:220px}.sidebar-header{padding:var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-default);justify-content:flex-start;align-items:center;min-height:60px;display:flex}.toggle-btn{font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.toggle-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.toggle-btn:active{background:var(--color-surface-active);transform:scale(.95)}.toggle-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sidebar-nav{padding:var(--space-2) 0;flex:1;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-full)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--color-border-subtle)}.nav-item{padding:var(--space-3) var(--space-4);margin:var(--space-1) var(--space-2);cursor:pointer;border-radius:var(--radius-md);transition:var(--transition-fast);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);align-items:center;gap:var(--space-3);-webkit-user-select:none;user-select:none;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--color-surface-hover);color:var(--color-text-primary);transform:translate(2px)}.nav-item:active{background:var(--color-surface-active);transform:translate(0)}.nav-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.nav-item.active{background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);color:#fff;font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary)}.nav-item.active:before{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:#fff;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{font-size:var(--font-size-lg);flex-shrink:0;justify-content:center;align-items:center;min-width:20px;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar.collapsed .nav-item{padding:var(--space-3);margin:var(--space-1) var(--space-2);justify-content:center}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-item.active:before{display:none}@media (max-width:768px){.sidebar.expanded{width:100%;max-width:280px}.sidebar{box-shadow:var(--shadow-2xl)}}.btn{font-family:var(--font-family-base);text-align:center;letter-spacing:-.01em;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1.4;text-decoration:none;transition:all .15s ease-out;display:inline-flex;position:relative}.btn-sm{border-radius:6px;min-height:32px;padding:6px 14px;font-size:13px}.btn-md{min-height:36px;padding:8px 18px;font-size:14px}.btn-lg{border-radius:8px;min-height:40px;padding:10px 24px;font-size:15px}.btn-primary{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-600);box-shadow:0 1px 2px #0000000d}.btn-primary:hover:not(:disabled){background:var(--color-primary-600);border-color:var(--color-primary-700);box-shadow:0 2px 4px #55d1bd33}.btn-primary:active:not(:disabled){background:var(--color-primary-700);box-shadow:inset 0 1px 2px #0000001a}.btn-primary:focus-visible{outline:none;box-shadow:0 0 0 3px #55d1bd4d}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:0 1px 2px #0000000d}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-tertiary);box-shadow:0 2px 4px #00000014}.btn-secondary:active:not(:disabled){background:var(--color-surface-active);box-shadow:inset 0 1px 2px #0000001a}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #55d1bd4d}.btn-ghost{color:var(--color-text-secondary);box-shadow:none;background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:#0000}.btn-ghost:active:not(:disabled){background:var(--color-surface-hover)}.btn-ghost:focus-visible{outline:none;box-shadow:0 0 0 3px #55d1bd4d}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error-dark);box-shadow:0 1px 2px #0000000d}.btn-danger:hover:not(:disabled){background:var(--color-error-dark);border-color:#c94444;box-shadow:0 2px 4px #ff6b6b33}.btn-danger:active:not(:disabled){background:#c94444;box-shadow:inset 0 1px 2px #0000001a}.btn-danger:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6b6b4d}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success-dark);box-shadow:0 1px 2px #0000000d}.btn-success:hover:not(:disabled){background:var(--color-success-dark);border-color:#348f85;box-shadow:0 2px 4px #55d1bd33}.btn-success:active:not(:disabled){background:#348f85;box-shadow:inset 0 1px 2px #0000001a}.btn-success:focus-visible{outline:none;box-shadow:0 0 0 3px #55d1bd4d}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-loading{cursor:wait;position:relative}.btn-loading .btn-text{opacity:.7}.btn-full-width{width:100%}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon svg{width:1em;height:1em}.btn-text{display:inline-block}.btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite spin;display:inline-block}.btn-icon-left{margin-right:-2px}.btn-icon-right{margin-left:-2px}.btn-group{gap:8px;display:inline-flex}.btn-group .btn{flex:1}.btn-group-attached{display:inline-flex}.btn-group-attached .btn{border-radius:0;margin-left:-1.5px}.btn-group-attached .btn:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;margin-left:0}.btn-group-attached .btn:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.btn-group-attached .btn:not(:first-child):not(:last-child){border-radius:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.chat-page{flex-direction:column;height:100vh;display:flex;overflow:hidden}.page-header{background:#fff;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 1px 3px #0000000d}.status-selector{display:inline-block;position:relative}.agent-status{cursor:pointer;background:0 0;border:1px solid #e1e4e8;border-radius:6px;align-items:center;gap:8px;margin:0;padding:6px 12px;font-size:14px;transition:all .2s;display:flex}.agent-status:hover{background:#f9fafb;border-color:#d0d7de}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.agent-status.online .status-dot,.status-dot.online{background:#28a745;box-shadow:0 0 4px #28a74566}.agent-status.away .status-dot,.status-dot.away{background:#ffc107;box-shadow:0 0 4px #ffc10766}.agent-status.busy .status-dot,.status-dot.busy{background:#dc3545;box-shadow:0 0 4px #dc354566}.agent-status.offline .status-dot,.status-dot.offline{background:#6c757d;box-shadow:0 0 4px #6c757d66}.status-text{color:#2c3e50;font-weight:500}.status-arrow{color:#6c757d;font-size:10px}.status-dropdown{z-index:1000;background:#fff;border:1px solid #e1e4e8;border-radius:6px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.status-option{cursor:pointer;color:#2c3e50;align-items:center;gap:10px;padding:10px 14px;font-size:14px;transition:background .2s;display:flex}.status-option:first-child{border-radius:6px 6px 0 0}.status-option:last-child{border-radius:0 0 6px 6px}.status-option:hover{background:#f9fafb}.agent-status.online{color:#6c757d}.agent-info span{color:#495057;font-size:14px}.notification-btn{color:#797e94;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:5px 8px;font-size:18px;transition:all .2s;display:flex}.notification-btn:hover{color:#1c1c1e;background-color:#f5f2f0}.notification-btn.active{color:#55d1bd}.main-container{flex:1;display:flex;overflow:hidden}.sidebar-chat{background-color:#fff;border-right:1px solid #e1e5e9;flex-direction:column;flex-shrink:0;width:320px;min-width:280px;max-width:320px;display:flex}.search-container{border-bottom:1px solid #e1e5e9;padding:16px}.search-input{border:1px solid #e1e5e9;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.search-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #0000000d}.chat-list{flex:1;overflow-y:auto}.chat-list-header{justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-list-header h3{color:#111827;margin:0;font-size:16px;font-weight:600}.chat-count{color:#fff;background-color:#55d1bd;border-radius:12px;padding:2px 8px;font-size:12px;font-weight:500}.status-filter{border-bottom:1px solid #e1e5e9;flex-wrap:nowrap;gap:4px;padding:8px 12px;display:flex}.filter-btn{color:#797e94;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:2px;min-height:18px;padding:2px 6px;font-size:10px;font-weight:500;transition:all .15s;display:inline-flex}.filter-btn:hover{color:#1c1c1e;background-color:#f5f2f0}.filter-btn.active{color:#fff;background-color:#55d1bd}.filter-btn.active:hover{background-color:#4ac1ae}.no-chats{text-align:center;color:#6b7280;padding:32px;font-size:14px}.chat-items{padding:0 8px}.chat-item{cursor:pointer;border-radius:8px;gap:12px;margin-bottom:4px;padding:12px 8px;transition:all .2s;display:flex}.chat-item:hover{background-color:#f3f4f6}.chat-item.is-selected{background-color:#eff6ff}.chat-item.status-waiting{border-left:3px solid #55d1bd;padding-left:5px}.chat-avatar-container{flex-shrink:0;position:relative}.chat-avatar{color:#fff;background-color:#55d1bd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.notification-dot{background-color:#ef4444;border:2px solid #fff;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse;position:absolute;top:-2px;right:-2px}.chat-details{flex:1;min-width:0}.chat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name{color:#111827;font-size:14px;font-weight:600}.chat-time{color:#6b7280;font-size:12px}.chat-preview{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-email{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.unread-badge{color:#fff;background-color:#55d1bd;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:600}.last-message{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.chat-container{background-color:#fff;flex-direction:column;flex:1;display:flex}.chat-header{border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.customer-info h3{color:#111827;margin:0 0 4px;font-size:18px;font-weight:600}.customer-info span{color:#6b7280;font-size:14px}.chat-actions{gap:8px;display:flex}.action-btn{cursor:pointer;background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.close-chat-btn{color:#f6577c;font-weight:700}.close-chat-btn:hover{background-color:#fef2f2;border-color:#f6577c}.messages-container{background-color:#f9fafb;flex:1;padding:24px;overflow-y:auto}.message{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.message.grouped{margin-top:8px;margin-bottom:16px}.message.user{align-items:flex-start}.message.agent{align-items:flex-end}.message-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.message.agent .message-header{flex-direction:row-reverse}.message-avatar{flex-shrink:0}.avatar-circle{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.avatar-image{object-fit:cover;border:2px solid #f3f4f6;border-radius:50%;width:36px;height:36px}.user-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.agent-avatar{background:linear-gradient(135deg,#55d1bd 0%,#45c1ad 100%)}.message-sender-name{color:#050505;margin:0;font-size:13px;font-weight:600}.message-content{word-wrap:break-word;white-space:pre-wrap;overflow-wrap:break-word;border-radius:16px;max-width:500px;padding:12px 16px;font-size:14px;line-height:1.5;display:inline-block}.message.user .message-content{color:#111827;background-color:#fff;border:1px solid #e1e5e9;border-bottom-left-radius:4px}.message.agent .message-content{color:#fff;background-color:#55d1bd;border-bottom-right-radius:4px}.message.user .message-content,.message.user .message-meta{margin-left:44px}.message.agent .message-content,.message.agent .message-meta{margin-right:44px}.message-meta{align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.message.user .message-meta{justify-content:flex-start}.message.agent .message-meta{justify-content:flex-end}.message-time{color:#6b7280;font-size:12px}.message-status{font-size:14px;font-weight:700}.message-status.sent{color:#9ca3af}.message-status.read{color:#10b981;font-size:14px}.typing-indicator{background-color:#fff;border:1px solid #e1e5e9;border-radius:16px 16px 16px 4px;gap:4px;width:-moz-fit-content;width:fit-content;margin-bottom:16px;padding:12px 16px;display:flex}.typing-indicator span{background-color:#6b7280;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.input-container{background-color:#fff;border-top:1px solid #e1e5e9;align-items:flex-end;gap:12px;padding:16px 24px;display:flex;position:relative}.input-actions{gap:4px;display:flex}.input-action{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.input-action:hover{background-color:#f3f4f6}.message-input{resize:none;border:1px solid #e1e5e9;border-radius:6px;outline:none;flex:1;min-height:40px;max-height:120px;padding:8px 12px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.message-input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #0000000d}.send-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#55d1bd;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.send-btn:hover:not(:disabled){background-color:#4ac1ae;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;background-color:#9ca3af}.canned-responses{background-color:#fff;border:1px solid #e1e5e9;border-radius:8px;max-height:300px;margin-bottom:8px;position:absolute;bottom:100%;left:24px;right:24px;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.canned-header{border-bottom:1px solid #e1e5e9;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.canned-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;display:flex}.canned-header button:hover{background-color:#f3f4f6}.canned-item{cursor:pointer;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.canned-item:hover{background-color:#f3f4f6}.canned-shortcut{color:#6b7280;background-color:#f3f4f6;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px}.canned-title{color:#111827;font-size:14px}.empty-state{background-color:#f9fafb;flex:1;justify-content:center;align-items:center;display:flex}.empty-content{text-align:center}.empty-content h2{color:#111827;margin-bottom:8px}.empty-content p{color:#6b7280;font-size:14px}.login-container{background-color:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:8px;width:100%;max-width:400px;padding:32px;box-shadow:0 10px 25px #0000001a}.login-box h1{text-align:center;color:#111827;margin:0 0 24px}.form-group input{border:1px solid #e1e5e9;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#6b7280;box-shadow:0 0 0 3px #0000000d}.error{color:#ef4444;background-color:#fef2f2;border-left:4px solid #ef4444;border-radius:6px;margin-bottom:16px;padding:12px;font-size:14px}button[type=submit]{color:#fff;cursor:pointer;background-color:#55d1bd;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .2s}button[type=submit]:hover{background-color:#4ac1ae}.info{border-top:1px solid #e1e5e9;margin-top:24px;padding-top:24px}.info p{color:#6b7280;margin:0 0 12px;font-size:14px}.info ol{color:#6b7280;margin:0;padding-left:20px;font-size:14px}.info li{margin-bottom:8px}.pending-approval-content{text-align:center}.pending-approval-content p{color:#374151;margin:16px 0;font-size:16px;line-height:1.6}.pending-approval-content strong{color:#111827}.pending-info{text-align:left;background-color:#f9fafb;border:1px solid #e1e5e9;border-radius:8px;margin:24px 0;padding:20px}.pending-info p{color:#111827;margin:0 0 12px;font-weight:600}.pending-info ul{margin:0;padding-left:20px;list-style:none}.pending-info li{color:#6b7280;margin-bottom:8px;font-size:14px}.pending-info li:before{content:"• ";color:#9ca3af;margin-right:8px}.pending-approval-content button{color:#11181c;cursor:pointer;background-color:#fff;border:1px solid #e1e5e9;border-radius:6px;width:100%;margin-top:24px;padding:12px;font-size:16px;font-weight:600;transition:all .2s}.pending-approval-content button:hover{background-color:#f3f4f6;border-color:#d1d5db}.chat-section-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #e1e5e9;margin-top:12px;padding:12px 16px 8px;font-size:12px;font-weight:600}.chat-item.status-closed{opacity:.8}.chat-avatar.closed{background-color:#9ca3af}.rating-badge{color:#fbbf24;margin-left:8px;font-size:12px}.chat-closed-info{align-items:center;gap:12px;margin-top:4px;display:flex}.closed-badge{color:#fff;background-color:#6b7280;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500}.rating-display{color:#fbbf24;font-size:14px}.modal-overlay{z-index:1000;background-color:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 25px #0000001a}.modal-content h3{color:#111827;margin:0 0 16px;font-size:20px}.modal-content p{color:#374151;margin:0 0 12px;font-size:16px}.modal-info{color:#6b7280;font-size:14px;margin-bottom:24px!important}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.modal-cancel{color:#11181c;cursor:pointer;background:#fff;border:1px solid #e1e5e9;border-radius:6px;padding:8px 16px;font-weight:500;transition:all .2s}.modal-cancel:hover{background:#f3f4f6}.modal-confirm{color:#fff;cursor:pointer;background:#f6577c;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.modal-confirm:hover{color:#f6577c;background-color:#fff;box-shadow:inset 0 0 0 1px #f6577c}.chat-header-actions{align-items:center;gap:8px;display:flex}.bulk-mode-btn{cursor:pointer;border-radius:4px;font-size:16px;transition:all .2s;color:#797e94!important;background:0 0!important;border:none!important;min-height:auto!important;padding:4px 6px!important}.bulk-mode-btn:hover{color:#1c1c1e!important;background-color:#f5f2f0!important}.selected-count{color:#6b7280;font-size:12px;font-weight:500}.bulk-actions{gap:8px;padding:0 16px 16px;display:flex}.bulk-action-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.bulk-action-btn.select-all{color:#6b7280;background-color:#fff;border:1px solid #e1e5e9}.bulk-action-btn.select-all:hover{background-color:#f3f4f6;border-color:#d1d5db}.bulk-action-btn.bulk-close{color:#fff;background-color:#f6577c}.bulk-action-btn.bulk-close:hover{color:#f6577c;background-color:#fff;box-shadow:inset 0 0 0 1px #f6577c}.bulk-action-btn.bulk-reopen{color:#fff;background-color:#10b981}.bulk-action-btn.bulk-reopen:hover{color:#10b981;background-color:#fff;box-shadow:inset 0 0 0 1px #10b981}.chat-item.bulk-mode{cursor:pointer;padding-left:8px}.chat-checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #b9c6d3;border-radius:3px;width:16px;height:16px;margin-right:8px;transition:all .15s;position:relative}.chat-checkbox:hover{border-color:#55d1bd}.chat-checkbox:checked{background:#55d1bd;border-color:#55d1bd}.chat-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:-1px;left:2px}.file-preview-container{border-bottom:1px solid #e1e5e9;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.file-preview{display:inline-block;position:relative}.file-preview img{object-fit:cover;border-radius:4px;width:60px;height:60px}.file-preview .file-icon{background:#f0f0f0;border-radius:4px;justify-content:center;align-items:center;width:60px;height:60px;font-size:24px;display:flex}.file-preview .remove-file{color:#fff;cursor:pointer;background:#f6577c;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:-5px;right:-5px}.file-preview .remove-file:hover{background:#e04366}.file-preview .file-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;margin-top:4px;font-size:10px;overflow:hidden}.file-preview .upload-progress{flex-direction:column;align-items:center;gap:4px;margin-top:4px;display:flex}.file-preview .progress-bar{background:#e1e5e9;border-radius:2px;width:60px;height:4px;overflow:hidden}.file-preview .progress-fill{background:linear-gradient(90deg,#55d1bd 0%,#45c1ad 100%);border-radius:2px;height:100%;transition:width .3s}.file-preview .progress-text{color:#6c757d;font-size:9px;font-weight:600}.message-attachments{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.attachment-image{border-radius:4px;max-width:200px;display:inline-block;overflow:hidden}.attachment-image img{cursor:pointer;width:100%;height:auto;display:block}.attachment-image:hover{opacity:.9}.attachment-file{color:#333;background:#f0f0f0;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .2s;display:inline-flex}.attachment-file:hover{background:#e5e5e5}.attachment-file .file-icon{font-size:20px}.attachment-file .file-name{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.toast-notification{cursor:pointer;z-index:10000;background:#fff;border:1px solid #e1e5e9;border-radius:8px;min-width:320px;max-width:400px;animation:.3s ease-out toast-slide-in;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 40px #0003}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.toast-notification:hover{transition:all .2s;transform:translateY(-2px);box-shadow:0 12px 48px #00000040}.toast-header{background:#f9fafb;border-bottom:1px solid #e1e5e9;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.toast-header strong{color:#111827;font-size:14px}.toast-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.toast-close:hover{color:#111827;background-color:#e1e5e9}.toast-body{color:#374151;padding:12px 16px;font-size:14px;line-height:1.5}@media (max-width:768px){.sidebar{display:none}.main-container{flex-direction:column}.toast-notification{min-width:auto;bottom:16px;left:16px;right:16px}}.ws-status{border-radius:12px;align-items:center;gap:6px;margin-top:5px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .3s;display:flex}.ws-indicator{border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.ws-connected{color:#10b981;background:#d1fae5}.ws-connected .ws-indicator{background:#10b981;box-shadow:0 0 8px #10b98199}.ws-connecting{color:#f59e0b;background:#fef3c7}.ws-connecting .ws-indicator{background:#f59e0b;animation:1s infinite blink}.ws-error{color:#ef4444;background:#fee2e2}.ws-error .ws-indicator{background:#ef4444}.ws-disconnected{color:#6b7280;background:#f3f4f6}.ws-disconnected .ws-indicator{background:#6b7280}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.3}}.chat-page{--support-ink:var(--color-text-primary,#1c1c1e);--support-action:var(--color-text-primary,#1c1c1e);--support-muted:#6b7280;--support-border:#e5e7eb;--support-surface:#f6f7f9;--support-accent:var(--color-primary-500,#55d1bd);--support-accent-soft:var(--color-primary-50,#e6f9f6);--support-accent-ink:var(--color-primary-900,#297670);color:var(--support-ink);background:var(--support-surface)}.chat-page .page-header{border-bottom:1px solid var(--support-border);box-shadow:none;margin:0;padding:20px 28px}.chat-page .header-left h1{letter-spacing:-.6px;color:var(--support-ink);align-items:center;gap:10px;margin-bottom:9px;font-size:20px;font-weight:600;display:flex}.chat-page .sidebar-chat{border-right:1px solid var(--support-border);background:#fff}.chat-page .search-input{border:1px solid var(--support-border);background:#fff;border-radius:10px}.chat-page .status-filter{background:#eef0f3;border:0;border-radius:10px;gap:3px;margin:4px 16px 14px;padding:5px}.chat-page .filter-btn{color:var(--support-muted);background:0 0;border:0;border-radius:7px;padding:8px 6px;font-size:12px}.chat-page .filter-btn.active{background:var(--support-action);color:#fff;box-shadow:0 1px 4px #1c1c1e0c}.chat-page .chat-list-header h3{text-transform:uppercase;letter-spacing:.8px;color:var(--support-muted);font-size:12px}.chat-page .chat-items{padding:0 10px}.chat-page .chat-item{border:1px solid #0000;border-radius:10px;margin-bottom:5px;padding:15px 12px}.chat-page .chat-item.is-selected{background:var(--support-accent-soft);border-color:#c0f0e8;border-left-style:solid;border-left-width:1px}.chat-page .chat-item:not(.is-selected):hover{background:var(--support-surface)}.chat-page .chat-avatar{width:40px;height:40px;color:var(--support-muted);background:#eef0f3;border-radius:12px;font-weight:600}.chat-page .chat-item .chat-header{border:0;align-items:flex-start;gap:8px;padding:0}.chat-page .chat-name{color:var(--support-ink);font-size:13px}.chat-page .chat-time{color:var(--support-muted);text-align:right;white-space:normal;max-width:84px;font-size:10px}.chat-page .chat-email{color:var(--support-muted);font-size:11px}.chat-page .last-message{color:var(--support-muted);margin-top:7px;font-size:12px}.chat-page .unread-badge,.chat-page .chat-count{background:var(--support-action);color:#fff;font-size:10px}.chat-page .chat-container{background:#fff;min-width:0}.chat-page .chat-container>.chat-header{border-bottom:1px solid var(--support-border);background:#fff;padding:18px 28px}.chat-page .customer-info h3{color:var(--support-ink);font-size:16px}.chat-page .customer-info>span{color:var(--support-muted);font-size:12px}.chat-page .support-human-badge{color:var(--support-muted);align-items:center;gap:6px;margin-right:14px;font-size:11px;display:flex}.chat-page .close-chat-btn{border:1px solid var(--support-border);width:auto;color:var(--support-ink);background:#fff;gap:6px;padding:8px 12px;font-size:12px;display:flex}.chat-page .messages-container{overscroll-behavior:contain;background:#fff;padding:24px max(28px,50% - 395px)}.chat-page .message{max-width:77%}.chat-page .message-content{border:1px solid var(--support-border);overflow-wrap:anywhere;border-radius:4px 12px 12px;padding:12px 16px;font-size:13px;line-height:1.7}.chat-page .message.user .message-content{color:var(--support-ink);border-color:var(--support-border);background:#fff}.chat-page .message.agent .message-content{background:var(--support-accent-soft);color:var(--support-ink);border-color:#c0f0e8;border-radius:12px 4px 12px 12px}.chat-page .message-avatar{width:29px;height:29px;position:relative}.chat-page .message-avatar .avatar-circle,.chat-page .message-avatar .avatar-image{border-radius:50%;width:29px;height:29px;position:absolute;top:0;bottom:0;left:0;right:0}.chat-page .message-avatar .avatar-circle{color:var(--support-muted);background:#eef0f3;place-items:center;font-size:10px;display:grid}.chat-page .message-avatar .avatar-image{object-fit:cover}.chat-page .message-sender-name{color:var(--support-muted);font-size:11px;font-weight:500}.chat-page .message-meta{color:var(--support-muted);font-size:10px}.chat-page .support-system-note{border:1px solid var(--support-border);background:var(--support-surface);max-width:560px;color:var(--support-muted);border-radius:12px;margin:24px auto;padding:15px 18px}.chat-page .support-system-note>span{text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.chat-page .support-system-note p{white-space:pre-wrap;margin:6px 0 0;font-size:12px;line-height:1.7}.chat-page .input-container{border:1px solid var(--support-border);background:#fff;border-radius:12px;flex-wrap:wrap;gap:8px;margin:0 24px 20px;padding:13px 16px;box-shadow:0 3px 14px #1c1c1e04}.chat-page .support-reply-identity{width:100%;color:var(--support-muted);border-bottom:1px solid var(--support-border);align-items:center;gap:6px;padding:0 0 10px;font-size:11px;display:flex}.chat-page .support-reply-identity strong{color:var(--support-ink);font-weight:500}.chat-page .support-reply-identity a{color:var(--support-muted);margin-left:auto;font-size:10px;text-decoration:none}.chat-page .support-own-avatar{width:23px;height:23px;color:var(--support-muted);background:#eef0f3;border-radius:50%;place-items:center;display:grid;overflow:hidden}.chat-page .support-own-avatar img{object-fit:cover;width:100%;height:100%}.chat-page .message-input{box-shadow:none;color:var(--support-ink);background:#fff;border:0;outline:0;min-width:60px;padding:8px 4px}.chat-page .message-input:focus{box-shadow:none;border:0}.chat-page .input-container:focus-within{border-color:var(--support-accent-ink)}.chat-page .send-btn{background:var(--support-action);color:#fff;border:0;border-radius:10px;flex-shrink:0;align-items:center;gap:9px;height:40px;min-height:40px;padding:10px 16px;font-size:12px;display:flex;box-shadow:none!important}.chat-page .send-btn:disabled{color:var(--support-muted);opacity:1;cursor:default;background:#eef0f3!important}.chat-page .support-delivery{width:100%;min-height:14px;color:var(--support-muted);padding-left:4px;font-size:10px}.chat-page .support-delivery.failed{color:#b91c1c}.chat-page .empty-state{background:#fff}.chat-page .empty-content h2{letter-spacing:-.7px;color:var(--support-ink);margin:10px 0;font-size:25px;font-weight:500}.chat-page .empty-content p{color:var(--support-muted);font-size:13px}.chat-page .support-empty-icon{background:var(--support-accent-soft);width:74px;height:74px;color:var(--support-accent-ink);border:1px solid #c0f0e8;border-radius:16px;place-items:center;margin:0 auto 24px;display:grid}.chat-page .support-eyebrow{text-transform:uppercase;letter-spacing:1.5px;color:var(--support-muted);font-size:10px}.chat-page .mobile-back{display:none}@media (max-width:800px){.chat-page .page-header{padding:14px 18px}.chat-page .sidebar-chat{width:290px}.chat-page .support-human-badge{display:none}.chat-page .messages-container{padding:18px}.chat-page .input-container{margin:0 12px 12px}}@media (max-width:600px){.chat-page .sidebar-chat{width:100%}.chat-page.has-active-chat .sidebar-chat,.chat-page:not(.has-active-chat) .empty-state{display:none}.chat-page .chat-container{width:100%}.chat-page .mobile-back{color:var(--support-ink);float:left;background:0 0;border:0;align-items:center;height:36px;padding:0 10px 0 0;display:inline-flex}.chat-page .header-left h1{font-size:18px}.chat-page .message{max-width:90%}.chat-page .input-container{gap:4px}}.chat-page .input-action{color:var(--support-muted)!important;box-shadow:none!important;background:0 0!important;border:0!important}.chat-page .input-action:hover{background:var(--support-surface)!important}.chat-page .close-chat-btn{box-shadow:none!important;border-radius:9px!important}.chat-page .send-btn:not(:disabled){background:var(--support-action)!important;box-shadow:none!important}.chat-page .support-reply-identity a:focus-visible{outline:2px solid var(--support-accent-ink);outline-offset:3px}.chat-page button:focus-visible{outline:2px solid var(--support-accent-ink);outline-offset:3px}.chat-page{flex:0 0 100dvh;height:100dvh;min-height:0}.chat-page .main-container{flex-direction:row;flex:1;align-items:stretch;min-height:0;margin:0;padding:0;display:flex;overflow:hidden}.chat-page .chat-container{min-height:0;overflow:hidden}.chat-page .page-header,.chat-page .chat-container>.chat-header,.chat-page .input-container{flex-shrink:0}.chat-page .messages-container{min-height:0}@media (max-width:768px){.main-content:has(>.chat-page){margin-left:0}.chat-page .page-header{gap:8px;padding:12px 16px}.chat-page .header-left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chat-page .header-left h1{white-space:nowrap;margin:0;font-size:17px}.chat-page .agent-status{padding:5px 8px;font-size:11px}.chat-page .ws-status{margin:0;padding:4px 8px;font-size:10px}}@media (max-width:600px){.chat-page .sidebar-chat{max-width:none;height:100%}.chat-page .chat-container>.chat-header{gap:8px;padding:14px 16px}.chat-page .chat-actions{flex-shrink:0}.chat-page .close-chat-btn{padding:8px;font-size:10px}.chat-page .send-btn{padding:10px 12px}}.chat-page .chat-container>.chat-header .customer-info{flex:1;min-width:0}.chat-page .customer-info h3{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-page .send-btn:hover:not(:disabled){background:#3d414f!important}.chat-page .search-input:focus{border-color:var(--support-accent-ink);box-shadow:0 0 0 3px #55d1bd1f}.chat-page .search-input::placeholder,.chat-page .message-input::placeholder{color:var(--support-muted)}.chat-page .message-status.read{color:var(--support-accent-ink)}.chat-page .ws-connected{background:var(--support-accent-soft);color:var(--support-accent-ink)}.chat-page .ws-connected .ws-indicator,.chat-page .status-dot.online{background:var(--support-accent);box-shadow:none}.chat-page .ws-indicator{animation:none}.chat-page .send-btn .btn-text{align-items:center;gap:6px;display:inline-flex}.chat-page .chat-count{color:var(--support-muted);background:#eef0f3}.inbox-page{background:#f5f6fa;flex-direction:column;height:100vh;display:flex}.inbox-header{background:#fff;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;padding:20px 30px;display:flex;box-shadow:0 1px 3px #0000000d}.header-left h1{color:#2c3e50;margin:0 0 5px;font-size:28px}.subtitle{color:#6c757d;margin:0;font-size:14px}.header-right span{color:#495057;font-size:14px}.inbox-content{flex:1;max-width:100%;padding:16px 32px;overflow-y:auto}.inbox-controls{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.search-input{border:1px solid #ddd;border-radius:6px;flex:1;max-width:400px;padding:10px 15px;font-size:14px}.search-input:focus{border-color:#55d1bd;outline:none;box-shadow:0 0 0 3px #55d1bd33}.inbox-stats{align-items:center;gap:20px;display:flex}.archive-checkbox-label{cursor:pointer;color:#495057;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.archive-checkbox{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1.5px solid #b9c6d3;border-radius:3px;width:16px;height:16px;transition:all .15s;position:relative}.archive-checkbox:hover{border-color:#55d1bd}.archive-checkbox:checked{background:#55d1bd;border-color:#55d1bd}.archive-checkbox:checked:after{content:"✓";color:#fff;font-size:12px;font-weight:700;position:absolute;top:-1px;left:2px}.stat{color:#495057;font-size:14px}.stat strong{color:#2c3e50;font-size:16px}.contacts-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.contacts-table thead{background:#f8f9fa;border-bottom:2px solid #e1e4e8}.contacts-table th{text-align:left;color:#495057;text-transform:uppercase;letter-spacing:.5px;padding:12px 15px;font-size:13px;font-weight:600}.contacts-table tbody tr{border-bottom:1px solid #e9ecef;transition:background .2s}.contacts-table tbody tr.clickable-row{cursor:pointer}.contact-name{color:#2c3e50;font-weight:500}.action-buttons{gap:8px;display:flex}.btn-small{cursor:pointer;border:1px solid;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.btn-small.btn-primary{color:#fff;background:#55d1bd;border-color:#55d1bd}.btn-small.btn-primary:hover{background:#4ac1ae;border-color:#4ac1ae}.btn-small.btn-secondary{color:#495057;background:#fff;border-color:#ddd}.btn-small.btn-secondary:hover{background:#f8f9fa;border-color:#999}.btn-danger:hover:not(:disabled){background:#e54167;border-color:#e54167}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.empty-state{text-align:center;background:#fff;border-radius:8px;padding:60px 20px;box-shadow:0 1px 3px #0000000d;display:block!important}.empty-state h2{color:#2c3e50;justify-content:center;align-items:center;gap:12px;margin:0 0 15px;font-size:24px;line-height:1.3;display:flex}.empty-state p{color:#6c757d;margin:0;font-size:14px;line-height:1.6;display:block}.inbox-page.loading{color:#6c757d;justify-content:center;align-items:center;font-size:18px;display:flex}.crm-page{background:#fafafa;flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.crm-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.crm-header h1{color:#0a0a0a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.header-right{align-items:center;gap:16px;display:flex}.logout-btn{color:#1c1c1e;cursor:pointer;background:0 0;border:none;border-radius:6px;min-height:28px;padding:5px 12px;font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{color:#1c1c1e;background-color:#f5f2f0}.crm-nav{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:8px;padding:0 32px;display:flex}.crm-nav-tabs{align-items:center;gap:8px;display:flex}.crm-nav-actions{align-items:center;gap:12px;display:flex}.nav-btn{cursor:pointer;color:#737373;background:0 0;border:none;border-bottom:2px solid #0000;padding:14px 16px;font-size:13px;font-weight:500;transition:all .15s}.nav-btn:hover{color:#55d1bd}.nav-btn.active{color:#55d1bd;border-bottom-color:#55d1bd}.crm-content{flex-direction:column;flex:1;width:100%;min-width:0;padding:20px 32px;display:flex;overflow:hidden}.view-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.view-header h2{color:#111827;flex:0 auto;min-width:0;margin:0;font-size:20px}.header-actions{flex-flow:row;flex-shrink:0;align-items:center;gap:12px;display:flex}.header-actions>*{flex-shrink:0}.pipeline-view .view-header{z-index:10;background:#fafafa;flex-flow:row;justify-content:space-between;align-items:center;padding:0 24px 24px;display:flex;position:absolute;top:0;left:0;right:0}.pipeline-view .header-actions{flex-flow:row;gap:12px;display:flex}.btn-small{cursor:pointer;background:#f3f4f6;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .2s}.btn-small:hover{background:#e5e7eb}.dashboard-view,.pipeline-view,.contacts-view,.activities-view,.automation-view{flex-direction:column;flex:1;display:flex;overflow-y:auto}.pipeline-view{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow-y:hidden}.kanban-scroll-container{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6;flex:1;min-width:0;padding:16px 24px;overflow:auto}.kanban-scroll-container::-webkit-scrollbar{height:8px}.kanban-scroll-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.kanban-scroll-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.kanban-scroll-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.kanban-board{gap:16px;width:-moz-fit-content;width:fit-content;min-width:100%;min-height:100%;display:flex}.kanban-column{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;width:300px;transition:all .2s}.kanban-column.drag-over{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.column-header{background:#fff;border-bottom:1px solid #e5e5e5;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.column-header h3{color:#0a0a0a;text-transform:uppercase;letter-spacing:.03em;cursor:pointer;border-radius:4px;margin:0;padding:4px;font-size:13px;font-weight:600;transition:background .15s}.column-header h3:hover{background:#fafafa}.column-actions{align-items:center;gap:8px;display:flex}.btn-delete-stage{cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;font-size:14px;transition:opacity .2s}.column-header:hover .btn-delete-stage{opacity:.5}.btn-delete-stage:hover{opacity:1!important}.column-header-edit{align-items:center;gap:6px;width:100%;display:flex}.stage-edit-input{border:1px solid #111827;border-radius:4px;outline:none;flex:1;padding:4px 8px;font-size:14px;font-weight:600}.btn-save-stage,.btn-cancel-stage{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:16px;transition:background .15s}.btn-save-stage{color:#10b981}.btn-save-stage:hover{background:#d1fae5}.btn-cancel-stage{color:#ef4444}.btn-cancel-stage:hover{background:#fee2e2}.deal-count{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:12px}.column-content{min-height:400px;max-height:calc(100vh - 280px);padding:12px;transition:background .2s;overflow-y:auto}.deal-card{-webkit-user-select:none;user-select:none;cursor:grab;box-sizing:border-box;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #e5e5e5;border-radius:6px;gap:8px;width:100%;margin-bottom:8px;padding:14px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;transform:translateZ(0)}.deal-card:active{cursor:grabbing}.deal-card:hover{border-color:#0a0a0a;box-shadow:0 1px 3px #0000000f}.deal-drag-handle{display:none}.deal-content{flex:1;min-width:0}.deal-card *{pointer-events:none}.deal-card,.deal-card:not(.dragging) .deal-content,.deal-card:not(.dragging) .deal-contact,.deal-card:not(.dragging) a,.deal-card:not(.dragging) button{pointer-events:auto}.deal-card.dragging{opacity:.25;pointer-events:none;background:#f8f8f8;border-style:dashed;transition:none}.deal-card.dragging-overlay{z-index:9999;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:antialiased;background:#fff;border:1px solid #0a0a0a;transform:rotate(2deg)translateZ(0);box-shadow:0 12px 32px #00000026,0 2px 8px #0000001a;cursor:grabbing!important;transition:none!important}.deal-title{color:#111827;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:600}.deal-contact{color:#6b7280;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px;font-size:12px}.deal-contact.clickable{color:#06f;cursor:pointer;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .15s}.deal-contact.clickable:hover{color:#0052cc;text-decoration-color:#0052cc}.deal-value{color:#10b981;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:8px;font-size:16px;font-weight:600}.deal-meta{color:#6b7280;justify-content:space-between;align-items:center;font-size:12px;display:flex}.probability{color:#1e40af;background:#dbeafe;border-radius:12px;padding:2px 8px}.deal-task-indicator{background:var(--color-neutral-100,#f3f4f6);width:-moz-fit-content;width:fit-content;color:var(--color-neutral-700,#374151);border-radius:4px;align-items:center;gap:4px;margin-bottom:8px;padding:4px 8px;font-size:11px;font-weight:500;display:flex}.deal-task-indicator.overdue{background:var(--color-danger-100,#fee2e2);color:var(--color-danger-700,#b91c1c)}.deal-task-indicator.today{background:var(--color-warning-100,#fef3c7);color:var(--color-warning-700,#a16207)}.deal-task-indicator.upcoming{background:var(--color-primary-100,#dbeafe);color:var(--color-primary-700,#1d4ed8)}.deal-task-indicator svg{flex-shrink:0}.contacts-container{grid-template-columns:350px 1fr;gap:24px;display:grid}.contacts-list{flex-direction:column;gap:8px;display:flex}.contact-card{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:12px;padding:12px;transition:all .2s;display:flex}.contact-card:hover{border-color:#111827;box-shadow:0 1px 3px #0000001a}.contact-card.selected{background:#f9fafb;border-color:#111827}.contact-avatar{color:#fff;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.contact-info{flex:1}.contact-company{color:#6b7280;margin-bottom:8px;font-size:12px}.contact-meta{gap:12px;font-size:11px;display:flex}.lead-score{font-weight:600}.contact-status{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:12px;padding:2px 8px}.contact-detail{background:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:calc(100vh - 200px);padding:24px;overflow-y:auto}.activity-item{background:#fff;border:1px solid #e5e5e5;border-radius:6px;gap:12px;padding:14px;transition:border-color .15s;display:flex}.activity-item:hover{border-color:#d4d4d4}.activity-icon{opacity:.8;font-size:18px}.activity-details{flex:1}.activity-subject{color:#0a0a0a;margin-bottom:4px;font-size:13px;font-weight:500}.activity-description{color:#737373;margin-bottom:4px;font-size:12px;line-height:1.5}.activity-date{color:#a3a3a3;font-size:11px}.activities-view{width:100%}.activities-list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;display:grid}.activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.activity-type{text-transform:uppercase;color:#6b7280;margin-bottom:8px;font-size:11px;font-weight:600}.activity-status{border-radius:12px;margin-top:12px;padding:4px 8px;font-size:11px;display:inline-block}.activity-status.done{color:#065f46;background:#d1fae5}.activity-status.pending{color:#991b1b;background:#fee2e2}.notes-list{flex-direction:column;gap:12px;display:flex}.note-item{background:#fffbeb;border:1px solid #fef3c7;border-radius:6px;padding:12px}.note-content{color:#111827;margin-bottom:8px;font-size:13px;line-height:1.5}.note-date{color:#92400e;font-size:11px}.timeline-icon{align-items:flex-start;min-width:24px;font-size:20px;display:flex}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#111827;outline:none}.modal-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.modal-actions button{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-actions button[type=button]{background:#f3f4f6;border:none}.modal-actions button[type=button]:hover{background:#e5e7eb}.dashboard-view{width:100%}.stat-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;flex-direction:column;gap:8px;padding:14px 16px;transition:border-color .15s;display:flex}.stat-card:hover{border-color:#0a0a0a}.stat-icon{opacity:.7;font-size:18px;line-height:1}.stat-label{color:#737373;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:500}.stat-value{color:#0a0a0a;letter-spacing:-.02em;font-size:24px;font-weight:600;line-height:1}.stat-subtitle{color:#a3a3a3;margin-top:4px;font-size:12px;font-weight:400}.dashboard-section{background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:16px;padding:18px 20px}.dashboard-section h3{color:#0a0a0a;letter-spacing:-.01em;margin:0 0 16px;font-size:14px;font-weight:600}.pipeline-chart{flex-direction:column;gap:12px;display:flex}.chart-bar-container{flex-direction:column;gap:6px;display:flex}.chart-label{color:#0a0a0a;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.chart-count{color:#737373;font-size:11px;font-weight:400}.chart-bar-wrapper{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;height:28px;overflow:hidden}.chart-bar{background:#55d1bd;border-radius:3px;justify-content:flex-end;align-items:center;min-width:50px;height:100%;padding-right:10px;transition:width .3s;display:flex}.chart-value{color:#fff;font-size:11px;font-weight:600}.recent-activities{flex-direction:column;gap:8px;display:flex}.contacts-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;max-height:calc(100vh - 220px);overflow:hidden auto}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{z-index:1;background:#f9fafb;position:sticky;top:0}.contacts-table th{text-align:left;color:#6b7280;text-transform:uppercase;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:12px;font-weight:600}.contacts-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.contacts-table th.sortable:hover{background:#f3f4f6}.contacts-table tbody tr{cursor:pointer;border-bottom:1px solid #e5e7eb;transition:background .15s}.contacts-table tbody tr:hover{background:#f9fafb}.contacts-table tbody tr.selected{background:#eff6ff}.contacts-table tbody tr.selected:hover{background:#dbeafe}.contacts-table td{color:#111827;padding:12px 16px;font-size:14px}.table-name-cell{align-items:center;gap:10px;display:flex}.contact-avatar-small{color:#fff;background:#111827;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.table-status-badge{color:#6b7280;text-transform:capitalize;background:#f3f4f6;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.table-date{color:#6b7280;font-size:13px}.contacts-container{grid-template-columns:1fr 400px;gap:24px;height:calc(100vh - 220px);display:grid}.contacts-container:has(.contact-detail:not(:empty)){grid-template-columns:1fr 400px}.contacts-view .contact-detail{max-height:calc(100vh - 220px)}.icon-picker-container{display:inline-block;position:relative}.icon-picker-trigger{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-width:180px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.icon-picker-trigger:hover{background:#f9fafb;border-color:#9ca3af}.icon-picker-trigger:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.icon-picker-dropdown{z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;position:absolute;top:56px;left:0;box-shadow:0 4px 12px #0000001a}.icon-grid{grid-template-columns:repeat(8,1fr);gap:6px;max-width:380px;display:grid}.icon-option{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:flex}.icon-option:hover{color:#111827;background:#f3f4f6;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.icon-option.selected{color:#2563eb;background:#dbeafe;border-color:#3b82f6}.deal-icon{color:#6b7280;align-items:center;margin-right:8px;display:inline-flex}.contact-avatar-small{font-size:16px}.import-modal-content{max-width:800px;max-height:90vh;overflow-y:auto}.import-step{padding:24px 0}.upload-area{text-align:center;cursor:pointer;background:#fafafa;border:2px dashed #d4d4d4;border-radius:8px;padding:48px 32px;transition:all .2s}.upload-area:hover{background:#f0f7ff;border-color:#06f}.upload-icon{margin-bottom:16px;font-size:48px}.upload-area h4{color:#171717;margin:0 0 8px;font-size:16px;font-weight:600}.upload-area p{color:#737373;margin:0;font-size:14px}.mapping-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.mapping-field{flex-direction:column;gap:8px;display:flex}.mapping-field label{color:#525252;font-size:13px;font-weight:500}.mapping-field select{cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:6px;padding:10px 12px;font-size:14px}.mapping-field select:focus{border-color:#06f;outline:none}.preview-table-container{border:1px solid #e5e5e5;border-radius:8px;margin-bottom:16px;overflow-x:auto}.preview-table{border-collapse:collapse;width:100%}.preview-table th{text-align:left;color:#525252;background:#fafafa;border-bottom:1px solid #e5e5e5;padding:10px 12px;font-size:12px;font-weight:600}.preview-table td{color:#171717;border-bottom:1px solid #f5f5f5;padding:10px 12px;font-size:13px}.preview-table tr:last-child td{border-bottom:none}.import-options{flex-direction:column;gap:20px;margin-bottom:24px;display:flex}.option-group{flex-direction:column;gap:8px;display:flex}.option-group label{color:#525252;font-size:13px;font-weight:600}.option-group select{cursor:pointer;background:#fff;border:1px solid #d4d4d4;border-radius:6px;max-width:300px;padding:10px 12px;font-size:14px}.option-group select:focus{border-color:#06f;outline:none}.checkbox-group{align-items:center;gap:8px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-group label{color:#525252;cursor:pointer;font-size:14px}.results-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#fff;border-left:4px solid;border-radius:6px;padding:16px}.stat-card.created{border-color:#10b981}.stat-card.updated{border-color:#06f}.stat-card.skipped{border-color:#f59e0b}.stat-card.failed{border-color:#ef4444}.stat-number{color:#171717;margin:0 0 4px;font-size:28px;font-weight:700}.stat-label{color:#737373;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.error-list{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:16px;padding:12px 16px}.error-list h4{color:#dc2626;margin:0 0 8px;font-size:14px;font-weight:600}.error-list ul{margin:0;padding-left:20px}.error-list li{color:#525252;margin-bottom:4px;font-size:13px}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px}.loading{text-align:center;color:#737373;padding:16px;font-size:14px}.contact-actions{justify-content:center;gap:6px;display:flex}.action-btn{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.action-pipeline{color:#6b7280}.action-pipeline:hover{color:#06f;background:#eff6ff;border-color:#06f}.action-delete{color:#6b7280}.action-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.contacts-table td{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.contacts-table th{white-space:nowrap}.table-name-cell{min-width:150px;max-width:200px}.bulk-actions-bar{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;display:flex}.bulk-info{color:#1e40af;font-size:14px}.bulk-info strong{font-weight:600}.contacts-table input[type=checkbox]{cursor:pointer;accent-color:#06f;width:16px;height:16px}.deal-count-badge{color:#fff;background:#111827;border-radius:11px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.mini-deal-stage{text-transform:capitalize;white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-block}.mini-deal-stage.stage-lead{color:#1976d2;background:#e3f2fd}.mini-deal-stage.stage-qualified{color:#f57c00;background:#fff3e0}.mini-deal-stage.stage-proposal{color:#7b1fa2;background:#f3e5f5}.mini-deal-stage.stage-negotiation{color:#5e35b1;background:#ede7f6}.mini-deal-stage.stage-won{color:#388e3c;background:#e8f5e9}.mini-deal-stage.stage-lost{color:#d32f2f;background:#ffebee}.clickable-name{cursor:pointer;transition:all .15s}.clickable-name:hover{color:#06f!important}.clickable-name:hover span{text-decoration:underline}.automation-monitor{max-width:1400px;margin:0 auto;padding:24px}.automation-readonly-badge{background:var(--color-primary-50,#e6f9f6);width:-moz-fit-content;width:fit-content;color:var(--color-primary-900,#297670);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.automation-truth-banner,.automation-error{border:1px solid var(--color-warning,#e7be9c);background:var(--color-warning-light,#f0d4c0);color:#69482e;border-radius:10px;align-items:flex-start;gap:12px;margin-bottom:24px;padding:16px;display:flex}.automation-truth-banner>svg,.automation-error>svg{flex-shrink:0;margin-top:2px}.automation-truth-banner>div,.automation-error>div{flex-direction:column;flex:1;gap:4px;display:flex}.automation-truth-banner strong,.automation-error h3{margin:0;font-size:14px}.automation-truth-banner span,.automation-error p{margin:0;font-size:13px;line-height:1.5}.automation-error{border-color:var(--color-error-light,#ffb3b3);color:var(--color-error-dark,#e05555);background:#fff4f4}.rules-list__heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.rules-list__heading h3{margin:0}.rules-list__heading span,.rule-none{color:#797e94;font-size:12px}.automation-loading,.automation-empty{text-align:center;color:#797e94;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.automation-empty h4,.automation-empty p{margin:0}.automation-empty h4{color:#1c1c1e}.automation-empty p{max-width:620px;line-height:1.55}@media (max-width:720px){.automation-monitor{padding:16px}.monitor-header{flex-direction:column;gap:16px}.automation-error{flex-wrap:wrap}.rule-title-section{flex-wrap:wrap;align-items:flex-start}}.monitor-header{justify-content:space-between;align-items:flex-start;margin-bottom:32px;display:flex}.monitor-header h2{color:#111827;margin:0 0 8px;font-size:24px;font-weight:600}.monitor-subtitle{color:#6b7280;margin:0;font-size:14px}.btn-trigger-all{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-trigger-all:hover:not(:disabled){background:#374151;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-trigger-all:disabled{opacity:.6;cursor:not-allowed}.header-actions{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.last-run-info{color:#6b7280;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.last-run-label{font-weight:500}.last-run-time{color:#111827;font-weight:600}.last-run-duration{color:#9ca3af;font-size:12px}.automation-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{font-size:32px;line-height:1}.stat-content{flex:1}.stat-value{color:#111827;margin-bottom:4px;font-size:28px;font-weight:700;line-height:1}.rules-list{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.rules-list h3{color:#111827;margin:0 0 20px;font-size:18px;font-weight:600}.rule-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}.rule-card:last-child{margin-bottom:0}.rule-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rule-title-section{align-items:center;gap:12px;display:flex}.rule-priority{color:#fff;background:#111827;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;display:inline-flex}.rule-name{color:#111827;margin:0;font-size:16px;font-weight:600}.rule-status{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.rule-status.enabled{color:#065f46;background:#d1fae5}.rule-status.disabled{color:#991b1b;background:#fee2e2}.rule-description{color:#6b7280;margin:0 0 16px;font-size:14px;line-height:1.5}.rule-flow{align-items:center;gap:12px;margin-bottom:16px;display:flex}.stage-badge{color:#fff;text-transform:capitalize;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600}.flow-arrow{color:#9ca3af;font-size:20px}.rule-details{flex-direction:column;gap:12px;display:flex}.rule-detail-section{flex-direction:column;gap:8px;display:flex}.rule-detail-section strong{color:#374151;font-size:13px;font-weight:600}.rule-triggers{flex-wrap:wrap;gap:8px;display:flex}.trigger-badge{color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px 12px;font-family:Courier New,monospace;font-size:12px;display:inline-block}.score-badge{color:#1e40af;background:#dbeafe;border-radius:12px;padding:4px 12px;font-size:14px;font-weight:600;display:inline-block}.automation-info{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px}.automation-info h3{color:#111827;margin:0 0 20px;font-size:18px;font-weight:600}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.info-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.info-card h4{color:#111827;margin:0 0 12px;font-size:14px;font-weight:600}.info-card ul{margin:0;padding-left:20px}.info-card li{color:#4b5563;margin-bottom:4px;font-size:13px}.info-card p{color:#6b7280;margin:12px 0 0;font-size:13px}.automation-schedule{background:#fffbeb;border:1px solid #fde047;border-radius:12px;padding:20px}.automation-schedule h3{color:#92400e;margin:0 0 16px;font-size:16px;font-weight:600}.schedule-info{flex-direction:column;gap:8px;display:flex}.schedule-item{color:#78350f;font-size:14px}.schedule-item strong{font-weight:600}.modal-overlay{z-index:var(--z-index-modal-backdrop);background:var(--color-overlay-medium);-webkit-backdrop-filter:blur(4px);padding:var(--space-4);animation:fadeIn var(--duration-base) var(--ease-smooth);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-height:90vh;z-index:var(--z-index-modal);flex-direction:column;display:flex;position:relative}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border-default);flex-shrink:0;display:flex}.modal-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin:0}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--font-size-xl);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.modal-close:active{background:var(--color-surface-active);transform:scale(.95)}.modal-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.modal-body{padding:var(--space-6);color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);flex:1;overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-muted);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-subtle)}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-6);border-top:var(--border-width-1) solid var(--color-border-default);flex-shrink:0;display:flex}.modal-actions{align-items:center;gap:var(--space-3);justify-content:flex-end;width:100%;display:flex}.modal-actions .btn{min-width:100px}.confirm-message{color:var(--color-text-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin:0}.animate-scale-in{animation:scaleIn var(--duration-base) var(--ease-smooth)}@media (max-width:640px){.modal-overlay{padding:var(--space-2)}.modal{border-radius:var(--radius-lg);max-height:100vh}.modal-sm,.modal-md,.modal-lg,.modal-xl{max-width:100%}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.modal-title{font-size:var(--font-size-lg)}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.modal-glass{background:var(--glass-bg);border:var(--border-width-1) solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur))}.modal-fullscreen{border-radius:0;max-width:100%;height:100vh;max-height:100vh;margin:0}@media (max-width:640px){.modal-fullscreen{width:100vw}}.searchable-select{width:100%;position:relative}.searchable-select-trigger{color:#111827;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:400;transition:all .15s;display:flex}.searchable-select-trigger:hover:not(:disabled){border-color:#d1d5db;box-shadow:0 1px 3px #0000000d}.searchable-select-trigger:focus-visible{border-color:#55d1bd;outline:none;box-shadow:0 0 0 3px #55d1bd26}.searchable-select-trigger:disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.searchable-select-open .searchable-select-trigger{border-color:#55d1bd;box-shadow:0 0 0 3px #55d1bd26}.searchable-select-trigger-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.searchable-select-trigger-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.searchable-select-trigger-text{text-align:left;flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.searchable-select-trigger-label{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.searchable-select-trigger-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.searchable-select-trigger-placeholder{color:#9ca3af}.searchable-select-trigger-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.searchable-select-trigger-clear{color:#6b7280;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.searchable-select-trigger-clear:hover{color:#111827;background:#f3f4f6}.searchable-select-trigger-arrow{color:#6b7280;justify-content:center;align-items:center;font-size:10px;transition:transform .2s;display:flex}.searchable-select-trigger-arrow.open{transform:rotate(180deg)}.searchable-select-menu{z-index:1000;background:#fff;border:1px solid #e5e7eb;border-radius:8px;animation:.15s slideInDown;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.searchable-select-search{border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:8px;display:flex;position:relative}.searchable-select-search-icon{color:#9ca3af;pointer-events:none;position:absolute;left:16px}.searchable-select-search-input{color:#111827;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex:1;padding:8px 32px 8px 36px;font-size:14px;transition:all .15s}.searchable-select-search-input:focus{background:#fff;border-color:#55d1bd;outline:none;box-shadow:0 0 0 3px #55d1bd1a}.searchable-select-search-input::placeholder{color:#9ca3af}.searchable-select-search-clear{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex;position:absolute;right:16px}.searchable-select-search-clear:hover{color:#111827;background:#e5e7eb}.searchable-select-options{max-height:280px;padding:4px;overflow-y:auto}.searchable-select-options::-webkit-scrollbar{width:6px}.searchable-select-options::-webkit-scrollbar-track{background:#f9fafb;border-radius:8px}.searchable-select-options::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:8px}.searchable-select-options::-webkit-scrollbar-thumb:hover{background:#9ca3af}.searchable-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.searchable-select-option:hover:not(.disabled),.searchable-select-option.highlighted:not(.disabled){background:#f3f4f6}.searchable-select-option.selected{color:#fff;background:#55d1bd}.searchable-select-option.selected:hover{background:#45c1ad}.searchable-select-option.disabled{opacity:.5;cursor:not-allowed}.searchable-select-option-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.searchable-select-option-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.searchable-select-option-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.searchable-select-option.selected .searchable-select-option-label{color:#fff}.searchable-select-option-subtitle{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.searchable-select-option.selected .searchable-select-option-subtitle{color:#ffffffe6}.searchable-select-option-check{color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.searchable-select-empty{text-align:center;color:#9ca3af;padding:24px 12px;font-size:14px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.searchable-select-disabled{pointer-events:none;opacity:.6}@media (max-width:640px){.searchable-select-menu{max-width:100vw}.searchable-select-options{max-height:240px}}.sf-page{padding:24px 28px}.sf-header h1{margin:0 0 4px;font-size:24px}.sf-sub{color:#6b6b7b;margin:0;font-size:14px}.sf-overdue-count{color:#c0344a;font-weight:600}.sf-segtabs{flex-wrap:wrap;gap:6px;margin:18px 0;display:flex}.sf-segtab{cursor:pointer;color:#55506a;background:#fff;border:1px solid #d9d6e2;border-radius:99px;padding:6px 14px;font-size:13px}.sf-segtab.active{color:#fff;background:#5a3ee0;border-color:#5a3ee0}.sf-msg{text-align:center;color:#918ca0;padding:30px}.sf-msg.err{color:#c0344a}.sf-board{align-items:flex-start;gap:12px;padding-bottom:12px;display:flex;overflow-x:auto}.sf-col{background:#f7f6fa;border:1px solid #eae8f0;border-radius:10px;flex:0 0 260px}.sf-col-head{border-bottom:1px solid #eae8f0;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;display:flex}.sf-col-count{color:#55506a;font-variant-numeric:tabular-nums;background:#e4e1ea;border-radius:99px;padding:0 8px;font-size:12px}.sf-col.stage-won .sf-col-head{color:#2e7a58}.sf-col.stage-lost .sf-col-head,.sf-col.stage-not_interested .sf-col-head{color:#918ca0}.sf-col-body{flex-direction:column;gap:8px;max-height:calc(100vh - 240px);padding:8px;display:flex;overflow-y:auto}.sf-card{background:#fff;border:1px solid #e4e1ea;border-radius:8px;padding:10px}.sf-card.od{border-left:3px solid #c0344a}.sf-card-top{cursor:pointer;justify-content:space-between;align-items:center;gap:6px;display:flex}.sf-name{font-size:13.5px;font-weight:600}.sf-name:hover{color:#5a3ee0}.sf-paying{color:#2e7a58;text-transform:uppercase;background:#e9f4ee;border-radius:99px;padding:1px 7px;font-size:10px}.sf-bank{color:#918ca0;margin-top:3px;font-size:11px}.sf-next{color:#444;margin-top:6px;font-size:12px;line-height:1.4}.sf-card-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:8px;display:flex}.sf-due{color:#6b6b7b;font-variant-numeric:tabular-nums;font-size:11px}.sf-due.od{color:#c0344a;font-weight:600}.sf-stage-sel{background:#fff;border:1px solid #d9d6e2;border-radius:6px;max-width:110px;padding:2px 4px;font-size:11px}.sf-page.sf-embedded{padding:8px 0 0}.sf-embed-sub{margin:0 0 6px}.sf-quick{gap:6px;margin-top:8px;display:flex}.sf-q{cursor:pointer;background:#fff;border:1px solid #e4e1ea;border-radius:6px;flex:1;padding:4px;font-size:11px}.sf-q.won:hover{color:#2e7a58;background:#e9f4ee;border-color:#2e7a58}.sf-q.lost:hover{color:#c0344a;background:#fbecee;border-color:#c0344a}.sf-replies-banner{color:#6b4e12;background:#fff6e6;border:1px solid #f0d9a8;border-left:3px solid #a96a0b;border-radius:8px;margin:0 0 14px;padding:10px 14px;font-size:13.5px}.sf-replies-banner strong{color:#a96a0b}.sf-col.stage-replied{background:#fffaf0;border-color:#f0d9a8}.sf-col.stage-replied .sf-col-head{color:#a96a0b}.pain-points-section{border-bottom:1px solid #e1e4e8;padding:20px}.pain-points-section.loading{color:#6c757d;justify-content:center;align-items:center;padding:20px;display:flex}.modal-content form{flex-direction:column;display:flex}.modal-content .form-row,.modal-content .form-group{padding:0 20px}.modal-content .form-row:first-of-type{padding-top:20px}.pain-points-list{flex-direction:column;gap:15px;display:flex}.pain-point-card{border:1px solid #e1e4e8;border-radius:6px;padding:15px;transition:box-shadow .2s}.pain-point-card:hover{box-shadow:0 2px 8px #00000014}.pain-point-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pain-point-badges{flex-wrap:wrap;gap:8px;display:flex}.severity-badge,.category-badge,.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.severity-badge{background:#fff3cd}.status-badge.status-identified{color:#856404;background:#fff3cd}.status-badge.status-addressing{color:#0c5460;background:#d1ecf1}.status-badge.status-resolved{color:#155724;background:#d4edda}.pain-point-actions{gap:8px;display:flex}.pain-point-content{flex-direction:column;gap:10px;display:flex}.pain-point-field{color:#2c3e50;font-size:14px;line-height:1.6}.pain-point-field strong{color:#495057;margin-right:6px}.solution-highlight{background:#e7f9f0;border-left:3px solid #28a745;border-radius:4px;margin-top:5px;padding:10px}.solution-highlight strong{color:#28a745}.pain-point-footer{color:#6c757d;border-top:1px solid #e9ecef;margin-top:12px;padding-top:12px;font-size:12px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.pain-point-header{flex-direction:column;align-items:flex-start;gap:10px}.pain-point-badges{width:100%}}.feature-requests-section{border-bottom:1px solid #e1e4e8;padding:20px}.feature-requests-section.loading{color:#6c757d;justify-content:center;align-items:center;padding:20px;display:flex}.section-header h3{color:#2c3e50;margin:0;font-size:16px;font-weight:600}.compact-add-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.compact-add-btn:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.feature-request-form{padding:20px}.form-toggle{gap:10px;margin-bottom:20px;display:flex;padding:0!important}.toggle-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.toggle-btn.active{color:#fff;background:#06c;border-color:#06c}.toggle-btn:hover:not(.active){background:#f8f9fa;border-color:#999}.form-divider{color:#495057;border-top:2px solid #dee2e6;margin:20px 0 15px;padding:10px 0;font-size:13px;font-weight:600}.info-text{color:#6c757d;margin-top:8px;font-size:13px;font-style:italic}.feature-requests-list{flex-direction:column;gap:15px;display:flex}.empty-state{text-align:center;color:#6c757d;padding:20px;font-size:14px}.empty-state p{margin:0}.feature-request-card{border:1px solid #e1e4e8;border-radius:6px;padding:15px;transition:box-shadow .2s}.feature-request-card:hover{box-shadow:0 2px 8px #00000014}.feature-request-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.feature-title{flex:1;align-items:center;gap:12px;display:flex}.feature-title h4{color:#2c3e50;margin:0;font-size:16px;font-weight:600}.vote-count{color:#06c;white-space:nowrap;background:#e7f3ff;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-badge,.category-badge,.priority-badge,.urgency-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.urgency-badge{background:#fff3cd}.btn-icon{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:background .2s}.btn-icon:hover{background:#f8f9fa}.feature-description{margin-bottom:12px}.feature-description p{color:#495057;margin:0;font-size:14px;line-height:1.6}.feature-details{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.detail-field{color:#2c3e50;background:#f8f9fa;border-radius:4px;padding:8px 12px;font-size:14px;line-height:1.6}.detail-field strong{color:#495057;margin-right:6px}.feature-footer{color:#6c757d;border-top:1px solid #e9ecef;padding-top:12px;font-size:12px}.date-info{margin-right:10px}.btn-primary:hover:not(:disabled){background:#0052a3;border-color:#0052a3}.btn-primary:disabled{cursor:not-allowed;opacity:.6;background:#6c757d;border-color:#6c757d}.btn-small{padding:6px 12px;font-size:13px}@media (max-width:768px){.form-row{grid-template-columns:1fr}.feature-request-header{flex-direction:column;gap:10px}.feature-title{flex-direction:column;align-items:flex-start}.feature-badges{width:100%}}.tag-picker{width:100%;position:relative}.tag-picker-label{color:#475569;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.selected-tags{flex-wrap:wrap;gap:6px;min-height:32px;margin-bottom:8px;display:flex}.selected-tag{color:#475569;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.selected-tag:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#667eea;transform:translateY(-1px)}.remove-tag-btn{color:#667eea;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:18px;font-weight:700;transition:all .2s;display:flex}.remove-tag-btn:hover{color:#fff;background:#667eea}.tag-input-container{position:relative}.tag-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.tag-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.tag-loading{color:#64748b;font-size:12px;font-style:italic;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.tag-dropdown{z-index:1000;background:#fff;border:2px solid #e2e8f0;border-radius:10px;max-height:300px;animation:.2s dropdownSlide;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #00000026}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tag-dropdown-section{padding:4px}.tag-dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.tag-option{cursor:pointer;color:#475569;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.tag-option:hover{color:#667eea;background:linear-gradient(135deg,#eef2ff,#e0e7ff);font-weight:600}.tag-option-new{color:#059669;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px dashed #10b981;margin:4px;font-weight:600}.tag-option-new:hover{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#059669}.tag-option-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:16px;font-weight:800;display:inline-flex}.tag-dropdown::-webkit-scrollbar{width:8px}.tag-dropdown::-webkit-scrollbar-track{background:#f8fafc;border-radius:10px}.tag-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tag-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.email-editor{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}.email-editor-toolbar{background:#f8f9fa;border-bottom:1px solid #e1e4e8;flex-wrap:wrap;align-items:center;gap:4px;padding:8px;display:flex}.email-editor-toolbar button{color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.email-editor-toolbar button:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db}.email-editor-toolbar button.is-active{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.email-editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar-separator{background:#d1d5db;width:1px;height:24px;margin:0 4px}.email-editor-content{color:#1f2937;outline:none;min-height:150px;max-height:300px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.email-editor-content:focus{outline:none}.email-editor-content.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#9ca3af;pointer-events:none;height:0}.email-editor-content p{margin:0 0 1em}.email-editor-content p:last-child{margin-bottom:0}.email-editor-content h1,.email-editor-content h2,.email-editor-content h3{margin:1.5em 0 .5em;font-weight:600;line-height:1.3}.email-editor-content h1:first-child,.email-editor-content h2:first-child,.email-editor-content h3:first-child{margin-top:0}.email-editor-content h1{font-size:2em}.email-editor-content h2{font-size:1.5em}.email-editor-content h3{font-size:1.25em}.email-editor-content ul,.email-editor-content ol{margin:1em 0;padding-left:1.5em}.email-editor-content li{margin:.25em 0}.email-editor-content li p{margin:0}.email-editor-content a.email-link{color:#2563eb;cursor:pointer;text-decoration:underline}.email-editor-content a.email-link:hover{color:#1d4ed8}.email-editor-content blockquote{color:#6b7280;border-left:3px solid #d1d5db;margin:1em 0;padding-left:1em;font-style:italic}.email-editor-content strong{font-weight:600}.email-editor-content em{font-style:italic}.email-editor-content u{text-decoration:underline}.email-editor-content code{background:#f3f4f6;border-radius:3px;padding:.2em .4em;font-family:Courier New,Courier,monospace;font-size:.9em}.email-editor-content pre{color:#f9fafb;background:#1f2937;border-radius:6px;margin:1em 0;padding:1em;overflow-x:auto}.email-editor-content pre code{color:inherit;background:0 0;padding:0}.email-editor-content hr{border:none;border-top:2px solid #e5e7eb;margin:2em 0}.email-editor-content ::selection{background:#bfdbfe}.email-editor-content::-webkit-scrollbar{width:8px}.email-editor-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.email-editor-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.email-editor-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.email-thread-list{flex-direction:column;gap:8px;display:flex}.email-thread-item{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;transition:all .2s;overflow:hidden}.email-thread-item:hover{border-color:var(--primary-color,#667eea);box-shadow:0 2px 8px #667eea14}.email-thread-item.has-unread{border-left:3px solid var(--primary-color,#667eea);background:var(--bg-unread,#fafbff)}.email-thread-item.expanded{box-shadow:0 4px 12px #00000014}.thread-preview{cursor:pointer;-webkit-user-select:none;user-select:none;padding:16px}.thread-preview-main{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.thread-preview-left{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.expand-icon{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;padding:0;transition:color .2s;display:flex}.expand-icon:hover{color:var(--primary-color,#667eea)}.unread-indicator{background:var(--primary-color,#667eea);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.thread-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.thread-subject{color:var(--text-primary,#111827);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.email-thread-item.has-unread .thread-subject{font-weight:700}.thread-meta{color:var(--text-secondary,#6b7280);align-items:center;gap:12px;font-size:13px;display:flex}.thread-participants{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.message-count{color:var(--text-tertiary,#9ca3af);flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.thread-snippet{color:var(--text-tertiary,#9ca3af);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.thread-preview-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.thread-date{color:var(--text-tertiary,#9ca3af);white-space:nowrap;font-size:12px}.email-thread-item.has-unread .thread-date{color:var(--primary-color,#667eea);font-weight:600}.unread-badge{background:var(--primary-color,#667eea);color:#fff;text-align:center;border-radius:12px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:600}.thread-expanded{border-top:1px solid var(--border-color,#e5e7eb);background:var(--bg-secondary,#f9fafb)}.thread-messages{flex-direction:column;display:flex}.email-message{background:var(--bg-primary,#fff);border-bottom:1px solid var(--border-color,#e5e7eb);transition:background .2s}.email-message:last-child{border-bottom:none}.email-message.unread{background:var(--bg-unread,#fafbff)}.email-message:hover{background:var(--bg-hover,#f9fafb)}.email-message-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.email-message-header-left{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.direction-indicator{flex-shrink:0;margin-top:2px;font-size:16px;font-weight:600}.direction-indicator.sent{color:var(--success-color,#10b981)}.direction-indicator.received{color:var(--primary-color,#667eea)}.email-message-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.email-message-from{color:var(--text-primary,#111827);align-items:center;gap:8px;font-size:14px;display:flex}.email-message-from strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.unread-label{background:var(--primary-color,#667eea);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;flex-shrink:0;padding:2px 6px;font-size:10px;font-weight:600}.email-message-date{color:var(--text-tertiary,#9ca3af);font-size:12px}.email-message-header-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.attachment-indicator{color:var(--text-tertiary,#9ca3af);align-items:center;display:flex}.collapse-toggle{cursor:pointer;color:var(--text-secondary,#6b7280);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.collapse-toggle:hover{background:var(--bg-hover,#f3f4f6);color:var(--primary-color,#667eea)}.email-message-body{padding:0 16px 16px 52px;animation:.2s expandBody}@keyframes expandBody{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.email-body-content{color:var(--text-primary,#111827);background:var(--bg-secondary,#f9fafb);border:1px solid var(--border-color,#e5e7eb);border-radius:8px;max-height:600px;padding:16px;font-size:14px;line-height:1.6;overflow-y:auto}.email-body-content p{margin:0 0 12px}.email-body-content p:last-child{margin-bottom:0}.email-body-content a{color:var(--primary-color,#667eea);text-decoration:underline}.email-body-content img{border-radius:4px;max-width:100%;height:auto}.email-body-content blockquote{border-left:3px solid var(--border-color,#e5e7eb);color:var(--text-secondary,#6b7280);margin:12px 0;padding-left:16px}.email-message-actions{gap:8px;margin-top:12px;display:flex}@media (max-width:768px){.thread-preview{padding:12px}.thread-preview-main{gap:12px}.thread-preview-left{gap:8px}.thread-subject{font-size:14px}.thread-meta{font-size:12px}.thread-snippet{-webkit-line-clamp:1;font-size:12px}.email-message-header{padding:12px}.email-message-body{padding:0 12px 12px 42px}.email-body-content{padding:12px;font-size:13px}}@media (prefers-color-scheme:dark){.email-thread-item{background:var(--bg-primary-dark,#1f2937);border-color:var(--border-color-dark,#374151)}.email-thread-item.has-unread{background:var(--bg-unread-dark,#1e293b)}.thread-subject{color:var(--text-primary-dark,#f9fafb)}.thread-meta{color:var(--text-secondary-dark,#9ca3af)}.thread-snippet{color:var(--text-tertiary-dark,#6b7280)}.email-message{background:var(--bg-primary-dark,#1f2937);border-bottom-color:var(--border-color-dark,#374151)}.email-message.unread{background:var(--bg-unread-dark,#1e293b)}.email-message-from{color:var(--text-primary-dark,#f9fafb)}.email-body-content{background:var(--bg-secondary-dark,#111827);border-color:var(--border-color-dark,#374151);color:var(--text-primary-dark,#f9fafb)}}.outbound-delivery{color:#1e3a5f;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:10px;margin:12px 20px 0;padding:12px 14px;display:flex}.outbound-delivery svg{flex:none;margin-top:1px}.outbound-delivery strong{font-size:13px;line-height:1.35;display:block}.outbound-delivery p{margin:2px 0 0;font-size:12px;line-height:1.45}.outbound-delivery--reconciled{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.outbound-delivery--unknown{color:#92400e;background:#fffbeb;border-color:#fde68a}.outbound-delivery--failed,.outbound-delivery--blocked{color:#991b1b;background:#fef2f2;border-color:#fecaca}.outbound-delivery__refresh-warning{font-weight:600}.outbound-delivery__spinner{animation:1.1s linear infinite outbound-delivery-spin}@media (max-width:768px){.outbound-delivery{overflow-wrap:anywhere;margin:10px 12px 0}}@media (prefers-reduced-motion:reduce){.outbound-delivery__spinner{animation:none}}@keyframes outbound-delivery-spin{to{transform:rotate(360deg)}}.replay-insights-panel{background:linear-gradient(#fbfffe 0%,#fff 100%);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:18px 20px}.replay-insights-header,.replay-insights-header h4,.replay-insights-actions,.replay-section-label,.replay-profile-highlight,.replay-answer-grid>div>span{align-items:center;display:flex}.replay-insights-header{justify-content:space-between;gap:12px}.replay-insights-header h4{color:#172b4d;gap:7px;margin:0}.replay-insights-header p{color:#6b7280;margin:4px 0 0;font-size:12px}.replay-insights-actions{gap:6px}.replay-insights-actions button{color:#46605b;cursor:pointer;background:#fff;border:1px solid #d9e3e1;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.replay-insights-actions button:disabled{opacity:.55;cursor:wait}.replay-insights-loading,.replay-insights-empty{color:#6b7280;font-size:13px}.replay-insights-empty{border:1px dashed #cbd5e1;border-radius:8px;margin-top:14px;padding:14px}.replay-insights-error{color:#be123c;background:#fff1f2;border-radius:6px;margin-top:10px;padding:8px 10px;font-size:12px}.replay-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.replay-profile-stat{background:#fff;border:1px solid #e2ecea;border-radius:8px;padding:10px}.replay-profile-stat span{color:#64748b;font-size:11px;display:block}.replay-profile-stat strong{color:#163c35;margin-top:3px;font-size:18px;display:block}.replay-profile-highlight{color:#176c5b;background:#eafaf6;border-radius:8px;align-items:flex-start;gap:9px;margin-top:10px;padding:11px}.replay-profile-highlight div{min-width:0}.replay-profile-highlight span{text-transform:uppercase;letter-spacing:.04em;font-size:11px;display:block}.replay-profile-highlight strong{color:#164e43;margin-top:3px;font-size:13px;line-height:1.4;display:block}.replay-hypothesis-panel{background:#f8fbff;border:1px solid #dbeafe;border-radius:9px;margin-top:12px;padding:12px}.replay-hypothesis-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px;display:flex}.replay-hypothesis-heading>div{color:#1e3a8a;align-items:center;gap:6px;font-size:12px;display:flex}.replay-hypothesis-heading>span{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:3px 6px;font-size:10px}.replay-hypothesis-item{border-top:1px solid #e5edf9;padding:8px 0}.replay-hypothesis-item>span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.replay-hypothesis-item p{color:#334155;white-space:pre-wrap;margin:4px 0 0;font-size:12px;line-height:1.5}.replay-hypothesis-item.pain{border-left:3px solid #fb7185;padding-left:9px}.replay-hypothesis-item.magic-wand{background:#faf7ff;border-left:3px solid #8b5cf6;padding-left:9px}.replay-hypothesis-item.opportunity{border-left:3px solid #2dd4bf;padding-left:9px}.replay-hypothesis-item.evidence p,.replay-hypothesis-item.alternative p{color:#64748b;font-size:11px}.replay-hypothesis-item.questions ul,.replay-question-list{color:#475569;margin:5px 0 0;padding-left:18px;font-size:11px;line-height:1.5}.replay-hypothesis-item.questions li+li,.replay-question-list li+li{margin-top:3px}.replay-profile-section{margin-top:12px}.replay-section-label{color:#475569;gap:6px;margin-bottom:7px;font-size:12px;font-weight:600}.replay-feature-list{margin:0;padding-left:22px}.replay-feature-list li{color:#475569;padding:4px 0;font-size:12px}.replay-feature-list li span{text-transform:capitalize}.replay-feature-list li strong{float:right;color:#0f766e;font-weight:600}.replay-feature-list.compact li{border-bottom:1px solid #f1f5f9}.replay-tags{flex-wrap:wrap;gap:5px;display:flex}.replay-tags>span{color:#475569;background:#f1f5f9;border-radius:999px;padding:4px 7px;font-size:10px}.replay-session-list{gap:8px;margin-top:14px;display:grid}.replay-session-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.replay-session-card summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.replay-session-card summary>div{min-width:0}.replay-session-card summary strong{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.replay-session-card summary span{color:#94a3b8;margin-top:2px;font-size:10px;display:block}.replay-session-card .replay-confidence{color:#0f766e;background:#f0fdfa;border-radius:999px;flex-shrink:0;margin:0;padding:3px 6px}.replay-session-body{border-top:1px solid #eef2f7;padding:12px}.replay-answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.replay-answer-grid>div{background:#f8fafc;border-radius:7px;padding:9px}.replay-answer-grid>div>span{color:#64748b;gap:5px;font-size:10px}.replay-answer-grid strong{color:#334155;text-transform:capitalize;margin-top:4px;font-size:13px;display:block}.replay-answer-grid .replay-negative{color:#be123c}.replay-session-section{margin-top:10px}.replay-session-section>span{color:#64748b;text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.replay-session-section>strong{color:#334155;font-size:12px;line-height:1.45;display:block}.replay-session-section p,.replay-answer-grid p{color:#52616f;white-space:pre-wrap;margin:5px 0 0;font-size:11px;line-height:1.45}.replay-session-section.replay-magic-wand{background:#faf7ff;border-left:3px solid #8b5cf6;border-radius:4px;padding:8px 9px}.replay-session-id{color:#94a3b8;overflow-wrap:anywhere;margin-top:10px;font-size:9px;display:block}.replay-spin{animation:.9s linear infinite replay-spin}@keyframes replay-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.replay-insights-header{flex-direction:column;align-items:flex-start}.replay-answer-grid{grid-template-columns:1fr}}.contact-detail-page{background:#f5f6fa;flex-direction:column;height:100vh;display:flex}.contact-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 32px;display:flex}.contact-header .header-left{align-items:center;gap:20px;display:flex}.contact-header .header-left button{align-items:center;gap:8px;display:inline-flex}.contact-header .header-left button svg{vertical-align:middle;flex-shrink:0}.contact-header h1{color:#0a0a0a;letter-spacing:-.02em;margin:0;font-size:24px;font-weight:600}.contact-header .header-right{color:#666;align-items:center;gap:16px;font-size:14px;display:flex}.contact-header .logout-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #e5e5e5;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.contact-header .logout-btn:hover{color:#333;background:#f5f5f5;border-color:#d0d0d0}.contact-content{flex:1;grid-template-columns:320px 1fr 400px;gap:0;display:grid;overflow:hidden}.contact-sidebar{background:#fff;border-right:1px solid #e1e4e8;width:320px;min-width:280px;height:100%;display:block;overflow:hidden auto}.contact-sidebar::-webkit-scrollbar{width:8px}.contact-sidebar::-webkit-scrollbar-track{background:#f3f4f6}.contact-sidebar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.contact-sidebar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.contact-info-card{border-bottom:1px solid #e1e4e8;padding:20px}.contact-info-card h3{color:#2c3e50;margin:0 0 20px;font-size:16px;font-weight:600}.compact-edit-btn,.compact-save-btn,.compact-cancel-btn,.compact-add-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.compact-edit-btn,.compact-add-btn{color:#6b7280;border:1px solid #e5e7eb}.compact-edit-btn:hover,.compact-add-btn:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.compact-save-btn{color:#fff;background:#55d1bd;border:1px solid #55d1bd}.compact-save-btn:hover:not(:disabled){background:#4ac1ae;border-color:#4ac1ae}.compact-save-btn:disabled{opacity:.5;cursor:not-allowed}.compact-cancel-btn{color:#6b7280;border:1px solid #e5e7eb}.compact-cancel-btn:hover:not(:disabled){color:#111827;background:#f9fafb;border-color:#d1d5db}.compact-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.plg-actions{gap:6px;display:flex}.plg-profile-card{border-bottom:1px solid #e1e4e8;padding:20px}.plg-profile-card .plg-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.plg-profile-card .plg-header h3{color:#2c3e50;margin:0;font-size:16px;font-weight:600}.plg-profile-card .no-data{text-align:center;color:#6c757d;margin:0;padding:20px;font-size:14px}.plg-form{max-height:60vh;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;box-shadow:0 4px 12px #00000026}.modal-header{border-bottom:1px solid #e1e4e8;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.close-button{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:flex}.modal-footer{background:#f8f9fa;border-top:1px solid #e1e4e8;flex-shrink:0;justify-content:flex-end;gap:10px;padding:20px;display:flex}.compact-icon-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .15s;display:inline-flex}.compact-icon-btn:hover{color:#111827;background:#f3f4f6}.compact-link-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .15s;display:inline-flex}.compact-link-btn:hover{color:#111827;background:#f3f4f6}.info-item{align-items:flex-start;gap:10px;margin-bottom:15px;display:flex}.info-item label{color:#6c757d;min-width:80px;font-size:13px;font-weight:500}.info-item span{color:#2c3e50;font-size:14px}.info-item a{color:#06c;font-size:14px;text-decoration:none}.info-item a:hover{text-decoration:underline}.status-lead{color:#1976d2;background:#e3f2fd}.status-qualified{color:#f57c00;background:#fff3e0}.status-customer{color:#388e3c;background:#e8f5e9}.status-lost{color:#d32f2f;background:#ffebee}.account-memberships{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin:2px 0 16px;padding:10px}.account-memberships-title,.account-membership-main,.account-membership-status{justify-content:space-between;align-items:center;gap:8px;display:flex}.account-memberships-title{color:#374151;margin-bottom:8px;font-size:12px;font-weight:600}.membership-conversion-badge{text-transform:uppercase;border-radius:999px;padding:2px 7px;font-size:10px}.membership-conversion-badge.converted{color:#166534;background:#dcfce7}.membership-conversion-badge.free{color:#4b5563;background:#e5e7eb}.account-membership-row{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:7px 8px}.account-membership-row+.account-membership-row{margin-top:6px}.account-membership-row.paying{background:#f0fdf4;border-color:#86efac}.account-membership-main strong{color:#111827;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-membership-main span,.account-membership-status span{color:#6b7280;text-transform:capitalize;font-size:10px}.account-membership-status{margin-top:4px}.account-membership-status b{color:#15803d;font-size:10px;font-weight:600}.lead-score{color:#4caf50;font-weight:600}.tags{flex-wrap:wrap;gap:5px;display:flex}.tag{color:#495057;background:#f0f2f5;border-radius:4px;padding:3px 8px;font-size:12px;display:inline-block}.threads-list{flex:1;padding:16px}.threads-list h3{color:#2c3e50;margin:0 0 12px;font-size:16px;font-weight:600}.thread-item{cursor:pointer;border:1px solid #e1e4e8;border-radius:6px;margin-bottom:8px;padding:12px;transition:all .2s}button.thread-item,button.deal-item{width:100%;font:inherit;text-align:left;background:0 0}.clickable-persona{width:auto;font:inherit;background:0 0;border:0;padding:0;display:inline}.timeline-event-group-header{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;padding:0}button.thread-item:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}button.deal-item:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}.timeline-event-group-header:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}.clickable-persona:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}.close-composer:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}.close-button:focus-visible{outline-offset:2px;outline:3px solid #0066cc47}.thread-item:hover{background:#f8f9fa;border-color:#bbb}.thread-item.active{background:#e8f4fd;border-color:#06c}.thread-item.unread{font-weight:600}.thread-item.unread:before{content:"•";color:#06c;vertical-align:middle;margin-right:8px;font-size:20px}.thread-subject{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:14px;overflow:hidden}.thread-meta{color:#6c757d;font-size:12px}.emails-container{scroll-behavior:smooth;background:#f5f6fa;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.emails-container::-webkit-scrollbar{width:8px}.emails-container::-webkit-scrollbar-track{background:#f3f4f6}.emails-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.emails-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.tab-navigation{background:#fff;border-bottom:1px solid #e1e4e8;gap:0;padding:0 20px;display:flex}.tab-button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.tab-button:hover{color:#111827;background:#f9fafb}.tab-button.tab-active{color:#55d1bd;background:#fff;border-bottom-color:#55d1bd}.tab-actions{background:#fff;border-bottom:1px solid #e1e4e8;align-items:center;gap:10px;padding:12px 20px;display:flex}.tab-content{flex:1;padding:16px 20px;overflow-y:auto}.no-items{text-align:center;color:#6c757d;padding:60px 20px}.no-items p{margin:0;font-size:16px}.emails-actions{background:#fff;border-bottom:1px solid #e1e4e8;align-items:center;gap:15px;padding:15px 20px;display:flex}.no-sender-warning{color:#856404;background:#fff3cd;border-radius:6px;padding:8px 15px;font-size:13px}.email-composer{background:#fff;border-radius:8px;margin:20px 20px 40px;overflow:visible;box-shadow:0 2px 8px #0000001a}.composer-header{background:#f8f9fa;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.composer-header h3{color:#2c3e50;margin:0;font-size:16px}.close-composer{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:24px;transition:background .2s;display:flex}.close-composer:hover{background:#0000000d}.composer-field{border-bottom:1px solid #e1e4e8;padding:12px 20px}.composer-field:last-of-type{border-bottom:none}.composer-field label{color:#6c757d;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.composer-field input,.composer-field select,.composer-field textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px}.composer-field input:focus,.composer-field select:focus,.composer-field textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.composer-field textarea{resize:vertical;white-space:pre-wrap;word-wrap:break-word;min-height:200px;line-height:1.6}.composer-actions{background:#f8f9fa;border-top:1px solid #e1e4e8;justify-content:flex-end;gap:10px;padding:15px 20px;display:flex}.emails-list{flex:1;padding:16px 20px;overflow-y:auto}.no-emails{text-align:center;color:#6c757d;padding:60px 20px}.no-emails p{margin:0 0 20px;font-size:16px}.email-item{cursor:pointer;background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:24px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.email-item:hover{border-color:#d0d5dd;transform:translateY(-1px);box-shadow:0 3px 8px #0000001f}.email-item.unread{background:#f8fbff;border-left:4px solid #06c}.email-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.email-from{color:#495057;align-items:center;gap:10px;font-size:14px;display:flex}.email-direction{justify-content:center;align-items:center;min-width:24px;font-size:18px;font-weight:700;display:inline-flex}.email-direction.sent{color:#28a745}.email-direction.received{color:#007bff}.email-date{color:#6c757d;font-size:13px}.email-subject-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.email-subject{color:#2c3e50;flex:1;font-size:15px;font-weight:600;line-height:1.4}.thread-badge{color:#06c;white-space:nowrap;background:#e8f4fd;border:1px solid #b3d9ff;border-radius:12px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.email-body{color:#495057;white-space:pre-wrap;background:#f8f9fa;border-radius:6px;max-height:400px;margin-bottom:10px;padding:10px;font-size:14px;line-height:1.6;overflow-y:auto}.email-actions{align-items:center;gap:12px;margin-top:0;padding-top:0;display:flex}.has-attachments{color:#6c757d;background:#f8f9fa;border-radius:4px;margin-left:auto;padding:6px 12px;font-size:13px}.loading{color:#6c757d;justify-content:center;align-items:center;height:100vh;font-size:18px;display:flex}.deals-card{border-bottom:1px solid #e1e4e8;padding:20px}.deals-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.deals-header h3{color:#2c3e50;margin:0;font-size:16px;font-weight:600}.deals-list{flex-direction:column;gap:10px;display:flex}.deal-item{cursor:pointer;border:1px solid #e1e4e8;border-radius:6px;padding:12px;transition:all .2s}.deal-item:hover{background:#f8f9fa;border-color:#06c;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.deal-title{color:#2c3e50;margin-bottom:8px;font-size:14px;font-weight:600}.deal-meta{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.deal-stage{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.deal-stage.stage-lead{color:#1976d2;background:#e3f2fd}.deal-stage.stage-qualified{color:#f57c00;background:#fff3e0}.deal-stage.stage-proposal{color:#7b1fa2;background:#f3e5f5}.deal-stage.stage-negotiation{color:#5e35b1;background:#ede7f6}.deal-stage.stage-won{color:#388e3c;background:#e8f5e9}.deal-stage.stage-lost{color:#d32f2f;background:#ffebee}.deal-value{color:#388e3c;font-size:13px;font-weight:600}.deal-close-date{color:#6c757d;font-size:12px}.no-deals{text-align:center;color:#6c757d;padding:20px}.no-deals p{margin:0 0 15px;font-size:14px}.modal-header h3{color:#2c3e50;margin:0;font-size:18px}.modal-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:all .15s;display:flex}.modal-header button:hover{color:#111827;background:#f3f4f6}.modal-header button:active{background:#e5e7eb;transform:scale(.95)}.close-button{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .2s;display:flex}.close-button:hover{background:#0000000d}.form-field{margin-bottom:20px}.form-field label{color:#2c3e50;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-field input,.form-field select{border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.modal-footer{background:#f8f9fa;border-top:1px solid #e1e4e8;justify-content:flex-end;gap:10px;padding:20px;display:flex}.contact-detail{background:#fff;border-left:1px solid #e5e7eb;width:400px;max-height:calc(100vh - 80px);padding:24px;overflow-y:auto}.detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.detail-header h3{color:#111827;margin:0;font-size:20px}.detail-header button{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:24px}.detail-section{margin-bottom:32px}.detail-section h4{color:#111827;margin:0 0 16px;font-size:14px;font-weight:600}.info-grid{grid-template-columns:repeat(2,1fr);gap:16px;font-size:14px;display:grid}.info-grid>div{color:#6b7280}.info-grid strong{color:#111827}.timeline-list{flex-direction:column;gap:16px;display:flex}.tab-content .timeline-list{padding:0}.timeline-item{background:#f9fafb;border-left:3px solid #e5e7eb;border-radius:6px;gap:12px;padding:12px;transition:all .2s;display:flex}.timeline-item:hover{border-left-color:#111827;box-shadow:0 1px 3px #0000001a}.timeline-item.completed-task{opacity:.8;background-color:#f0fdf4;border-left-color:#10b981}.timeline-item.completed-task .timeline-type{color:#059669;font-weight:500}.timeline-item.completed-task .timeline-subject{color:#6b7280;text-decoration:line-through}.timeline-task-checkbox{align-items:center;padding-top:2px;display:flex}.timeline-task-checkbox input[type=checkbox]{cursor:pointer;accent-color:#10b981;width:18px;height:18px}.timeline-icon{justify-content:center;align-items:center;min-width:24px;padding-top:2px;font-size:20px;display:flex}.timeline-icon svg{vertical-align:middle;display:block}.timeline-content{flex:1}.timeline-type{text-transform:uppercase;color:#6b7280;margin-bottom:4px;font-size:11px;font-weight:600}.timeline-subject{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600}.timeline-description{color:#6b7280;margin-bottom:6px;font-size:12px;line-height:1.5}.timeline-date{color:#9ca3af;font-size:11px}.chat-messages-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-top:12px;padding:12px}.chat-message{gap:8px;padding:6px 0;font-size:12px;line-height:1.5;display:flex}.chat-message.user{color:#1e40af}.chat-message.agent{color:#047857}.message-sender{min-width:60px;font-weight:600}.message-content{color:#374151;flex:1}.btn-expand-chat{cursor:pointer;color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;width:100%;margin-top:8px;padding:6px 12px;font-size:11px;font-weight:500;transition:all .2s}.btn-expand-chat:hover{color:#111827;background:#e5e7eb}.chat-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.btn-view-chat{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:4px;flex:1;min-width:150px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s}.btn-view-chat:hover{background:#374151;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.timeline-event-group-header{cursor:pointer}.event-group-details{border-left:2px solid #e5e7eb;margin-top:12px;padding-left:20px}.event-properties{color:#9ca3af;font-size:12px}.conversion-flow{flex-direction:column;gap:12px;display:flex}.conversion-step{border:1px solid #e5e7eb;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.conversion-step.completed{background:#f0fdf4;border-color:#86efac}.conversion-step.pending{opacity:.6;background:#f9fafb;border-color:#e5e7eb}.step-icon{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;display:flex}.conversion-step.completed .step-icon{background:#dcfce7;border-color:#86efac}.step-label{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600}.step-date{color:#6b7280;margin-top:2px;font-size:12px}.step-details{color:#059669;background:#fff;border-radius:4px;margin-top:4px;padding:4px 8px;font-size:12px;display:inline-block}.step-pending{color:#9ca3af;font-size:12px;font-style:italic}.step-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex}.status-done{color:#fff;background:#22c55e}.status-todo{color:#9ca3af;background:#e5e7eb}@media (max-width:1024px){.contact-sidebar{width:100%}.contact-content{grid-template-columns:280px 1fr 350px}.contact-detail{width:350px}}@media (max-width:768px){.contact-detail-page{height:auto;min-height:100vh}.contact-header{align-items:flex-start;gap:12px;padding:14px 16px}.contact-header .header-left,.contact-header .header-right{flex-wrap:wrap;gap:10px}.contact-header h1{font-size:19px}.contact-content{flex:none;grid-template-columns:minmax(0,1fr);display:grid;overflow:visible}.contact-sidebar{border-bottom:1px solid #e1e4e8;border-right:none;width:100%;min-width:0;height:auto;max-height:none;overflow:visible}.emails-container{min-width:0;overflow:visible}.contact-detail{border-top:1px solid #e5e7eb;border-left:0;width:100%;max-height:none;padding:18px 16px;overflow:visible}.tab-navigation{scrollbar-width:thin;padding:0 8px;overflow-x:auto}.tab-button{flex:none;padding:11px 13px}.tab-actions,.composer-actions{flex-wrap:wrap}.email-composer{margin:12px 12px 24px}.composer-field,.composer-header,.composer-actions{padding-left:14px;padding-right:14px}.composer-actions>div{flex-wrap:wrap;width:100%}.info-grid{grid-template-columns:1fr}.modal-content{width:95%}}.personas-page{background:linear-gradient(#f8fafc 0%,#fff 100%);max-width:1600px;min-height:100vh;margin:0 auto;padding:40px;overflow-y:auto}.personas-header{justify-content:space-between;align-items:flex-start;margin-bottom:40px;animation:.4s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.personas-header h1{color:#1c1c1e;margin:0 0 8px;font-size:36px;font-weight:700}.personas-header .subtitle{color:#64748b;margin:0;font-size:16px;font-weight:400}.btn-primary{color:#fff;cursor:pointer;background:#55d1bd;border:none;border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;margin-left:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#55d1bd;background:#f8fafc;border-color:#55d1bd;transform:translateY(-1px)}.btn-text{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-weight:600;transition:all .2s}.btn-danger{color:#ef4444}.btn-danger:hover{color:#dc2626;background:#fee2e2}.error{color:#ef4444;background:#fee2e2;border-radius:12px;margin:20px;padding:24px}.empty-state{text-align:center;padding:100px 20px;animation:.6s fadeIn}.empty-icon{opacity:.8;margin-bottom:24px;font-size:80px;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h2{color:#1e293b;margin:0 0 12px;font-size:28px;font-weight:700}.empty-state p{color:#64748b;margin-bottom:32px;font-size:16px}.info-hint{color:#475569;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:12px;max-width:500px;margin-top:24px;margin-left:auto;margin-right:auto;padding:16px;font-size:14px}.personas-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.personas-data-warning,.persona-source-warning{color:#78520d;background:#fff9e8;border:1px solid #f4c96b;border-radius:10px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.personas-data-warning{margin-bottom:18px}.persona-source-warning{margin-top:12px}.summary-card{background:#fff;border:2px solid #f1f5f9;border-radius:12px;padding:24px;transition:all .3s}.summary-card:hover{border-color:#55d1bd;transform:translateY(-2px);box-shadow:0 8px 16px #667eea26}.summary-value{background:#55d1bd;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.personas-list{grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:24px;animation:.5s fadeInUp;display:grid}.persona-card{background:#fff;border:2px solid #f1f5f9;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000a}.persona-card:hover{border-color:#55d1bd;transform:translateY(-4px);box-shadow:0 12px 28px #667eea26}.persona-card-header{background:linear-gradient(90deg,#f8fafc,#fff);border-bottom:2px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.persona-title{align-items:center;gap:12px;display:flex}.persona-rank{color:#fff;background:linear-gradient(135deg,#55d1bd,#764ba2);border-radius:10px;justify-content:center;align-items:center;min-width:40px;height:40px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #667eea4d}.persona-name-button{cursor:pointer;color:#1e293b;background:0 0;border:0;margin:0;padding:3px 2px;font-size:22px;font-weight:700;transition:all .2s}.persona-name-button:hover{color:#55d1bd;transform:translate(4px)}.persona-name-button:focus-visible{color:#55d1bd;transform:translate(4px)}.persona-description{color:#64748b;margin-bottom:16px;font-size:15px;font-style:italic;line-height:1.6}.deal-stats{border-top:2px dashed #e0e7ff;flex-direction:column;gap:8px;margin-top:16px;padding-top:16px;display:flex}.deal-stat{justify-content:space-between;align-items:center;font-size:14px;display:flex}.deal-label{color:#64748b;font-weight:600}.deal-value{color:#1e293b;font-weight:700}.deal-value.won{color:#10b981}.persona-card-actions{gap:8px;display:flex}.persona-card-body{padding:24px}.persona-meta{color:#64748b;background:#f8fafc;border-left:3px solid #55d1bd;border-radius:8px;margin-bottom:16px;padding:12px;font-size:14px}.persona-titles{color:#475569;background:linear-gradient(90deg,#fef3c7,#fde68a);border-radius:8px;margin-bottom:16px;padding:10px;font-size:14px;font-weight:500}.persona-stats{background:linear-gradient(135deg,#55d1bd15 0%,#764ba215 100%);border:2px solid #e0e7ff;border-radius:12px;margin:20px 0;padding:20px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-item{text-align:center;background:#fff;border:0;border-radius:10px;width:100%;padding:12px;transition:all .2s}button.stat-item{font:inherit;color:inherit}button.stat-item:focus-visible{outline-offset:2px;outline:3px solid #55d1bd59}.persona-name-button:focus-visible{outline-offset:2px;outline:3px solid #55d1bd59}.stat-item.clickable{cursor:pointer}.stat-item.clickable:hover{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #667eea33}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:16px;margin-top:6px;padding:4px 12px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-block}.badge-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.persona-goals{background:#ecfdf5;border-left:4px solid #10b981;border-radius:10px;margin:16px 0;padding:14px;font-size:14px}.persona-goals strong{color:#065f46;margin-bottom:10px;font-weight:700;display:block}.persona-goals ul{margin:0;padding-left:20px}.persona-goals li{color:#047857;margin-bottom:6px;font-weight:500}.persona-tools{color:#475569;background:#fef3c7;border-left:4px solid #f59e0b;border-radius:10px;margin:12px 0;padding:12px;font-size:14px;font-weight:500}.persona-meta-info{color:#64748b;border-top:2px dashed #e2e8f0;margin-top:16px;padding-top:16px;font-size:13px;font-weight:500}.persona-card-footer{background:#f8fafc;border-top:2px solid #f1f5f9;justify-content:flex-end;padding:16px 24px;display:flex}@media (max-width:1200px){.personas-list{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.personas-header{flex-direction:column;gap:15px}.personas-page{padding:20px}.persona-card-actions{flex-direction:column;gap:8px}.btn-secondary{margin-left:0}}.plg-aggregates{border-top:2px solid #e0e7ff;margin-top:20px;padding-top:20px}.plg-aggregates h4{color:#475569;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:700;display:flex}.plg-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.plg-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px;transition:all .2s}.plg-section:hover{border-color:#55d1bd;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1a}.plg-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.tag-list{flex-wrap:wrap;gap:6px;display:flex}.plg-tag{color:#475569;cursor:default;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.plg-tag:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-color:#55d1bd;transform:translateY(-1px);box-shadow:0 2px 6px #667eea26}.tag-count{color:#1c1c1e;font-size:11px;font-weight:800}@media (max-width:768px){.plg-grid{grid-template-columns:1fr}}.persona-learning-summary{background:linear-gradient(135deg,#f0fdfa 0%,#f8fafc 100%);border:1px solid #99f6e4;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 20px;padding:14px 16px;display:flex}.persona-learning-summary-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.persona-learning-eyebrow,.learning-panel-kicker{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.persona-learning-state{color:#334155;font-size:14px;font-weight:600}.persona-learning-state-error{color:#b42318}.learning-panel-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.learning-panel{background:#f8fafc;width:min(760px,92vw);height:100%;animation:.18s ease-out learningPanelIn;overflow-y:auto;box-shadow:-18px 0 48px #0f172a33}@keyframes learningPanelIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.learning-panel-header{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:24px;padding:28px 32px 22px;display:flex;position:sticky;top:0}.learning-panel-header h2{color:#0f172a;margin:6px 0 8px;font-size:25px;line-height:1.2}.learning-panel-header p{color:#475569;max-width:610px;margin:0;font-size:14px;line-height:1.55}.learning-panel-close{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:28px;line-height:1;display:inline-flex}.learning-panel-close:hover:not(:disabled){color:#0f766e;border-color:#55d1bd}.learning-panel-close:focus-visible{outline-offset:2px;outline:3px solid #55d1bd59}.learning-panel-close:disabled{cursor:wait;opacity:.45}.learning-panel-content{padding:24px 32px 40px}.learning-panel-state{color:#475569;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:14px;padding:40px 24px}.learning-panel-state strong{color:#0f172a;margin-bottom:6px;font-size:18px;display:block}.learning-panel-state p{margin:0 0 16px}.learning-panel-state.is-error{color:#b42318;background:#fff7f6;border-color:#fda29b}.learning-review-message{border:1px solid;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;font-weight:600;line-height:1.45}.learning-review-message.is-error{color:#b42318;background:#fff1f0;border-color:#fda29b}.learning-review-message.is-success{color:#047857;background:#ecfdf5;border-color:#99f6e4}.learning-proposals-list{flex-direction:column;gap:20px;display:flex}.learning-facts-section{background:#f0f9ff;border:1px solid #bae6fd;border-radius:16px;padding:18px}.learning-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.learning-section-heading h3{color:#0f172a;margin:4px 0 0;font-size:18px}.learning-section-heading>span{color:#fff;background:#0f766e;border-radius:999px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.learning-section-help{color:#475569;margin:10px 0 16px;font-size:13px;line-height:1.5}.learning-facts-list{flex-direction:column;gap:12px;display:flex}.learning-fact{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px}.learning-fact-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.learning-fact-heading h4{color:#1e293b;margin:8px 0 0;font-size:15px;line-height:1.45}.learning-fact-status{color:#047857;background:#ecfdf5;border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:800}.learning-fact-status.is-expired{color:#b42318;background:#fff1f0}.learning-fact-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 10px;display:grid}.learning-fact-meta>div{min-width:0}.learning-fact-meta dt{color:#64748b;letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:800}.learning-fact-meta dd{overflow-wrap:anywhere;color:#334155;margin:3px 0 0;font-size:12px;font-weight:650}.learning-source-link{color:#0369a1;margin-bottom:12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.learning-source-link:hover{text-decoration:underline}.learning-source-link:focus-visible{text-decoration:underline}.learning-review-box.is-compact{padding:12px}.learning-proposals-heading{padding:4px 2px 0}.learning-proposal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;box-shadow:0 3px 14px #0f172a0f}.learning-proposal-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.learning-kind{color:#115e59;letter-spacing:.04em;text-transform:uppercase;background:#ccfbf1;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.learning-proposal-heading h3{color:#0f172a;margin:10px 0 0;font-size:18px;line-height:1.45}.learning-confidence{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex:none;padding:7px 10px;font-size:12px;font-weight:800}.learning-evidence-grid{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:20px 0;display:grid;overflow:hidden}.learning-evidence-grid>div{background:#f8fafc;padding:12px 14px}.learning-evidence-grid dt{color:#64748b;letter-spacing:.04em;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.learning-evidence-grid dd{color:#1e293b;margin:0;font-size:13px;font-weight:700}.learning-evidence-details{background:#f8fbff;border:1px solid #dbeafe;border-radius:10px;margin:-4px 0 18px;padding:12px 14px}.learning-evidence-details summary{cursor:pointer;color:#1e3a5f;font-size:13px;font-weight:750}.learning-evidence-sources{gap:9px;margin-top:12px;display:grid}.learning-evidence-sources article{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:4px;padding:10px;display:grid}.learning-evidence-sources strong{color:#1e293b;font-size:13px;line-height:1.45}.learning-evidence-sources span{color:#64748b;font-size:11px}.learning-evidence-sources a{color:#0369a1;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:700}.learning-evidence-unavailable{color:#92400e;margin:10px 0 0;font-size:12px;line-height:1.5}.learning-proposal-section{margin-top:16px}.learning-proposal-section h4{color:#475569;letter-spacing:.04em;text-transform:uppercase;margin:0 0 7px;font-size:12px}.learning-proposal-section p,.learning-proposal-section pre{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:14px;line-height:1.55}.learning-proposal-section pre{background:#f8fafc;border-radius:9px;max-height:220px;padding:12px;overflow:auto}.learning-review-box{border-top:1px solid #e2e8f0;margin-top:22px;padding-top:20px}.learning-review-box label{color:#1e293b;margin-bottom:7px;font-size:13px;font-weight:750;display:block}.learning-review-box textarea{resize:vertical;color:#1e293b;width:100%;min-height:84px;font:inherit;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;padding:11px 12px;line-height:1.45}.learning-review-box textarea:focus{border-color:#55d1bd;outline:3px solid #55d1bd38}.learning-review-footer{justify-content:space-between;align-items:center;gap:14px;margin-top:10px;display:flex}.learning-review-footer>span{color:#94a3b8;font-size:11px}.learning-review-actions{gap:9px;display:flex}@media (max-width:768px){.persona-learning-summary{flex-direction:column;align-items:stretch}.learning-panel{width:100vw}.learning-panel-header,.learning-panel-content{padding-left:18px;padding-right:18px}.learning-proposal{padding:18px}.learning-proposal-heading{flex-direction:column;gap:12px}.learning-evidence-grid,.learning-fact-meta{grid-template-columns:1fr}.learning-review-footer{flex-direction:column;align-items:stretch}.learning-review-actions{grid-template-columns:1fr;display:grid}.learning-review-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.learning-panel{animation:none}}.tpl-page{max-width:1100px;margin:0 auto;padding:28px 32px}.tpl-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tpl-header h1{margin:0 0 6px;font-size:26px}.tpl-sub{color:#6b6b7b;max-width:62ch;margin:0;font-size:14px;line-height:1.5}.tpl-proof-toggle{cursor:pointer;color:#5a3ee0;white-space:nowrap;background:#fff;border:1px solid #d9d6e2;border-radius:8px;padding:8px 14px;font-weight:600}.tpl-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 24px;display:flex}.tpl-filters select{background:#fff;border:1px solid #d9d6e2;border-radius:8px;padding:8px 10px;font-size:14px}.tpl-count{color:#918ca0;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.tpl-group{margin-bottom:22px}.tpl-group-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.tpl-scenario{font-size:15px;font-weight:700}.tpl-persona{color:#6b6b7b;font-size:13px}.tpl-lang{color:#918ca0;margin-left:auto;font-family:ui-monospace,monospace;font-size:11px}.tpl-variants{gap:8px;display:grid}.tpl-card{background:#fff;border:1px solid #e4e1ea;border-radius:10px;overflow:hidden}.tpl-card.status-active{border-left:3px solid #2e7a58}.tpl-card.status-retired{opacity:.6}.tpl-card-head{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;display:flex}.tpl-card-head:hover{background:#faf9fc}.tpl-variant{color:#5a3ee0;width:16px;font-family:ui-monospace,monospace;font-weight:700}.tpl-score{font-variant-numeric:tabular-nums;text-align:center;border-radius:6px;min-width:34px;padding:2px 6px;font-size:14px;font-weight:700}.score-hi{color:#2e7a58;background:#e9f4ee}.score-mid{color:#a96a0b;background:#fbf2e3}.score-lo{color:#c0344a;background:#fbecee}.tpl-subject{flex:1;font-size:14px}.tpl-status{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:11px}.s-active{color:#2e7a58;background:#e9f4ee}.s-draft{color:#5a3ee0;background:#eef}.s-retired{color:#888;background:#eee}.tpl-metrics{color:#918ca0;font-variant-numeric:tabular-nums;gap:14px;padding:0 14px 10px;font-size:12px;display:flex}.tpl-body-wrap{background:#fbfafd;border-top:1px solid #f0eef5;padding:14px}.tpl-body{white-space:pre-wrap;color:#333;margin:0;font-family:ui-monospace,SFMono-Regular,monospace;font-size:12.5px;line-height:1.65}.tpl-rationale{color:#6b6b7b;margin-top:10px;font-size:12.5px}.tpl-actions{gap:8px;margin-top:12px;display:flex}.tpl-mini{cursor:pointer;background:#fff;border:1px solid #d9d6e2;border-radius:7px;padding:5px 12px;font-size:13px}.tpl-mini.primary{color:#fff;background:#5a3ee0;border-color:#5a3ee0}.tpl-proof-panel{background:#fbfafd;border:1px solid #e4e1ea;border-radius:10px;margin-bottom:22px;padding:16px}.tpl-proof-panel h3{margin:0 0 4px;font-size:15px}.tpl-proof-note{color:#a96a0b;margin:0 0 12px;font-size:12.5px}.tpl-proof-row{border-top:1px solid #f0eef5;align-items:center;gap:10px;padding:6px 0;font-size:13px;display:flex}.tpl-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 7px;font-size:10px}.b-ok{color:#2e7a58;background:#e9f4ee}.b-pending{color:#a96a0b;background:#fbf2e3}.tpl-quote{color:#333;flex:1;font-style:italic}.tpl-attr{color:#918ca0;font-size:12px}.tpl-loading,.tpl-empty,.tpl-error{text-align:center;color:#918ca0;padding:24px}.tpl-error{color:#c0344a}.persona-form-page{background:linear-gradient(#f8fafc 0%,#fff 100%);max-width:1200px;min-height:100vh;margin:0 auto;padding:40px;animation:.5s fadeIn;overflow-y:auto}.form-container{background:#fff;border:2px solid #f1f5f9;border-radius:16px;margin-bottom:40px;overflow:visible;box-shadow:0 4px 20px #667eea1a}.form-header{color:#1c1c1e;background:#f5f2f0;border-bottom:2px solid #e5dfda;padding:40px}.form-header h1{color:#1c1c1e;margin:0 0 12px;font-size:32px;font-weight:700}.step-indicator{color:#797e94;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:500;display:flex}.step-indicator:before{content:"📍";font-size:18px}.error-message{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:5px solid #dc2626;border-radius:12px;margin:24px 40px;padding:16px 24px;font-weight:600;animation:.5s shake;box-shadow:0 4px 12px #dc262633}.form-content{min-height:auto;padding:40px;animation:.4s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-step h2{color:#1e293b;border-bottom:3px solid #e0e7ff;align-items:center;gap:12px;margin:0 0 28px;padding-bottom:16px;font-size:24px;font-weight:700;display:flex}.form-step h2:before{content:"✨";font-size:28px}.form-group label{color:#475569;align-items:center;gap:6px;margin-bottom:10px;font-size:15px;font-weight:600;display:flex}.form-group input[type=text],.form-group textarea,.form-group select{background:#fafbfc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:all .3s}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{background:#fff;border-color:#55d1bd;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #55d1bd33}.field-hint{color:#64748b;margin-top:6px;font-size:13px;font-style:italic;display:block}.info-box{background:#f5f2f0;border:2px solid #e5dfda;border-left:4px solid #55d1bd;border-radius:12px;margin-top:32px;padding:20px}.info-box h3{color:#1c1c1e;margin:0 0 12px;font-size:18px;font-weight:700}.info-box p{color:#475569;margin:0 0 12px;font-size:14px;line-height:1.6}.info-box p:last-child{margin-bottom:0}.subtitle{margin-top:8px;color:#797e94!important;font-size:15px!important}.array-input{gap:12px;margin-bottom:16px;display:flex}.array-input input{flex:1}.array-input button{color:#fff;cursor:pointer;white-space:nowrap;background:#55d1bd;border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #55d1bd33}.array-input button:hover{background:#4ac1ae;transform:translateY(-2px);box-shadow:0 4px 8px #55d1bd4d}.tag-list{flex-wrap:wrap;gap:10px;animation:.3s fadeIn;display:flex}.tag{color:#1c1c1e;background:#f5f2f0;border:2px solid #e5dfda;border-radius:20px;align-items:center;padding:8px 14px;font-size:14px;font-weight:600;transition:all .2s;animation:.3s slideIn;display:inline-flex}.tag:hover{border-color:#55d1bd;transform:translateY(-2px);box-shadow:0 2px 4px #55d1bd33}.tag button{color:#797e94;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:10px;padding:0;font-size:20px;line-height:1;transition:all .2s;display:flex}.tag button:hover{color:#dc2626;background:#dc26261a;transform:scale(1.3)rotate(90deg)}.form-actions{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-top:2px solid #e0e7ff;justify-content:space-between;align-items:center;padding:24px 40px;display:flex}.action-group{gap:12px;display:flex}.action-group button{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s}.action-group button:first-child{color:#475569;background:#fff;border:2px solid #e2e8f0}.action-group button:first-child:hover{background:#f8fafc;border-color:#55d1bd;transform:translateY(-2px)}.action-group button:last-child{color:#fff;background:#55d1bd;box-shadow:0 2px 4px #55d1bd33}.action-group button:last-child:hover{background:#4ac1ae;transform:translateY(-2px);box-shadow:0 4px 8px #55d1bd4d}.loading{text-align:center;color:#64748b;padding:60px;font-size:18px;animation:2s ease-in-out infinite pulse}@media (max-width:768px){.persona-form-page{padding:20px 10px}.form-content{padding:20px}.form-actions{flex-direction:column;gap:12px}.action-group{width:100%}.action-group button{flex:1}}.feature-requests-page{max-width:1400px;margin:0 auto;padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.page-header h1{color:#2c3e50;margin:0;font-size:28px}.loading,.error{text-align:center;color:#6c757d;padding:60px 20px;font-size:16px}.error{color:#dc3545}.tabs-container{border-bottom:2px solid #e1e4e8;gap:8px;margin-bottom:20px;display:flex}.tab{color:#6c757d;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.tab:hover{color:#2c3e50;background:#f8f9fa}.tab.active{color:#06c;background:#fff;border-bottom-color:#06c}.tab-count{background:#e9ecef;border-radius:12px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.tab.active .tab-count{color:#06c;background:#e7f3ff}.stat-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}.stat-card.highlight{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.stat-label{opacity:.8;margin-bottom:8px;font-size:13px;font-weight:600}.stat-card.highlight .stat-label{opacity:.9}.stat-value{font-size:28px;font-weight:700}.create-form-container{background:#f8f9fa;border-radius:8px;margin-bottom:30px;padding:25px;box-shadow:0 2px 6px #0000000d}.create-form-container h3{color:#2c3e50;margin:0 0 20px;font-size:18px}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:15px;display:grid}.form-group{flex-direction:column;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#495057;margin-bottom:6px;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;padding:10px 14px;font-family:inherit;font-size:14px}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c;outline:none;box-shadow:0 0 0 3px #0066cc1a}.form-actions{gap:12px;margin-top:20px;display:flex}.filters-bar{background:#fff;border-radius:8px;align-items:center;gap:20px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:0 1px 3px #0000000d}.filter-group label{color:#495057;white-space:nowrap;font-size:13px;font-weight:600}.filter-group select{border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:14px}.results-count{color:#6c757d;margin-left:auto;font-size:13px;font-weight:500}.features-list{flex-direction:column;gap:20px;display:flex}.empty-state{text-align:center;color:#6c757d;background:#fff;border-radius:8px;padding:80px 20px;font-size:15px}.feature-card{background:#fff;border:1px solid #e1e4e8;border-radius:8px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 6px #0000000d}.feature-card:hover{box-shadow:0 4px 12px #0000001a}.feature-main{padding:25px}.feature-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px;display:flex}.feature-header h3{color:#2c3e50;flex:1;margin:0;font-size:20px;font-weight:600}.feature-votes{align-items:center;display:flex}.vote-badge{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:8px 16px;font-size:16px;font-weight:700}.feature-badges{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.status-badge,.category-badge,.priority-badge{border-radius:14px;padding:6px 12px;font-size:12px;font-weight:600}.status-badge{color:#495057;background:#e9ecef}.category-badge{color:#06c;background:#e7f3ff}.priority-badge{color:#856404;background:#fff3cd}.priority-badge.priority-high{color:#721c24;background:#f8d7da}.priority-badge.priority-low{color:#155724;background:#d4edda}.feature-description{color:#495057;margin:15px 0;font-size:15px;line-height:1.6}.shipped-info{color:#155724;background:#d4edda;border-left:4px solid #28a745;border-radius:4px;margin:12px 0;padding:10px 14px;font-size:14px;font-weight:500}.feature-actions{border-top:1px solid #e9ecef;gap:12px;margin-top:20px;padding-top:20px;display:flex}.btn-action{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.btn-action:hover{background:#f8f9fa;border-color:#999}.btn-action.delete:hover{color:#dc3545;background:#fff5f5;border-color:#dc3545}.contacts-list{background:#f8f9fa;border-top:2px solid #e1e4e8;padding:20px 25px}.contacts-list h4{color:#495057;margin:0 0 15px;font-size:15px;font-weight:600}.no-contacts{text-align:center;color:#6c757d;padding:20px;font-size:14px}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.contact-item{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:15px;transition:all .2s}.contact-item:hover{border-color:#06c;box-shadow:0 2px 6px #0066cc26}.contact-name{color:#2c3e50;margin-bottom:4px;font-size:14px;font-weight:600}.contact-email{color:#6c757d;margin-bottom:4px;font-size:13px}.contact-company{color:#06c;margin-bottom:8px;font-size:12px;font-weight:500}.urgency-tag{border-radius:10px;margin-bottom:6px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.urgency-tag.urgency-critical{color:#dc3545;background:#fff5f5}.urgency-tag.urgency-high{color:#f6577c;background:#fff0f0}.urgency-tag.urgency-medium{color:#b8860b;background:#fffbeb}.urgency-tag.urgency-low{color:#28a745;background:#f0f9f4}.use-case{color:#495057;margin-top:6px;font-size:12px;font-style:italic;line-height:1.5}.btn-primary,.btn-secondary{cursor:pointer;border:1px solid;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#06c;border-color:#06c}.btn-primary:hover{background:#0052a3;border-color:#0052a3}.btn-secondary{color:#495057;background:#fff;border-color:#ddd}@media (max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.tabs-container{flex-wrap:wrap}.tab{flex:1;justify-content:center;min-width:140px;padding:10px 16px;font-size:14px}.filters-bar{flex-direction:column;align-items:flex-start}.results-count{width:100%;margin-left:0}.feature-header{flex-direction:column}.feature-actions{flex-wrap:wrap}.contacts-grid{grid-template-columns:1fr}}.reply-draft-context{color:#243b62;background:#f4f8ff;border:1px solid #cbdaf3;border-radius:10px;margin:0 0 16px;padding:16px;font-size:13px;line-height:1.5}.reply-draft-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reply-draft-heading span{color:#52657e;font-size:12px}.reply-draft-routing{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 8px;display:grid}.reply-draft-routing dt{color:#52657e;font-size:12px}.reply-draft-routing dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.reply-draft-lock{color:#52657e;align-items:flex-start;gap:6px;margin:8px 0 12px;font-size:12px;display:flex}.reply-draft-lock svg{flex-shrink:0;margin-top:3px}.reply-draft-original{background:#fff;border:1px solid #dce4f1;border-radius:6px}.reply-draft-original summary{cursor:pointer;overflow-wrap:anywhere;padding:10px 12px}.reply-draft-original-content{overflow-wrap:anywhere;color:#374151;border-top:1px solid #e6ebf3;max-height:280px;padding:12px;overflow:auto}.reply-draft-original-content>strong{margin-bottom:10px;display:block}.reply-draft-plain{white-space:pre-wrap}.reply-draft-missing{color:#9a3412;margin:8px 0 0}.reply-draft-proposal-label{color:#52657e;margin:0 0 8px;font-size:13px}.reply-draft-history{color:#294d85;margin-top:10px;font-size:12px;display:inline-block}@media (max-width:600px){.reply-draft-routing{grid-template-columns:1fr}}.tasks-page{background:var(--color-neutral-50);height:100%;padding:32px;overflow-y:auto}.tasks-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}.tasks-header-left{flex:1}.tasks-header h1{color:var(--color-neutral-900);margin:0 0 8px;font-size:32px;font-weight:700}.tasks-subtitle{color:var(--color-neutral-600);margin:0;font-size:14px}.tasks-filter-tabs{background:#fff;border-radius:10px;align-items:center;gap:8px;padding:4px;display:flex;box-shadow:0 1px 3px #0000001a}.email-review-safety,.email-review-error{border:1px solid var(--color-primary-200,#99e7da);background:var(--color-primary-50,#e6f9f6);color:var(--color-primary-900,#297670);border-radius:10px;align-items:flex-start;gap:12px;margin:16px 0;padding:14px 16px;display:flex}.email-review-safety>svg,.email-review-error>svg{flex-shrink:0;margin-top:2px}.email-review-safety>div,.email-review-error>div{flex-direction:column;flex:1;gap:3px;display:flex}.email-review-safety strong,.email-review-error strong{font-size:14px}.email-review-safety span,.email-review-error span{font-size:13px;line-height:1.45}.email-review-error{border-color:var(--color-error-light,#ffb3b3);color:var(--color-error-dark,#e05555);background:#fff4f4}@media (max-width:720px){.tasks-page{padding:16px}.tasks-header{flex-direction:column}.tasks-filter-tabs{width:100%;overflow-x:auto}.email-review-error{flex-wrap:wrap}.task-meta{flex-direction:column;align-items:flex-start!important}}.filter-tab{color:var(--color-neutral-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-tab:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.filter-tab.active{background:var(--color-primary-500);color:#fff;box-shadow:0 2px 4px rgba(var(--color-primary-500-rgb,59, 130, 246), .3)}.loading{text-align:center;color:var(--color-neutral-600);padding:48px}.tasks-container{flex-direction:column;gap:32px;display:flex}.task-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.task-section-header{border-bottom:2px solid var(--color-neutral-200);align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.task-section-header h2{margin:0;font-size:18px;font-weight:600}.overdue-header{color:var(--color-danger-600);border-bottom-color:var(--color-danger-200)}.today-header{color:var(--color-warning-600);border-bottom-color:var(--color-warning-200)}.upcoming-header{color:var(--color-primary-600);border-bottom-color:var(--color-primary-200)}.completed-header{color:var(--color-success-600);border-bottom-color:var(--color-success-200)}.task-list{flex-direction:column;gap:12px;display:flex}.task-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s;display:flex}.task-card:hover{background:#fff;box-shadow:0 2px 8px #00000014}.task-card.overdue{border-left:4px solid var(--color-danger-500);background:var(--color-danger-50)}.task-card.today{border-left:4px solid var(--color-warning-500);background:var(--color-warning-50)}.task-card.upcoming{border-left:4px solid var(--color-primary-500)}.task-card.completed{opacity:.7;border-left:4px solid var(--color-success-500);background:var(--color-success-50)}.task-card.completed .task-title{color:var(--color-neutral-500);text-decoration:line-through}.task-checkbox{align-items:center;padding-top:2px;display:flex}.task-checkbox input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary-500)}.task-content{flex-direction:column;flex:1;gap:10px;display:flex}.task-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-title{color:var(--color-neutral-900);font-size:16px;font-weight:600;line-height:1.4}.task-description{color:var(--color-neutral-600);font-size:14px;line-height:1.5}.task-meta{align-items:center;gap:12px;display:flex}.task-due-date{border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:500;display:flex}.task-due-date.overdue{color:var(--color-danger-700);background:var(--color-danger-100)}.task-due-date.today{color:var(--color-warning-700);background:var(--color-warning-100)}.task-due-date.upcoming{color:var(--color-neutral-700);background:var(--color-neutral-100)}.task-due-date.completed{color:var(--color-success-700);background:var(--color-success-100)}.task-completed-date{color:var(--color-success-700);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.task-edit-btn{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.task-edit-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.task-edit-due-date{align-items:center;gap:8px;display:flex}.due-date-input{border:1px solid var(--color-neutral-300);color:var(--color-neutral-900);border-radius:6px;padding:6px 10px;font-size:14px}.due-date-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.task-metadata-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.task-tags-row{align-items:center;gap:8px;display:flex}.task-actions{align-items:center;display:flex;position:relative}.task-menu-btn{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.task-menu-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.task-menu{border:1px solid var(--color-neutral-200);z-index:100;background:#fff;border-radius:8px;min-width:150px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.task-menu-item{text-align:left;width:100%;color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:background .2s;display:flex}.task-menu-item:hover{background:var(--color-neutral-50)}.task-menu-item.danger{color:var(--color-danger-600)}.task-menu-item.danger:hover{background:var(--color-danger-50)}.task-associations{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.task-association-link{cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;transition:all .2s}.task-contact{background:var(--color-neutral-100);color:var(--color-neutral-700)}.task-contact:hover{background:var(--color-neutral-200)}.task-deal{background:var(--color-primary-100);color:var(--color-primary-700)}.task-deal:hover{background:var(--color-primary-200)}.empty-state{text-align:center;background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:64px 32px;display:flex;box-shadow:0 1px 3px #0000001a}.empty-state svg{color:var(--color-neutral-300);margin-bottom:16px}.empty-state h3{color:var(--color-neutral-900);margin:0 0 8px;font-size:20px;font-weight:600}.empty-state p{color:var(--color-neutral-600);margin:0;font-size:14px}.spinning{animation:1s linear infinite spin}.email-body{white-space:pre-wrap}.email-body a:hover{text-decoration:underline}.email-body strong,.email-body b{font-weight:600}.email-body em,.email-body i{font-style:italic}.email-body ul,.email-body ol{margin:12px 0;padding-left:24px}.email-body li{margin-bottom:6px}.email-body .gmail_quote,.email-body blockquote{color:#666;background:#f0f0f0;border-left:3px solid #ccc;margin:10px 0;padding:10px 10px 10px 15px;font-size:13px}.email-body .gmail_quote_container{border-top:1px solid #ddd;margin-top:15px;padding-top:10px}.email-body .gmail_attr{color:#999;margin-bottom:8px;font-size:12px;font-style:italic}.email-body .gmail_signature_prefix{display:none}.email-body .gmail_signature{color:#888;border-top:1px solid #eee;margin-top:15px;padding-top:10px;font-size:12px}.email-body>div[style*=border-left]{background:#f0f0f0;border-radius:4px;margin:15px 0;padding:12px 12px 12px 15px;border-left:3px solid #06c!important}.email-body>div[style*=border-left] p{color:#666;margin:0 0 8px;font-size:12px;font-style:italic}.tasks-filter-tabs{border-bottom:2px solid var(--color-neutral-200);gap:8px;margin-bottom:24px;display:flex}.filter-tab{color:var(--color-neutral-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s}.filter-tab:hover{color:var(--color-neutral-900);background:var(--color-neutral-50)}.filter-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header h2{color:var(--color-neutral-900);margin:0;font-size:20px;font-weight:600}.modal-close{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.modal-close:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.modal-footer{border-top:1px solid var(--color-neutral-200);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--color-neutral-300);border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sent-timeline{max-width:900px;margin:0 auto}.timeline-item{gap:24px;margin-bottom:32px;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:var(--color-neutral-200);width:2px;position:absolute;top:32px;bottom:-32px;left:11px}.timeline-marker{background:var(--color-primary);border:4px solid var(--color-neutral-50);z-index:1;border-radius:50%;flex-shrink:0;width:24px;height:24px;margin-top:4px}.timeline-content{border:1px solid var(--color-neutral-200);background:#fff;border-radius:8px;flex:1;padding:20px;box-shadow:0 1px 3px #0000001a}.timeline-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.timeline-header h3{color:var(--color-neutral-900);margin:0 0 4px;font-size:16px;font-weight:600}.timeline-meta{color:var(--color-neutral-600);margin:0;font-size:13px}.newsletter-page-modern{background:#fafafa;min-height:100vh}.newsletter-list-view{max-width:1200px;margin:0 auto;padding:48px 32px}.list-header{margin-bottom:40px}.header-top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-top h1{color:#0a0a0a;letter-spacing:-.02em;margin:0;font-size:32px;font-weight:600}.subtitle{color:#737373;margin:4px 0 0;font-size:15px;font-weight:400}.btn-create{color:#fff;cursor:pointer;background:#0a0a0a;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s;display:inline-flex}.btn-create .icon{font-size:16px}.filter-tabs{background:#f5f5f5;border-radius:8px;gap:2px;width:-moz-fit-content;width:fit-content;padding:3px;display:flex}.filter-tabs button{color:#737373;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.filter-tabs button.active{color:#0a0a0a;background:#fff;box-shadow:0 1px 2px #0000000d}.filter-tabs .count{color:#a3a3a3;font-size:12px}.filter-tabs button.active .count{color:#737373}.empty-state-modern{text-align:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:120px 40px}.empty-icon{opacity:.4;margin-bottom:16px;font-size:48px}.empty-state-modern h2{color:#0a0a0a;margin:0 0 8px;font-size:18px;font-weight:600}.empty-state-modern p{color:#737373;margin:0 0 24px;font-size:14px}.btn-primary{color:#fff;cursor:pointer;background:#0a0a0a;border:none;border-radius:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:background .15s}.btn-primary:hover{background:#171717}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary:hover{background:#fafafa;border-color:#d4d4d4}.campaigns-table-container{background:#fff;border:1px solid #e5e5e5;border-radius:12px;overflow:hidden}.campaigns-table{border-collapse:collapse;width:100%}.campaigns-table thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.campaigns-table th{text-align:left;color:#737373;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;font-size:12px;font-weight:600}.campaigns-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background-color .15s}.campaigns-table tbody tr:last-child{border-bottom:none}.campaigns-table tbody tr:hover{background:#fafafa}.campaigns-table td{color:#0a0a0a;vertical-align:middle;padding:16px 20px;font-size:14px}.status-badge-wrapper{display:inline-block}.status-badge.status-draft{color:#737373;background:#f5f5f5}.status-badge.status-scheduled{color:#92400e;background:#fef3c7}.status-badge.status-sending{color:#1e40af;background:#dbeafe}.status-badge.status-sent{color:#065f46;background:#d1fae5}.campaign-title{color:#0a0a0a;font-weight:600}.campaign-subject{color:#737373;font-size:13px}.date-cell{color:#525252;font-size:13px}.recipient-count{color:#525252;font-size:13px;font-weight:500}.recipient-count .no-recipients{color:#a3a3a3}.scheduled-label{color:#a3a3a3;margin-bottom:2px;font-size:11px;display:block}.table-actions{justify-content:flex-end;gap:8px;display:flex}.btn-table{color:#525252;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.btn-table:hover{background:#fafafa;border-color:#d4d4d4}.btn-table.primary{color:#fff;background:#0a0a0a;border:none}.btn-table.primary:hover{background:#171717}.btn-table.danger{color:#dc2626;border-color:#fecaca}.btn-table.danger:hover{background:#fef2f2;border-color:#fca5a5}.editor-view{max-width:1440px;margin:0 auto;padding:48px 32px}.editor-header-modern{align-items:center;gap:16px;margin-bottom:24px;display:flex}.btn-back{color:#525252;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-back:hover{background:#fafafa;border-color:#d4d4d4}.editor-header-modern h1{color:#0a0a0a;margin:0;font-size:24px;font-weight:600}.progress-steps{background:#fff;border:1px solid #e5e5e5;border-radius:12px;gap:8px;margin-bottom:24px;padding:16px;display:flex}.progress-step{cursor:default;background:0 0;border-radius:8px;flex:1;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.progress-step.active{background:#fafafa}.progress-step.completed{cursor:pointer}.progress-step.completed:hover{background:#fafafa}.progress-step.clickable{cursor:pointer}.progress-step.clickable:hover{background:#fafafa}.step-number{color:#a3a3a3;background:#f5f5f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:600;display:flex}.progress-step.active .step-number{color:#fff;background:#0a0a0a}.progress-step.completed .step-number{color:#fff;background:#22c55e}.step-label{color:#a3a3a3;font-size:13px;font-weight:500}.progress-step.active .step-label{color:#0a0a0a}.editor-content{background:#fff;border:1px solid #e5e5e5;border-radius:12px;max-height:calc(100vh - 300px);padding:32px;overflow-y:auto}.editor-step h2{color:#0a0a0a;margin:0 0 6px;font-size:20px;font-weight:600}.step-description{color:#737373;margin:0 0 28px;font-size:14px}.step-header{justify-content:space-between;align-items:start;margin-bottom:28px;display:flex}.btn-preview{color:#525252;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-preview:hover{background:#fafafa;border-color:#d4d4d4}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:28px;display:grid}.template-card{cursor:pointer;border:1px solid #e5e5e5;border-radius:10px;transition:all .15s;overflow:hidden}.template-card:hover{border-color:#d4d4d4}.template-card.selected{border-width:2px;border-color:#0a0a0a}.template-preview{aspect-ratio:3/4;background:#fafafa;justify-content:center;align-items:center;display:flex;position:relative}.template-preview.blank{background:#f5f5f5}.blank-icon{color:#d4d4d4;font-size:32px}.preview-content{width:100%;height:100%;padding:16px;position:relative}.default-badge{color:#fff;z-index:1;letter-spacing:.02em;background:#0a0a0a;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.preview-mockup{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.mockup-header{background:#0a0a0a;height:32px}.mockup-body{padding:12px}.mockup-line{background:#e5e5e5;border-radius:3px;height:6px;margin-bottom:6px}.mockup-line.short{width:60%}.template-info{background:#fff;padding:12px}.template-info h4{color:#0a0a0a;margin:0 0 2px;font-size:13px;font-weight:600}.template-info p{color:#737373;margin:0;font-size:12px}.form-group-modern{margin-bottom:20px}.form-group-modern label{color:#0a0a0a;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.input-modern{background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .15s}.input-modern:focus{border-color:#0a0a0a;outline:none}.input-modern::placeholder{color:#a3a3a3}.help-text{color:#a3a3a3;margin-top:6px;font-size:12px;display:block}.email-preview{background:#fafafa;border-radius:10px;padding:16px}.preview-frame{background:#fff;border:1px solid #e5e5e5;border-radius:10px;max-width:600px;margin:0 auto;overflow:hidden}.preview-header{background:#fafafa;border-bottom:1px solid #e5e5e5;padding:16px}.preview-subject,.preview-from{color:#525252;margin-bottom:6px;font-size:13px}.preview-subject strong,.preview-from strong{color:#0a0a0a;margin-right:6px}.preview-body{padding:32px}.preview-body h1{color:#0a0a0a;margin:0 0 16px;font-size:20px;font-weight:600}.audience-selector{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.audience-option{border:1px solid #e5e5e5;border-radius:10px;padding:16px;transition:all .15s}.audience-option:hover{border-color:#d4d4d4}.option-header{align-items:start;gap:12px;display:flex}.option-header input[type=radio]{cursor:pointer;width:16px;height:16px;margin-top:3px}.option-header label{cursor:pointer;flex:1}.option-header h4{color:#0a0a0a;margin:0 0 3px;font-size:14px;font-weight:600}.option-header p{color:#737373;margin:0;font-size:13px}.stage-selector{flex-direction:column;gap:10px;margin-top:12px;padding-left:28px;display:flex}.stage-checkbox{cursor:pointer;color:#525252;align-items:center;gap:10px;font-size:13px;display:flex}.stage-checkbox input[type=checkbox]{cursor:pointer;width:16px;height:16px}.stage-name{font-weight:500}.review-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.summary-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:16px}.summary-card h4{color:#0a0a0a;margin:0 0 12px;font-size:14px;font-weight:600}.summary-item{justify-content:space-between;padding:6px 0;font-size:13px;display:flex}.summary-item span:first-child{color:#737373}.summary-item strong{color:#0a0a0a;font-weight:500}.summary-stages{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.stage-badge{color:#fff;background:#0a0a0a;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:500}.send-options{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:28px;display:grid}.option-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:10px;padding:20px;transition:all .15s}.option-card:hover{border-color:#d4d4d4}.option-card.highlight{background:#0a0a0a;border-color:#0a0a0a}.option-card.highlight h4,.option-card.highlight p{color:#fff}.option-card h4{color:#0a0a0a;margin:0 0 4px;font-size:14px;font-weight:600}.option-card p{color:#737373;margin:0 0 14px;font-size:13px}.option-card.highlight p{color:#ffffffb3}.schedule-inputs{gap:10px;margin-bottom:10px;display:flex}.full-width{width:100%}.option-card.highlight .btn-primary{color:#0a0a0a;background:#fff}.option-card.highlight .btn-primary:hover{background:#f5f5f5}.step-actions{border-top:1px solid #f5f5f5;justify-content:space-between;gap:12px;padding-top:20px;display:flex}.stats-view{max-width:1200px;margin:0 auto;padding:48px 32px}.stats-header-modern{margin-bottom:32px}.stats-header-modern h1{color:#0a0a0a;margin:8px 0;font-size:28px;font-weight:600}.stats-overview{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card-modern{background:#fff;border:1px solid #e5e5e5;border-radius:12px;flex-direction:column;gap:8px;padding:20px;display:flex}.stat-card-modern.primary{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.stat-icon{opacity:.7;font-size:24px}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-label{color:#737373;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.stat-card-modern.primary .stat-label{color:#ffffffb3}.stat-value{color:#0a0a0a;letter-spacing:-.02em;font-size:28px;font-weight:700}.stat-card-modern.primary .stat-value{color:#fff}.stat-change{color:#737373;font-size:13px;font-weight:500}.stat-change.success{color:#22c55e}.stat-change.error{color:#ef4444}.engagement-chart{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:28px}.engagement-chart h3{color:#0a0a0a;margin:0 0 20px;font-size:16px;font-weight:600}.chart-bars{flex-direction:column;gap:16px;display:flex}.chart-bar{grid-template-columns:100px 1fr 60px;align-items:center;gap:12px;display:grid}.bar-label{color:#525252;font-size:13px;font-weight:500}.bar-container{background:#f5f5f5;border-radius:6px;height:24px;position:relative;overflow:hidden}.bar-fill{border-radius:6px;height:100%;transition:width .4s}.bar-fill.success{background:#22c55e}.bar-fill.primary{background:#0a0a0a}.bar-fill.error{background:#ef4444}.bar-value{color:#0a0a0a;text-align:right;font-size:14px;font-weight:600}@media (max-width:768px){.newsletter-list-view,.editor-view,.stats-view{padding:32px 20px}.header-top{flex-direction:column;align-items:flex-start;gap:16px}.filter-tabs{width:100%;overflow-x:auto}.campaigns-table-container{overflow-x:auto}.campaigns-table{min-width:600px}.campaigns-table th,.campaigns-table td{padding:12px 16px}.table-actions{flex-direction:column;gap:6px}.btn-table{width:100%}.template-gallery{grid-template-columns:1fr}.progress-steps{flex-direction:column}.editor-content{padding:24px}.stats-overview{grid-template-columns:1fr}.chart-bar{grid-template-columns:1fr;gap:6px}.bar-value{text-align:left}}.modal-overlay{z-index:10000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:480px;animation:.3s ease-out slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-header h3{color:#0a0a0a;margin:0;font-size:20px;font-weight:600}.modal-close{color:#737373;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.modal-close:hover{color:#0a0a0a;background:#f5f5f5}.modal-body{padding:24px}.modal-body p{color:#525252;margin:0;font-size:15px;line-height:1.6}.modal-footer{justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}.modal-footer button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.modal-footer .btn-secondary{color:#525252;background:#f5f5f5}.modal-footer .btn-secondary:hover{background:#e5e5e5}.modal-footer .btn-primary{color:#fff;background:#0a0a0a}.modal-footer .btn-primary:hover{background:#262626}.modal-footer .btn-danger{color:#fff;background:#dc2626}.modal-footer .btn-danger:hover{background:#b91c1c}.editor-mode-toggle{background:#f5f5f5;border-radius:6px;gap:2px;padding:2px;display:flex}.editor-mode-toggle button{color:#737373;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s}.editor-mode-toggle button:hover{color:#0a0a0a}.editor-mode-toggle button.active{color:#0a0a0a;background:#fff;box-shadow:0 1px 2px #0000000d}.editor-mode-toggle button:disabled{opacity:.5;cursor:not-allowed}.personalization-method-options{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.method-option{cursor:pointer;background:#fff;border:3px solid #e5e5e5;border-radius:16px;padding:32px;transition:all .2s}.method-option:hover{border-color:#d4d4d4;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.method-option.selected{background:#fafafa;border-color:#0a0a0a;box-shadow:0 8px 24px #0000001f}.method-icon{text-align:center;margin-bottom:16px;font-size:48px}.method-option h3{color:#0a0a0a;text-align:center;margin:0 0 8px;font-size:20px;font-weight:600}.method-option>p{color:#666;text-align:center;margin:0 0 20px;font-size:14px}.method-features{margin:0;padding:0;list-style:none}.method-features li{color:#333;margin-bottom:8px;padding-left:24px;font-size:14px;position:relative}.method-features li:before{content:"✓";color:#16a34a;font-weight:700;position:absolute;left:0}.rich-text-editor{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden}.editor-toolbar{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-divider{background:#e5e5e5;width:1px;height:20px;margin:0 4px}.editor-toolbar button{color:#525252;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.editor-toolbar button:hover{color:#0a0a0a;background:#fff;border-color:#e5e5e5}.editor-toolbar button.is-active{color:#fff;background:#0a0a0a;border-color:#0a0a0a}.editor-toolbar button:disabled{opacity:.3;cursor:not-allowed}.editor-toolbar button:disabled:hover{color:#525252;background:0 0;border-color:#0000}.color-picker-wrapper{position:relative}.color-picker-label{color:#525252;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:14px;font-weight:600;transition:all .15s;display:flex;position:relative}.color-picker-label:hover{color:#0a0a0a;background:#fff;border-color:#e5e5e5}.color-picker-input{opacity:0;width:0;height:0;position:absolute}.editor-content-area{min-height:300px;max-height:500px;padding:16px 20px;overflow-y:auto}.editor-content-area .ProseMirror{outline:none;min-height:300px}.editor-content-area .ProseMirror p.is-editor-empty:first-child:before{color:#a3a3a3;content:attr(data-placeholder);float:left;pointer-events:none;height:0}.editor-content-area h1{color:#0a0a0a;margin:24px 0 16px;font-size:32px;font-weight:700;line-height:1.2}.editor-content-area h2{color:#0a0a0a;margin:20px 0 12px;font-size:24px;font-weight:600;line-height:1.3}.editor-content-area h3{color:#0a0a0a;margin:16px 0 8px;font-size:20px;font-weight:600;line-height:1.4}.editor-content-area p{color:#404040;margin:12px 0;line-height:1.6}.editor-content-area ul,.editor-content-area ol{margin:12px 0;padding-left:24px}.editor-content-area li{margin:6px 0;line-height:1.6}.editor-content-area blockquote{color:#525252;border-left:3px solid #0a0a0a;margin:16px 0;padding-left:16px;font-style:italic}.editor-content-area code{color:#d63384;background:#f5f5f5;border-radius:3px;padding:2px 6px;font-family:Monaco,Courier New,monospace;font-size:13px}.editor-content-area pre{color:#fafafa;background:#0a0a0a;border-radius:6px;margin:16px 0;padding:16px;overflow-x:auto}.editor-content-area pre code{color:#fafafa;background:0 0;padding:0}.editor-content-area .editor-link{color:#2563eb;cursor:pointer;text-decoration:underline}.editor-content-area .editor-link:hover{color:#1d4ed8}.editor-content-area .editor-image{border-radius:6px;max-width:100%;height:auto;margin:16px 0;display:block}.editor-content-area iframe{border-radius:6px;max-width:100%;margin:16px 0}.editor-content-area .ProseMirror ::selection{background:#0a0a0a20}.rich-text-editor:focus-within{border-color:#0a0a0a}.editor-content-area::-webkit-scrollbar{width:8px}.editor-content-area::-webkit-scrollbar-track{background:#f5f5f5}.editor-content-area::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}.editor-content-area::-webkit-scrollbar-thumb:hover{background:#a3a3a3}.email-builder-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;min-height:600px;overflow:hidden}.email-builder-wrapper>div{width:100%;min-height:600px}.email-builder-wrapper *{box-sizing:border-box}.email-builder-wrapper .email-builder{margin:0;padding:0}.email-builder-wrapper button{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}@media (max-width:768px){.email-builder-wrapper{min-height:400px}}.email-preview-modal{z-index:10000;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.preview-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;position:absolute;top:0;bottom:0;left:0;right:0}.preview-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}.preview-header{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.preview-title h3{color:#0a0a0a;margin:0;font-size:18px;font-weight:600}.preview-subtitle{color:#737373;margin:4px 0 0;font-size:13px}.preview-close{color:#737373;cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;font-size:28px;line-height:1;transition:all .15s}.preview-close:hover{color:#0a0a0a;background:#f5f5f5}.preview-controls{background:#fafafa;border-bottom:1px solid #e5e5e5;gap:24px;padding:16px 24px;display:flex}.control-group{align-items:center;gap:12px;display:flex}.control-group label{color:#0a0a0a;font-size:13px;font-weight:500}.toggle-group{background:#fff;border:1px solid #e5e5e5;border-radius:6px;gap:4px;padding:2px;display:flex}.toggle-btn{color:#737373;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.toggle-btn:hover{color:#0a0a0a;background:#f5f5f5}.toggle-btn.active{color:#fff;background:#0a0a0a}.toggle-btn svg{opacity:.8}.preview-viewport{background:#f5f5f5;flex-direction:column;flex:1;align-items:center;padding:40px 24px;display:flex;overflow-y:auto}.preview-device{background:#fff;border-radius:8px;width:100%;margin-bottom:20px;transition:all .3s;position:relative;box-shadow:0 4px 12px #0000001a}.preview-device.desktop{max-width:700px}.preview-device.mobile{background:#0a0a0a;border-radius:32px;max-width:380px;padding:12px}.preview-device.mobile .email-container{border-radius:24px;overflow:hidden}.device-frame{pointer-events:none;z-index:10;justify-content:center;align-items:flex-start;width:50%;height:28px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.device-notch{background:#0a0a0a;border-radius:0 0 16px 16px;width:120px;height:24px}.preview-device.dark .email-container{color:#e5e5e5;background:#1a1a1a}.preview-device.dark .email-client-header{background:#262626;border-bottom-color:#404040}.preview-device.dark .email-meta{border-bottom-color:#404040}.preview-device.dark .sender-name{color:#fff}.preview-device.dark .sender-email,.preview-device.dark .email-time{color:#a3a3a3}.preview-device.dark .email-subject{color:#fff}.preview-device.dark .email-body{color:#e5e5e5;background:#1a1a1a}.preview-device.dark .email-body h1,.preview-device.dark .email-body h2,.preview-device.dark .email-body h3{color:#fff}.preview-device.dark .email-body p{color:#d4d4d4}.preview-device.dark .email-footer{background:#262626;border-top-color:#404040}.preview-device.dark .footer-links a{color:#a3a3a3}.email-container{background:#fff;overflow:hidden}.email-client-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;padding:12px 16px;display:flex}.header-row{justify-content:space-between;width:100%;display:flex}.back-button,.email-actions{color:#737373;cursor:pointer;font-size:18px}.email-meta{border-bottom:1px solid #e5e5e5;align-items:center;gap:12px;padding:16px;display:flex}.sender-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.sender-email{color:#737373;font-size:12px}.email-time{color:#a3a3a3;font-size:12px}.email-subject{color:#0a0a0a;padding:16px;font-size:20px;font-weight:600;line-height:1.3}.email-body{color:#404040;padding:0 16px 24px;font-size:15px;line-height:1.6}.email-body h1{margin:24px 0 16px;font-size:28px}.email-body h2{margin:20px 0 12px;font-size:22px}.email-body h3{margin:16px 0 8px;font-size:18px}.email-body p{margin:0 0 16px}.email-body img{max-width:100%;height:auto;display:block}.email-body a{color:#06c;text-decoration:none}.email-footer{text-align:center;background:#f9fafb;border-top:1px solid #e5e5e5;padding:16px}.footer-links{color:#737373;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.footer-links a{color:#737373;text-decoration:none}.footer-links a:hover{color:#0a0a0a;text-decoration:underline}.preview-info{text-align:center;max-width:500px;margin-top:12px}.info-badge{color:#0a0a0a;background:#fff;border-radius:20px;margin-bottom:8px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-block;box-shadow:0 2px 8px #0000001a}.info-text{color:#737373;font-size:13px}.preview-footer{background:#fff;border-top:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.preview-tips{color:#737373;font-size:13px}.preview-tips strong{color:#0a0a0a;font-weight:600}@media (max-width:768px){.email-preview-modal{padding:0}.preview-modal-content{border-radius:0;max-width:100%;max-height:100vh}.preview-controls{flex-direction:column;gap:12px}.preview-viewport{padding:20px 12px}.preview-footer{flex-direction:column;gap:12px}.preview-footer .btn-primary{width:100%}}.personalization-config-panel{background:#fff;border-radius:12px;max-width:900px;max-height:90vh;margin:0 auto;padding:32px;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.panel-header{margin-bottom:32px}.panel-header h2{color:#0a0a0a;margin:0 0 8px;font-size:24px;font-weight:600}.panel-header .subtitle{color:#666;margin:0;font-size:15px}.config-section{margin-bottom:32px}.section-label{color:#0a0a0a;margin-bottom:12px;font-size:16px;font-weight:600;display:block}.help-text{color:#666;margin:0 0 12px;font-size:14px;line-height:1.5}.help-text-sm{color:#888;margin:4px 0 0;font-size:13px}.master-prompt-input{resize:vertical;border:2px solid #e5e5e5;border-radius:8px;width:100%;min-height:300px;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Fira Code,Droid Sans Mono,Source Code Pro,monospace;font-size:14px;line-height:1.6;transition:border-color .2s}.master-prompt-input:focus{border-color:#0a0a0a;outline:none}.master-prompt-input:disabled{cursor:not-allowed;background:#f5f5f5}.prompt-tips{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;gap:12px;margin-top:16px;padding:16px;display:flex}.tip-icon{flex-shrink:0;font-size:24px}.tip-content{flex:1}.tip-content strong{color:#0369a1;margin-bottom:8px;display:block}.tip-content ul{margin:0;padding-left:20px}.tip-content li{color:#0c4a6e;margin-bottom:4px;font-size:14px;line-height:1.5}.settings-grid{flex-direction:column;gap:24px;display:flex}.setting-group{flex-direction:column;gap:8px;display:flex}.setting-group>label{color:#333;font-size:14px;font-weight:500}.radio-group{flex-direction:column;gap:8px;display:flex}.radio-option{cursor:pointer;border:2px solid #e5e5e5;border-radius:8px;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex}.radio-option:hover{background:#fafafa;border-color:#d4d4d4}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px}.radio-option input[type=radio]:checked+span{font-weight:600}.radio-option input[type=radio]:checked{accent-color:#0a0a0a}.radio-option input[type=radio]:disabled{cursor:not-allowed}.radio-option span{color:#333;font-size:14px}.checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#0a0a0a;width:18px;height:18px}.checkbox-label span{color:#333;font-size:14px}.panel-actions{border-top:1px solid #e5e5e5;justify-content:flex-end;gap:12px;padding-top:24px;display:flex}@media (max-width:768px){.personalization-config-panel{padding:20px}.master-prompt-input{min-height:250px;font-size:13px}.panel-actions{flex-direction:column-reverse}.panel-actions button{width:100%}}.generation-progress-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:90vh;padding:32px;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000026}.generation-progress-modal .modal-header{text-align:center;margin-bottom:32px}.generation-progress-modal .modal-header h2{color:#0a0a0a;margin:0 0 8px;font-size:24px;font-weight:600}.generation-progress-modal .modal-header p{color:#666;margin:0;font-size:15px}.progress-container{margin-bottom:24px}.progress-bar-wrapper{background:#f5f5f5;border-radius:12px;width:100%;height:48px;margin-bottom:24px;position:relative;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#0a0a0a 0%,#333 100%);justify-content:flex-end;align-items:center;height:100%;padding-right:16px;transition:width .3s ease-out;display:flex;position:absolute;top:0;left:0}.progress-text{color:#fff;font-size:16px;font-weight:600}.progress-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat{text-align:center;background:#f9fafb;border-radius:8px;padding:16px}.stat-value{color:#0a0a0a;margin-bottom:4px;font-size:24px;font-weight:600}.stat-label{color:#666;font-size:13px}.warning-banner{color:#92400e;background:#fef3c7;border:1px solid #fde047;border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;display:flex}.warning-icon{flex-shrink:0;font-size:20px}.recent-activity{margin-bottom:24px}.recent-activity h3{color:#0a0a0a;margin:0 0 12px;font-size:16px;font-weight:600}.activity-list{flex-direction:column;gap:8px;display:flex}.activity-item{border-radius:8px;align-items:center;gap:12px;padding:12px;font-size:14px;display:flex}.activity-item.success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.activity-item.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.activity-item.pending{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd}.activity-icon{flex-shrink:0;font-size:18px}.modal-actions{border-top:1px solid #e5e5e5;justify-content:center;padding-top:24px;display:flex}.btn-secondary{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#fafafa;border-color:#d4d4d4}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.generation-progress-modal{padding:24px}.progress-stats{grid-template-columns:1fr}.stat-value{font-size:20px}}.personalized-email-grid{flex-direction:column;height:calc(100vh - 100px);padding:24px;display:flex}.grid-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.header-left h2{color:#0a0a0a;margin:0 0 4px;font-size:24px;font-weight:600}.header-left p{color:#666;margin:0;font-size:14px}.header-actions{align-items:center;gap:12px;display:flex}.master-detail-layout{flex:1;grid-template-columns:400px 1fr;gap:24px;display:grid;overflow:hidden}.email-list-panel{background:#f9fafb;border:2px solid #e5e5e5;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.view-selector{background:#fff;border-bottom:2px solid #e5e5e5;gap:8px;padding:12px;display:flex}.view-selector button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.view-selector button:hover{color:#0a0a0a;background:#f5f5f5}.view-selector button.active{color:#fff;background:#0a0a0a}.view-selector .count{background:#0000001a;border-radius:12px;padding:2px 8px;font-size:12px}.view-selector button.active .count{background:#fff3}.search-box{background:#fff;border-bottom:1px solid #e5e5e5;padding:12px}.search-input{border:2px solid #e5e5e5;border-radius:8px;width:100%;padding:10px 16px;font-size:14px;transition:border-color .2s}.search-input:focus{border-color:#0a0a0a;outline:none}.email-list{flex:1;padding:8px;overflow-y:auto}.email-list-item{cursor:pointer;background:#fff;border:2px solid #e5e5e5;border-radius:10px;margin-bottom:8px;padding:12px;transition:all .2s}.email-list-item:hover{border-color:#d4d4d4;box-shadow:0 2px 8px #00000014}.email-list-item.selected{background:#f9fafb;border-color:#0a0a0a;box-shadow:0 2px 12px #0000001f}.email-list-item.failed{background:#fef2f2;border-color:#fecaca}.list-item-header{gap:10px;margin-bottom:8px;display:flex}.contact-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.contact-info{flex:1;min-width:0}.contact-name{color:#0a0a0a;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.contact-email{color:#666;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.list-item-subject{color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.edited-indicator,.failed-indicator,.pending-indicator{border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.edited-indicator{color:#92400e;background:#fef3c7;border:1px solid #fde047}.failed-indicator{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.pending-indicator{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.empty-state-list{text-align:center;color:#666;padding:60px 20px}.empty-state-list .empty-icon{margin-bottom:12px;font-size:48px}.email-editor-panel{background:#fff;border:2px solid #e5e5e5;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.editor-header{background:#f9fafb;border-bottom:2px solid #e5e5e5;padding:20px 24px}.recipient-info{align-items:center;gap:12px;display:flex}.recipient-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:600;display:flex}.recipient-details{flex:1}.recipient-name{color:#0a0a0a;margin-bottom:2px;font-size:18px;font-weight:600}.recipient-email{color:#666;font-size:14px}.pending-banner{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:8px;margin-top:16px;padding:12px 16px;font-size:13px}.error-banner{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.editor-body{flex:1;padding:24px;overflow-y:auto}.subject-input{border:2px solid #e5e5e5;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.subject-input:focus{border-color:#0a0a0a;outline:none}.subject-input:disabled{cursor:not-allowed;background:#f5f5f5}.editor-footer{background:#f9fafb;border-top:2px solid #e5e5e5;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.pending-status{text-align:center;color:#3730a3;background:#e0e7ff;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500}.sent-status{text-align:center;color:#15803d;background:#f0fdf4;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500}.no-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:60px 40px;display:flex}.no-selection-icon{opacity:.5;margin-bottom:20px;font-size:72px}.no-selection h3{color:#0a0a0a;margin:0 0 8px;font-size:20px;font-weight:600}.no-selection p{color:#666;margin:0;font-size:15px}.loading-state{text-align:center;color:#666;padding:60px 20px;font-size:16px}@media (max-width:1200px){.master-detail-layout{grid-template-columns:350px 1fr}}@media (max-width:1024px){.master-detail-layout{grid-template-columns:300px 1fr}}@media (max-width:768px){.personalized-email-grid{padding:16px}.grid-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:stretch}.master-detail-layout{grid-template-rows:300px 1fr;grid-template-columns:1fr}.email-list{max-height:none}}.settings-page{background:#fafafa;min-height:100vh;padding:48px 32px;overflow-y:auto}.settings-loading{color:#737373;justify-content:center;align-items:center;min-height:50vh;font-size:14px;display:flex}.settings-header{max-width:900px;margin:0 auto 40px}.settings-header h1{color:#0a0a0a;letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:600}.settings-subtitle{color:#737373;margin:0;font-size:15px;font-weight:400}.settings-content{max-width:900px;margin:0 auto}.settings-section{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px;padding:32px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h2{color:#0a0a0a;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:600}.provider-badge{color:#525252;background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;display:inline-flex}.provider-icon{font-size:14px}.section-description{color:#737373;margin:0 0 24px;font-size:14px;line-height:1.6}.alert{border-radius:6px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.alert-icon{font-size:16px}.action-buttons{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.btn-create{color:#fff;cursor:pointer;background:#0a0a0a;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-create:hover{background:#171717}.btn-gmail{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.btn-gmail:hover{color:#4285f4;background:#fafafa;border-color:#4285f4}.gmail-icon{font-size:16px}.btn-save{color:#fff;cursor:pointer;background:#0a0a0a;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-save:hover{background:#171717}.btn-cancel{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .15s}.btn-cancel:hover{background:#fafafa}.btn-secondary{color:#0a0a0a;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-secondary:hover{background:#fafafa}.btn-danger{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s}.btn-danger:hover{background:#fef2f2;border-color:#fecaca}.senders-list{flex-direction:column;gap:16px;display:flex}.sender-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;justify-content:space-between;align-items:center;padding:20px;transition:all .15s;display:flex}.sender-card:hover{border-color:#d4d4d4}.sender-card-gmail{background:#f8f9ff;border-color:#d6e0ff}.sender-card-gmail:hover{border-color:#4285f4}.sender-info{flex:1}.sender-name{color:#0a0a0a;margin-bottom:4px;font-size:15px;font-weight:600}.sender-email{color:#737373;margin-bottom:8px;font-size:14px}.sender-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:4px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.badge-default{color:#1e40af;background:#f0f9ff;border:1px solid #bfdbfe}.badge-verified{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.badge-provider{font-weight:600}.badge-gmail{color:#1a73e8;background:#e8f0fe;border:1px solid #aecbfa}.badge-sendgrid{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.provider-icon{margin-right:6px}.gmail-limits-warning{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:500}.sender-actions{align-items:center;gap:10px;display:flex}.empty-state p{margin:0 0 8px;font-size:14px}.empty-state p:last-child{margin-bottom:0}.sender-form{background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:24px;padding:24px}.sender-form h3{color:#0a0a0a;margin:0 0 20px;font-size:16px;font-weight:600}.verification-status{background:#fff;border:1px solid #e5e5e5;border-radius:6px;margin-bottom:20px;padding:14px}.status-verified{color:#166534;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.status-unverified{color:#991b1b;align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.status-icon{font-size:16px}.status-hint{color:#737373;font-size:12px;font-weight:400;display:block}.form-group label{color:#0a0a0a;flex-direction:column;gap:4px;margin-bottom:8px;font-size:13px;font-weight:500;display:flex}.label-hint{color:#737373;font-size:12px;font-weight:400}.form-input{color:#0a0a0a;background:#fff;border:1px solid #e5e5e5;border-radius:6px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .15s}.form-input:focus{border-color:#0a0a0a;outline:none}.form-input::placeholder{color:#a3a3a3}.checkbox-label{cursor:pointer;align-items:center;gap:8px;flex-direction:row!important;display:flex!important}.checkbox-label input[type=checkbox]{cursor:pointer;width:18px;height:18px}.checkbox-label span{color:#0a0a0a;font-size:14px;font-weight:400}.form-actions{gap:12px;padding-top:8px;display:flex}.settings-info{background:#fafafa;border:1px solid #e5e5e5;border-radius:6px;margin-top:24px;padding:20px}.settings-info h3{color:#0a0a0a;margin:0 0 12px;font-size:14px;font-weight:600}.settings-info ul{color:#525252;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.settings-info li{margin-bottom:8px}.settings-info li:last-child{margin-bottom:0}@media (max-width:768px){.settings-page{padding:24px 16px}.settings-header h1{font-size:24px}.settings-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.sender-card{flex-direction:column;align-items:flex-start;gap:16px}.sender-actions{flex-wrap:wrap;width:100%}.sender-actions button{flex:1}}.settings-tabs{border-bottom:2px solid var(--color-neutral-200);gap:8px;margin-bottom:24px;padding:0 32px;display:flex}.settings-tab{color:var(--color-neutral-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 24px;font-size:15px;font-weight:500;transition:all .2s}.settings-tab:hover{color:var(--color-neutral-900);background:var(--color-neutral-50)}.settings-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.email-generated-tab{max-width:1400px;margin:0 auto;padding:24px}.email-logs-loading{min-height:400px;color:var(--color-neutral-600);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.logs-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:32px;display:flex}.logs-header h2{color:var(--color-neutral-900);margin:0 0 6px;font-size:28px;font-weight:700}.logs-subtitle{color:var(--color-neutral-600);margin:0;font-size:14px}.logs-filters{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:2px solid var(--color-neutral-200);color:var(--color-neutral-700);cursor:pointer;background:#fff;border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.empty-logs{min-height:400px;color:var(--color-neutral-500);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-logs h3{color:var(--color-neutral-700);margin:0;font-size:20px;font-weight:600}.empty-logs p{margin:0;font-size:14px}.logs-list{flex-direction:column;gap:16px;display:flex}.log-card{border:1px solid var(--color-neutral-200);background:#fff;border-radius:12px;transition:all .2s;overflow:hidden}.log-card:hover{box-shadow:0 4px 12px #00000014}.log-card.failed{background:#fef2f2;border-color:#fca5a5}.log-card-header{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px;display:flex}.log-main-info{flex:1;min-width:0}.log-title-row{align-items:center;gap:12px;margin-bottom:8px;display:flex}.source-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:600}.log-title-row h3{color:var(--color-neutral-900);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:600;overflow:hidden}.status-icon{flex-shrink:0}.status-icon.success{color:#10b981}.status-icon.error{color:#ef4444}.log-contact{color:var(--color-neutral-600);align-items:center;gap:6px;font-size:13px;display:flex}.log-meta{color:var(--color-neutral-500);flex-shrink:0;align-items:center;gap:16px;display:flex}.meta-item{align-items:center;gap:6px;font-size:13px;display:flex}.log-card-body{border-top:1px solid var(--color-neutral-100);padding:0 20px 20px}.section{margin-top:20px}.section h4{color:var(--color-neutral-700);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.section pre{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);white-space:pre-wrap;word-wrap:break-word;border-radius:8px;margin:0;padding:16px;font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.error-section pre{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.prompt-box,.response-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden}.prompt-box pre{color:#1e293b;background:0 0;border:none}.response-box pre{color:#059669;background:0 0;border:none}.email-preview{border:1px solid var(--color-neutral-200);background:#fff;border-radius:8px;padding:16px}.email-subject-line{border-bottom:1px solid var(--color-neutral-200);margin-bottom:12px;padding-bottom:12px;font-size:14px}.email-body-preview{color:var(--color-neutral-700);font-size:14px;line-height:1.6}.metadata-section{background:var(--color-neutral-50);border-radius:8px;margin-top:20px;padding:16px}.metadata-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.metadata-item{flex-direction:column;gap:4px;display:flex}.metadata-label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-neutral-500);font-size:11px;font-weight:600}.metadata-value{color:var(--color-neutral-900);font-size:14px;font-weight:500}@media (max-width:768px){.logs-header{flex-direction:column}.log-card-header{flex-direction:column;align-items:flex-start}.log-meta{justify-content:space-between;width:100%}}.agent-profile-page{max-width:1000px;margin:0 auto;padding:24px}.profile-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.back-button{color:#55d1bd;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 12px;font-size:14px;transition:background-color .2s}.back-button:hover{background-color:#55d1bd1a}.profile-header h1{color:#111827;margin:0;font-size:28px;font-weight:600}.profile-loading{text-align:center;color:#6b7280;padding:48px;font-size:16px}.profile-message{border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:14px}.profile-message.success{color:#065f46;background-color:#d1fae5;border:1px solid #6ee7b7}.profile-message.error{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}.profile-content{grid-template-columns:1fr 1fr;gap:32px;display:grid}@media (max-width:768px){.profile-content{grid-template-columns:1fr}}.profile-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.profile-section h2{color:#111827;margin:0 0 24px;font-size:18px;font-weight:600}.picture-preview{justify-content:center;margin-bottom:24px;display:flex}.profile-picture-img{object-fit:cover;border:4px solid #f3f4f6;border-radius:50%;width:150px;height:150px}.profile-picture-placeholder{color:#fff;background:linear-gradient(135deg,#55d1bd 0%,#45c1ad 100%);border:4px solid #f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:48px;font-weight:600;display:flex}.picture-upload{flex-direction:column;gap:12px;display:flex}.file-input{display:none}.file-input-label{color:#374151;cursor:pointer;text-align:center;background-color:#f3f4f6;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-block}.file-input-label:hover{background-color:#e5e7eb}.upload-actions{background-color:#f9fafb;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.selected-file-name{color:#6b7280;word-break:break-word;font-size:13px}.picture-help-text{color:#6b7280;margin:12px 0 0;font-size:12px;line-height:1.5}.form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-input{color:#111827;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:#55d1bd;outline:none;box-shadow:0 0 0 3px #55d1bd1a}.form-input:disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.field-help-text{color:#6b7280;margin:6px 0 0;font-size:12px}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background-color:#55d1bd}.btn-primary:hover:not(:disabled){background-color:#45c1ad;transform:translateY(-1px);box-shadow:0 2px 8px #55d1bd4d}.btn-secondary{color:#374151;background-color:#f3f4f6}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.btn-save{width:100%;margin-top:8px}.referral-dashboard{max-width:1400px;margin:0 auto;padding:24px}.referral-dashboard.loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.dashboard-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.dashboard-header h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.stat-card.pending{background:#f8fafc;border-color:#94a3b8}.stat-card.confirmed{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b981}.stat-card.special{color:#fff;background:linear-gradient(135deg,#55d1bd 0%,#4bc4b0 100%)}.stat-value{margin-bottom:4px;font-size:36px;font-weight:700}.stat-label{text-transform:uppercase;letter-spacing:.5px;opacity:.8;font-size:12px}.search-bar{margin-bottom:24px}.search-bar input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:14px}.search-bar input:focus{border-color:#1a1a1a;outline:none}.referrals-list{flex-direction:column;gap:12px;display:flex}.empty-state{text-align:center;color:#6b7280;padding:60px}.referral-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.referral-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.referral-header:hover{background:#f9fafb}.referral-info{flex:1}.referral-main{align-items:center;gap:8px;margin-bottom:8px;display:flex}.expand-icon{color:#6b7280;font-size:10px}.referral-name{color:#1a1a1a;font-weight:600}.referral-email{color:#6b7280;font-size:14px}.referral-meta{align-items:center;gap:12px;font-size:13px;display:flex}.referral-code{background:#f3f4f6;border-radius:4px;padding:2px 8px;font-family:monospace}.tier-badge{color:#374151;background:#e5e7eb;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-block}.tier-badge.tier-10{color:#fff;background:linear-gradient(135deg,#55d1bd 0%,#4bc4b0 100%)}.discount{color:#059669;font-weight:500}.referral-stats{gap:16px;display:flex}.referral-stats .stat{color:#6b7280;font-size:14px}.referral-stats .stat strong{color:#1a1a1a}.invites-list{background:#f9fafb;border-top:1px solid #e5e7eb;padding:16px 20px}.no-invites{text-align:center;color:#9ca3af;padding:20px}.invite-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:16px;display:flex}.invite-item:last-child{margin-bottom:0}.invite-info{flex:1}.invite-email{color:#1a1a1a;margin-bottom:4px;font-weight:500}.invite-name{color:#6b7280;margin-bottom:8px;font-size:14px}.invite-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:500;display:inline-block}.invite-method,.invite-date{color:#9ca3af;font-size:12px}.linked-account{color:#1e40af;background:#dbeafe;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:13px}.invite-actions{flex-wrap:wrap;gap:8px;display:flex}.notes-editor{width:100%}.notes-editor textarea{resize:vertical;border:1px solid #e5e7eb;border-radius:6px;width:100%;min-height:60px;margin-bottom:8px;padding:8px 12px;font-size:14px}.notes-actions{gap:8px;display:flex}.invite-notes{color:#4b5563;white-space:pre-wrap;background:#f9fafb;border-radius:6px;margin-top:12px;padding:12px;font-size:13px}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.referral-header{flex-direction:column;align-items:flex-start;gap:12px}.referral-stats{width:100%}}.prospection-page{padding:var(--space-8) var(--space-6);width:100%;font-family:var(--font-family-base)}.prospection-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.prospection-header h1{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex}.top-tabs{gap:var(--space-1);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-1);border:var(--border-width-1) solid var(--color-border-subtle);display:flex}.top-tab{padding:var(--space-2) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:var(--transition-fast);background:0 0;border:none}.top-tab:hover{color:var(--color-text-primary)}.top-tab.active{background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.tab-content{animation:prospectionFadeIn var(--duration-fast) var(--ease-smooth)}@keyframes prospectionFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.section-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.stat-card{align-items:center;gap:var(--space-4);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);transition:var(--transition-fast);display:flex}.stat-card:hover{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.stat-card svg{color:var(--color-primary-500);flex-shrink:0}.stat-val{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-lbl{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium)}.prospection-page .card{background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5);cursor:pointer;transition:var(--transition-base)}.prospection-page .card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.card-top h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.card-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3);line-height:var(--line-height-relaxed)}.card-meta{align-items:center;gap:var(--space-3);font-size:var(--font-size-xs);display:flex}.list{gap:var(--space-3);flex-direction:column;display:flex}.list-item{align-items:center;gap:var(--space-5);background:var(--color-bg-elevated);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);cursor:pointer;transition:var(--transition-base);display:flex}.list-item:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.list-left{flex:1}.list-title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.list-title h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.list-stats{gap:var(--space-6);display:flex}.mini{flex-direction:column;align-items:center;min-width:48px;display:flex}.mini-val{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.mini-lbl{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);font-size:.6rem;font-weight:var(--font-weight-medium)}.chevron{color:var(--color-text-tertiary);flex-shrink:0}.badge{background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);color:var(--color-text-primary)}.mono{font-family:var(--font-family-mono)}.primary{color:var(--color-primary-500);font-weight:var(--font-weight-semibold)}.seq-tag{font-size:var(--font-size-xs);background:var(--color-primary-50);color:var(--color-primary-700);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-weight:var(--font-weight-medium)}.status-badge{font-size:.65rem;font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:inline-block}.status-badge.draft{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.status-badge.active{background:var(--color-primary-50);color:var(--color-primary-800)}.status-badge.paused{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge.completed{background:var(--color-info-light);color:var(--color-info-dark)}.status-badge.replied{background:var(--color-accent-purple);color:#4c1d95}.status-badge.failed,.status-badge.bounced{background:var(--color-error-light);color:var(--color-error-dark)}.status-badge.pending_approval{background:var(--color-warning-light);color:#92400e}.status-badge.sending{background:var(--color-info-light);color:var(--color-info-dark)}.status-badge.blocked{color:var(--color-error-dark);background:#fff0f0}.back-btn{cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-family-base);margin-bottom:var(--space-4);transition:var(--transition-fast);background:0 0;border:none;padding:0}.back-btn:hover{color:var(--color-primary-500)}.detail-top{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.detail-top h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--space-2)}.detail-meta{gap:var(--space-2);align-items:center;display:flex}.detail-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.detail-stats{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(4,1fr);display:grid}.ds{text-align:center;padding:var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border-subtle)}.ds-val{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight);display:block}.ds-lbl{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium);margin-top:var(--space-1)}.step-tabs{gap:var(--space-1);border-bottom:var(--border-width-1) solid var(--color-border-subtle);margin-bottom:var(--space-4);padding-bottom:0;display:flex;overflow-x:auto}.step-tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-base);cursor:pointer;color:var(--color-text-secondary);border:none;border-bottom:var(--border-width-2) solid transparent;white-space:nowrap;transition:var(--transition-fast);background:0 0;margin-bottom:-1px;display:flex}.step-tab:hover{color:var(--color-text-primary)}.step-tab.active{color:var(--color-primary-500);border-bottom-color:var(--color-primary-500)}.bulk-bar{padding:var(--space-3) var(--space-4);background:var(--color-primary-50);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-800);justify-content:space-between;align-items:center;display:flex}.bulk-bar__safety-note{color:var(--color-text-secondary,#797e94);margin-left:auto;font-size:12px}.lead-compliance-summary{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);align-items:flex-start;gap:var(--space-3);border:var(--border-width-1) solid var(--color-primary-200);border-radius:var(--radius-lg);background:var(--color-primary-50);color:var(--color-primary-900);display:flex}.lead-compliance-summary>svg{flex-shrink:0;margin-top:2px}.lead-compliance-summary>div{gap:var(--space-1);flex-direction:column;display:flex}.lead-compliance-summary strong{font-size:var(--font-size-sm)}.lead-compliance-summary span{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.draft-editor-safety-note{background:var(--color-primary-50,#e6f9f6);color:var(--color-primary-900,#297670);border-radius:8px;margin-top:12px;padding:10px 12px;font-size:12px;line-height:1.45}@media (max-width:680px){.bulk-bar__safety-note{width:100%;margin-left:0}}.contacts-table{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-elevated);overflow:hidden}.ct-header{gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);border-bottom:var(--border-width-1) solid var(--color-border-subtle);grid-template-columns:1.5fr 1fr 1.5fr .8fr 1fr;display:grid}.ct-row{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-subtle);font-size:var(--font-size-sm);transition:var(--transition-fast);grid-template-columns:1.5fr 1fr 1.5fr .8fr 1fr;align-items:center;display:grid}.ct-row:last-child{border-bottom:none}.ct-row:hover{background:var(--color-bg-tertiary)}.leads-table .ct-header,.leads-table .ct-row{grid-template-columns:32px minmax(140px,1.3fr) minmax(130px,1fr) minmax(150px,1.2fr) minmax(130px,.9fr)}.ct-compliance{align-items:flex-start;gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.ct-compliance small{max-width:100%;color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.outreach-readiness{border-radius:var(--radius-full);width:-moz-fit-content;width:fit-content;font-size:.66rem;font-weight:var(--font-weight-bold);align-items:center;padding:3px 8px;line-height:1.25;display:inline-flex}.outreach-readiness.allowed{background:var(--color-primary-50);color:var(--color-primary-900)}.outreach-readiness.quarantined{background:var(--color-warning-light);color:#704a2c}.outreach-readiness.held{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.outreach-readiness.suppressed{color:var(--color-error-dark);background:#fff0f0}.leads-table input[type=checkbox]:disabled{cursor:not-allowed;opacity:.45}.lead-details{padding:var(--space-4) var(--space-6);gap:var(--space-3) var(--space-8);border-bottom:var(--border-width-1) solid var(--color-border-subtle);background:var(--color-bg-tertiary);font-size:var(--font-size-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lead-compliance-details{padding:var(--space-4);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-elevated);grid-column:1/-1}.lead-compliance-details__heading{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.lead-compliance-details ul{margin:0 0 var(--space-3);padding-left:var(--space-5);color:var(--color-error-dark)}.lead-compliance-details dl{margin:0 0 var(--space-3);gap:var(--space-2) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.lead-compliance-details dl>div{min-width:0}.lead-compliance-details dt{color:var(--color-text-tertiary)}.lead-compliance-details dd{overflow-wrap:anywhere;color:var(--color-text-primary);margin:2px 0 0}.lead-compliance-details a{color:var(--color-primary-700);font-weight:var(--font-weight-semibold)}.lead-compliance-details__missing{color:var(--color-text-tertiary)}.sequence-blocked-note{margin-bottom:var(--space-4);padding:var(--space-3);align-items:flex-start;gap:var(--space-2);border:var(--border-width-1) solid var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error-dark);background:#fff4f4;display:flex}.sequence-blocked-note>div{flex-direction:column;gap:3px;display:flex}.ct-name{flex-direction:column;display:flex}.ct-name strong{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.ct-name small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.ct-name .ct-role{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.ct-company{flex-direction:column;display:flex}.ct-company strong{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ct-company small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.ct-step .mono{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.ct-actions{gap:var(--space-1);display:flex}.draft-preview{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.icon-btn{padding:var(--space-1);cursor:pointer;border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.icon-btn.danger:hover{color:var(--color-error);background:var(--color-error-light)}.icon-btn.success:hover{color:var(--color-success);background:var(--color-primary-50)}.seq-editor{gap:var(--space-4);flex-direction:column;display:flex}.form-row{gap:var(--space-3);align-items:flex-end;display:flex}.form-row .form-group{flex:1}.steps-header{margin-top:var(--space-3);justify-content:space-between;align-items:center;display:flex}.steps-header h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.steps-list{gap:var(--space-2);margin-top:var(--space-3);flex-direction:column;display:flex}.step-card{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-subtle);transition:var(--transition-fast);display:flex}.step-card:hover{border-color:var(--color-border-default)}.step-badge{background:var(--color-primary-500);color:var(--color-text-inverted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-mono);white-space:nowrap}.step-content{flex:1;min-width:0}.mode-badge{align-items:center;gap:var(--space-1);font-size:.65rem;font-weight:var(--font-weight-medium);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);display:inline-flex}.mode-badge.ai{background:var(--color-accent-purple);color:#4c1d95}.mode-badge.tpl{background:var(--color-info-light);color:var(--color-info-dark)}.step-subject{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:var(--space-1)}.step-instr{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1);font-style:italic}.step-actions{gap:var(--space-1);display:flex}.merge-help{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--space-3);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border-subtle);margin-top:var(--space-2)}.empty-steps{text-align:center;padding:var(--space-8);color:var(--color-text-tertiary);border:var(--border-width-2) dashed var(--color-border-subtle);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.form-group{margin-bottom:var(--space-4)}.form-group label{font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-primary);display:block}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-text-primary);box-sizing:border-box;transition:var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary)}.form-group small{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin-top:var(--space-1);display:block}.toggle-label{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.toggle-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-500)}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-border-subtle);display:flex}.enroll-filters{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.enroll-search{min-width:200px;padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family-base);color:var(--color-text-primary);transition:var(--transition-fast);flex:1}.enroll-search:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.enroll-filters select{padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:var(--font-family-base);color:var(--color-text-primary)}.selected-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-500);white-space:nowrap}.enroll-list{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-elevated);max-height:400px;overflow-y:auto}.enroll-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-subtle);cursor:pointer;transition:var(--transition-fast);display:flex}.enroll-item:last-child{border-bottom:none}.enroll-item:hover{background:var(--color-bg-tertiary)}.enroll-item.selected{background:var(--color-primary-50)}.enroll-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary-500);flex-shrink:0}.enroll-info{flex-direction:column;gap:2px;display:flex}.enroll-info strong{font-size:var(--font-size-sm);color:var(--color-text-primary)}.enroll-info span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.enroll-meta{font-weight:var(--font-weight-medium);color:var(--color-primary-600)!important;font-size:var(--font-size-xs)!important}.draft-contact-info{padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border-subtle)}.draft-preview-box{border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-4);max-height:200px;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:var(--color-bg-tertiary);overflow-y:auto}.prompt-edit-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-tertiary);border:var(--border-width-1) solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-4);display:flex}.prompt-edit-bar svg{color:var(--color-primary);flex-shrink:0}.prompt-edit-bar input{font-size:var(--font-size-sm);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1}.prompt-edit-bar input::placeholder{color:var(--color-text-tertiary)}.prompt-edit-bar button{flex-shrink:0}.step-funnel{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);flex-direction:column;display:flex}.funnel-step{align-items:center;gap:var(--space-3);display:flex}.funnel-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);flex-shrink:0;width:60px}.funnel-bar-bg{background:var(--color-bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.funnel-bar-fill{background:var(--color-primary);border-radius:4px;height:100%;transition:width .3s}.funnel-bar-fill.success{background:var(--color-success,#10b981)}.funnel-count{font-size:var(--font-size-xs);color:var(--color-text-primary);text-align:right;flex-shrink:0;width:30px;font-weight:600}.loading{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.prospection-page .empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-secondary)}.prospection-page .empty-state.small{padding:var(--space-6);min-height:auto}.prospection-page .empty-state h3{margin:var(--space-3) 0 var(--space-1);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.prospection-page .empty-state p{margin-bottom:var(--space-4);font-size:var(--font-size-sm)}@media (max-width:768px){.prospection-header{gap:var(--space-3);flex-direction:column;align-items:flex-start}.stats-row,.detail-stats{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:1fr}.ct-header,.ct-row{grid-template-columns:1.5fr 1fr .8fr .8fr}.ct-header span:nth-child(3),.ct-row span:nth-child(3){display:none}.leads-table .ct-header,.leads-table .ct-row{grid-template-columns:32px minmax(0,1fr) minmax(105px,.8fr)}.leads-table .ct-header span:nth-child(3),.leads-table .ct-row>span:nth-child(3),.leads-table .ct-header span:nth-child(4),.leads-table .ct-row>span:nth-child(4){display:none}.lead-details{padding:var(--space-4);grid-template-columns:1fr}.lead-compliance-details{grid-column:1}.lead-compliance-details dl{grid-template-columns:1fr}.list-stats{display:none}}.growth-tools-page{padding:var(--space-8) var(--space-6);width:100%}.gt-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.gt-header h1{align-items:center;gap:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);display:flex}.gt-tabs{gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border-subtle);padding-bottom:var(--space-1);display:flex}.gt-tab{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);background:0 0;border:none;border-bottom:2px solid #0000;transition:all .2s;display:flex}.gt-tab:hover{color:var(--color-text-primary)}.gt-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.gt-panel{max-width:1000px}.gt-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.gt-form{gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-lg);flex-direction:column;display:flex}.gt-form .form-group{gap:var(--space-1);flex-direction:column;display:flex}.gt-form .form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.gt-form .form-row{gap:var(--space-3);display:flex}.gt-form input,.gt-form select,.gt-form textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg-primary)}.gt-result{margin-top:var(--space-4)}.gt-result h3{font-size:var(--font-size-md);margin:var(--space-6) 0 var(--space-3)}.geo-score-card{text-align:center;padding:var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.geo-score{font-size:4rem;font-weight:800;line-height:1}.geo-score span{opacity:.5;font-size:1.5rem}.geo-score-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-2)}.geo-queries{gap:var(--space-2);flex-direction:column;display:flex}.geo-query-row{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary);display:flex}.geo-query-row.found{border-left:3px solid #10b981}.geo-query-row.not-found{border-left:3px solid #ef4444}.geo-status{font-size:1.2rem}.geo-query-info{flex:1}.geo-query-info strong{font-size:var(--font-size-sm)}.geo-query-info small{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block}.geo-snippet{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.geo-competitors{gap:var(--space-2);flex-direction:column;display:flex}.geo-comp{align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);display:flex}.geo-comp strong{width:100px}.geo-comp span{width:80px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.geo-comp-bar{background:var(--color-bg-tertiary);border-radius:4px;flex:1;height:8px;overflow:hidden}.geo-comp-bar div{background:var(--color-primary);border-radius:4px;height:100%}.geo-recs{font-size:var(--font-size-sm);padding-left:var(--space-4);line-height:1.6}.geo-recs li{margin-bottom:var(--space-2)}.kw-summary{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.kw-cluster{margin-bottom:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.kw-cluster-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);display:flex}.kw-intent-badge{font-size:var(--font-size-xs);color:#fff;border-radius:12px;padding:2px 8px;font-weight:600}.kw-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:auto}.kw-list{flex-direction:column;display:flex}.kw-item{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);align-items:center;display:flex}.kw-text{flex:1}.kw-vol,.kw-diff{text-align:center;width:70px;font-size:var(--font-size-xs);border-radius:8px;padding:2px 6px}.kw-vol.high{color:#10b981;background:#ecfdf5}.kw-vol.medium{color:#f59e0b;background:#fffbeb}.kw-vol.low{color:#6b7280;background:#f3f4f6}.kw-diff.easy{color:#10b981;background:#ecfdf5}.kw-diff.medium{color:#f59e0b;background:#fffbeb}.kw-diff.hard{color:#ef4444;background:#fef2f2}.cg-summary{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.cg-table{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden}.cg-header{padding:var(--space-2) var(--space-4);background:var(--color-bg-tertiary);font-size:var(--font-size-xs);color:var(--color-text-secondary);grid-template-columns:3fr 1fr 60px 80px;font-weight:600;display:grid}.cg-row{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border-subtle);font-size:var(--font-size-sm);grid-template-columns:3fr 1fr 60px 80px;align-items:center;display:grid}.cg-kw{font-weight:500}.cg-comp{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.cg-pos{font-weight:600}.cg-priority{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600}.cg-opps{font-size:var(--font-size-sm);padding-left:var(--space-4);line-height:1.6}.cg-opps li{margin-bottom:var(--space-2)}.pseo-summary{font-size:var(--font-size-lg);margin-bottom:var(--space-4);font-weight:600}.pseo-list{gap:var(--space-2);flex-direction:column;display:flex}.pseo-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex}.pseo-info{flex:1}.pseo-info strong{font-size:var(--font-size-sm);display:block}.pseo-info small{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:block}.pseo-meta{color:var(--color-text-secondary)!important}.pseo-actions{gap:var(--space-1);display:flex}.pseo-preview{padding:var(--space-4)}.pseo-preview-meta{gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border-subtle);display:flex}.pseo-preview h1{font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.pseo-preview h2{font-size:var(--font-size-lg);margin-top:var(--space-6);margin-bottom:var(--space-2)}.pseo-preview p{margin-bottom:var(--space-3);line-height:1.7}.pseo-preview table{border-collapse:collapse;width:100%;margin:var(--space-4) 0}.pseo-preview th{background:var(--color-bg-tertiary);padding:var(--space-2) var(--space-3);text-align:left;font-size:var(--font-size-sm)}.pseo-preview td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.history-list{gap:var(--space-2);flex-direction:column;display:flex}.history-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex}.history-info{flex-direction:column;flex:1;display:flex}.history-info strong{font-size:var(--font-size-sm)}.history-info small{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.history-type{font-size:var(--font-size-xs);color:var(--color-primary);text-transform:uppercase;font-weight:600}.history-actions{gap:var(--space-1);display:flex}.result-viewer{padding:var(--space-2)}.result-meta{gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--space-4);display:flex}.result-json{background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-word;max-height:600px;overflow:auto}.admin-page{padding:var(--spacing-lg);max-width:1200px;margin:0 auto}.admin-header{margin-bottom:var(--spacing-lg)}.admin-header h1{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.5rem;display:flex}.admin-header p{color:var(--text-secondary);margin:0}.admin-error{background:var(--status-error-bg);color:var(--status-error);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.admin-error button{border:1px solid var(--status-error);color:var(--status-error);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;background:0 0}.admin-filters{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--border-radius-md);justify-content:space-between;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--spacing-sm);display:flex}.filter-group label{color:var(--text-secondary);font-weight:500}.filter-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);color:var(--text-primary);cursor:pointer}.agent-count{color:var(--text-secondary);font-size:.875rem}.admin-loading,.admin-empty{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.agents-table-container{background:var(--bg-primary);border-radius:var(--border-radius-md);border:1px solid var(--border-color);overflow:hidden}.agents-table{border-collapse:collapse;width:100%}.agents-table th,.agents-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.agents-table th{background:var(--bg-secondary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.agents-table tr:last-child td{border-bottom:none}.agents-table tr.pending{background:var(--status-warning-bg)}.agents-table tr:hover{background:var(--bg-hover)}.user-cell{align-items:center;gap:var(--spacing-sm);display:flex}.agent-avatar{object-fit:cover;border-radius:50%;width:36px;height:36px}.agent-avatar-placeholder{background:var(--primary-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.agent-name{color:var(--text-primary);font-weight:500}.edit-name-fields{gap:var(--spacing-xs);flex-direction:column;display:flex}.edit-name-fields input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:120px;font-size:.875rem}.role-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;display:inline-block}.role-badge.admin{background:var(--primary-color);color:#fff}.role-badge.support_agent{background:var(--bg-secondary);color:var(--text-secondary)}.role-select{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--bg-primary);font-size:.875rem}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:500;display:inline-block}.status-badge.authorized{background:var(--status-success-bg);color:var(--status-success)}.status-badge.pending{background:var(--status-warning-bg);color:var(--status-warning)}.actions-cell{gap:var(--spacing-xs);display:flex}.action-btn{border-radius:var(--border-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn.approve{background:var(--status-success-bg);color:var(--status-success)}.action-btn.approve:hover{background:var(--status-success);color:#fff}.action-btn.revoke{background:var(--status-warning-bg);color:var(--status-warning)}.action-btn.revoke:hover{background:var(--status-warning);color:#fff}.action-btn.edit{background:var(--bg-secondary);color:var(--text-secondary)}.action-btn.edit:hover{background:var(--primary-color);color:#fff}.action-btn.delete{background:var(--status-error-bg);color:var(--status-error)}.action-btn.delete:hover{background:var(--status-error);color:#fff}.action-btn.save{background:var(--status-success-bg);color:var(--status-success)}.action-btn.save:hover{background:var(--status-success);color:#fff}.action-btn.cancel{background:var(--bg-secondary);color:var(--text-secondary)}.action-btn.cancel:hover{background:var(--text-secondary);color:#fff}@media (max-width:768px){.admin-page{padding:var(--spacing-md)}.agents-table-container{overflow-x:auto}.agents-table{min-width:700px}.admin-filters{gap:var(--spacing-sm);flex-direction:column;align-items:flex-start}}.card{border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border-default);transition:var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.card-default{background:var(--color-surface-base);box-shadow:var(--shadow-sm)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md);border-color:var(--color-border-subtle)}.card-glass{background:var(--glass-bg);border:var(--border-width-1) solid var(--glass-border);-webkit-backdrop-filter:blur(var(--glass-blur));box-shadow:var(--shadow-lg)}.card-outlined{border-color:var(--color-border-subtle);box-shadow:none;background:0 0}.card-hover{cursor:pointer}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-muted);transform:translateY(-2px)}.card-hover:active{box-shadow:var(--shadow-md);transform:translateY(0)}.card-glass.card-hover:hover{box-shadow:var(--shadow-xl);border-color:#ffffff26}.card-padding-none .card-body{padding:0}.card-padding-sm .card-body{padding:var(--space-4)}.card-padding-md .card-body{padding:var(--space-6)}.card-padding-lg .card-body{padding:var(--space-8)}.card-header{padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border-default);background:var(--color-bg-secondary);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-primary);flex:1}.card-footer{padding:var(--space-4) var(--space-6);border-top:var(--border-width-1) solid var(--color-border-default);background:var(--color-bg-secondary);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.card-list{gap:var(--space-4);flex-direction:column;display:flex}.card-stat{text-align:center;padding:var(--space-6)}.card-stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary-500);line-height:var(--line-height-tight);margin-bottom:var(--space-2)}.card-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);font-weight:var(--font-weight-medium)}.card-stat-change{margin-top:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.card-stat-change.positive{color:var(--color-success)}.card-stat-change.negative{color:var(--color-error)}.card-action{position:relative;overflow:visible}.card-action-icon{top:var(--space-4);right:var(--space-4);opacity:0;transition:var(--transition-fast);position:absolute}.card-action:hover .card-action-icon{opacity:1}.card-feature{padding:var(--space-8);text-align:center}.card-feature-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-4)}.card-feature-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.card-feature-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.card-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.card-clickable:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-clickable:active{box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (max-width:768px){.card-grid{grid-template-columns:1fr}.card-padding-lg .card-body{padding:var(--space-6)}.card-header,.card-footer{padding:var(--space-3) var(--space-4)}}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-family-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);text-align:center;white-space:nowrap;border-radius:var(--radius-full);border:var(--border-width-1) solid transparent;transition:var(--transition-fast);display:inline-flex}.badge-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);min-height:20px}.badge-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);min-height:24px}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base);min-height:28px}.badge-default{background:var(--color-surface-base);color:var(--color-text-primary);border-color:var(--color-border-subtle)}.badge-primary{background:linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);color:#fff;border-color:var(--color-primary-600)}.badge-success{background:var(--color-success);color:#fff;border-color:var(--color-success-dark)}.badge-warning{background:var(--color-warning);color:var(--color-text-inverted);border-color:var(--color-warning-dark)}.badge-error{background:var(--color-error);color:#fff;border-color:var(--color-error-dark)}.badge-info{background:var(--color-info);color:#fff;border-color:var(--color-info-dark)}.badge-dot{padding-left:var(--space-2)}.badge-dot-indicator{background:currentColor;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;display:inline-block}.badge-sm.badge-dot-indicator{width:4px;height:4px}.badge-lg.badge-dot-indicator{width:8px;height:8px}.badge-outlined{background:0 0}.badge-outlined.badge-default{color:var(--color-text-primary);border-color:var(--color-border-muted)}.badge-outlined.badge-primary{color:var(--color-primary-500);border-color:var(--color-primary-500);background:0 0}.badge-outlined.badge-success{color:var(--color-success);border-color:var(--color-success);background:0 0}.badge-outlined.badge-warning{color:var(--color-warning);border-color:var(--color-warning);background:0 0}.badge-outlined.badge-error{color:var(--color-error);border-color:var(--color-error);background:0 0}.badge-outlined.badge-info{color:var(--color-info);border-color:var(--color-info);background:0 0}.badge-subtle{border:none}.badge-subtle.badge-default{background:var(--color-surface-hover);color:var(--color-text-primary)}.badge-subtle.badge-primary{color:var(--color-primary-400);background:#8b5cf61a}.badge-subtle.badge-success{color:var(--color-success-light);background:#10b9811a}.badge-subtle.badge-warning{color:var(--color-warning-light);background:#f59e0b1a}.badge-subtle.badge-error{color:var(--color-error-light);background:#ef44441a}.badge-subtle.badge-info{color:var(--color-info-light);background:#0ea5e91a}.badge-clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.badge-clickable:hover{opacity:.9;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.badge-clickable:active{transform:translateY(0)}.badge-group{gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.badge:focus-visible{box-shadow:var(--shadow-focus);outline:none}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.empty-state-icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-6);opacity:.6;animation:fadeInUp var(--duration-base) var(--ease-smooth)}.empty-state-content{max-width:500px;animation:fadeInUp var(--duration-base) var(--ease-smooth) .1s backwards}.empty-state-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;line-height:var(--line-height-tight)}.empty-state-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0}.empty-state-actions{gap:var(--space-3);margin-top:var(--space-6);animation:fadeInUp var(--duration-base) var(--ease-smooth) .2s backwards;flex-direction:column;align-items:center;display:flex}@media (min-width:640px){.empty-state-actions{flex-direction:row;justify-content:center}}.empty-state-compact{min-height:200px;padding:var(--space-8) var(--space-4)}.empty-state-compact .empty-state-icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.empty-state-compact .empty-state-title{font-size:var(--font-size-lg)}.empty-state-compact .empty-state-description{font-size:var(--font-size-sm)}.empty-state-inline{min-height:auto;padding:var(--space-6) var(--space-4);text-align:left;gap:var(--space-4);flex-direction:row}.empty-state-inline .empty-state-icon{font-size:var(--font-size-xl);margin-bottom:0}.empty-state-inline .empty-state-content{text-align:left}.empty-state-inline .empty-state-actions{margin-top:var(--space-4);justify-content:flex-start}@media (max-width:640px){.empty-state{padding:var(--space-8) var(--space-4);min-height:300px}.empty-state-title{font-size:var(--font-size-xl)}.empty-state-description{font-size:var(--font-size-sm)}.empty-state-actions,.empty-state-actions .btn{width:100%}.empty-state-inline{text-align:center;flex-direction:column}.empty-state-inline .empty-state-content{text-align:center}.empty-state-inline .empty-state-actions{justify-content:center}}@media (prefers-reduced-motion:reduce){.empty-state-icon,.empty-state-content,.empty-state-actions{animation:none}}.boost-page{max-width:1100px;margin:0 auto;padding:24px 28px}.boost-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.boost-header h1{margin:0;font-size:24px;font-weight:700}.boost-header p{color:#64748b;max-width:520px;margin:6px 0 0;font-size:14px}.boost-stat-chips{flex-wrap:wrap;gap:10px;display:flex}.boost-stat{color:#475569;background:#f1f5f9;border-radius:10px;padding:8px 12px;font-size:13px}.boost-stat strong{color:#0f172a}.boost-stat--alert{color:#92400e;background:#fef3c7}.boost-stat--alert strong{color:#92400e}.boost-stat--ok{color:#065f46;background:#d1fae5}.boost-stat--ok strong{color:#065f46}.boost-filters{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.boost-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600;transition:all .14s}.boost-filter:hover{border-color:#cbd5e1}.boost-filter.is-active{color:#fff;background:#0f172a;border-color:#0f172a}.boost-error{color:#991b1b;cursor:pointer;background:#fee2e2;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13px}.boost-loading{color:#64748b;text-align:center;padding:24px 0}.boost-muted{color:#94a3b8;font-size:13px}.boost-list{flex-direction:column;gap:10px;display:flex}.boost-row{cursor:pointer;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.boost-row:hover{box-shadow:0 8px 24px -16px #0f172a40}.boost-row-main{align-items:center;gap:12px;display:flex}.boost-row-lever{color:#0f172a;font-weight:700}.boost-row-kind{color:#94a3b8;text-transform:capitalize;font-size:13px}.boost-row-meta{color:#64748b;align-items:center;gap:16px;font-size:13px;display:flex}.boost-row-account{font-family:ui-monospace,monospace}.boost-detail{flex-direction:column;gap:18px;display:flex}.boost-detail-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.boost-detail-grid label,.boost-note label,.boost-consent label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.boost-detail-grid>div>div{color:#0f172a;word-break:break-all;font-size:14px}.boost-detail-grid select,.boost-note textarea,.boost-offer-form input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.boost-consent p{color:#475569;background:#f8fafc;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.boost-note{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.boost-note textarea{resize:vertical}.boost-offers{border-top:1px solid #f1f5f9;padding-top:14px}.boost-offers-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.boost-offers-head h3{margin:0;font-size:16px}.boost-offers-head>div{gap:8px;display:flex}.boost-offer{border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;padding:14px;display:flex}.boost-offer.is-reco{border-color:#6ee7b7}.boost-offer-main{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.boost-offer-figures{color:#475569;align-items:center;gap:14px;font-size:13px;display:flex}.boost-save{color:#059669;font-weight:600}.boost-offer-actions{gap:4px;display:flex}.boost-offer-form{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.boost-form-row{flex-wrap:wrap;gap:10px;display:flex}.boost-form-row>input{flex:1;min-width:160px}.boost-check{color:#475569;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.boost-check input{width:auto}.boost-form-actions{gap:8px;display:flex}@media (max-width:640px){.boost-detail-grid{grid-template-columns:1fr}}.booking-public{background:var(--color-bg-tertiary,#f5f2f0);flex-direction:column;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.booking-container{background:var(--color-bg-primary,#fff);width:100%;max-width:900px;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.booking-language-bar{border-bottom:1px solid var(--color-border-subtle,#e5dfda);min-height:48px;color:var(--color-text-secondary,#797e94);background:#fcfbfa;justify-content:flex-end;align-items:center;gap:8px;padding:10px 20px;font-size:12px;display:flex}.booking-language-bar label{color:var(--color-text-primary,#1c1c1e);font-weight:600}.booking-language-bar select{border:1px solid var(--color-border-subtle,#e5dfda);color:var(--color-text-primary,#1c1c1e);background:#fff;border-radius:7px;padding:5px 8px}.booking-steps{border-bottom:1px solid var(--color-border-subtle,#e5dfda);justify-content:center;gap:32px;padding:20px 24px;display:flex}.booking-step{color:var(--color-text-tertiary,#b9c6d3);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.booking-step.active{color:var(--color-text-primary,#1c1c1e)}.booking-step.completed{color:var(--color-success,#55d1bd)}.step-number{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.booking-step.active .step-number{background:var(--color-text-primary,#1c1c1e);color:#fff;border-color:var(--color-text-primary,#1c1c1e)}.booking-step.completed .step-number{background:var(--color-success,#55d1bd);color:#fff;border-color:var(--color-success,#55d1bd)}.booking-layout{grid-template-columns:280px 1fr;min-height:460px;display:grid}.booking-info-panel{border-right:1px solid var(--color-border-subtle,#e5dfda);flex-direction:column;gap:16px;padding:28px 24px;display:flex}.booking-agent{align-items:center;gap:10px;display:flex}.booking-agent-photo{object-fit:cover;background:var(--color-surface-base,#e5dfda);border-radius:50%;width:40px;height:40px}.booking-agent-name{color:var(--color-text-primary,#1c1c1e);font-size:14px;font-weight:600}.booking-event-title{color:var(--color-text-primary,#1c1c1e);font-size:22px;font-weight:700;line-height:1.3}.booking-event-desc{color:var(--color-text-secondary,#797e94);font-size:13px;line-height:1.5}.booking-meta-item{color:var(--color-text-secondary,#797e94);align-items:center;gap:8px;font-size:13px;display:flex}.booking-meta-item svg{flex-shrink:0}.booking-main{flex-direction:column;gap:20px;padding:28px 24px;display:flex}.booking-expectations{color:var(--color-text-primary,#1c1c1e);background:#f4fbf9;border:1px solid #d8eee9;border-radius:12px;padding:18px}.booking-expectations h2{margin:0 0 6px;font-size:18px}.booking-expectations p{color:var(--color-text-secondary,#797e94);margin:0;font-size:13px;line-height:1.55}.booking-expectations-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.booking-expectations-grid section{border-top:1px solid #d8eee9;padding-top:12px}.booking-expectations-grid h3{align-items:center;gap:7px;margin:0 0 8px;font-size:13px;display:flex}.booking-expectations-grid ul{color:var(--color-text-secondary,#797e94);margin:0;padding-left:18px;font-size:12px;line-height:1.55}.booking-language-notice{color:#654b13;background:#fff8e6;border:1px solid #e9c46a;border-radius:10px;gap:9px;padding:12px;font-size:12px;line-height:1.45;display:flex}.booking-language-notice>svg{flex-shrink:0;margin-top:1px}.booking-language-notice div{flex-direction:column;gap:3px;display:flex}.booking-tz-row{color:var(--color-text-secondary,#797e94);align-items:center;gap:8px;font-size:12px;display:flex}.booking-tz-select{border:1px solid var(--color-border-subtle,#e5dfda);color:var(--color-text-primary,#1c1c1e);background:#fff;border-radius:6px;padding:4px 8px;font-size:12px}.booking-slots-label{color:var(--color-text-primary,#1c1c1e);margin-bottom:4px;font-size:13px;font-weight:600}.booking-slots-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.booking-slot{border:2px solid var(--color-border-subtle,#e5dfda);text-align:center;cursor:pointer;color:var(--color-text-primary,#1c1c1e);background:#fff;border-radius:10px;padding:10px 8px;font-size:14px;font-weight:600;transition:all .15s}.booking-slot:hover{border-color:var(--color-primary-500,#55d1bd);background:var(--color-primary-50,#e6f9f6)}.booking-slot.selected{background:var(--color-primary-500,#55d1bd);border-color:var(--color-primary-500,#55d1bd);color:#fff}.booking-no-slots{color:var(--color-text-secondary,#797e94);padding:16px 0;font-size:13px}.booking-form{flex-direction:column;gap:16px;max-width:480px;display:flex}.booking-form-group{flex-direction:column;gap:4px;display:flex}.booking-form-group label{color:var(--color-text-primary,#1c1c1e);font-size:13px;font-weight:600}.booking-form-group input,.booking-form-group textarea,.booking-form-group select{border:1px solid var(--color-border-subtle,#e5dfda);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.booking-form-group input:focus,.booking-form-group textarea:focus,.booking-form-group select:focus{border-color:var(--color-primary-500,#55d1bd);box-shadow:var(--shadow-focus);outline:none}.booking-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.booking-field-error{color:#c0392b;margin-top:4px;font-size:12px}.booking-acknowledgement{border:1px solid var(--color-border-subtle,#e5dfda);cursor:pointer;background:#fcfbfa;border-radius:10px;align-items:flex-start;gap:10px;padding:13px;display:flex}.booking-acknowledgement.error{border-color:#c0392b}.booking-acknowledgement input{accent-color:var(--color-primary-500,#55d1bd);margin-top:3px}.booking-acknowledgement span{color:var(--color-text-primary,#1c1c1e);align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.booking-acknowledgement svg{flex-shrink:0}.booking-join-reminder{background:var(--color-bg-tertiary,#f5f2f0);color:var(--color-text-secondary,#797e94);border-radius:10px;align-items:flex-start;gap:9px;padding:12px 14px;font-size:12px;line-height:1.5;display:flex}.booking-join-reminder svg{color:var(--color-primary-600,#4ac1ae);flex-shrink:0}.booking-summary{flex-direction:column;gap:16px;max-width:480px;display:flex}.booking-summary-card{background:var(--color-bg-tertiary,#f5f2f0);border-radius:12px;flex-direction:column;gap:12px;padding:20px;display:flex}.booking-summary-row{color:var(--color-text-primary,#1c1c1e);align-items:center;gap:10px;font-size:14px;display:flex}.booking-summary-row svg{color:var(--color-text-secondary,#797e94);flex-shrink:0}.booking-bot-check{color:var(--color-text-secondary);flex-direction:column;align-items:flex-start;gap:8px;font-size:12px;display:flex}.booking-verification-unavailable{color:var(--color-error,#c0392b);background:#c0392b14;border:1px solid #c0392b59;border-radius:8px;padding:12px 14px;font-size:13px}.booking-pending-card{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-primary,#fff);text-align:center;border-radius:14px;max-width:560px;margin:64px auto;padding:36px}.booking-pending-card svg{color:#55d1bd}.booking-pending-card h1{margin:16px 0 10px}.booking-pending-card p{color:var(--color-text-secondary);margin:0;line-height:1.6}.booking-actions{gap:12px;padding-top:8px;display:flex}.booking-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.booking-btn-primary{background:var(--color-primary-500,#55d1bd);color:#fff}.booking-btn-primary:hover:not(:disabled){background:var(--color-primary-600,#4ac1ae)}.booking-btn-primary:disabled{opacity:.5;cursor:not-allowed}.booking-btn-secondary{border:1px solid var(--color-border-subtle,#e5dfda);color:var(--color-text-primary,#1c1c1e);background:0 0}.booking-btn-secondary:hover{background:var(--color-bg-tertiary,#f5f2f0)}.booking-confirmation{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;display:flex}.booking-check-icon{background:var(--color-success,#55d1bd);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.booking-confirmation h1{color:var(--color-text-primary,#1c1c1e);margin:0;font-size:24px;font-weight:700}.booking-confirmation-details{background:var(--color-bg-tertiary,#f5f2f0);text-align:left;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:400px;padding:20px 28px;display:flex}.booking-confirmation-prep{text-align:left;background:#f4fbf9;border:1px solid #d8eee9;border-radius:12px;width:min(100%,520px);padding:16px 18px}.booking-confirmation-prep h2{margin:0 0 10px;font-size:15px}.booking-confirmation-prep>div{color:var(--color-text-secondary,#797e94);align-items:flex-start;gap:9px;margin-top:8px;font-size:13px;line-height:1.45;display:flex}.booking-confirmation-prep svg{color:var(--color-primary-600,#4ac1ae);flex-shrink:0}.booking-detail-row{color:var(--color-text-primary,#1c1c1e);align-items:center;gap:10px;font-size:14px;display:flex}.booking-detail-row svg{color:var(--color-text-secondary,#797e94);flex-shrink:0}.booking-meet-btn{color:#fff;cursor:pointer;background:#1a73e8;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.booking-meet-btn:hover{background:#1557b0}.booking-links{gap:20px;padding-top:8px;display:flex}.booking-link{color:var(--color-primary-500,#55d1bd);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;text-decoration:underline}.booking-cancel-page,.booking-reschedule-page{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;padding:40px 24px;display:flex}.booking-cancel-page h2,.booking-reschedule-page h2{color:var(--color-text-primary,#1c1c1e);margin:0;font-size:20px;font-weight:700}.booking-cancel-success{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 0;display:flex}.booking-cancel-icon{background:var(--color-error,#ff6b6b);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.booking-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.booking-spinner{border:3px solid var(--color-border-subtle,#e5dfda);border-top-color:var(--color-primary-500,#55d1bd);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite bookingSpin}@keyframes bookingSpin{to{transform:rotate(360deg)}}.booking-error{text-align:center;color:var(--color-error,#ff6b6b);padding:80px 24px;font-size:15px}.booking-powered{text-align:center;color:var(--color-text-tertiary,#b9c6d3);padding:20px;font-size:11px}@media (max-width:700px){.booking-public{padding:16px 8px}.booking-layout{grid-template-columns:1fr}.booking-language-bar{flex-wrap:wrap;justify-content:flex-start}.booking-language-bar>span{width:100%;padding-left:24px}.booking-info-panel{border-right:none;border-bottom:1px solid var(--color-border-subtle,#e5dfda);padding:20px 16px}.booking-main{padding:20px 16px}.booking-steps{gap:16px;padding:16px}.booking-step span:not(.step-number){display:none}.booking-form-row,.booking-expectations-grid{grid-template-columns:1fr}.booking-confirmation{padding:32px 16px}}.booking-availability-error{border:1px solid var(--color-border-subtle,#e5dfda);background:var(--color-bg-tertiary,#f5f2f0);border-radius:12px;margin:16px 0;padding:16px}.booking-availability-error p{margin:0 0 12px;line-height:1.5}.bookings-admin{max-width:1400px;margin:0 auto;padding:24px}.bookings-admin-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bookings-admin-header h1{color:var(--color-text-primary,#1c1c1e);margin:0;font-size:24px;font-weight:700}.bookings-tabs{border-bottom:2px solid var(--color-border-subtle,#e5dfda);gap:0;margin-bottom:24px;display:flex}.bookings-tab{color:var(--color-text-secondary,#797e94);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .15s}.bookings-tab:hover{color:var(--color-text-primary,#1c1c1e)}.bookings-tab.active{color:var(--color-text-primary,#1c1c1e);border-bottom-color:var(--color-primary-500,#55d1bd)}.bookings-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-pill{border:1px solid var(--color-border-subtle,#e5dfda);cursor:pointer;color:var(--color-text-secondary,#797e94);background:#fff;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .15s}.filter-pill:hover{border-color:var(--color-primary-500,#55d1bd)}.filter-pill.active{background:var(--color-text-primary,#1c1c1e);color:#fff;border-color:var(--color-text-primary,#1c1c1e)}.bookings-list{flex-direction:column;gap:12px;display:flex}.booking-card{border:1px solid var(--color-border-subtle,#e5dfda);background:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;transition:box-shadow .15s;display:flex}.booking-card:hover{box-shadow:var(--shadow-sm)}.booking-card-main{flex:1;min-width:0}.booking-card-top{align-items:center;gap:10px;margin-bottom:6px;display:flex}.booking-card-title{color:var(--color-text-primary,#1c1c1e);font-size:15px;font-weight:600}.booking-card-meta{color:var(--color-text-secondary,#797e94);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.booking-card-meta span{align-items:center;gap:4px;display:inline-flex}.booking-card-actions{flex-shrink:0;gap:6px;display:flex}.booking-action-btn{border:1px solid var(--color-border-subtle,#e5dfda);cursor:pointer;color:var(--color-text-primary,#1c1c1e);background:#fff;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.booking-action-btn:hover{background:var(--color-bg-tertiary,#f5f2f0)}.booking-action-btn.danger{color:var(--color-error,#ff6b6b);border-color:var(--color-error,#ff6b6b)}.booking-action-btn.danger:hover{background:#fff0f0}.status-badge-booking{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.status-badge-booking.confirmed{color:#065f46;background:#d1fae5}.status-badge-booking.completed{color:#374151;background:#e5e7eb}.status-badge-booking.cancelled{color:#991b1b;background:#fee2e2}.status-badge-booking.no_show{color:#9a3412;background:#fff7ed}.status-badge-booking.archived{background:var(--color-bg-secondary,#f1f5f9);color:var(--color-text-secondary,#475569);border:1px solid var(--color-border-subtle,#cbd5e1)}.booking-card.archived{border-style:dashed}.booking-archive-note{color:var(--color-text-secondary);margin:8px 0 0;font-size:13px;line-height:1.5}.booking-history-details{grid-template-columns:minmax(100px,1fr) minmax(0,3fr);gap:12px;font-size:14px;display:grid}.booking-history-details dt{color:var(--color-text-secondary)}.booking-history-details dd{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.booking-card-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.transcript-badge{cursor:default;border:none;border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.transcript-badge.scheduled{color:#6b7280;background:#f3f4f6}.transcript-badge.processing{color:#1e40af;background:#dbeafe}.transcript-badge.completed{color:#065f46;cursor:pointer;background:#d1fae5}.transcript-badge.completed:hover{background:#a7f3d0}.transcript-badge.failed{color:#991b1b;background:#fee2e2}.transcript-modal-content{flex-direction:column;gap:20px;display:flex}.transcript-summary{background:var(--color-bg-secondary,#f9fafb);border-radius:8px;padding:16px}.transcript-summary h4{margin:0 0 12px;font-size:14px;font-weight:600}.transcript-short-summary{margin:0 0 12px;font-size:14px;line-height:1.5}.transcript-section{margin-top:12px}.transcript-section h5{text-transform:uppercase;color:var(--color-text-secondary);margin:0 0 4px;font-size:12px;font-weight:600}.transcript-section p{margin:0;font-size:13px;line-height:1.5}.transcript-keywords{color:var(--color-primary,#4f46e5)}.transcript-full h4{margin:0 0 12px;font-size:14px;font-weight:600}.transcript-sentences{flex-direction:column;gap:12px;max-height:400px;padding-right:8px;display:flex;overflow-y:auto}.transcript-sentence{border-bottom:1px solid var(--color-border-subtle,#e5e7eb);padding-bottom:8px}.transcript-sentence:last-child{border-bottom:none}.transcript-sentence-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.transcript-speaker{color:var(--color-primary,#4f46e5);font-size:12px;font-weight:600}.transcript-time{color:var(--color-text-secondary);font-size:11px}.transcript-text{margin:0;font-size:13px;line-height:1.5}.transcript-error{color:#991b1b;background:#fee2e2;border-radius:8px;padding:12px;font-size:13px}.bookings-pagination{justify-content:center;align-items:center;gap:12px;padding:20px 0;display:flex}.bookings-pagination button{border:1px solid var(--color-border-subtle,#e5dfda);cursor:pointer;background:#fff;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.bookings-pagination button:hover:not(:disabled){background:var(--color-bg-tertiary,#f5f2f0)}.bookings-pagination button:disabled{opacity:.4;cursor:not-allowed}.bookings-pagination span{color:var(--color-text-secondary,#797e94);font-size:13px}.event-types-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.event-types-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.event-type-card{border:1px solid var(--color-border-subtle,#e5dfda);cursor:pointer;background:#fff;border-radius:12px;padding:20px;transition:all .15s}.event-type-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-primary-500,#55d1bd)}.event-type-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.event-type-color-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.event-type-active-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.event-type-active-badge.active{color:#065f46;background:#d1fae5}.event-type-active-badge.inactive{color:#6b7280;background:#f3f4f6}.event-type-title{color:var(--color-text-primary,#1c1c1e);margin-bottom:4px;font-size:16px;font-weight:600}.event-type-slug{color:var(--color-text-tertiary,#b9c6d3);font-size:12px;font-family:var(--font-family-mono,monospace);margin-bottom:12px}.event-type-details{color:var(--color-text-secondary,#797e94);gap:16px;font-size:13px;display:flex}.event-type-details span{align-items:center;gap:4px;display:inline-flex}.event-type-modal-tabs{border-bottom:1px solid var(--color-border-subtle,#e5dfda);gap:0;margin-bottom:20px;display:flex}.event-type-modal-tab{color:var(--color-text-secondary,#797e94);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s}.event-type-modal-tab:hover{color:var(--color-text-primary,#1c1c1e)}.event-type-modal-tab.active{color:var(--color-text-primary,#1c1c1e);border-bottom-color:var(--color-primary-500,#55d1bd)}.event-type-form{flex-direction:column;gap:14px;display:flex}.event-type-form-group{flex-direction:column;gap:4px;display:flex}.event-type-form-group label{color:var(--color-text-primary,#1c1c1e);font-size:13px;font-weight:600}.event-type-form-group input,.event-type-form-group textarea,.event-type-form-group select{border:1px solid var(--color-border-subtle,#e5dfda);border-radius:8px;padding:8px 12px;font-family:inherit;font-size:14px}.event-type-form-group input:focus,.event-type-form-group textarea:focus,.event-type-form-group select:focus{border-color:var(--color-primary-500,#55d1bd);outline:none}.event-type-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.event-type-form-row-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.availability-editor{flex-direction:column;gap:10px;display:flex}.availability-day-row{border-bottom:1px solid var(--color-border-muted,#f5f2f0);align-items:center;gap:12px;padding:8px 0;display:flex}.availability-day-label{width:80px;color:var(--color-text-primary,#1c1c1e);font-size:13px;font-weight:600}.availability-toggle{cursor:pointer;border:none;border-radius:10px;width:36px;height:20px;transition:background .2s;position:relative}.availability-toggle.on{background:var(--color-primary-500,#55d1bd)}.availability-toggle.off{background:var(--color-border-subtle,#e5dfda)}.availability-toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.availability-toggle.on:after{transform:translate(16px)}.availability-time-inputs{align-items:center;gap:8px;display:flex}.availability-time-inputs input{border:1px solid var(--color-border-subtle,#e5dfda);text-align:center;border-radius:6px;width:80px;padding:4px 8px;font-size:13px}.availability-time-inputs span{color:var(--color-text-secondary,#797e94);font-size:12px}.apply-all-btn{color:var(--color-primary-500,#55d1bd);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:12px;text-decoration:underline}.overrides-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.override-item{background:var(--color-bg-tertiary,#f5f2f0);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.override-item-info{align-items:center;gap:8px;display:flex}.override-blocked-badge{color:#991b1b;text-transform:uppercase;background:#fee2e2;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.override-custom-badge{color:#1e40af;text-transform:uppercase;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.reminders-list{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.reminder-item{background:var(--color-bg-tertiary,#f5f2f0);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;display:flex}.reminder-item-info{align-items:center;gap:8px;display:flex}.notes-textarea{border:1px solid var(--color-border-subtle,#e5dfda);resize:vertical;border-radius:8px;width:100%;min-height:120px;padding:12px;font-family:inherit;font-size:14px}.notes-textarea:focus{border-color:var(--color-primary-500,#55d1bd);outline:none}.bookings-empty{text-align:center;color:var(--color-text-secondary,#797e94);padding:60px 20px}.bookings-empty p{margin:8px 0;font-size:15px}.bookings-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 24px;display:flex}.bookings-loading .booking-spinner{border:3px solid var(--color-border-subtle,#e5dfda);border-top-color:var(--color-primary-500,#55d1bd);border-radius:50%;width:36px;height:36px;animation:.7s linear infinite bookingSpin}.booking-meet-link,.booking-crm-link{color:#1a73e8;font-size:12px;text-decoration:none}.booking-meet-link:hover,.booking-crm-link:hover{text-decoration:underline}.booking-crm-link{align-items:center;gap:5px;display:inline-flex}.booking-crm-link:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid}@media (max-width:768px){.bookings-admin{padding:16px}.booking-card{flex-direction:column}.booking-card-actions{justify-content:flex-end;width:100%}.event-types-grid,.event-type-form-row,.event-type-form-row-3{grid-template-columns:1fr}.availability-day-row{flex-wrap:wrap;gap:8px}}.sales-capabilities{--capability-text-muted:#555c70;max-width:1440px;margin:0 auto var(--space-6)}.sales-capabilities__heading h2{margin:0;font-size:1.1rem}.sales-capabilities__heading>p{color:var(--capability-text-muted);margin:6px 0 16px;font-size:.85rem;line-height:1.5}.sales-capabilities__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.sales-capability{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-primary,#fff);flex-direction:column;gap:10px;min-width:0;padding:16px;display:flex}.sales-capability--ready{border-color:var(--color-primary-200);background:var(--color-primary-50)}.sales-capability__status{color:var(--capability-text-muted);align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:inline-flex}.sales-capability--ready .sales-capability__status{color:var(--color-primary-900)}.sales-capability h3{margin:0;font-size:.9rem;line-height:1.4}.sales-capability>p{color:var(--capability-text-muted);overflow-wrap:anywhere;margin:0;font-size:.78rem;line-height:1.5}.sales-capability>a{color:var(--color-primary-900);text-underline-offset:3px;align-items:center;gap:4px;margin-top:auto;padding-top:4px;font-size:.8rem;font-weight:600;text-decoration:underline;display:inline-flex}.sales-capability>a:focus-visible{outline:2px solid var(--color-primary-800);outline-offset:4px;border-radius:2px}@media (max-width:1200px){.sales-capabilities__list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.sales-capabilities__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.sales-capabilities__list{grid-template-columns:minmax(0,1fr)}}.sales-pilot{color:#233b38;background:#f7fcfb;border:1px solid #b5dcd6;border-radius:16px;margin:20px 0;padding:24px}.sales-pilot header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sales-pilot h2{margin:6px 0 12px;font-size:20px}.sales-pilot p{max-width:960px;font-size:14px;line-height:1.6}.sales-pilot__eyebrow{color:#35746a;letter-spacing:.1em;font-size:11px;font-weight:700}.sales-pilot__badge{color:#235746;white-space:nowrap;background:#d9f3e7;border-radius:20px;padding:8px 12px;font-size:12px}.sales-pilot__badge--blocked{color:#764d15;background:#fff0d8}.sales-pilot__muted{color:#657b77}.sales-pilot__lookup{align-items:flex-end;gap:12px;max-width:720px;margin-top:20px;display:flex}.sales-pilot label{flex-direction:column;gap:6px;font-size:13px;font-weight:500;display:flex}.sales-pilot__lookup label{flex:1}.sales-pilot input:not([type=checkbox]):not([type=radio]),.sales-pilot textarea,.sales-pilot select{box-sizing:border-box;color:#203b35;width:100%;font:inherit;background:#fff;border:1px solid #bdcec9;border-radius:8px;padding:12px;line-height:1.5}.sales-pilot input:focus-visible{outline-offset:2px;outline:3px solid #9ed9cf}.sales-pilot textarea:focus-visible{outline-offset:2px;outline:3px solid #9ed9cf}.sales-pilot select:focus-visible{outline-offset:2px;outline:3px solid #9ed9cf}.sales-pilot__contact{border-top:1px solid #d7e7e2;gap:12px;max-width:900px;margin-top:24px;padding-top:20px;display:grid}.sales-pilot .sales-pilot__check{flex-direction:row;align-items:flex-start;line-height:1.5}.sales-pilot__check input{margin-top:4px}.sales-pilot__contact .btn{justify-self:start}.sales-pilot__error{color:#9a3030;background:#fff2f0;border-radius:8px;padding:12px}.sales-pilot__next{color:#24675a;font-weight:600}.sales-pilot__setup{border-bottom:1px solid #d7e7e2;gap:12px;padding:20px 0;display:grid}.sales-pilot__setup:last-child{border-bottom:0;padding-bottom:0}.sales-pilot h3{margin:16px 0 0;font-size:15px}.sales-pilot__setup p{margin:0}.sales-pilot__setup>button{justify-self:start}.sales-pilot__mode{border:0;flex-wrap:wrap;gap:12px 24px;margin:20px 0 0;padding:0;display:flex}.sales-pilot__mode legend{margin-bottom:10px;font-size:13px;font-weight:600}.sales-pilot__mode label{flex-direction:row;align-items:center;gap:8px}.sales-pilot__provenance{background:#fff;border:1px solid #d7e7e2;border-radius:12px;gap:12px;padding:20px;display:grid}.sales-pilot__provenance h4,.sales-pilot__provenance p{margin:0}.sales-pilot__provenance fieldset{border:0;gap:12px;min-width:0;margin:0;padding:0;display:grid}.sales-pilot__fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.sales-pilot__provenance .sales-pilot__muted{font-size:12px}@media (max-width:640px){.sales-pilot{padding:16px}.sales-pilot header,.sales-pilot__lookup{flex-direction:column;align-items:stretch}.sales-pilot__badge{align-self:flex-start}.sales-pilot__fields{grid-template-columns:1fr}.sales-pilot__provenance{padding:14px}}.sales-autonomy{color:#243c37;background:#f5fcfa;border:1px solid #b6dad3;border-radius:16px;margin:20px 0;padding:24px}.sales-autonomy header{justify-content:space-between;align-items:start;gap:20px;display:flex}.sales-autonomy h2{margin:6px 0;font-size:24px}.sales-autonomy p{font-size:14px;line-height:1.6}.sales-autonomy__eyebrow{color:#36786b;letter-spacing:.08em;font-size:11px;font-weight:700}.sales-autonomy__badge{color:#74501c;white-space:nowrap;background:#fff0d8;border-radius:20px;padding:8px 12px;font-size:12px}.sales-autonomy__badge.is-active{color:#215d43;background:#d5f0e2}.sales-autonomy__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 12px;display:grid}.sales-autonomy__metrics div{background:#fff;border:1px solid #dceae6;border-radius:12px;gap:6px;padding:16px;display:grid}.sales-autonomy__metrics strong{font-size:22px}.sales-autonomy__metrics span,.sales-autonomy__muted{color:#667d76;font-size:12px}.sales-autonomy__controls,.sales-autonomy form{flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0;display:flex}.sales-autonomy label{gap:8px;font-size:13px;display:grid}.sales-autonomy input,.sales-autonomy select{min-width:230px;font:inherit;color:inherit;background:#fff;border:1px solid #b9cdc6;border-radius:8px;padding:10px}.sales-autonomy input:focus-visible{outline-offset:3px;outline:3px solid #8bd6c7}.sales-autonomy select:focus-visible{outline-offset:3px;outline:3px solid #8bd6c7}.sales-autonomy summary:focus-visible{outline-offset:3px;outline:3px solid #8bd6c7}.sales-autonomy__selection{border-top:1px solid #d5e5df;margin-top:20px;padding-top:18px}.sales-autonomy summary{cursor:pointer;font-size:14px;font-weight:600}.sales-autonomy ul{padding:0;list-style:none}.sales-autonomy li{border-bottom:1px solid #dceae6;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:12px 0;font-size:13px;display:flex}.sales-autonomy a{color:#216e5d}.sales-autonomy__error{color:#912d29;background:#fff0ee;border-radius:8px;padding:12px}.sales-command__advanced{border:1px solid #e2e8e5;border-radius:12px;margin:20px 0;padding:16px}.sales-command__advanced>summary{cursor:pointer;color:#52685f;font-size:13px;font-weight:600}.sales-command__advanced>p{color:#667d76;font-size:13px}@media (max-width:700px){.sales-autonomy{padding:16px}.sales-autonomy header{flex-direction:column}.sales-autonomy__metrics{grid-template-columns:1fr}.sales-autonomy__controls,.sales-autonomy form{flex-direction:column;align-items:stretch}.sales-autonomy input,.sales-autonomy select{width:100%;min-width:0}}.sales-portfolio{color:#233d36;background:#fff;border:1px solid #dce5e3;border-radius:18px;margin:24px 0;padding:28px}.sales-portfolio__header{justify-content:space-between;align-items:start;gap:24px;display:flex}.sales-portfolio__eyebrow{letter-spacing:.09em;color:#607870;font-size:11px;font-weight:700}.sales-portfolio h2{letter-spacing:-.025em;margin:8px 0;font-size:25px}.sales-portfolio p{font-size:13px;line-height:1.6}.sales-portfolio__header p{color:#60746e;max-width:650px;margin:8px 0 0}.sales-portfolio__summary{border-bottom:1px solid #e5eeea;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:18px;padding:20px 0;display:grid}.sales-portfolio__summary>div{flex-direction:column;gap:6px;display:flex}.sales-portfolio__summary strong{letter-spacing:-.03em;font-size:28px;font-weight:650}.sales-portfolio__summary span{color:#60746e;font-size:12px}.sales-portfolio p.sales-portfolio__caption{color:#647b71;font-size:12px}.sales-portfolio__period{background:#eef8f4;border:1px solid #d3e9df;border-radius:10px;align-items:center;gap:12px;margin:20px 0;padding:14px 16px;display:flex}.sales-portfolio__period>div{flex-direction:column;gap:5px;display:flex}.sales-portfolio__period strong{font-size:13px}.sales-portfolio__period span{color:#547064;font-size:12px;line-height:1.5}.sales-portfolio__period.is-ended{background:#f4f6f5;border-color:#e2e8e4}.sales-portfolio__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.sales-portfolio__card{background:#fff;border:1px solid #e0e8e4;border-radius:12px;flex-direction:column;min-width:0;padding:20px;display:flex}.sales-portfolio__card.is-priority{background:#fffdf8;border-color:#d4c3a8}.sales-portfolio__card-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.sales-portfolio__icon{color:#477364;background:#eff6f2;border-radius:10px;padding:10px;display:inline-flex}.sales-portfolio__card.is-priority .sales-portfolio__icon{color:#826539;background:#f4ecdb}.sales-portfolio__priority{color:#806437;font-size:10px;font-weight:650}.sales-portfolio__card h3{margin:16px 0 6px;font-size:16px;font-weight:650;line-height:1.4}.sales-portfolio__description{color:#728179;min-height:40px;margin:0 0 16px}.sales-portfolio__badge{color:#5b6d64;background:#f0f3f1;border-radius:6px;width:-moz-fit-content;width:fit-content;padding:5px 8px;font-size:11px;font-weight:600}.sales-portfolio__badge.is-active{color:#2a6d48;background:#e3f3e9}.sales-portfolio__badge.is-paused{color:#826124;background:#fff2d9}.sales-portfolio__count{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:20px;display:flex}.sales-portfolio__count strong{font-size:23px;font-weight:650}.sales-portfolio__count span{color:#667b71;font-size:11px}.sales-portfolio__bar{background:#edf2ef;border-radius:5px;height:5px;margin-top:12px;overflow:hidden}.sales-portfolio__bar span{border-radius:inherit;background:#4aa58b;height:100%;display:block}.sales-portfolio p.sales-portfolio__total{color:#486657;margin-top:0;font-size:12px}.sales-portfolio__card-footer{margin-top:auto;padding-top:8px}.sales-portfolio__card-footer p{color:#647b71;margin:2px 0 12px;font-size:11px}.sales-portfolio__card-footer p.sales-portfolio__ended{color:#52685c}.sales-portfolio__start{background:#f7faf8;border:1px solid #e0e9e3;border-radius:12px;padding:22px}.sales-portfolio__start h3{margin:0 0 6px;font-size:15px}.sales-portfolio__start p{color:#647b71;margin:0}.sales-portfolio__controls{flex-wrap:wrap;align-items:end;gap:12px;margin-top:18px;display:flex}.sales-portfolio label{gap:7px;font-size:12px;font-weight:500;display:grid}.sales-portfolio select{min-width:240px;font:inherit;color:inherit;background:#fff;border:1px solid #c8d7cf;border-radius:8px;padding:10px 12px}.sales-portfolio__details{border-top:1px solid #e5ede8;margin-top:22px;padding-top:18px}.sales-portfolio summary{cursor:pointer;font-size:13px;font-weight:600}.sales-portfolio__details p{color:#667a70;max-width:960px}.sales-portfolio__details a{color:#286e57;margin-right:20px;font-size:13px}.sales-portfolio__details button{margin-top:8px}.sales-portfolio select:focus-visible{outline-offset:3px;outline:3px solid #84c9b3}.sales-portfolio summary:focus-visible{outline-offset:3px;outline:3px solid #84c9b3}.sales-portfolio a:focus-visible{outline-offset:3px;outline:3px solid #84c9b3}.sales-portfolio__notice{color:#806326;background:#fff8e9;border-radius:8px;padding:12px 15px}.sales-portfolio__feedback{color:#2b6d50;background:#edf8f0;border-radius:8px;padding:12px 15px}.sales-portfolio__error{color:#8d322a;background:#fff0ed;border-radius:8px;padding:12px 15px}@media (max-width:1100px){.sales-portfolio__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.sales-portfolio{padding:18px}.sales-portfolio__header{flex-direction:column;gap:16px}.sales-portfolio__summary{grid-template-columns:1fr;gap:16px}.sales-portfolio__summary>div{gap:3px}.sales-portfolio__summary strong{font-size:25px}.sales-portfolio__grid{grid-template-columns:1fr}.sales-portfolio__description{min-height:0}.sales-portfolio__controls{flex-direction:column;align-items:stretch}.sales-portfolio select{width:100%;min-width:0}.sales-portfolio__period{align-items:start}.sales-portfolio__period>svg{flex-shrink:0}}.sales-command{min-height:100%;padding:var(--space-8);background:radial-gradient(circle at 85% 0%, #55d1bd1f, transparent 28rem), var(--color-bg-tertiary);color:var(--color-text-primary)}.sales-command__header{max-width:1440px;margin:0 auto var(--space-4);justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.sales-command__eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-primary-800);font-size:.78rem;font-weight:var(--font-weight-bold);letter-spacing:.09em;text-transform:uppercase;display:inline-flex}.sales-command__header h1{letter-spacing:-.045em;font-size:max(2rem,min(4vw,3rem))}.sales-command__header p{max-width:720px;margin-top:var(--space-2);color:var(--color-text-secondary);font-size:.95rem}.sales-command__header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.sales-command__mode{align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-3);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-900);font-size:.8rem;font-weight:var(--font-weight-semibold);display:inline-flex}.sales-command__mode.warning{border-color:var(--color-warning,#e7be9c);background:var(--color-warning-light,#f0d4c0);color:#704a2c}.sales-command__freshness{max-width:1440px;min-height:36px;margin:0 auto var(--space-5);padding:var(--space-2) var(--space-3);align-items:center;gap:var(--space-2);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);color:var(--color-text-secondary);background:#ffffffb8;font-size:.78rem;display:flex}.sales-command__freshness-dot{background:var(--color-success);width:8px;height:8px;box-shadow:0 0 0 4px var(--color-primary-50);border-radius:50%}.sales-command__freshness-dot.warning{background:var(--color-warning-dark);box-shadow:0 0 0 4px var(--color-warning-light)}.sales-command__metrics{max-width:1440px;margin:0 auto var(--space-6);gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.sales-metric{min-width:0;padding:var(--space-4);column-gap:var(--space-3);text-align:left;border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-primary);transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid;box-shadow:0 1px 2px #1c1c1e0a}.sales-metric:hover{border-color:var(--color-primary-300);transform:translateY(-2px)}.sales-metric:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sales-work-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sales-work-queue__filters button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sales-shortcuts button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.sales-metric__icon{border-radius:var(--radius-md);grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.sales-metric__icon.review{background:var(--color-warning-light);color:#8b5a31}.sales-metric__icon.ready{background:var(--color-primary-100);color:var(--color-primary-900)}.sales-metric__icon.campaign{color:#6450a5;background:#efeaff}.sales-metric__icon.demo{color:#376f9e;background:#e8f2fc}.sales-metric__value{font-size:1.6rem;font-weight:var(--font-weight-bold);align-self:end;line-height:1}.sales-metric__label{color:var(--color-text-secondary);align-self:start;margin-top:3px;font-size:.78rem}.sales-command__layout{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(290px,360px);max-width:1440px;margin:0 auto;display:grid}.sales-work-queue,.sales-readiness-card,.sales-agent-card,.sales-source-card,.sales-shortcuts{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-primary);box-shadow:0 8px 30px #1c1c1e0b}.sales-work-queue{min-height:440px;overflow:hidden}.sales-panel-heading{padding:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.sales-panel-heading h2,.sales-shortcuts h2{font-size:1rem}.sales-panel-heading p{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:.78rem}.sales-panel-heading__count{min-width:28px;height:28px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-bold);place-items:center;display:grid}.sales-work-queue__filters{padding:0 var(--space-5) var(--space-4);gap:var(--space-2);border-bottom:1px solid var(--color-border-subtle);display:flex;overflow-x:auto}.sales-work-queue__filters button{border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-semibold);border:1px solid #0000;flex-shrink:0;padding:7px 11px}.sales-work-queue__filters button span{color:var(--color-text-tertiary);margin-left:3px}.sales-work-queue__filters button:hover{background:var(--color-bg-tertiary)}.sales-work-queue__filters button.active{border-color:var(--color-primary-200);background:var(--color-primary-50);color:var(--color-primary-900)}.sales-work-queue__filters button.active span{color:var(--color-primary-700)}.sales-work-queue__list{flex-direction:column;display:flex}.sales-work-item{width:100%;min-width:0;padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-subtle);transition:background var(--duration-fast) var(--ease-out);background:0 0;grid-template-columns:5px minmax(0,1fr) auto;display:grid}.sales-work-item:last-child{border-bottom:0}.sales-work-item:hover{background:var(--color-bg-tertiary)}.sales-work-item__marker{border-radius:var(--radius-full);background:var(--color-accent-grey);width:5px;height:42px}.sales-work-item--review .sales-work-item__marker{background:var(--color-warning-dark)}.sales-work-item--ready .sales-work-item__marker{background:var(--color-primary-600)}.sales-work-item--campaign .sales-work-item__marker{background:var(--color-accent-purple)}.sales-work-item--demo .sales-work-item__marker{background:var(--color-accent-blue)}.sales-work-item--privacy .sales-work-item__marker{background:var(--color-error)}.sales-work-item__body{flex-direction:column;gap:3px;min-width:0;display:flex}.sales-work-item__body strong,.sales-work-item__body span,.sales-work-item__body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sales-work-item__body strong{font-size:.87rem}.sales-work-item__body span{color:var(--color-text-secondary);font-size:.78rem}.sales-work-item__body small{color:var(--color-text-tertiary);font-size:.7rem}.sales-work-item__action{align-items:center;gap:var(--space-1);color:var(--color-primary-800);font-size:.75rem;font-weight:var(--font-weight-semibold);display:inline-flex}.sales-work-queue__empty,.sales-work-queue__loading{min-height:300px;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-3);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.sales-work-queue__empty svg{color:var(--color-primary-700)}.sales-work-queue__empty h3{font-size:1rem}.sales-work-queue__empty p{max-width:420px;font-size:.8rem}.sales-spin{animation:.9s linear infinite sales-spin}@keyframes sales-spin{to{transform:rotate(360deg)}}.sales-command__aside{gap:var(--space-4);flex-direction:column;display:flex}.sales-agent-card,.sales-readiness-card{overflow:hidden}.sales-readiness-card__heading{padding:var(--space-5) var(--space-5) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.sales-readiness-card__heading h2{margin-top:2px;font-size:1rem}.sales-readiness-card .sales-agent-card__eyebrow{font-size:.75rem}.sales-readiness-mode{border-radius:var(--radius-full);background:var(--color-bg-tertiary);min-height:24px;color:var(--color-text-secondary);font-size:.75rem;font-weight:var(--font-weight-bold);text-align:center;flex-shrink:0;align-items:center;padding:4px 8px;line-height:1.2;display:inline-flex}.sales-readiness-mode--shadow_ready{background:var(--color-primary-50);color:var(--color-primary-900)}.sales-readiness-mode--degraded{background:var(--color-warning-light);color:#79502f}.sales-readiness-mode--blocked,.sales-readiness-mode--unavailable{color:var(--color-error-dark);background:#fff0f0}.sales-readiness-mode--loading{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sales-readiness-card__summary{margin:0 var(--space-5) var(--space-3);color:var(--color-text-secondary);font-size:.8rem;line-height:1.45}.sales-readiness-card__counts{margin:0 var(--space-5) var(--space-4);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sales-readiness-card__counts>span{border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-900);font-size:.75rem;font-weight:var(--font-weight-bold);padding:4px 7px}.sales-readiness-card__counts>span.warn{background:var(--color-warning-light);color:#79502f}.sales-readiness-card__counts>span.block{color:var(--color-error-dark);background:#fff0f0}.sales-readiness-card__counts small{color:var(--color-text-tertiary);font-size:.75rem}.sales-readiness-details{margin:0 var(--space-5) var(--space-4);border-top:1px solid var(--color-border-subtle)}.sales-readiness-details summary{padding:var(--space-3) 0;cursor:pointer;color:var(--color-text-secondary);font-size:.8rem;font-weight:var(--font-weight-semibold)}.sales-readiness-details summary:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary-500);outline-offset:2px}.sales-readiness-details ul{padding:0 0 var(--space-2);margin:0;list-style:none}.sales-readiness-check{padding:var(--space-3) 0;align-items:start;gap:var(--space-2);border-top:1px solid var(--color-border-subtle);grid-template-columns:auto minmax(0,1fr);display:grid}.sales-readiness-check__icon{color:var(--color-success);margin-top:1px}.sales-readiness-check--warn .sales-readiness-check__icon{color:var(--color-warning-dark)}.sales-readiness-check--block .sales-readiness-check__icon{color:var(--color-error)}.sales-readiness-check__body{flex-direction:column;gap:2px;min-width:0;display:flex}.sales-readiness-check__body strong{font-size:.8rem}.sales-readiness-check__body>span{color:var(--color-text-secondary);font-size:.76rem;line-height:1.45}.sales-readiness-check__body small{overflow-wrap:anywhere;color:var(--color-text-tertiary);font-size:.75rem;line-height:1.4}.sales-readiness-check__body a{width:-moz-fit-content;width:fit-content;margin-top:var(--space-1);color:var(--color-primary-800);font-size:.75rem;font-weight:var(--font-weight-semibold);align-items:center;gap:2px;text-decoration:none;display:inline-flex}.sales-readiness-check__body a:hover{text-decoration:underline}.sales-readiness-card__unavailable,.sales-readiness-card__loading{margin:0 var(--space-5) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);font-size:.78rem;line-height:1.4}.sales-readiness-card__unavailable{color:var(--color-error-dark);background:#fff0f0}.sales-readiness-card__loading{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sales-agent-card__heading{padding:var(--space-5) var(--space-5) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap;display:flex}.sales-agent-card__heading h2{margin-top:2px;font-size:1rem}.sales-agent-card__eyebrow{color:var(--color-text-tertiary);font-size:.62rem;font-weight:var(--font-weight-bold);letter-spacing:.055em;text-transform:uppercase}.sales-agent-state{border-radius:var(--radius-full);background:var(--color-bg-tertiary);min-height:24px;color:var(--color-text-secondary);font-size:.63rem;font-weight:var(--font-weight-bold);text-align:center;flex-shrink:0;align-items:center;padding:4px 8px;line-height:1.2;display:inline-flex}.sales-agent-state--healthy{background:var(--color-primary-50);color:var(--color-primary-900)}.sales-agent-state--running{color:#376f9e;background:#e8f2fc}.sales-agent-state--degraded{background:var(--color-warning-light);color:#79502f}.sales-agent-state--stale{color:var(--color-error-dark);background:#fff0f0}.sales-agent-card__summary{margin:0 var(--space-5) var(--space-3);color:var(--color-text-secondary);font-size:.74rem;line-height:1.45}.sales-agent-card__observation{margin:0 var(--space-5) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);flex-direction:column;gap:3px;font-size:.68rem;display:flex}.sales-agent-card__observation span:first-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.sales-agent-card__unavailable{margin:0 var(--space-5) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-light);color:#6e492c;font-size:.68rem;line-height:1.4}.sales-agent-card__section{margin:0 var(--space-5);padding:var(--space-4) 0;border-top:1px solid var(--color-border-subtle)}.sales-agent-card__section h3{margin-bottom:var(--space-3);color:var(--color-text-secondary);letter-spacing:.035em;text-transform:uppercase;font-size:.68rem}.sales-agent-card__empty{color:var(--color-text-tertiary);font-size:.7rem}.sales-agent-heartbeats,.sales-agent-runs{gap:var(--space-3);flex-direction:column;display:flex}.sales-agent-heartbeat{align-items:start;gap:var(--space-2);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.sales-agent-heartbeat__dot{background:var(--color-accent-grey);border-radius:50%;width:8px;height:8px;margin-top:4px}.sales-agent-heartbeat__dot.succeeded{background:var(--color-success)}.sales-agent-heartbeat__dot.running{background:var(--color-accent-blue)}.sales-agent-heartbeat__dot.failed{background:var(--color-error)}.sales-agent-heartbeat>span:last-child,.sales-agent-run>span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.sales-agent-heartbeat strong,.sales-agent-run strong{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sales-agent-heartbeat small,.sales-agent-run small{color:var(--color-text-tertiary);font-size:.64rem}.sales-agent-heartbeat em{color:var(--color-error-dark);font-size:.64rem;font-style:normal;line-height:1.35}.sales-agent-run{align-items:start;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto;min-width:0;display:grid}.sales-agent-run__status{border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.58rem;font-weight:var(--font-weight-bold);padding:3px 6px}.sales-agent-run__status.succeeded{background:var(--color-primary-50);color:var(--color-primary-900)}.sales-agent-run__status.running{color:#376f9e;background:#e8f2fc}.sales-agent-run__status.failed{color:var(--color-error-dark);background:#fff0f0}.sales-agent-run__counts{grid-column:1/-1;line-height:1.4}.sales-agent-card__readonly{margin:0 var(--space-5) var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:.67rem;line-height:1.45}.sales-source-list{padding:0 var(--space-5) var(--space-4);flex-direction:column;display:flex}.sales-source-row{padding:var(--space-3) 0;justify-content:space-between;align-items:center;gap:var(--space-3);border-top:1px solid var(--color-border-subtle);display:flex}.sales-source-row>span:first-child{flex-direction:column;min-width:0;display:flex}.sales-source-row strong{font-size:.78rem}.sales-source-row small{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sales-source-row.unavailable{opacity:.82}.sales-source-status{border-radius:var(--radius-full);font-size:.63rem;font-weight:var(--font-weight-bold);flex-shrink:0;padding:4px 7px}.sales-source-status.available{background:var(--color-primary-50);color:var(--color-primary-900)}.sales-source-status.loading{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sales-source-status.partial{background:var(--color-warning-light);color:#79502f}.sales-source-status.error{color:var(--color-error-dark);background:#fff0f0}.sales-source-status.unavailable{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sales-source-card__notice{margin:0 var(--space-5) var(--space-5);padding:var(--space-3);align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-warning-light);color:#6e492c;font-size:.7rem;line-height:1.45;display:flex}.sales-source-card__notice svg{flex-shrink:0;margin-top:1px}.sales-shortcuts{padding:var(--space-5)}.sales-shortcuts h2{margin-bottom:var(--space-3)}.sales-shortcuts button{width:100%;min-height:42px;padding:var(--space-2) 0;align-items:center;gap:var(--space-2);text-align:left;border-top:1px solid var(--color-border-subtle);color:var(--color-text-primary);font-size:.75rem;font-weight:var(--font-weight-medium);grid-template-columns:auto 1fr auto;display:grid}.sales-shortcuts button:hover{color:var(--color-primary-800)}@media (max-width:1100px){.sales-command__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-command__layout{grid-template-columns:1fr}.sales-command__aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sales-shortcuts{grid-column:1/-1}}@media (max-width:720px){.sales-command{padding:var(--space-4)}.sales-command__header{flex-direction:column}.sales-command__header-actions{justify-content:space-between;width:100%}.sales-command__metrics{grid-template-columns:1fr 1fr}.sales-command__aside{display:flex}.sales-agent-card__heading{align-items:center}.sales-work-item{grid-template-columns:5px minmax(0,1fr)}.sales-work-item__action{grid-column:2;justify-self:start}}@media (max-width:460px){.sales-command__metrics{grid-template-columns:1fr}.sales-command__header-actions{flex-wrap:wrap}.sales-command__mode{justify-content:center;width:100%}}.privacy-page{min-height:100%;padding:var(--space-8);background:radial-gradient(circle at 88% 0%, #cbbafd29, transparent 28rem), var(--color-bg-tertiary);color:var(--color-text-primary)}.privacy-page__header,.privacy-safety-note,.privacy-notice,.privacy-composer,.privacy-metrics,.privacy-layout{width:min(1440px,100%);margin-inline-start:auto;margin-inline-end:auto}.privacy-page__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.privacy-page__eyebrow{margin-bottom:var(--space-2);align-items:center;gap:var(--space-2);color:#6450a5;font-size:.76rem;font-weight:var(--font-weight-bold);letter-spacing:.09em;text-transform:uppercase;display:inline-flex}.privacy-page__header h1{letter-spacing:-.04em;font-size:max(1.9rem,min(4vw,2.8rem))}.privacy-page__header p{max-width:760px;margin-top:var(--space-2);color:var(--color-text-secondary);font-size:.92rem}.privacy-page__actions{gap:var(--space-2);flex-shrink:0;display:flex}.privacy-safety-note{margin-bottom:var(--space-5);padding:var(--space-4);align-items:flex-start;gap:var(--space-3);border-radius:var(--radius-lg);color:#704a2c;background:#fff8f2;border:1px solid #e6c9af;display:flex}.privacy-safety-note svg{flex-shrink:0;margin-top:2px}.privacy-safety-note div{flex-direction:column;gap:2px;display:flex}.privacy-safety-note strong{font-size:.84rem}.privacy-safety-note span{font-size:.75rem;line-height:1.5}.privacy-notice{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);background:var(--color-primary-50);color:var(--color-primary-900);font-size:.78rem;display:flex}.privacy-notice.error{border-color:var(--color-error-light);color:var(--color-error-dark);background:#fff5f5}.privacy-composer{margin-bottom:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-primary);box-shadow:0 8px 28px #1c1c1e0f}.privacy-composer__heading{margin-bottom:var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.privacy-composer__heading h2{font-size:1.05rem}.privacy-composer__heading p{color:var(--color-text-secondary);margin-top:4px;font-size:.75rem}.privacy-icon-button{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);flex-shrink:0;place-items:center;display:grid}.privacy-icon-button:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.privacy-icon-button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.privacy-form{align-items:end;gap:var(--space-4);grid-template-columns:minmax(250px,1.25fr) repeat(3,minmax(170px,1fr));display:grid}.privacy-form label,.privacy-identity-fields>label{color:var(--color-text-primary);font-size:.74rem;font-weight:var(--font-weight-semibold);flex-direction:column;gap:6px;display:flex}.privacy-form label>span{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.privacy-form input,.privacy-form select,.privacy-queue__tools select{min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:.78rem}.privacy-form input:focus,.privacy-form select:focus,.privacy-queue__tools select:focus{border-color:var(--color-primary-500);box-shadow:var(--shadow-focus);outline:none}.privacy-identity-fields{border:0;min-width:0;margin:0;padding:0}.privacy-identity-fields legend{color:var(--color-text-primary);font-size:.74rem;font-weight:var(--font-weight-semibold);margin-bottom:6px}.privacy-segmented{margin-bottom:var(--space-2);gap:var(--space-3);display:flex}.privacy-segmented label{color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--font-weight-medium);cursor:pointer;align-items:center;gap:5px;display:inline-flex}.privacy-segmented input{width:15px;height:15px;min-height:auto;padding:0}.privacy-form__warning{padding:var(--space-3);align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-md);background:var(--color-warning-light);color:#704a2c;grid-column:1/-1;font-size:.73rem;display:flex}.privacy-form__warning svg{flex-shrink:0}.privacy-form__actions{justify-content:flex-end;gap:var(--space-2);grid-column:1/-1;display:flex}.privacy-confirmation-backdrop{z-index:var(--z-index-modal-backdrop);padding:var(--space-5);background:var(--color-overlay-medium);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.privacy-confirmation{width:min(480px,100%);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-bg-elevated);box-shadow:var(--shadow-xl)}.privacy-confirmation>svg{margin-bottom:var(--space-3);color:var(--color-warning-dark)}.privacy-confirmation h2{font-size:1.15rem}.privacy-confirmation p{margin-top:var(--space-3);color:var(--color-text-secondary);font-size:.82rem}.privacy-confirmation__warning{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-light);color:#704a2c!important}.privacy-confirmation__actions{margin-top:var(--space-5);justify-content:flex-end;gap:var(--space-2);display:flex}.privacy-confirmation--danger>svg{color:var(--color-error-dark)}.privacy-erasure-confirmation{margin-top:var(--space-4);gap:var(--space-2);color:var(--color-text-primary);font-size:.75rem;font-weight:var(--font-weight-semibold);flex-direction:column;display:flex}.privacy-erasure-confirmation code{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-error-dark);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:.68rem}.privacy-erasure-confirmation input{min-height:42px;padding:0 var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary)}.privacy-erasure-confirmation input:focus{border-color:var(--color-error);box-shadow:var(--shadow-focus);outline:none}.privacy-erasure-scope{margin-top:var(--space-2);color:var(--color-text-tertiary);font-size:.65rem;display:block}.privacy-metrics{margin-bottom:var(--space-5);gap:var(--space-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.privacy-metrics article{padding:var(--space-4);column-gap:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);background:var(--color-bg-primary);grid-template-rows:auto auto;grid-template-columns:auto 1fr;display:grid}.privacy-metric__icon{border-radius:var(--radius-md);color:#6450a5;background:#efeaff;grid-row:1/3;place-items:center;width:42px;height:42px;display:grid}.privacy-metrics article.warning .privacy-metric__icon{background:var(--color-warning-light);color:#704a2c}.privacy-metrics article.danger .privacy-metric__icon{color:var(--color-error-dark);background:#fff0f0}.privacy-metrics strong{align-self:end;font-size:1.55rem;line-height:1}.privacy-metrics article>span:last-child{color:var(--color-text-secondary);margin-top:3px;font-size:.72rem}.privacy-layout{align-items:start;gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(300px,390px);display:grid}.privacy-queue,.privacy-details{border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);background:var(--color-bg-primary);overflow:hidden;box-shadow:0 8px 30px #1c1c1e0b}.privacy-queue{min-height:430px}.privacy-details{min-height:360px;padding:var(--space-5);top:var(--space-5);position:sticky}.privacy-panel-heading{padding:var(--space-5) var(--space-5) var(--space-3);justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.privacy-panel-heading h2{font-size:1rem}.privacy-panel-heading p{color:var(--color-text-secondary);margin-top:4px;font-size:.74rem}.privacy-queue__tools{align-items:center;gap:var(--space-2);display:flex}.privacy-queue__tools select{min-height:34px}.privacy-queue__freshness{padding:0 var(--space-5) var(--space-3);color:var(--color-text-tertiary);font-size:.68rem}.privacy-coverage-warning{align-items:flex-start;gap:var(--space-2);margin:0 var(--space-5) var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#78520d;background:#fff9e8;border:1px solid #f4c96b;font-size:.75rem;line-height:1.45;display:flex}.privacy-coverage-warning svg{flex:none;margin-top:1px}.privacy-state{min-height:300px;padding:var(--space-8);justify-content:center;align-items:center;gap:var(--space-2);text-align:center;color:var(--color-text-secondary);flex-direction:column;display:flex}.privacy-state svg{color:#6450a5}.privacy-state strong{color:var(--color-text-primary);font-size:.9rem}.privacy-state p{max-width:480px;font-size:.75rem}.privacy-state--error svg{color:var(--color-error-dark)}.privacy-request-list{border-top:1px solid var(--color-border-subtle);flex-direction:column;display:flex}.privacy-request-row{width:100%;padding:var(--space-4) var(--space-5);align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border-subtle);text-align:left;grid-template-columns:5px minmax(0,1fr) auto auto;display:grid}.privacy-request-row:last-child{border-bottom:0}.privacy-request-row:hover,.privacy-request-row.selected{background:var(--color-bg-tertiary)}.privacy-request-row:focus-visible{box-shadow:inset var(--shadow-focus);outline:none}.privacy-request-row__status{border-radius:var(--radius-full);background:var(--color-primary-500);width:5px;height:42px}.privacy-request-row--soon .privacy-request-row__status{background:var(--color-warning-dark)}.privacy-request-row--overdue .privacy-request-row__status{background:var(--color-error)}.privacy-request-row--completed .privacy-request-row__status{background:var(--color-success)}.privacy-request-row__body{flex-direction:column;gap:2px;min-width:0;display:flex}.privacy-request-row__body strong{font-size:.84rem}.privacy-request-row__body span,.privacy-request-row__body small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.privacy-request-row__body span{color:var(--color-text-secondary);font-size:.73rem}.privacy-request-row__body small{color:var(--color-text-tertiary);font-size:.66rem}.privacy-deadline{color:var(--color-text-secondary);font-size:.7rem;font-weight:var(--font-weight-semibold);white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.privacy-deadline--soon{color:#855b37}.privacy-deadline--overdue{color:var(--color-error-dark)}.privacy-details__empty{justify-content:center;align-items:center;gap:var(--space-2);text-align:center;min-height:310px;color:var(--color-text-secondary);flex-direction:column;display:flex}.privacy-details__empty svg{color:#6450a5}.privacy-details__empty h2{font-size:.95rem}.privacy-details__empty p{max-width:280px;font-size:.73rem}.privacy-details__heading{justify-content:space-between;gap:var(--space-3);display:flex}.privacy-details__heading span{color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.65rem}.privacy-details__heading h2{margin-top:4px;font-size:1.05rem}.privacy-details__heading p{color:var(--color-text-secondary);margin-top:4px;font-size:.72rem}.privacy-details__summary{margin:var(--space-5) 0;padding:var(--space-3) 0;border-block:1px solid var(--color-border-subtle);grid-template-columns:repeat(3,1fr);display:grid}.privacy-details__summary div{min-width:0;padding:0 var(--space-2);border-right:1px solid var(--color-border-subtle)}.privacy-details__summary div:first-child{padding-left:0}.privacy-details__summary div:last-child{border-right:0;padding-right:0}.privacy-details__summary dt{color:var(--color-text-tertiary);text-transform:uppercase;font-size:.62rem}.privacy-details__summary dd{color:var(--color-text-primary);overflow-wrap:anywhere;margin:3px 0 0;font-size:.7rem}.privacy-details>h3{font-size:.78rem}.privacy-local-erasure{margin:0 0 var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);background:#fff7f7;border:1px solid #f0c6c6}.privacy-local-erasure.completed{background:#f4fbf7;border-color:#bfe1cc}.privacy-local-erasure__title{align-items:center;gap:var(--space-2);color:var(--color-error-dark);font-size:.76rem;display:flex}.privacy-local-erasure.completed .privacy-local-erasure__title{color:#246840}.privacy-local-erasure>p{margin:var(--space-2) 0 var(--space-3);color:var(--color-text-secondary);font-size:.7rem;line-height:1.5}.privacy-external-checklist{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.privacy-external-checklist>span{color:var(--color-text-tertiary);font-size:.64rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em}.privacy-external-tasks{margin-top:var(--space-2);gap:var(--space-2);display:grid}.privacy-external-task{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-primary)}.privacy-external-task--completed{background:#f7fcf9;border-color:#bfe1cc}.privacy-external-task--failed,.privacy-external-task--manual_required{background:#fffaf5;border-color:#e6c9af}.privacy-external-task--running{border-color:var(--color-primary-200);background:var(--color-primary-50)}.privacy-external-task--not-created{opacity:.68}.privacy-external-task__heading,.privacy-external-task__heading>div,.privacy-external-task--not-created>div{display:flex}.privacy-external-task__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.privacy-external-task__heading>div,.privacy-external-task--not-created>div{flex-direction:column;gap:2px}.privacy-external-task__heading strong,.privacy-external-task--not-created strong{font-size:.72rem}.privacy-external-task__heading span,.privacy-external-task--not-created span{color:var(--color-text-secondary);font-size:.64rem}.privacy-external-task__heading svg{color:var(--color-warning-dark);flex-shrink:0}.privacy-external-task--completed .privacy-external-task__heading svg{color:#246840}.privacy-external-task dl{margin:var(--space-2) 0 0;gap:var(--space-4);display:flex}.privacy-external-task dl div{align-items:baseline;gap:4px;display:flex}.privacy-external-task dt{color:var(--color-text-tertiary);text-transform:uppercase;font-size:.59rem}.privacy-external-task dd{color:var(--color-text-secondary);margin:0;font-size:.63rem}.privacy-external-task__reason,.privacy-external-task__evidence{margin:var(--space-2) 0 0;color:#704a2c;font-size:.63rem;line-height:1.45}.privacy-external-task__evidence{color:#246840;overflow-wrap:anywhere}.privacy-external-task__evidence code{font-size:inherit}.privacy-external-task__actions{margin-top:var(--space-2);justify-content:flex-end;gap:var(--space-2);display:flex}.privacy-external-locators{gap:var(--space-2);max-height:280px;padding:var(--space-3);border:1px solid var(--color-warning-dark);border-radius:var(--radius-md);background:#fffaf5;display:grid;overflow:auto}.privacy-external-locators>strong{color:#704a2c;font-size:.75rem}.privacy-external-locators>small{color:var(--color-text-secondary);font-size:.65rem;line-height:1.45}.privacy-external-locators>div{gap:3px;display:grid}.privacy-external-locators span{color:var(--color-text-tertiary);text-transform:uppercase;font-size:.6rem}.privacy-external-locators code{padding:var(--space-2);overflow-wrap:anywhere;white-space:pre-wrap;border-radius:var(--radius-sm);background:var(--color-bg-primary);-webkit-user-select:all;user-select:all;font-size:.66rem}.privacy-external-audit{margin-top:var(--space-3)}.privacy-external-audit summary{cursor:pointer;color:var(--color-text-secondary);font-size:.65rem;font-weight:var(--font-weight-semibold)}.privacy-external-audit ol{max-height:180px;margin:var(--space-2) 0 0;padding-left:var(--space-5);overflow:auto}.privacy-external-audit li{margin-bottom:var(--space-2);color:var(--color-text-secondary);font-size:.62rem}.privacy-external-audit li strong,.privacy-external-audit li span{display:block}.privacy-external-audit li strong{color:var(--color-text-primary);text-transform:capitalize}.privacy-events-state{justify-content:center;align-items:center;gap:var(--space-2);min-height:100px;color:var(--color-text-secondary);text-align:center;font-size:.72rem;display:flex}.privacy-events-state.error{color:var(--color-error-dark)}.privacy-timeline{margin:var(--space-4) 0 0;padding:0;list-style:none}.privacy-timeline li{padding:0 0 var(--space-5) var(--space-6);position:relative}.privacy-timeline li:not(:last-child):before{content:"";background:var(--color-border-default);width:1px;position:absolute;top:12px;bottom:0;left:5px}.privacy-timeline li>span{border:2px solid var(--color-primary-500);background:var(--color-bg-primary);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:0}.privacy-timeline strong{font-size:.75rem;display:block}.privacy-timeline small{color:var(--color-text-secondary);margin-top:3px;font-size:.65rem;display:block}.privacy-spin{animation:.9s linear infinite privacy-spin}@keyframes privacy-spin{to{transform:rotate(360deg)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1120px){.privacy-form{grid-template-columns:repeat(2,minmax(0,1fr))}.privacy-layout{grid-template-columns:1fr}.privacy-details{position:static}.privacy-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.privacy-page{padding:var(--space-4)}.privacy-page__header{flex-direction:column}.privacy-page__actions{flex-wrap:wrap;width:100%}.privacy-page__actions .btn{flex:1}.privacy-metrics,.privacy-form{grid-template-columns:1fr}.privacy-panel-heading{flex-direction:column}.privacy-queue__tools{justify-content:space-between;width:100%}.privacy-request-row{grid-template-columns:5px minmax(0,1fr) auto}.privacy-deadline{grid-column:2/-1;justify-self:start}.privacy-details__summary{gap:var(--space-3);grid-template-columns:1fr}.privacy-details__summary div{border:0;padding:0}}@media (max-width:480px){.privacy-page__actions{flex-direction:column}.privacy-page__actions .btn{width:100%}.privacy-queue__tools{flex-direction:column;align-items:stretch}.privacy-confirmation__actions{flex-direction:column-reverse}.privacy-confirmation__actions .btn{width:100%}}
