@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.resize{resize:both}.break-all{word-break:break-all}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.ctaSection{background:#0f172a;padding:140px 24px}.ctaContainer{text-align:center;max-width:900px;margin:0 auto}.ctaTitle{letter-spacing:-.05em;color:#fff;margin:0 0 32px;font-size:88px;font-weight:800;line-height:.95}.ctaSubtitle{color:#94a3b8;margin:0 0 48px;font-size:18px;line-height:1.7}.ctaButtons{justify-content:center;align-items:center;gap:14px;margin-bottom:34px;display:flex}.primaryBtn{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #fff;border-radius:12px;padding:18px 36px;font-size:18px;font-weight:600;transition:all .2s}.primaryBtn:hover{background:#f1f5f9;transform:translateY(-1px)}.secondaryBtn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff59;border-radius:12px;padding:18px 36px;font-size:18px;font-weight:600;transition:all .2s}.secondaryBtn:hover{background:#ffffff14;border-color:#ffffffb3}.ctaNote{color:#475569;margin:0;font-size:15px}@media (width<=1024px){.ctaTitle{font-size:72px}}@media (width<=768px){.ctaSection{padding:100px 20px}.ctaTitle{font-size:48px;line-height:1.05}.ctaSubtitle{margin-bottom:40px;font-size:16px}.ctaButtons{flex-direction:column;gap:12px}.primaryBtn,.secondaryBtn{justify-content:center;width:100%;max-width:320px}}@media (width<=480px){.ctaTitle{font-size:38px}.ctaNote{font-size:13px}}.faq{background:#fff;padding:120px 24px}.faqContainer{max-width:840px;margin:0 auto}.faqHeader{text-align:center;margin-bottom:56px}.faqHeader h2{letter-spacing:-.03em;color:#0f172a;font-size:64px;font-weight:800;line-height:1}.faqList{width:100%}.faqItem{border-bottom:1px solid #e2e8f0}.faqQuestion{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:22px 0;display:flex}.faqQuestion span{color:#0f172a;text-align:left;font-size:15px;font-weight:600}.faqIcon{color:#94a3b8;flex-shrink:0;transition:transform .3s}.faqIcon.rotate{transform:rotate(180deg)}.faqAnswer{max-height:0;transition:max-height .35s;overflow:hidden}.faqAnswer.open{max-height:200px}.faqAnswer p{color:#64748b;max-width:95%;padding-bottom:22px;font-size:14px;line-height:1.75}@media (width<=768px){.faq{padding:90px 20px}.faqHeader{margin-bottom:40px}.faqHeader h2{font-size:42px}.faqQuestion{padding:20px 0}.faqQuestion span{font-size:16px}.faqAnswer p{font-size:15px}}.features-section{background:#f8fafc;padding:120px 20px}.features-container{max-width:1120px;margin:0 auto}.features-heading{text-align:center;margin-bottom:70px}.features-eyebrow{letter-spacing:.14em;color:#2563eb;margin-bottom:16px;font-size:11px;font-weight:700}.features-heading h2{letter-spacing:-.04em;color:#0f172a;margin-bottom:18px;font-size:clamp(42px,5vw,58px);font-weight:800;line-height:1.05}.features-subtitle{color:#64748b;font-size:16px}.features-grid{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}.feature-card{background:#fff;border:1px solid #dbe4f0;border-radius:20px;transition:all .25s;overflow:hidden}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0f172a14}.feature-content{border-bottom:1px solid #e8edf5;padding:34px}.feature-icon{color:#2f5ee8;background:#f3f6fb;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:28px;display:flex}.feature-content h3{color:#111827;margin-bottom:16px;font-size:30px;font-weight:800}.feature-content p{color:#64748b;margin-bottom:20px;font-size:17px;line-height:1.85}.feature-highlight{color:#0d9f8b;font-size:15px;font-weight:700;display:block}.feature-preview{background:#fff;padding:18px}.inbox-preview{border:1px solid #dbe4f0;border-radius:16px;overflow:hidden}.preview-header{color:#64748b;letter-spacing:.08em;border-bottom:1px solid #edf2f7;padding:14px 16px;font-size:11px;font-weight:800}.preview-row{border-bottom:1px solid #edf2f7;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex}.preview-row:last-child{border-bottom:none}.preview-row.active{background:#f5f9ff}.preview-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.preview-name{color:#1f2937;flex:1;font-size:13px;font-weight:600}.preview-tag{border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600}.blue-tag{color:#2563eb;background:#dbeafe}.green-tag{color:#059669;background:#d1fae5}.preview-muted{color:#94a3b8;font-size:12px}.mini-dot{background:#3b82f6;border-radius:50%;width:8px;height:8px}.chat-preview{background:#fafcff;border:1px solid #dbe4f0;border-radius:16px;padding:14px}.chat-bubble{border-radius:14px;margin-bottom:12px;font-size:12px;line-height:1.6}.chat-bubble.incoming{background:#fff;border:1px solid #e2e8f0;width:fit-content;max-width:180px;padding:10px 14px}.chat-bubble.small{max-width:100px}.chat-bubble.outgoing{color:#fff;background:#2f5ee8;align-items:flex-start;gap:8px;max-width:310px;margin-left:auto;padding:12px 16px;display:flex}.ai-pill{background:#34d399;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.flow-preview{border:1px solid #dbe4f0;border-radius:16px;padding:16px}.flow-node{color:#334155;background:#fff;border:1px solid #dbe4f0;border-radius:10px;justify-content:center;align-items:center;height:40px;font-size:12px;font-weight:600;display:flex}.blue-node{color:#2563eb;background:#eef5ff;border-color:#bfd7ff}.green-node{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.flow-line{background:#dbeafe;width:2px;height:18px;margin:0 auto}.campaign-preview{border:1px solid #dbe4f0;border-radius:16px;padding:16px}.campaign-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.campaign-top span:first-child{color:#1f2937;font-size:14px;font-weight:700}.campaign-divider{background:#e5e7eb;height:1px;margin-bottom:14px}.campaign-row{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.campaign-row span{color:#64748b}.campaign-row strong{color:#1f2937}.green-text{color:#059669!important}.blue-text{color:#2563eb!important}.progress-track{background:#e5e7eb;border-radius:999px;height:8px;margin-top:16px;overflow:hidden}.progress-fill{background:#14b8a6;border-radius:999px;width:92%;height:100%}.delivery-rate{text-align:right;color:#94a3b8;margin-top:10px;font-size:11px;font-weight:600}@media (width<=992px){.features-grid{grid-template-columns:1fr}.feature-content{padding:28px}.feature-content h3{font-size:26px}.feature-content p{font-size:15px}}@media (width<=768px){.features-section{padding:90px 20px}.features-heading h2{font-size:38px}.feature-content{padding:24px}.feature-icon{width:48px;height:48px}.feature-content h3{font-size:24px}.chat-bubble.outgoing{max-width:100%}}.footer{background:#020617;padding:72px 0 40px}.footerContainer{max-width:1280px;margin:0 auto;padding:0 48px}.footerTop{justify-content:space-between;align-items:flex-start;gap:120px;display:flex}.footerBrand{max-width:260px}.footer-logo{color:#fff;margin-bottom:28px;text-decoration:none}.footer-logo span{color:#fff;font-size:17px;font-weight:700}.footerDescription{color:#64748b;margin-top:28px;font-size:16px;line-height:2}.footerSocials{gap:24px;margin-top:24px;display:flex}.footerSocials a{color:#475569;font-size:24px;transition:all .25s}.footerSocials a:hover{color:#fff}.footerColumn{flex-direction:column;min-width:180px;display:flex}.footerColumn h4{color:#cbd5e1;letter-spacing:2px;margin-bottom:26px;font-size:13px;font-weight:700}.footerColumn a{color:#64748b;margin-bottom:24px;font-size:16px;text-decoration:none;transition:all .25s}.footerColumn a:hover{color:#fff}.footerDivider{background:#ffffff14;height:1px;margin:72px 0 40px}.footerBottom{justify-content:space-between;align-items:center;display:flex}.footerBottom p{color:#475569;font-size:14px}.footerBottomLinks{gap:32px;display:flex}.footerBottomLinks a{color:#64748b;font-size:15px;text-decoration:none;transition:all .25s}.footerBottomLinks a:hover{color:#fff}@media (width<=1024px){.footerTop{flex-wrap:wrap;gap:60px}}@media (width<=768px){.footerContainer{padding:0 24px}.footerTop{flex-direction:column;gap:40px}.footerBottom{text-align:center;flex-direction:column;gap:24px}.footerBottomLinks{flex-wrap:wrap;justify-content:center}}.liveSteps{background:#fff;padding:120px 20px}.liveStepsContainer{max-width:1200px;margin:0 auto}.liveStepsHeader{text-align:center;margin-bottom:90px}.liveStepsEyebrow{color:#2563eb;letter-spacing:.12em;margin-bottom:18px;font-size:12px;font-weight:700}.liveStepsHeader h2{color:#0f172a;letter-spacing:-.04em;font-size:clamp(48px,5vw,72px);font-weight:800;line-height:1}.liveStepsGrid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid;position:relative}.stepCard{text-align:center;position:relative}.stepIconWrapper{margin-bottom:28px;display:inline-block;position:relative}.stepIcon{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.stepNumber{color:#fff;z-index:3;background:#2563eb;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px}.stepCard h3{color:#0f172a;margin-bottom:14px;font-size:22px;font-weight:700}.stepCard p{color:#64748b;max-width:270px;margin:0 auto;font-size:17px;line-height:1.8}.stepConnector{z-index:0;border-top:1.5px dashed #cbd5e1;width:calc(100% - 40px);position:absolute;top:36px;left:calc(50% + 50px)}@media (width<=992px){.liveStepsGrid{grid-template-columns:repeat(2,1fr);row-gap:60px}.stepConnector{display:none}}@media (width<=768px){.liveSteps{padding:90px 20px}.liveStepsGrid{grid-template-columns:1fr;gap:50px}.liveStepsHeader h2{font-size:42px}.stepCard h3{font-size:24px}.stepCard p{font-size:16px}}.pricingSection{background:#fff;padding:120px 20px}.pricingContainer{max-width:1180px;margin:0 auto}.pricingHeader{text-align:center;margin-bottom:70px}.pricingHeader p{color:#2563eb;letter-spacing:2px;margin-bottom:15px;font-size:12px;font-weight:700}.pricingHeader h2{color:#0f172a;margin-bottom:16px;font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1}.pricingHeader span{color:#94a3b8;max-width:500px;margin:auto;font-size:14px;line-height:1.6;display:block}.pricingGrid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;display:grid}.pricingCard{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:32px;position:relative}.pricingCard.featured{border:2px solid #2563eb;transform:translateY(-10px);box-shadow:0 20px 60px #2563eb26}.recommended{color:#fff;background:#2563eb;border-radius:999px;padding:7px 18px;font-size:11px;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.pricingCard.dark{background:#081126;border:none}.tag{letter-spacing:2px;color:#94a3b8;margin-bottom:14px;font-size:12px;font-weight:700}.featured .tag{color:#2563eb}.dark .tag{color:#64748b}.pricingCard h3{color:#0f172a;margin-bottom:10px;font-size:30px;font-weight:700;line-height:1.2}.dark h3{color:#fff}.desc{color:#94a3b8;margin-bottom:28px;font-size:15px;display:block}.dark .desc{color:#64748b}.pricingCard ul{margin:0 0 35px;padding:0;list-style:none}.pricingCard li{color:#475569;gap:12px;margin-bottom:16px;font-size:15px;display:flex}.dark li{color:#cbd5e1}.pricingCard li span{color:#14b8a6;font-weight:700}.pricingCard button{color:#2563eb;cursor:pointer;background:0 0;border:1.5px solid #2563eb;border-radius:12px;width:100%;height:52px;font-weight:700}.featured button{color:#fff;background:#2563eb}.dark button{color:#fff;background:0 0;border-color:#ffffff40}.pricingFooter{text-align:center;color:#94a3b8;margin-top:40px;font-size:13px}@media (width<=1024px){.pricingGrid{grid-template-columns:1fr}.pricingCard.featured{transform:none}}@media (width<=768px){.pricingSection{padding:90px 20px}.pricingHeader h2{font-size:42px}.pricingCard h3{font-size:24px}}.testimonialSection{background:#f8fafc;padding:120px 20px}.testimonialContainer{max-width:1180px;margin:0 auto}.testimonialHeader{text-align:center;margin-bottom:70px}.testimonialHeader p{letter-spacing:2px;color:#2563eb;margin-bottom:16px;font-size:12px;font-weight:700}.testimonialHeader h2{color:#0f172a;font-size:clamp(42px,5vw,72px);font-weight:800;line-height:1.05}.testimonialGrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.testimonialCard{background:#fff;border-radius:24px;padding:40px;transition:all .3s}.testimonialCard:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0f172a14}.quoteMark{color:#dbeafe;margin-bottom:20px;font-size:72px;font-weight:900;line-height:1}.testimonialText{color:#475569;margin-bottom:35px;font-size:16px;line-height:1.9}.testimonialUser{align-items:center;gap:14px;display:flex}.avatar.blue{background:#2563eb}.avatar.teal{background:#14b8a6}.avatar.purple{background:#8b5cf6}.testimonialUser h4{color:#0f172a;margin-bottom:3px;font-size:15px;font-weight:700}.testimonialUser span{color:#94a3b8;font-size:13px}@media (width<=1024px){.testimonialGrid{grid-template-columns:1fr}}@media (width<=768px){.testimonialSection{padding:90px 20px}.testimonialHeader h2{font-size:38px}.testimonialCard{padding:28px}.testimonialText{font-size:15px}}.whyChoose{background:#f8fafc;padding:120px 20px}.whyChooseContainer{max-width:1280px;margin:0 auto}.whyChooseHeader{text-align:center;margin-bottom:70px}.whyEyebrow{color:#2563eb;letter-spacing:.12em;margin-bottom:18px;font-size:12px;font-weight:700}.whyChooseHeader h2{color:#0f172a;letter-spacing:-.04em;font-size:clamp(48px,5vw,72px);font-weight:800;line-height:1}.whyCards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.whyCard{background:#fff;border-radius:24px;padding:40px;transition:all .3s}.whyCard:hover{transform:translateY(-6px)}.whyCard.blue{border-top:3px solid #2563eb}.whyCard.teal{border-top:3px solid #14b8a6}.whyCard.violet{border-top:3px solid #7c3aed}.whyIcon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:28px;display:flex}.whyIcon.blue{color:#2563eb;background:#eff6ff}.whyIcon.teal{color:#14b8a6;background:#f0fdfa}.whyIcon.violet{color:#7c3aed;background:#f5f3ff}.whyCard h3{color:#0f172a;margin-bottom:18px;font-size:34px;font-weight:700}.whyCard p{color:#64748b;font-size:18px;line-height:1.9}.whyCardFixed{border-radius:24px;min-height:310px;padding:42px 40px;position:relative;overflow:hidden;box-shadow:none!important;background:#fff!important;border-bottom:none!important;border-left:none!important;border-right:none!important}.whyCardFixed-blue{background:#fff!important;border-top:3px solid #2563eb!important}.whyCardFixed-teal{background:#fff!important;border-top:3px solid #14b8a6!important}.whyCardFixed-violet{background:#fff!important;border-top:3px solid #8b5cf6!important}.whyIconFixed{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:32px;display:flex}.whyIconFixed-blue{color:#2563eb;background:#eff6ff}.whyIconFixed-teal{color:#14b8a6;background:#ecfdf5}.whyIconFixed-violet{color:#8b5cf6;background:#f5f3ff}.whyCardFixed h3{color:#0f172a;margin-bottom:18px;font-size:22px;font-weight:700;line-height:1.2}.whyCardFixed p{color:#64748b;font-size:18px;line-height:1.75}@media (width<=1024px){.whyCards{grid-template-columns:1fr}.whyCard h3{font-size:28px}}@media (width<=768px){.whyChoose{padding:90px 20px}.whyChooseHeader h2{font-size:42px}.whyCard{padding:30px}.whyCard h3{font-size:24px}.whyCard p{font-size:16px;line-height:1.8}}*{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1d4ed8;--brand-dark:#1e40af;--accent:#14b8a6;--navy:#0f172a}html{scroll-behavior:smooth}body{color:#0f172a;background:#fff;font-family:Inter,sans-serif;overflow-x:hidden}#site-header{z-index:1000;background:#fff;height:64px;transition:all .25s;position:fixed;top:0;left:0;right:0}#site-header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;box-shadow:0 1px #e2e8f0}.header-container{justify-content:space-between;align-items:center;max-width:1152px;height:64px;margin:auto;padding:0 32px;display:flex}.logo{color:#0f172a;flex-shrink:0;align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:flex}.desktop-nav{align-items:center;gap:42px;display:flex}.desktop-nav a{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.desktop-nav a:hover{color:#0f172a}.header-actions{align-items:center;gap:16px;display:flex}.login-link{color:#64748b;font-size:14px;font-weight:500;text-decoration:none}.login-link:hover{color:#0f172a}.menu-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;font-size:24px;display:none}.mobile-menu{background:#fff;max-height:0;transition:max-height .3s;overflow:hidden}.mobile-menu.open{border-top:1px solid #e2e8f0;max-height:400px}.mobile-nav{flex-direction:column;gap:14px;padding:20px;display:flex}.mobile-nav a{color:#334155;font-size:15px;font-weight:500;text-decoration:none}.mobile-nav .btn{margin-top:8px}.btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:11px 22px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand);border:1px solid var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{border:1px solid var(--brand);color:var(--brand);background:#fff}.btn-secondary:hover{background:#eff6ff}.btn-sm{padding:9px 18px;font-size:13px}.hero-section{padding:130px 20px 80px}.hero-container{max-width:1152px;margin:0 auto}.hero-content{text-align:center;max-width:900px;margin:0 auto 56px}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--brand);margin-bottom:18px;font-size:11px;font-weight:600}.hero-title{letter-spacing:-.03em;color:#0f172a;margin-bottom:24px;font-size:clamp(52px,8vw,76px);font-weight:800;line-height:1.03}.text-gradient{background:linear-gradient(125deg,#14b8a6 0%,#2563eb 55%,#1d4ed8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#64748b;max-width:760px;margin:0 auto 32px;font-size:20px;line-height:1.8}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:18px;display:flex}.hero-note{color:#94a3b8;font-size:12px}.hero-mockup{max-width:1100px;margin:0 auto;padding-bottom:10px;overflow-x:auto}.browser-frame{border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 32px 80px #0f172a21}.browser-bar{background:#f1f5f9;align-items:center;gap:10px;height:52px;padding:0 22px;display:flex}.search-icon{margin-right:5px}.red,.yellow,.green{border-radius:50%;width:14px;height:14px}.red{background:#fc5f57}.yellow{background:#febc2e}.green{background:#28c840}.mockup-content{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;height:520px;font-weight:700;display:flex}@media (width<=768px){.desktop-nav,.login-link{display:none}.menu-btn{display:block}.header-container{padding:0 16px}.hero-section{padding-top:110px}.hero-title{font-size:48px}.hero-subtitle{font-size:18px;line-height:1.7}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%}.mockup-content{height:320px}}@media (width>=769px){.mobile-menu{display:none}}.dashboard-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;width:220px;padding:20px}.sidebar-logo{margin-bottom:25px;font-weight:700}.sidebar-menu{flex-direction:column;gap:10px;display:flex}.sidebar-item{cursor:pointer;border-radius:10px;padding:12px}.sidebar-item.active{color:#1d4ed8;background:#e0e7ff}.float-chip{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:600;position:absolute;box-shadow:0 10px 30px #0f172a14}.chip-top{top:-18px;right:-10px}.chip-bottom{bottom:30px;left:-20px}.dot{background:#2dd4bf;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.search-box{color:#94a3b8;background:#f8fafc;border-radius:10px;margin:14px;padding:12px;font-size:13px}.chat-item{gap:12px;padding:14px;display:flex}.chat-item.active{background:#eff6ff;border-right:3px solid #2563eb}.avatar{color:#fff;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.violet{background:#8b5cf6}.chat-info{flex:1}.chat-row{justify-content:space-between;font-size:13px;display:flex}.chat-info p{color:#64748b;font-size:12px}.chat-user{align-items:center;gap:12px;display:flex}.msg.left{background:#fff}.msg.right{color:#fff;background:#2563eb;margin-left:auto}.flow-header{justify-content:space-between;margin-bottom:18px;display:flex}.live{color:#14b8a6;font-size:12px}.flow-card{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:14px;padding:16px;font-size:13px;font-weight:600}.blue-card{background:#eff6ff}.green-card{background:#f0fdfa}@media (width<=1024px){.flow-builder{display:none}}.sidebar{background:#fff;border-right:1px solid #e2e8f0}.sidebar-search{color:#94a3b8;background:#f8fafc;border-radius:12px;align-items:center;height:40px;margin:16px;padding:0 14px;font-size:14px;display:flex}.conversation{cursor:pointer;border-bottom:1px solid #f1f5f9;gap:12px;padding:14px 16px;display:flex}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:13px;font-weight:700;display:flex}.float-chip{z-index:5;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:14px 18px;font-weight:600;display:flex;position:absolute;box-shadow:0 10px 25px #0f172a14}.top-chip{top:-18px;right:-10px}.bottom-chip{bottom:26px;left:-18px}@media (width<=1100px){.dashboard-body{grid-template-columns:240px 1fr}}.chat-profile h4{margin-bottom:2px;font-size:14px}.incoming{background:#fff;max-width:380px;box-shadow:0 4px 12px #0f172a0d}.incoming.small{max-width:220px}.outgoing{color:#fff;background:#2563eb;align-items:flex-start;gap:12px;max-width:520px;margin-left:auto;display:flex}.typing-bubble{background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:6px;width:82px;height:42px;display:flex;box-shadow:0 4px 12px #0f172a0d}.typing-bubble span{background:#cbd5e1;border-radius:50%;width:8px;height:8px;animation:1.2s infinite typing}.typing-bubble span:nth-child(2){animation-delay:.2s}.typing-bubble span:nth-child(3){animation-delay:.4s}@keyframes typing{0%{opacity:.2;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}to{opacity:.2;transform:translateY(0)}}.flow-builder{background:#fff;border-left:1px solid #e2e8f0;flex-direction:column;display:flex}.flow-header h4{font-size:14px;font-weight:700}.live-badge{color:#10b981;background:#ecfdf5;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.flow-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px}.flow-card strong{margin-bottom:6px;font-size:13px;display:block}.flow-card span{color:#94a3b8;font-size:12px}.received{background:#eef5ff;border-color:#bfd7ff}.qualify{background:#ecfdf5;border-color:#99f6e4}.add-step-btn{color:#2563eb;cursor:pointer;background:#fff;border:1px dashed #c7d2fe;border-radius:12px;width:100%;height:40px;margin-top:14px;font-weight:600}.performance h5{letter-spacing:.08em;color:#94a3b8;margin-bottom:14px;font-size:11px}.performance-grid h3{font-size:32px;font-weight:800;line-height:1}.performance-grid div:first-child h3{color:#0f172a}.performance-grid div:last-child h3{color:#14b8a6}.performance-grid span{color:#94a3b8;font-size:12px}@media (width<=1100px){.flow-builder{display:none}.dashboard-body{grid-template-columns:270px 1fr}}.dashboard-wrapper{width:100%;max-width:1280px;margin:0 auto;padding-bottom:40px;position:relative}.dashboard-browser{background:#fff;border:1px solid #e5e7eb;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0f172a14}.browser-top{background:#eef4fb;justify-content:center;align-items:center;height:54px;display:flex;position:relative}.browser-dots{gap:8px;display:flex;position:absolute;left:18px}.browser-url{color:#94a3b8;background:#fff;border-radius:8px;justify-content:center;align-items:center;width:230px;height:28px;font-size:13px;display:flex}.dashboard-body{grid-template-columns:260px 1fr 210px;height:760px;display:grid}.sidebar{background:#fff;border-right:1px solid #e5e7eb;width:260px}.sidebar-search{color:#94a3b8;background:#f8fafc;border-radius:10px;margin:14px;padding:12px;font-size:13px}.conversation{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:14px;display:flex}.conversation.active{background:#f8fbff;border-right:3px solid #2563eb}.online-dot{background:#2563eb;border-radius:50%;width:10px;height:10px;margin-top:8px}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:13px;font-weight:700;display:flex}.blue{background:#2563eb}.teal{background:#14b8a6}.purple{background:#8b5cf6}.orange{background:#f59e0b}.pink{background:#ec4899}.conversation-content{flex:1}.conversation-top{justify-content:space-between;margin-bottom:4px;display:flex}.conversation-top span:first-child{font-size:14px;font-weight:700}.conversation-top span:last-child{color:#94a3b8;font-size:12px}.conversation-content p{color:#64748b;font-size:13px}.chat-area{background:#f8fafc;flex-direction:column;min-width:0;min-height:0;display:flex}.chat-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 18px;display:flex}.chat-profile{align-items:center;gap:12px;display:flex}.online{color:#10b981;font-size:12px}.assigned-badge{color:#2563eb;background:#eff6ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:14px;min-height:0;padding:18px;display:flex}.message{border-radius:18px;padding:14px 18px;font-size:14px;line-height:1.6}.incoming{background:#fff;max-width:380px}.outgoing{color:#fff;background:#2f5ee8;gap:12px;max-width:520px;margin-left:auto;display:flex}.ai-tag{background:#34d399;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.typing-bubble{background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:5px;width:72px;height:38px;display:flex}.typing-bubble span{background:#cbd5e1;border-radius:50%;width:8px;height:8px}.chat-input{color:#94a3b8;background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;margin:16px;padding:0 20px;display:flex}.flow-builder{background:#fff;border-left:1px solid #e5e7eb;flex-direction:column;width:210px;display:flex}.flow-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.live-badge{color:#10b981;background:#ecfdf5;border-radius:999px;padding:5px 10px;font-size:12px}.flow-content{flex:1;padding:14px}.flow-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px}.received{background:#eef5ff}.qualify{background:#ecfdf5}.flow-line{border-left:2px dashed #dbeafe;width:1px;height:24px;margin:0 auto}.add-step-btn{color:#2563eb;background:#fff;border:1px dashed #bfdbfe;border-radius:12px;width:100%;height:40px;margin-top:14px}.performance{border-top:1px solid #e5e7eb;padding:16px}.performance-grid{gap:20px;display:flex}.performance-grid h3{font-size:24px;font-weight:800}.top-chip{position:absolute;top:-12px;right:20px}.bottom-chip{position:absolute;bottom:22px;left:-16px}.float-chip{z-index:5;background:#fff;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:13px;font-weight:600;display:flex;box-shadow:0 10px 25px #0f172a14}.chip-dot{background:#2dd4bf;border-radius:50%;width:10px;height:10px}.chat-input{margin-top:auto}@media (width<=768px){.dashboard-body{grid-template-columns:1fr!important;height:auto!important;display:block!important}.sidebar,.flow-builder{width:0!important;display:none!important}.chat-area{width:100%!important}.chat-header{padding:12px!important}.chat-messages{padding:16px!important}.message{max-width:85%!important}.incoming{max-width:80%!important}.outgoing{max-width:85%!important}.top-chip{transform:scale(.8);top:-30px!important;right:-25px!important}.bottom-chip{transform:scale(.8);bottom:-25px!important;left:-25px!important}.browser-url{width:170px}}.trust-strip{background:#fff;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:90px 20px}.trust-container{text-align:center;max-width:1100px;margin:0 auto}.trust-label{letter-spacing:.18em;color:#2563eb;margin-bottom:36px;font-size:14px;font-weight:700}.trust-tags{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.trust-tag{color:#334155;cursor:default;background:#fff;border:1px solid #dbe4f0;border-radius:999px;justify-content:center;align-items:center;height:46px;padding:0 22px;font-size:15px;font-weight:500;transition:all .25s;display:flex}.trust-tag:hover{border-color:#2563eb;transform:translateY(-2px);box-shadow:0 10px 25px #2563eb14}@media (width<=768px){.trust-strip{padding:60px 16px}.trust-label{margin-bottom:24px;font-size:12px}.trust-tags{gap:10px}.trust-tag{height:42px;padding:0 16px;font-size:14px}}.authPage{background:#f8fafc;grid-template-columns:1.15fr 560px;min-height:100vh;display:grid;position:relative;overflow:hidden}.authBackground{pointer-events:none;position:absolute;inset:0;overflow:hidden}.authBackground:before,.authBackground:after{content:"";filter:blur(120px);opacity:.25;border-radius:999px;position:absolute}.authBackground:before{background:#3b82f6;width:420px;height:420px;top:-120px;left:-120px}.authBackground:after{background:#14b8a6;width:420px;height:420px;bottom:-160px;right:-140px}.authLeft{z-index:2;justify-content:center;align-items:center;padding:90px;display:flex;position:relative}.authContent{max-width:620px}.authBadge{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;background:#2563eb14;border-radius:999px;align-items:center;margin-bottom:34px;padding:10px 18px;font-size:13px;font-weight:700;display:inline-flex}.authContent h1{letter-spacing:-.06em;color:#0f172a;margin-bottom:30px;font-size:clamp(58px,5vw,76px);font-weight:800;line-height:.95}.authContent p{color:#64748b;max-width:560px;margin-bottom:48px;font-size:22px;line-height:1.8}.featureList{flex-direction:column;gap:20px;display:flex}.featureList div{color:#334155;align-items:center;gap:12px;font-size:17px;font-weight:600;display:flex}.featureList div:before{content:"";background:#2563eb;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #2563eb1f}.authRight{z-index:2;justify-content:center;align-items:center;padding:40px;display:flex;position:relative}.authCard{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:#ffffffe0;border:1px solid #fffc;border-radius:28px;width:100%;max-width:470px;padding:48px;box-shadow:0 30px 60px #0f172a14,0 6px 18px #0f172a0a}.authCard h2{color:#0f172a;letter-spacing:-.04em;margin-bottom:8px;font-size:38px;font-weight:800}.authCard>p{color:#64748b;margin-bottom:36px;font-size:17px}@media (width<=1100px){.authPage{grid-template-columns:1fr}.authLeft{padding:70px 40px}.authRight{padding:20px 40px 60px}.authContent{max-width:700px}}@media (width<=768px){.authLeft{display:none}.authRight{padding:24px}.authCard{border-radius:24px;padding:32px 24px}}.loginError{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-bottom:24px;padding:14px 18px;font-size:14px}.divider{text-align:center;margin:32px 0;position:relative}.divider:before{content:"";border-top:1px solid #e5e7eb;position:absolute;top:50%;left:0;right:0}.divider span{color:#94a3b8;letter-spacing:.12em;background:#fff;padding:0 16px;font-size:13px;font-weight:700;position:relative}.inputGroup{margin-bottom:22px}.inputGroup label{color:#0f172a;margin-bottom:10px;font-size:14px;font-weight:700;display:block}.inputGroup input{border:1px solid #d9e3f1;border-radius:16px;width:100%;height:58px;padding:0 18px;font-size:15px;transition:all .25s}.inputGroup input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.rememberRow{justify-content:space-between;align-items:center;margin:26px 0;display:flex}.rememberLabel{color:#475569;align-items:center;gap:10px;font-size:14px;display:flex}.rememberLabel input{width:18px;height:18px}.forgotLink{color:#2563eb;font-size:14px;font-weight:600;text-decoration:none}.loginPrimaryBtn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:16px;width:100%;height:58px;font-size:16px;font-weight:700;transition:all .25s}.loginPrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb40}.bottomAuth{text-align:center;color:#64748b;justify-content:center;gap:8px;margin-top:36px;font-size:15px;display:flex}.bottomAuth a{color:#2563eb;font-weight:700;text-decoration:none}.registerPage{background:#f8fafc;grid-template-columns:1fr 500px;min-height:100vh;display:grid}.registerLeft{justify-content:center;align-items:center;padding:80px;display:flex}.registerBrand{max-width:600px}.registerBrand h1{color:#0f172a;margin-bottom:24px;font-size:58px;line-height:1.1}.registerBrand p{color:#64748b;font-size:20px;line-height:1.8}.registerRight{justify-content:center;align-items:center;padding:40px;display:flex}.registerCard{background:#fff;border-radius:24px;width:100%;padding:40px;box-shadow:0 20px 60px #0f172a14}.registerCard h2{margin-bottom:10px}.registerCard p{color:#64748b;margin-bottom:30px}.registerBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;height:54px;font-weight:700}.registerLinks{text-align:center;margin-top:24px}.registerLinks a{color:#2563eb;margin-left:8px;font-weight:600;text-decoration:none}.registerError{color:#dc2626;background:#fef2f2;border-radius:10px;margin-bottom:20px;padding:12px}.authLogo{align-items:center;gap:14px;margin-bottom:56px;display:flex}.authLogo svg{flex-shrink:0}.authLogo span{color:#0f172a;letter-spacing:-.02em;font-size:34px;font-weight:800}.googleButton{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #d9e3f1;border-radius:16px;justify-content:center;align-items:center;gap:14px;width:100%;height:58px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.googleButton:hover{background:#f8fafc;border-color:#cbd5e1}.googleButton:active{transform:scale(.98)}.googleButton:disabled{cursor:not-allowed;opacity:.65}.googleButton svg{flex-shrink:0}.googleButton span{font-weight:600}.passwordField{position:relative}.passwordField input{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:16px;width:100%;height:58px;padding:0 56px 0 18px;font-size:15px;transition:all .25s}.passwordField input::placeholder{color:#94a3b8}.passwordField input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.passwordToggle{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;transition:all .25s;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.passwordToggle:hover{color:#2563eb}.passwordToggle svg{stroke-width:2px}@media (width<=1024px){.registerPage{grid-template-columns:1fr}.registerLeft{display:none}}.statCard{background:#fff;border:1px solid #e7edf6;border-radius:20px;padding:24px;transition:all .25s;box-shadow:0 8px 25px #0f172a0d}.statCard:hover{transform:translateY(-4px);box-shadow:0 20px 45px #0f172a14}.statCardTop{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.statIcon{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.statContent h4{color:#64748b;margin:0;font-size:15px;font-weight:600}.statContent h2{color:#0f172a;margin-top:10px;font-size:34px;font-weight:800}.statBadge{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}.statBadge.positive{color:#16a34a;background:#dcfce7}.statBadge.negative{color:#dc2626;background:#fee2e2}.activityCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.activityHeader{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.activityHeader h3{color:#0f172a;margin:0;font-size:20px}.activityHeader p{color:#64748b;margin-top:6px;font-size:14px}.activityGrowth{color:#16a34a;background:#dcfce7;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.chartArea{justify-content:space-between;align-items:flex-end;gap:18px;height:260px;display:flex}.barWrapper{flex-direction:column;flex:1;align-items:center;display:flex}.bar{background:linear-gradient(#3b82f6,#2563eb);border-radius:14px 14px 4px 4px;width:100%;max-width:46px;transition:all .3s}.bar:hover{transform:translateY(-6px);box-shadow:0 12px 25px #2563eb40}.barWrapper span{color:#64748b;margin-top:14px;font-size:13px;font-weight:600}.bar{transition:all .25s;position:relative}.bar:hover{transform:scaleY(1.05)}.broadcastCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;flex-direction:column;padding:28px;display:flex;box-shadow:0 10px 30px #0f172a0d}.broadcastHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.broadcastHeader h3{color:#111827;margin:0;font-size:20px}.broadcastHeader span{color:#2563eb;background:#eff6ff;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}.broadcastItem{margin-bottom:24px}.broadcastTop{justify-content:space-between;margin-bottom:10px;display:flex}.broadcastTop span{color:#64748b;font-size:14px}.broadcastTop strong{color:#111827;font-size:15px}.progress{background:#eef2f7;border-radius:999px;width:100%;height:10px;overflow:hidden}.progressFill{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:999px;height:100%}.broadcastFooter{border-top:1px solid #eef2f7;grid-template-columns:1fr 1fr;gap:20px;margin-top:auto;padding-top:26px;display:grid}.broadcastFooter h2{color:#111827;margin:0;font-size:28px}.broadcastFooter span{color:#64748b;font-size:14px}.recentCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.recentHeader{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.recentHeader h3{color:#0f172a;margin:0;font-size:20px}.recentHeader button{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:12px;padding:10px 18px;font-weight:600}.conversationItem{border-bottom:1px solid #eef2f7;align-items:center;gap:16px;padding:18px 0;display:flex}.conversationItem:last-child{border-bottom:none}.conversationAvatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.conversationContent{flex:1}.conversationContent h4{color:#0f172a;margin:0;font-size:16px}.conversationContent p{color:#64748b;margin-top:6px;font-size:14px}.conversationRight{text-align:right;color:#94a3b8;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;display:flex}.unreadBadge{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11px;font-weight:600;display:flex}.aiWidget{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.aiHeader{align-items:center;gap:16px;margin-bottom:28px;display:flex}.aiIcon{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.aiHeader h3{color:#0f172a;margin:0;font-size:20px}.aiHeader p{color:#64748b;margin-top:4px;font-size:14px}.aiStats{flex-direction:column;gap:18px;display:flex}.aiStat{background:#f8fafc;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.aiStat svg{color:#2563eb}.aiStat h4{color:#0f172a;margin:0;font-size:20px}.aiStat span{color:#64748b;font-size:13px}.aiFooter{border-top:1px solid #eef2f7;align-items:center;gap:18px;margin-top:26px;padding-top:22px;display:flex}.accuracyCircle{background:conic-gradient(#2563eb 0deg 338deg,#e5e7eb 338deg 360deg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:84px;height:84px;display:flex;position:relative}.accuracyCircle:before{content:"";background:#fff;border-radius:50%;width:64px;height:64px;position:absolute}.accuracyCircle span{z-index:2;color:#2563eb;font-size:20px;font-weight:700;position:relative}.aiFooter h4{color:#0f172a;margin:0}.aiFooter p{color:#64748b;margin-top:6px;font-size:14px;line-height:1.5}.contactsCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.contactsHeader{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.contactsHeader h3{margin:0;font-size:20px}.contactsHeader button{color:#2563eb;cursor:pointer;background:#eff6ff;border:none;border-radius:12px;padding:10px 18px;font-weight:600}.contactsCard table{border-collapse:collapse;width:100%}.contactsCard th{text-align:left;color:#64748b;padding-bottom:16px;font-size:13px}.contactsCard td{color:#334155;border-top:1px solid #eef2f7;padding:18px 0}.status{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.status.active{color:#16a34a;background:#dcfce7}.status.new{color:#2563eb;background:#dbeafe}.status.inactive{color:#dc2626;background:#fee2e2}.teamCard{background:#fff;border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.teamCard h3{margin:0 0 24px;font-size:20px}.activityItem{border-bottom:1px solid #eef2f7;align-items:center;gap:16px;padding:18px 0;display:flex}.activityItem:last-child{border-bottom:none}.activityIcon{color:#2563eb;background:#eff6ff;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.activityContent{flex:1}.activityContent h4{margin:0;font-size:15px}.activityContent p{color:#64748b;margin-top:5px;font-size:13px}.activityItem span{color:#94a3b8;font-size:12px}.dashboardHome{flex-direction:column;gap:32px;display:flex}.dashboardHero{justify-content:space-between;align-items:center;display:flex}.dashboardHero h1{color:#0f172a;margin:0;font-size:34px;font-weight:800}.dashboardHero p{color:#64748b;margin-top:10px;font-size:16px}.statsGrid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.dashboardGrid{grid-template-columns:2fr 1fr;gap:24px;margin-top:10px;display:grid}.dashboardGridSingle{grid-template-columns:1fr;margin-top:24px;display:grid}@media (width<=1200px){.statsGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}}@media (width<=700px){.statsGrid{grid-template-columns:1fr}}.chatItem{cursor:pointer;border-radius:14px;align-items:center;gap:14px;margin-bottom:4px;padding:12px 14px;transition:all .2s;display:flex}.chatItem:hover{background:#f8fafc}.chatItem.active{background:#eef4ff}.chatAvatar{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:17px;font-weight:700;display:flex;position:relative}.onlineDot{background:#22c55e;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:2px;right:2px}.chatContent{flex:1;min-width:0}.chatTop{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.chatTop h4{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:15px;font-weight:600;overflow:hidden}.chatTop span{color:#64748b;flex-shrink:0;font-size:12px}.chatBottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.chatBottom p{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13px;overflow:hidden}.unreadBadge{color:#fff;background:#2563eb;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}@media (width<=768px){.chatItem{padding:12px}.chatAvatar{width:46px;height:46px;font-size:15px}.chatTop h4{font-size:14px}.chatBottom p{font-size:12px}}.chatTime{color:#64748b;flex-shrink:0;font-size:12px}.lastMessage{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.lastMessage p{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.messageTick{color:#3b82f6;flex-shrink:0}.chatItem.active .chatTime{color:#2563eb}.chatItem.active .lastMessage p{color:#0f172a;font-weight:500}.chatList{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chatListHeader{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 20px;display:flex}.chatListHeader h2{color:#0f172a;margin:0;font-size:20px;font-weight:700}.chatListHeader button{cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatListHeader button:hover{color:#2563eb;background:#eef4ff}.chatSearch{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;padding:16px}.chatSearch div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;height:46px;padding:0 16px;display:flex}.chatSearch svg{color:#94a3b8;flex-shrink:0}.chatSearch input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.chatTabs{background:#fff;flex-shrink:0;gap:8px;padding:0 16px 16px;display:flex}.chatTabs button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;height:34px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s}.chatTabs button:hover{background:#e2e8f0}.chatTabs .active{color:#fff;background:#2563eb}.chatItems{flex:1;min-height:0;padding:8px;overflow:hidden auto}.chatItems::-webkit-scrollbar{width:6px}.chatItems::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.chatItems::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.chatList{border:none;border-radius:0}.chatListHeader{padding:0 16px}.chatSearch{padding:12px}.chatTabs{padding:0 12px 12px}.chatItems{padding:6px}}.bubbleRow{width:100%;margin-bottom:14px;display:flex}.bubbleRow.me{justify-content:flex-end}.bubbleRow.other{justify-content:flex-start}.bubble{word-break:break-word;border-radius:18px;min-width:90px;max-width:72%;padding:12px 14px 8px;animation:.18s bubbleIn;position:relative;box-shadow:0 2px 8px #0f172a0f}.bubble.me{color:#fff;background:#2563eb;border-bottom-right-radius:6px}.bubble.other{color:#0f172a;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:6px}.bubble p{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.6}.bubble span{text-align:right;opacity:.75;margin-top:8px;font-size:11px;display:block}.bubble.me span{color:#ffffffd9}.bubble.other span{color:#64748b}@media (width<=768px){.bubble{max-width:85%;padding:11px 13px 7px}.bubble p{font-size:14px}}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.messageInput{background:#fff;border-top:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.messageInput button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.messageInput button:hover{color:#2563eb;background:#f1f5f9}.messageInput input{color:#0f172a;background:#f1f5f9;border:none;border-radius:999px;outline:none;flex:1;height:46px;padding:0 18px;font-size:15px}.messageInput input::placeholder{color:#94a3b8}.sendBtn{flex-shrink:0;color:#fff!important;background:#2563eb!important;border-radius:50%!important;width:46px!important;height:46px!important}.sendBtn:hover{transform:scale(1.05);background:#1d4ed8!important}.sendBtn:active{transform:scale(.95)}@media (width<=768px){.messageInput{padding:10px}.messageInput input{height:44px;font-size:14px}.messageInput button{width:40px;height:40px}.sendBtn{width:44px!important;height:44px!important}}.chatWindow{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.chatHeader{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 18px;display:flex}.chatProfile{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.profileAvatar{color:#fff;cursor:pointer;background:#2563eb;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.chatUserInfo{cursor:pointer;flex:1;min-width:0}.chatUserInfo h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.chatUserInfo span{color:#22c55e;margin-top:2px;font-size:12px;display:block}.chatActions{gap:8px;display:flex}.chatActions button{color:#475569;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.chatActions button:hover{color:#2563eb;background:#eef4ff}.messages{background:#f7f9fc;flex:1;min-height:0;padding:18px;overflow:hidden auto}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.emptyState{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.emptyState h3{margin-bottom:10px}.emptyState p{margin:0}.chatBackButton{display:none}@media (width<=768px){.chatWindow{border:none;border-radius:0;flex:1}.chatHeader{height:64px;padding:0 12px}.chatBackButton{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;margin-right:4px;display:flex}.profileAvatar{width:40px;height:40px;font-size:15px}.chatUserInfo h3{font-size:15px}.chatUserInfo span{font-size:11px}.chatActions{gap:4px}.chatActions button{width:36px;height:36px}.messages{flex:1;min-height:0;padding:14px}}.contactInfo{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;height:100%;display:flex;overflow:hidden auto}.contactInfo::-webkit-scrollbar{width:6px}.contactInfo::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.contactInfo::-webkit-scrollbar-thumb:hover{background:#94a3b8}.contactHeader{z-index:20;text-align:center;background:#fff;border-bottom:1px solid #eef2f7;padding:32px 24px;position:sticky;top:0}.contactAvatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;margin:auto;font-size:30px;font-weight:700;display:flex;box-shadow:0 10px 25px #2563eb33}.contactHeader h3{color:#0f172a;margin:18px 0 6px;font-size:30px;font-weight:700}.contactHeader span{color:#22c55e;font-size:15px}.contactSection{background:#fff;border:1px solid #eef2f7;border-radius:16px;margin:0 16px 16px;padding:18px}.contactSection h4{color:#0f172a;margin:0 0 18px;font-size:15px;font-weight:600}.infoRow{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.infoRow:last-child{margin-bottom:0}.infoRow svg{color:#2563eb;flex-shrink:0;margin-top:4px}.infoRow label{color:#94a3b8;margin-bottom:5px;font-size:12px;display:block}.infoRow p{color:#0f172a;word-break:break-word;margin:0;font-size:15px}.tags{flex-wrap:wrap;gap:10px;display:flex}.tags span{color:#2563eb;background:#eef4ff;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.tags span:hover{color:#fff;background:#2563eb}.aiSummary{color:#475569;background:#f8fafc;border-left:4px solid #2563eb;border-radius:12px;padding:16px;font-size:14px;line-height:1.7}.activityItem{color:#475569;background:#f8fafc;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;font-size:14px;display:flex}.activityItem:last-child{margin-bottom:0}.activityItem svg{color:#2563eb}.mobileInfoHeader{display:none}@media (width<=768px){.contactInfo{border:none;border-radius:0;height:100%}.mobileInfoHeader{z-index:50;background:#fff;border-bottom:1px solid #eef2f7;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.mobileInfoHeader h3{margin:0;font-size:18px;font-weight:600}.contactHeader{padding:28px 16px;position:relative}.contactAvatar{width:72px;height:72px;font-size:24px}.contactHeader h3{font-size:24px}.contactSection{margin:0 12px 12px;padding:16px}}.inboxPage{grid-template-columns:320px minmax(0,1fr) 300px;gap:16px;height:calc(100vh - 110px);display:grid}.panel{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.listPanel,.chatPanel,.infoPanel{height:100%}@media (width<=1400px){.inboxPage{grid-template-columns:300px minmax(0,1fr) 280px}}@media (width<=1100px){.inboxPage{grid-template-columns:300px minmax(0,1fr)}.infoPanel{display:none}}@media (width<=768px){.inboxPage{width:100%;height:calc(100vh - 72px);display:block;position:relative;overflow:hidden}.panel{flex-direction:column;display:none;position:absolute;inset:0;overflow:hidden}.panel.active{display:flex}.listPanel,.chatPanel,.infoPanel{border-radius:0}}.deleteModalOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.deleteModal{background:#fff;border-radius:18px;width:100%;max-width:420px;padding:28px;animation:.2s deletePopup;box-shadow:0 20px 60px #0f172a2e}.deleteModal h2{color:#0f172a;margin:0;font-size:24px}.deleteModal p{color:#334155;margin:18px 0 8px;line-height:1.6}.deleteModal span{color:#94a3b8;font-size:13px;display:block}.deleteButtons{justify-content:flex-end;gap:12px;margin-top:28px;display:flex}.cancelDelete{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;height:44px;padding:0 20px;font-weight:600;transition:all .2s}.cancelDelete:hover{background:#e2e8f0}.confirmDelete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;height:44px;padding:0 22px;font-weight:600;transition:all .2s}.confirmDelete:disabled{opacity:.6;cursor:not-allowed}@keyframes deletePopup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.deleteModal{border-radius:16px;padding:22px}}.importOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.importModal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.25s popup;display:flex;overflow:hidden;box-shadow:0 25px 70px #0000002e}.importHeader{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.importHeader h2{color:#0f172a;margin:0;font-size:24px;font-weight:700}.closeBtn{cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;width:40px;height:40px;font-size:18px;transition:all .2s}.closeBtn:hover{background:#e2e8f0}.importBody{flex:1;padding:24px 28px;overflow:auto}.chooseFileBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;height:48px;font-size:15px;font-weight:600;transition:all .2s}.chooseFileBtn:hover{background:#1d4ed8}.chooseFileBtn:disabled{opacity:.6;cursor:not-allowed}.selectedFile{color:#475569;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:18px 0;padding:12px 14px}.loadingText{text-align:center;color:#2563eb;margin-top:18px;font-weight:600}.importError{color:#b91c1c;background:#fee2e2;border-radius:10px;margin-top:18px;padding:14px;font-size:14px}.importSummary{grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;display:grid}.importSummary div{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.importSummary span{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.importSummary strong{color:#0f172a;font-size:26px}.previewSection{margin-top:25px}.previewSection h3{color:#0f172a;margin-bottom:14px}.previewTableWrapper{border:1px solid #e5e7eb;border-radius:12px;max-height:320px;overflow:auto}.previewTable{border-collapse:collapse;width:100%}.previewTable th{z-index:2;text-align:left;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:14px;font-size:13px;font-weight:600;position:sticky;top:0}.previewTable td{border-bottom:1px solid #f1f5f9;padding:14px;font-size:13px}.invalidRow{background:#fff7f7}.errorBadge{border-radius:999px;margin:2px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.validationError{color:#b91c1c;background:#fee2e2}.duplicateError{color:#92400e;background:#fef3c7}.statusChip{color:#1d4ed8;background:#dbeafe;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-block}.importProgress{background:#e5e7eb;border-radius:999px;height:18px;margin:0 28px 20px;position:relative;overflow:hidden}.progressFill{background:#2563eb;height:100%;transition:width .3s}.importProgress span{color:#111827;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;inset:0}.importFooter{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:12px;padding:20px 28px;display:flex}.cancelBtn{cursor:pointer;background:#e2e8f0;border:none;border-radius:12px;height:46px;padding:0 22px;font-weight:600}.importBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:46px;padding:0 24px;font-weight:600}.importBtn:hover{background:#1d4ed8}.importBtn:disabled,.cancelBtn:disabled,.closeBtn:disabled,.chooseFileBtn:disabled{opacity:.6;cursor:not-allowed}@keyframes popup{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.importModal{max-width:100%;max-height:95vh}.importHeader,.importBody,.importFooter{padding:18px}.importSummary{grid-template-columns:1fr}.importFooter{flex-direction:column}.cancelBtn,.importBtn{width:100%}}.resultOverlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.resultModal{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:500px;padding:35px;animation:.25s resultPopup;box-shadow:0 30px 80px #0000002e}.resultIcon{color:#22c55e;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:auto;display:flex}.resultModal h2{color:#0f172a;margin:22px 0 10px;font-size:32px}.resultModal p{color:#64748b;margin:0;font-size:16px;line-height:1.6}.resultGrid{grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0;display:grid}.resultGrid div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px}.resultGrid span{color:#64748b;margin-bottom:8px;font-size:13px;display:block}.resultGrid strong{color:#0f172a;font-size:30px}.resultActions{justify-content:flex-end;gap:12px;display:flex}.downloadErrorsBtn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 18px;font-weight:600;transition:all .2s;display:flex}.downloadErrorsBtn:hover{background:#f8fafc}.doneBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:46px;padding:0 24px;font-weight:600;transition:all .2s}.doneBtn:hover{background:#1d4ed8}@keyframes resultPopup{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=700px){.resultModal{padding:24px}.resultGrid{grid-template-columns:1fr}.resultActions{flex-direction:column}.downloadErrorsBtn,.doneBtn{justify-content:center;width:100%}}.contactDrawerOverlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9998;background:#0f172a73;position:fixed;inset:0}.contactDrawer{z-index:9999;background:#fff;flex-direction:column;width:400px;max-width:100%;height:100vh;animation:.25s drawerOpen;display:flex;position:fixed;top:0;right:0;box-shadow:-10px 0 35px #0000001f}.drawerClose{color:#0f172a;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;position:absolute;top:14px;right:14px}.drawerClose:hover{color:#2563eb;background:#eef4ff}.drawerHeader{border-bottom:1px solid #eef2f7;align-items:center;gap:16px;padding:24px 20px;display:flex}.drawerAvatar{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;font-weight:700;display:flex}.drawerInfo{flex:1}.drawerInfo h2{color:#0f172a;margin:0;font-size:24px}.drawerStatus{text-transform:capitalize;border-radius:999px;margin-top:8px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.drawerStatus.lead{color:#2563eb;background:#eef4ff}.drawerStatus.customer{color:#15803d;background:#dcfce7}.drawerBody{flex:1;padding:20px;overflow-y:auto}.drawerBody::-webkit-scrollbar{width:6px}.drawerBody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.drawerItem{gap:16px;margin-bottom:22px;display:flex}.drawerItem svg{color:#2563eb;flex-shrink:0;margin-top:2px}.drawerItem label{color:#94a3b8;margin-bottom:4px;font-size:12px;display:block}.drawerItem p{color:#0f172a;word-break:break-word;margin:0;font-size:15px;font-weight:500}.drawerActions{border-top:1px solid #eef2f7;grid-template-columns:1fr 1fr;gap:12px;padding:20px;display:grid}.drawerButton{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:48px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:flex}.drawerButton svg{width:18px;height:18px}.drawerButton.call{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb40}.drawerButton.call:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px)}.drawerButton.whatsapp{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 10px 20px #22c55e40}.drawerButton.whatsapp:hover{background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px)}.drawerButton.email{color:#fff;background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 10px 20px #47556940}.drawerButton.email:hover{background:linear-gradient(135deg,#475569,#334155);transform:translateY(-2px)}.drawerButton.edit{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 10px 20px #3b82f640}.drawerButton.edit:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px)}.drawerButton.delete{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);grid-column:1/-1;box-shadow:0 10px 20px #ef444440}.drawerButton.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px)}.drawerDivider{background:#eef2f7;height:1px;margin:24px 0}.drawerSectionTitle{color:#0f172a;margin-bottom:16px;font-size:16px;font-weight:700}.activityCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:18px}.activityRow{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.activityRow:last-child{border-bottom:none}.activityRow span{color:#64748b;font-size:13px}.activityRow strong{color:#0f172a;text-align:right;word-break:break-word;max-width:180px;font-size:14px}.notesBox{flex-direction:column;gap:12px;margin-top:20px;display:flex}.notesBox textarea{resize:none;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;min-height:90px;padding:14px;font-family:inherit;font-size:14px}.saveNoteButton{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:44px;font-weight:600}.notesList{flex-direction:column;gap:12px;margin-top:20px;display:flex}.noteCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.noteCard p{color:#0f172a;margin:0 0 10px}.noteCard span{color:#64748b;font-size:12px}.emptyNotes{color:#94a3b8;text-align:center}.noteActions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.noteActions button{color:#2563eb;cursor:pointer;background:#eef2ff;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.noteActions button:hover{color:#fff;background:#2563eb}.noteCard textarea{resize:none;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:90px;padding:12px;font-family:inherit}.noteSave{color:#fff!important;background:#22c55e!important}.noteCancel{color:#fff!important;background:#ef4444!important}@keyframes drawerOpen{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.contactDrawer{width:100%}.drawerHeader{padding:18px 16px}.drawerAvatar{width:58px;height:58px;font-size:22px}.drawerInfo h2{font-size:20px}.drawerBody{padding:16px}.drawerActions{grid-template-columns:1fr;padding:16px}.drawerButton.delete{grid-column:auto}}.contactTableCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 4px 18px #0f172a0d}.contactToolbar{background:#fff;border-bottom:1px solid #eef2f7;flex-direction:column;gap:18px;padding:22px 24px;display:flex}.toolbarRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.toolbarFilters,.toolbarActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.contactSearch{background:#f8fafc;border:1px solid #dbe4ee;border-radius:12px;align-items:center;gap:12px;width:420px;max-width:100%;height:46px;padding:0 16px;transition:all .25s;display:flex}.contactSearch:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.contactSearch svg{color:#94a3b8;flex-shrink:0}.contactSearch input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:14px}.contactSearch input::placeholder{color:#94a3b8}.toolbarFilters select{cursor:pointer;background:#fff;border:1px solid #dbe4ee;border-radius:10px;min-width:140px;height:42px;padding:0 14px;font-size:14px;transition:all .2s}.toolbarFilters select:hover{border-color:#2563eb}.toolbarBtn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #dbe4ee;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.toolbarBtn svg{flex-shrink:0}.toolbarBtn:hover,.toolbarBtn.active{color:#fff;background:#2563eb;border-color:#2563eb}.toolbarBtn.danger{color:#dc2626}.toolbarBtn.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}.toolbarBtn:disabled{opacity:.45;cursor:not-allowed}.toolbarBtn:disabled:hover{color:inherit;background:#fff;border-color:#dbe4ee}.contactLoading,.emptyContacts{text-align:center;color:#64748b;padding:80px;font-size:15px}.contactCards{flex-direction:column;display:flex}.contactCard{cursor:pointer;background:#fff;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:14px 24px;transition:all .25s;display:flex}.contactCard:last-child{border-bottom:none}.contactCard:hover{background:#f8fbff}.contactCard.selected{background:#eef5ff;border-left:4px solid #2563eb}.contactSelect{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.contactSelect svg{transition:all .2s}.contactSelect:hover svg{color:#2563eb}.contactLeft{flex:1;align-items:center;gap:16px;min-width:0;display:flex}.contactAvatar{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:700;display:flex}.contactInfo{flex-direction:column;flex:1;gap:5px;min-width:0;padding:10px;display:flex}.contactInfo h3{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.contactMeta{color:#64748b;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;display:flex}.contactMeta span{white-space:nowrap}.contactRight{flex-shrink:0;align-items:center;gap:14px;display:flex}.favoriteBtn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.favoriteBtn:hover{background:#fff8e1}.favoriteBtn svg{transition:all .2s}.favoriteBtn:hover svg{transform:scale(1.15)}.statusBadge{text-transform:capitalize;border-radius:999px;justify-content:center;align-items:center;min-width:96px;height:32px;font-size:12px;font-weight:600;display:flex}.statusBadge.customer{color:#15803d;background:#dcfce7}.statusBadge.lead{color:#2563eb;background:#dbeafe}.statusBadge.inactive{color:#6b7280;background:#f3f4f6}.tableActions{align-items:center;gap:8px;display:flex}.tableActions button{cursor:pointer;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .25s;display:flex}.tableActions button:first-child:hover{color:#fff;background:#2563eb}.tableActions button:last-child:hover{color:#fff;background:#dc2626}.pagination{background:#fff;border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:12px;padding:18px 24px;display:flex}.pagination button{cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex}.pagination button:hover:not(:disabled){color:#fff;background:#2563eb}.pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination span{color:#475569;font-size:14px;font-weight:600}.contactCards::-webkit-scrollbar{width:8px}.contactCards::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.contactCards::-webkit-scrollbar-track{background:0 0}.contactCard,.toolbarBtn,.favoriteBtn,.tableActions button,.pagination button,.contactSearch,.toolbarFilters select{transition:all .25s}@media (width<=1100px){.contactToolbar{padding:18px}.toolbarRow{flex-direction:column;align-items:stretch}.toolbarFilters{width:100%}.toolbarFilters select{flex:1}.toolbarActions{justify-content:flex-start;width:100%}.contactSearch{width:100%;max-width:none}.contactCard{gap:14px;padding:14px 18px}.contactMeta{gap:10px}}@media (width<=768px){.contactToolbar{gap:14px;padding:16px}.toolbarRow{gap:12px}.toolbarActions{grid-template-columns:repeat(2,1fr);width:100%;display:grid}.toolbarBtn{width:100%;min-width:unset}.toolbarFilters{flex-direction:column;width:100%}.toolbarFilters select,.contactSearch{width:100%}.contactCard{flex-direction:column;align-items:flex-start;gap:14px;padding:16px}.contactLeft,.contactInfo{width:100%}.contactInfo h3{white-space:normal}.contactMeta{flex-direction:column;align-items:flex-start;gap:4px}.contactRight{justify-content:space-between;width:100%}.statusBadge{min-width:90px}.tableActions{margin-left:auto}.pagination{justify-content:center;padding:16px}}@media (width<=480px){.contactAvatar{width:40px;height:40px;font-size:15px}.contactInfo h3{font-size:15px}.contactMeta{font-size:12px}.toolbarBtn{height:40px;font-size:13px}.statusBadge{min-width:82px;height:30px;font-size:11px}.tableActions button{width:34px;height:34px}.favoriteBtn{width:32px;height:32px}}.emptyContacts{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 20px;display:flex}.emptyContacts svg{color:#cbd5e1;width:42px;height:42px}.textSuccess{color:#16a34a}.textDanger{color:#dc2626}.textPrimary{color:#2563eb}.textMuted{color:#64748b}.contactModal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.contactModalContent{background:#fff;border-radius:20px;width:100%;max-width:520px;padding:28px;animation:.25s popup;box-shadow:0 20px 60px #0f172a2e}.contactModalContent h2{color:#0f172a;margin:0 0 24px;font-size:24px}.contactModalContent form{flex-direction:column;gap:18px;display:flex}.contactModalContent input,.contactModalContent select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;outline:none;height:50px;padding:0 16px;font-size:14px;transition:all .2s}.contactModalContent input:focus,.contactModalContent select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.formButtons{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.cancelBtn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:12px;height:46px;padding:0 22px;font-weight:600}.cancelBtn:hover{background:#e2e8f0}.saveBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:46px;padding:0 24px;font-weight:600}.saveBtn:hover{background:#1d4ed8}.saveBtn:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.contactModal{padding:16px}.contactModalContent{border-radius:16px;max-width:none;padding:22px}}.contactsPage{flex-direction:column;gap:24px;width:100%;min-width:0;display:flex}.contactsHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.contactsHeader h1{color:#0f172a;margin:0;font-size:30px;font-weight:700}.contactsHeader p{color:#64748b;margin:8px 0 0}.addContactButton{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:46px;padding:0 22px;font-weight:600}.addContactButton:hover{color:#fff;background:#1d4ed8}@media (width<=768px){.contactsHeader{flex-direction:column;align-items:flex-start}.addContactButton{width:100%}}.createBroadcastOverlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-sizing:border-box;background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.createBroadcastModal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:min(100%,920px);max-height:calc(100vh - 48px);animation:.2s createBroadcastIn;display:flex;overflow:hidden;box-shadow:0 30px 90px #0f172a38}@keyframes createBroadcastIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.createBroadcastHeader{box-sizing:border-box;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:20px;min-height:78px;padding:16px 22px;display:flex}.createBroadcastHeading{align-items:center;gap:12px;display:flex}.createBroadcastHeaderIcon{color:#2563eb;background:#eff6ff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.createBroadcastHeader h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.createBroadcastHeader p{color:#64748b;margin:4px 0 0;font-size:12px}.createBroadcastClose{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.createBroadcastClose:hover{color:#0f172a;background:#f1f5f9}.broadcastWizardSteps{box-sizing:border-box;border-bottom:1px solid #f1f5f9;align-items:center;min-height:70px;padding:0 28px;display:flex}.wizardStep{color:#94a3b8;white-space:nowrap;align-items:center;gap:8px;display:flex}.wizardStepNumber{color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.wizardStep span{font-size:12px;font-weight:600}.wizardStep.active{color:#2563eb}.wizardStep.active .wizardStepNumber{color:#fff;background:#2563eb;border-color:#2563eb}.wizardStep.completed{color:#059669}.wizardStep.completed .wizardStepNumber{color:#059669;background:#ecfdf5;border-color:#10b981}.wizardConnector{background:#e2e8f0;flex:1;min-width:20px;height:1px;margin:0 12px}.createBroadcastError{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin:14px 22px 0;padding:11px 13px;font-size:12px}.createBroadcastBody{flex:1;min-height:0;overflow-y:auto}.broadcastStepContent{padding:25px 28px 30px}.stepTitle{align-items:center;gap:11px;margin-bottom:24px;display:flex}.stepTitleIcon{color:#2563eb;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.stepTitle h3{color:#0f172a;margin:0;font-size:16px}.stepTitle p{color:#64748b;margin:4px 0 0;font-size:12px}.formGroup{max-width:650px}.formGroup label,.messageComposer label,.scheduleField label{color:#334155;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.formGroup label span,.messageComposer label span{color:#dc2626;margin-left:3px}.formGroup input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;height:44px;padding:0 13px;font-size:13px}.formGroup input:focus,.scheduleField input:focus,.messageComposer textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.inputHint{color:#94a3b8;justify-content:space-between;gap:10px;margin-top:7px;font-size:11px;display:flex}.infoBox,.simulationNotice{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;max-width:650px;margin-top:24px;padding:13px;display:flex}.infoBox strong,.simulationNotice strong{color:#1e40af;margin-bottom:4px;font-size:12px;display:block}.infoBox p,.simulationNotice p{color:#475569;margin:0;font-size:11px;line-height:1.5}.audienceOptions{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px;display:grid}.audienceOption{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:11px;align-items:center;gap:10px;min-height:72px;padding:12px;transition:all .18s;display:flex}.audienceOption:hover{background:#fafcff;border-color:#bfdbfe}.audienceOption.selected{background:#eff6ff;border-color:#60a5fa}.audienceOptionIcon{color:#64748b;background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.audienceOption.selected .audienceOptionIcon{color:#2563eb;background:#dbeafe}.audienceOptionText{flex:1;min-width:0}.audienceOptionText strong{color:#0f172a;font-size:12px;display:block}.audienceOptionText span{color:#64748b;margin-top:3px;font-size:10px;line-height:1.4;display:block}.audienceOptionCheck{color:#fff;background:#fff;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.audienceOption.selected .audienceOptionCheck{background:#2563eb;border-color:#2563eb}.recipientSummary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;min-height:52px;margin-bottom:12px;padding:10px 13px;display:flex}.recipientSummary div{align-items:center;gap:9px;display:flex}.recipientSummary span{color:#64748b;font-size:11px}.recipientSummary strong{color:#0f172a;font-size:15px}.contactSelector{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.contactSelectorHeader{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:9px;padding:10px;display:flex}.contactSearch{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;height:38px;padding:0 10px;display:flex}.contactSearch input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:12px}.contactSelectorHeader>button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #dbeafe;border-radius:8px;height:38px;padding:0 12px;font-size:11px;font-weight:600}.contactSelectorHeader>button:hover{background:#eff6ff}.contactSelectorHeader>button:disabled{opacity:.5;cursor:not-allowed}.contactSelectorList{max-height:220px;overflow-y:auto}.contactSelectItem{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f1f5f9;align-items:center;gap:9px;width:100%;min-height:55px;padding:8px 11px;display:flex}.contactSelectItem:last-child{border-bottom:none}.contactSelectItem:hover{background:#f8fafc}.contactSelectItem.selected{background:#eff6ff}.contactCheckbox{color:#fff;border:1px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.contactSelectItem.selected .contactCheckbox{background:#2563eb;border-color:#2563eb}.contactMiniAvatar{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.contactSelectInfo{min-width:0}.contactSelectInfo strong{color:#334155;text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.contactSelectInfo small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;display:block;overflow:hidden}.contactSelectorLoading,.contactSelectorEmpty{color:#94a3b8;justify-content:center;align-items:center;gap:8px;min-height:130px;font-size:12px;display:flex}.messageComposerLayout{grid-template-columns:1.15fr .85fr;gap:20px;display:grid}.messageComposer label{margin-bottom:8px}.messageComposer textarea{resize:vertical;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:230px;padding:13px;font-family:inherit;font-size:13px;line-height:1.55}.composerFooter{color:#94a3b8;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:10px;display:flex}.composerFooter button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;height:30px;padding:0 9px;font-size:10px;font-weight:600;display:flex}.composerFooter button:hover,.composerFooter button.active{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.variableBox{background:#f8fbff;border:1px solid #dbeafe;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:9px;display:flex}.variableBox span{color:#64748b;font-size:10px}.variableBox button{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:5px;padding:5px 7px;font-size:10px}.messagePreview{min-width:0}.previewHeader{color:#334155;margin-bottom:8px;font-size:12px;font-weight:700}.previewPhone{background:#f0f7ff;border:1px solid #dbeafe;border-radius:13px;min-height:300px;padding:14px}.previewContact{align-items:center;gap:9px;padding-bottom:12px;display:flex}.previewAvatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.previewContact strong{color:#334155;font-size:11px;display:block}.previewContact small{color:#94a3b8;margin-top:2px;font-size:9px;display:block}.previewMessage{color:#334155;white-space:pre-wrap;background:#fff;border-radius:5px 11px 11px;width:fit-content;max-width:90%;padding:10px 11px;font-size:12px;line-height:1.5;box-shadow:0 2px 8px #0f172a0f}.reviewGrid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.reviewItem{box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;min-height:65px;padding:11px 13px}.reviewItem.full{grid-column:1/-1}.reviewItem span{color:#94a3b8;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.reviewItem strong{color:#334155;white-space:pre-wrap;font-size:12px;line-height:1.5;display:block}.deliveryOptions{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.deliveryOption{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;min-height:75px;padding:12px;display:flex}.deliveryOption.selected{background:#eff6ff;border-color:#60a5fa}.deliveryIcon{color:#64748b;background:#f1f5f9;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.deliveryOption.selected .deliveryIcon{color:#2563eb;background:#dbeafe}.deliveryOption>div:nth-child(2){flex:1}.deliveryOption strong{color:#334155;font-size:12px;display:block}.deliveryOption span{color:#64748b;margin-top:3px;font-size:10px;line-height:1.4;display:block}.deliveryRadio{background:#fff;border:1px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;color:#fff!important;display:flex!important}.deliveryOption.selected .deliveryRadio{background:#2563eb;border-color:#2563eb}.scheduleField{margin-top:13px}.scheduleField input{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:42px;padding:0 11px;font-family:inherit;font-size:12px}.createBroadcastFooter{box-sizing:border-box;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;min-height:68px;padding:12px 22px;display:flex}.footerRight{align-items:center;gap:8px;display:flex}.secondaryWizardButton,.primaryWizardButton,.saveDraftButton{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:12px;font-weight:600;display:flex}.secondaryWizardButton{color:#475569;background:#fff;border:1px solid #e2e8f0}.secondaryWizardButton:hover{background:#f8fafc}.primaryWizardButton{color:#fff;background:#2563eb;border:none}.primaryWizardButton:hover{background:#1d4ed8}.saveDraftButton{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.saveDraftButton:hover{background:#dbeafe}.secondaryWizardButton:disabled,.primaryWizardButton:disabled,.saveDraftButton:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.createBroadcastOverlay{padding:10px}.createBroadcastModal{border-radius:14px;max-height:calc(100vh - 20px)}.broadcastWizardSteps{padding:0 14px}.wizardStep span{display:none}.wizardConnector{margin:0 7px}.broadcastStepContent{padding:20px 16px 24px}.audienceOptions,.messageComposerLayout,.deliveryOptions,.reviewGrid{grid-template-columns:1fr}.reviewItem.full{grid-column:auto}.createBroadcastFooter{padding:10px 14px}}@media (width<=480px){.createBroadcastHeader{padding:13px 14px}.createBroadcastHeader p{display:none}.createBroadcastHeader h2{font-size:16px}.createBroadcastFooter{flex-wrap:wrap}.footerRight{flex:1;justify-content:flex-end}.primaryWizardButton,.saveDraftButton{padding:0 10px}.contactSelectorHeader{flex-direction:column}}.broadcastPage{color:#0f172a;box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:28px}.broadcastPageHeader{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.broadcastTitleRow{align-items:center;gap:14px;display:flex}.broadcastTitleIcon{color:#2563eb;background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.broadcastPageHeader h1{color:#0f172a;margin:0;font-size:25px;font-weight:700;line-height:1.2}.broadcastPageHeader p{color:#64748b;margin:6px 0 0;font-size:14px}.createBroadcastButton{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 17px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:flex}.createBroadcastButton:hover{background:#1d4ed8;transform:translateY(-1px)}.createBroadcastButton:active{transform:translateY(0)}.createBroadcastButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.broadcastError{color:#b91c1c;box-sizing:border-box;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;min-height:46px;margin-bottom:20px;padding:10px 14px;font-size:14px;display:flex}.broadcastScheduleProcessor{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:7px;margin-top:-8px;margin-bottom:18px;padding:7px 11px;font-size:12px;font-weight:500;display:inline-flex}.broadcastScheduleProcessor svg{animation:1.2s ease-in-out infinite broadcastClockPulse}@keyframes broadcastClockPulse{0%,to{opacity:.45}50%{opacity:1}}.broadcastStatsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.broadcastStatCard{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:14px;min-height:96px;padding:18px;display:flex}.broadcastStatIcon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.broadcastStatIcon.blue{color:#2563eb;background:#eff6ff}.broadcastStatIcon.gray{color:#475569;background:#f1f5f9}.broadcastStatIcon.orange{color:#ea580c;background:#fff7ed}.broadcastStatIcon.green{color:#059669;background:#ecfdf5}.broadcastStatCard span{color:#64748b;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.broadcastStatCard strong{color:#0f172a;font-size:23px;font-weight:700;display:block}.broadcastToolbar{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:68px;margin-bottom:14px;padding:12px 14px;display:flex}.broadcastSearch{color:#64748b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:9px;width:min(420px,100%);height:42px;padding:0 13px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.broadcastSearch:focus-within{background:#fff;border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb14}.broadcastSearch input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0;font-family:inherit;font-size:13px}.broadcastSearch input::placeholder{color:#94a3b8}.broadcastToolbarRight{align-items:center;gap:9px;display:flex}.broadcastStatusFilter{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;min-width:140px;height:42px;padding:0 12px;font-family:inherit;font-size:13px}.broadcastStatusFilter:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.broadcastRefreshButton{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.broadcastRefreshButton:hover{color:#2563eb;background:#f8fafc;border-color:#bfdbfe}.broadcastRefreshButton:disabled{cursor:not-allowed;opacity:.6}@keyframes broadcastSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.broadcastTableCard{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;width:100%;position:relative;overflow:visible}.broadcastTableWrapper{border-radius:14px;width:100%;overflow:auto visible}.broadcastTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:900px}.broadcastTable thead{background:#f8fafc}.broadcastTable thead th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5eaf1;height:48px;padding:0 18px;font-size:11px;font-weight:700}.broadcastTable tbody tr{background:#fff;height:74px;transition:background .18s}.broadcastTable tbody tr:hover{background:#fbfdff}.broadcastTable tbody td{vertical-align:middle;color:#334155;border-bottom:1px solid #edf1f5;height:74px;padding:12px 18px;font-size:13px}.broadcastTable tbody tr:last-child td{border-bottom:none}.broadcastTable th:first-child,.broadcastTable td:first-child{width:30%}.broadcastTable th:nth-child(2),.broadcastTable td:nth-child(2),.broadcastTable th:nth-child(3),.broadcastTable td:nth-child(3){width:15%}.broadcastTable th:nth-child(4),.broadcastTable td:nth-child(4),.broadcastTable th:nth-child(5),.broadcastTable td:nth-child(5){text-align:center;width:10%}.broadcastTable th:nth-child(6),.broadcastTable td:nth-child(6){width:15%}.broadcastTable th:nth-child(7),.broadcastTable td:nth-child(7){text-align:right;width:5%}.campaignCell{align-items:center;gap:12px;min-width:0;display:flex}.campaignIcon{color:#2563eb;background:#eff6ff;border-radius:11px;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.campaignCell>div:last-child{min-width:0}.campaignCell strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:13px;font-weight:700;display:block;overflow:hidden}.campaignCell span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:280px;font-size:11px;display:block;overflow:hidden}.audienceBadge{color:#334155;white-space:nowrap;background:#f1f5f9;border-radius:9px;align-items:center;min-height:34px;padding:0 11px;font-size:11px;font-weight:600;display:inline-flex}.broadcastStatus{white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;display:inline-flex}.broadcastStatus.draft{color:#64748b;background:#f1f5f9}.broadcastStatus.scheduled{color:#ea580c;background:#fff7ed}.broadcastStatus.sending{color:#2563eb;background:#eff6ff}.broadcastStatusSpinner{animation:.8s linear infinite broadcastSpin}.broadcastStatus.completed{color:#059669;background:#ecfdf5}.broadcastStatus.failed{color:#dc2626;background:#fef2f2}.broadcastStatus.cancelled{color:#64748b;background:#f1f5f9}.broadcastTable td>strong{color:#0f172a;font-size:14px;font-weight:700}.sentCount{color:#0f172a;font-size:14px;font-weight:700;display:block}.failedCount{color:#dc2626;margin-top:3px;font-size:10px;font-weight:600;display:block}.dateCell{color:#64748b;white-space:nowrap;font-size:12px}.broadcastActions{justify-content:flex-end;align-items:center;width:100%;display:flex;position:relative}.broadcastMoreButton{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.broadcastMoreButton:hover{color:#2563eb;background:#f1f5f9;border-color:#e2e8f0}.broadcastMoreButton:active{transform:scale(.94)}.broadcastActionMenuPortal{box-sizing:border-box;z-index:999999;background:#fff;border:1px solid #dfe6ef;border-radius:12px;width:190px;padding:6px;animation:.14s ease-out broadcastMenuIn;box-shadow:0 18px 45px #0f172a24,0 4px 12px #0f172a12;position:fixed!important}@keyframes broadcastMenuIn{0%{opacity:0;transform:translateY(-5px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.broadcastActionMenuPortal button{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;min-height:40px;padding:0 11px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.broadcastActionMenuPortal button:hover{color:#2563eb;background:#f8fafc}.broadcastActionMenuPortal button:disabled{opacity:.5;cursor:not-allowed}.broadcastActionMenuPortal button svg{flex-shrink:0}.broadcastActionMenuPortal .sendAction{color:#059669}.broadcastActionMenuPortal .sendAction:hover{color:#047857;background:#ecfdf5}.broadcastActionMenuPortal .deleteAction{color:#dc2626}.broadcastActionMenuPortal .deleteAction:hover{color:#dc2626;background:#fef2f2}.broadcastActionMenuPortal .actionDivider{background:#edf1f5;height:1px;margin:5px 2px}.broadcastEmptyCell{height:330px!important}.broadcastEmpty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.broadcastEmptyIcon{color:#2563eb;background:#eff6ff;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:15px;display:flex}.broadcastEmpty h3{color:#0f172a;margin:0;font-size:16px}.broadcastEmpty p{color:#94a3b8;max-width:380px;margin:7px 0 0;font-size:13px;line-height:1.5}.broadcastLoading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.broadcastLoading p{color:#64748b;margin:0;font-size:13px}.loadingSpinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite broadcastSpin}.broadcastModalOverlay{z-index:1000000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-sizing:border-box;background:#0f172a6b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.broadcastConfirmModal{box-sizing:border-box;z-index:1000001;background:#fff;border-radius:15px;width:100%;max-width:420px;padding:28px;animation:.18s broadcastModalIn;position:relative;box-shadow:0 25px 70px #0f172a2e}@keyframes broadcastModalIn{0%{opacity:0;transform:scale(.97)translateY(5px)}to{opacity:1;transform:scale(1)translateY(0)}}.confirmIcon{color:#dc2626;background:#fef2f2;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:16px;display:flex}.broadcastConfirmModal h3{color:#0f172a;margin:0;font-size:18px}.broadcastConfirmModal p{color:#64748b;margin:9px 0 0;font-size:13px;line-height:1.6}.broadcastConfirmModal p strong{color:#334155}.confirmActions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.confirmCancel,.confirmDelete{cursor:pointer;border-radius:8px;height:40px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:600}.confirmCancel{color:#475569;background:#fff;border:1px solid #e2e8f0}.confirmCancel:hover{background:#f8fafc}.confirmDelete{color:#fff;background:#dc2626;border:none}.confirmDelete:hover{background:#b91c1c}.confirmCancel:disabled,.confirmDelete:disabled{opacity:.6;cursor:not-allowed}@media (width<=1100px){.broadcastStatsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.broadcastPage{padding:18px}.broadcastPageHeader{flex-direction:column;align-items:flex-start}.createBroadcastButton{width:100%}.broadcastToolbar{flex-direction:column;align-items:stretch}.broadcastSearch,.broadcastToolbarRight{width:100%}.broadcastStatusFilter{flex:1}.broadcastTable{min-width:900px}}@media (width<=520px){.broadcastPage{padding:14px}.broadcastStatsGrid{grid-template-columns:1fr}.broadcastPageHeader h1{font-size:22px}.broadcastPageHeader p{font-size:13px}.broadcastTitleIcon{width:42px;height:42px}.broadcastTitleRow{gap:11px}.broadcastStatCard{padding:15px}.broadcastToolbar{padding:10px}.broadcastToolbarRight{gap:7px}.broadcastStatusFilter{min-width:0}.broadcastConfirmModal{padding:22px}.confirmActions{flex-direction:column-reverse}.confirmCancel,.confirmDelete{width:100%}}@media (width<=380px){.broadcastPage{padding:10px}.broadcastTitleRow{align-items:flex-start}.broadcastTitleIcon{border-radius:10px;width:38px;height:38px}.broadcastPageHeader h1{font-size:20px}.broadcastPageHeader p{font-size:12px}.broadcastStatsGrid{gap:10px}.broadcastStatCard{min-height:84px}.broadcastStatCard strong{font-size:20px}}.broadcastDetailsPage{background:#f6f8fc;min-height:100%;padding:28px 30px 40px}.broadcastDetailsHeader{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.broadcastDetailsHeaderLeft{align-items:center;gap:14px;display:flex}.backDetailsButton{cursor:pointer;color:#475569;background:#fff;border:1px solid #dfe5ee;border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.backDetailsButton:hover{color:#2563eb;background:#f1f5f9}.broadcastDetailsTitleIcon{color:#2563eb;background:#eaf2ff;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.detailsBreadcrumb{color:#94a3b8;align-items:center;gap:8px;margin-bottom:4px;font-size:12px;display:flex}.broadcastDetailsHeader h1{color:#0f172a;margin:0;font-size:26px;font-weight:750}.broadcastDetailsHeaderActions{align-items:center;gap:9px;display:flex}.detailsActionButton,.detailsDeleteButton{cursor:pointer;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:13px;font-weight:600;display:flex}.detailsActionButton{color:#334155;background:#fff;border:1px solid #dce3ed}.detailsActionButton:hover{background:#f8fafc}.detailsDeleteButton{color:#dc2626;background:#fff;border:1px solid #fecaca}.detailsDeleteButton:hover{background:#fef2f2}.detailsActionButton:disabled,.detailsDeleteButton:disabled{opacity:.55;cursor:not-allowed}.broadcastStatusBar{background:#fff;border:1px solid #e1e7ef;border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;display:flex}.broadcastStatusMain{align-items:center;gap:10px;display:flex}.broadcastDetailsStatus,.simulationBadge{border-radius:999px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;display:inline-flex}.broadcastDetailsStatus.draft{color:#64748b;background:#f1f5f9}.broadcastDetailsStatus.scheduled{color:#ea580c;background:#fff7ed}.broadcastDetailsStatus.sending{color:#2563eb;background:#eff6ff}.broadcastDetailsStatus.completed{color:#059669;background:#ecfdf5}.broadcastDetailsStatus.failed{color:#dc2626;background:#fef2f2}.broadcastDetailsStatus.cancelled{color:#64748b;background:#f8fafc}.simulationBadge{color:#2563eb;background:#eff6ff}.broadcastStatusDate{color:#64748b;align-items:center;gap:6px;font-size:13px;display:flex}.broadcastDetailsStats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.detailsStatCard{background:#fff;border:1px solid #e1e7ef;border-radius:14px;align-items:center;gap:13px;padding:18px;display:flex}.detailsStatIcon{border-radius:12px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.detailsStatIcon.blue{color:#2563eb;background:#eaf2ff}.detailsStatIcon.green{color:#059669;background:#ecfdf5}.detailsStatIcon.orange{color:#ea580c;background:#fff7ed}.detailsStatIcon.red{color:#dc2626;background:#fef2f2}.detailsStatCard span{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.detailsStatCard strong{color:#0f172a;font-size:23px}.broadcastDetailsGrid{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.broadcastDetailsMainColumn,.broadcastDetailsSideColumn{flex-direction:column;gap:20px;display:flex}.detailsCard{background:#fff;border:1px solid #e1e7ef;border-radius:15px;overflow:hidden}.detailsCardHeader{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.detailsCardHeader h2{color:#0f172a;margin:0 0 4px;font-size:17px}.detailsCardHeader p{color:#64748b;margin:0;font-size:12px}.campaignOverviewGrid{grid-template-columns:repeat(2,1fr);display:grid}.overviewItem{border-bottom:1px solid #edf0f5;padding:18px 22px}.overviewItem:nth-child(odd){border-right:1px solid #edf0f5}.overviewItem span{color:#94a3b8;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:700;display:block}.overviewItem strong{color:#334155;word-break:break-word;font-size:13px}.broadcastMessagePreview{color:#334155;white-space:pre-wrap;background:#f8fafc;border:1px solid #e5eaf1;border-radius:11px;margin:20px 22px;padding:18px;font-size:14px;line-height:1.65}.personalizationInfo{color:#047857;background:#ecfdf5;border-radius:8px;align-items:center;gap:7px;margin:-8px 22px 20px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.recipientCountBadge{color:#2563eb;background:#eff6ff;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:28px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.recipientTableWrapper{overflow-x:auto}.recipientTable{border-collapse:collapse;width:100%}.recipientTable th{text-align:left;color:#64748b;text-transform:uppercase;white-space:nowrap;background:#f8fafc;padding:12px 18px;font-size:11px;font-weight:700}.recipientTable td{vertical-align:middle;border-top:1px solid #edf0f5;padding:14px 18px}.recipientPerson{align-items:center;gap:10px;display:flex}.recipientAvatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:700;display:flex}.recipientPerson strong{color:#0f172a;font-size:13px;display:block}.recipientPerson span{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.recipientContactDetails{flex-direction:column;gap:4px;display:flex}.recipientContactDetails span{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.recipientStatus{border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:11px;font-weight:700;display:inline-flex}.noRecipients{text-align:center;color:#94a3b8;padding:50px 20px}.noRecipients svg{margin-bottom:10px}.noRecipients h3{color:#334155;margin:0 0 5px;font-size:15px}.noRecipients p{margin:0;font-size:12px}.performanceCard{padding-bottom:20px}.successRateCircle{--success-degree:0deg;background:conic-gradient(#2563eb 0deg, #2563eb var(--success-degree), #e8eef7 var(--success-degree), #e8eef7 360deg);border-radius:50%;justify-content:center;align-items:center;width:156px;height:156px;margin:28px auto;display:flex;position:relative}.successRateCircle:after{content:"";background:#fff;border-radius:50%;width:122px;height:122px;position:absolute}.successRateCircle>div{z-index:1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:122px;height:122px;display:flex;position:relative}.successRateCircle strong{color:#0f172a;font-size:30px;font-weight:750;line-height:1}.successRateCircle span{color:#64748b;margin-top:7px;font-size:11px;font-weight:500}.performanceRows{padding:0 20px}.performanceRow{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.performanceRow>div{align-items:center;gap:12px;display:flex}.performanceLabel{color:#64748b;align-items:center;gap:7px;font-size:12px;display:flex}.performanceRow strong{color:#334155;font-size:12px}.performanceRow>span{color:#64748b;font-size:11px}.performanceDot{border-radius:50%;width:8px;height:8px}.performanceDot.sent{background:#10b981}.performanceDot.pending{background:#f59e0b}.performanceDot.failed{background:#ef4444}.infoRows{padding:8px 20px 16px}.infoRow{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:15px;min-height:45px;display:flex}.infoRow:last-child{border-bottom:none}.infoRow span{color:#64748b;align-items:center;gap:7px;font-size:12px;display:flex}.infoRow strong{text-overflow:ellipsis;white-space:nowrap;color:#334155;max-width:150px;font-size:11px;overflow:hidden}.simulationNotice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:13px;gap:11px;padding:15px;display:flex}.simulationNoticeIcon{color:#2563eb;background:#dbeafe;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.simulationNotice strong{color:#1e40af;margin-bottom:4px;font-size:12px;display:block}.simulationNotice p{color:#475569;margin:0;font-size:11px;line-height:1.5}.broadcastDetailsLoading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.broadcastDetailsSpinner{color:#2563eb;margin-bottom:12px;animation:1s linear infinite broadcastDetailsSpin}@keyframes broadcastDetailsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.broadcastDetailsError{text-align:center;background:#fff;border:1px solid #e1e7ef;border-radius:16px;max-width:520px;margin:80px auto;padding:35px}.broadcastDetailsErrorIcon{color:#dc2626;background:#fef2f2;border-radius:15px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 15px;display:flex}.broadcastDetailsError h2{color:#0f172a;margin:0 0 7px;font-size:19px}.broadcastDetailsError p{color:#64748b;margin:0;font-size:13px;line-height:1.5}.broadcastDetailsErrorActions{justify-content:center;gap:9px;margin-top:22px;display:flex}.primaryDetailsButton,.secondaryDetailsButton{cursor:pointer;border-radius:9px;align-items:center;gap:7px;height:40px;padding:0 14px;font-weight:600;display:flex}.primaryDetailsButton{color:#fff;background:#2563eb;border:none}.secondaryDetailsButton{color:#334155;background:#fff;border:1px solid #dce3ed}.spinning{animation:1s linear infinite broadcastDetailsSpin}@media (width<=1100px){.broadcastDetailsGrid{grid-template-columns:1fr}.broadcastDetailsSideColumn{grid-template-columns:repeat(2,1fr);align-items:start;display:grid}}@media (width<=850px){.broadcastDetailsPage{padding:20px 16px 30px}.broadcastDetailsHeader{flex-direction:column;align-items:flex-start}.broadcastDetailsHeaderActions{width:100%}.detailsActionButton,.detailsDeleteButton{flex:1;justify-content:center}.broadcastDetailsStats{grid-template-columns:repeat(2,1fr)}.broadcastStatusBar{flex-direction:column;align-items:flex-start;gap:10px}}@media (width<=600px){.broadcastDetailsHeaderLeft{align-items:flex-start}.broadcastDetailsHeader h1{font-size:21px}.broadcastDetailsTitleIcon{width:42px;height:42px}.broadcastDetailsStats{grid-template-columns:1fr}.broadcastDetailsSideColumn{display:flex}.campaignOverviewGrid{grid-template-columns:1fr}.overviewItem:nth-child(odd){border-right:none}.broadcastDetailsHeaderActions{flex-wrap:wrap}.detailsActionButton,.detailsDeleteButton{flex:calc(50% - 6px)}}.recipientTableWrapper{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;width:100%;overflow-x:auto}.recipientTable{border-collapse:separate;border-spacing:0;table-layout:fixed;width:100%;min-width:760px}.recipientTable thead th{color:#64748b;text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e5eaf1;height:46px;padding:0 18px;font-size:10px;font-weight:750}.recipientTable th:first-child,.recipientTable td:first-child{width:29%}.recipientTable th:nth-child(2),.recipientTable td:nth-child(2){width:31%}.recipientTable th:nth-child(3),.recipientTable td:nth-child(3){width:18%}.recipientTable th:nth-child(4),.recipientTable td:nth-child(4){width:22%}.recipientTable tbody tr{background:#fff;transition:background .15s}.recipientTable tbody tr:hover{background:#fafcff}.recipientTable td{vertical-align:middle;border-bottom:1px solid #edf1f5;height:68px;padding:10px 18px}.recipientTable tbody tr:last-child td{border-bottom:none}.recipientPerson{align-items:center;gap:10px;min-width:0;display:flex}.recipientAvatar{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;font-size:11px;font-weight:750;display:flex}.recipientPerson>div:last-child{min-width:0}.recipientPerson strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;font-weight:700;display:block;overflow:hidden}.recipientPerson span{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;max-width:180px;margin-top:3px;font-size:10px;display:block;overflow:hidden}.recipientContactDetails{flex-direction:column;gap:5px;min-width:0;display:flex}.recipientContactDetails span{color:#64748b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex;overflow:hidden}.recipientContactDetails svg{color:#94a3b8;flex-shrink:0}.recipientStatus{white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:10px;font-weight:700;display:inline-flex}.recipientStatus.sent{color:#059669;background:#ecfdf5}.recipientStatus.sending{color:#2563eb;background:#eff6ff}.recipientStatus.pending{color:#d97706;background:#fffbeb}.recipientStatus.failed{color:#dc2626;background:#fef2f2}.recipientDate{color:#64748b;white-space:nowrap;font-size:10px}@media (width<=700px){.recipientTable{min-width:720px}.recipientTable td{height:64px;padding:9px 14px}.recipientTable thead th{padding:0 14px}}.broadcastRescheduleOverlay{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.broadcastRescheduleModal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(100%,500px);padding:26px;animation:.18s ease-out broadcastRescheduleModalIn;box-shadow:0 24px 70px #0f172a38}@keyframes broadcastRescheduleModalIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.broadcastRescheduleHeader{align-items:center;gap:14px;margin-bottom:22px;display:flex}.broadcastRescheduleIcon{color:#2563eb;background:#eff6ff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.broadcastRescheduleHeader h3{color:#0f172a;margin:0;font-size:20px;font-weight:700;line-height:1.3}.broadcastRescheduleHeader p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.5}.broadcastRescheduleCurrent{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:20px;padding:14px 16px;display:flex}.broadcastRescheduleCurrent span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.broadcastRescheduleCurrent strong{color:#0f172a;font-size:14px;font-weight:600}.broadcastRescheduleField{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.broadcastRescheduleField label{color:#334155;font-size:13px;font-weight:600}.broadcastRescheduleField input{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.broadcastRescheduleField input:hover{border-color:#94a3b8}.broadcastRescheduleField input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.broadcastRescheduleActions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.rescheduleCancelButton,.rescheduleSaveButton{cursor:pointer;border-radius:10px;min-height:44px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .15s,opacity .15s,background .15s}.rescheduleCancelButton{color:#475569;background:#fff;border:1px solid #dbe3ee}.rescheduleCancelButton:hover:not(:disabled){background:#f8fafc}.rescheduleSaveButton{color:#fff;background:#2563eb;border:1px solid #2563eb;justify-content:center;align-items:center;gap:8px;display:inline-flex}.rescheduleSaveButton:hover:not(:disabled){background:#1d4ed8}.rescheduleCancelButton:disabled,.rescheduleSaveButton:disabled{cursor:not-allowed;opacity:.55}.broadcastActionSpinner{animation:.8s linear infinite broadcastRescheduleSpinner}@keyframes broadcastRescheduleSpinner{to{transform:rotate(360deg)}}@media (width<=600px){.broadcastRescheduleOverlay{padding:14px}.broadcastRescheduleModal{border-radius:16px;padding:20px}.broadcastRescheduleActions{flex-direction:column-reverse}.rescheduleCancelButton,.rescheduleSaveButton{width:100%}}.edit-broadcast-page{box-sizing:border-box;background:#f7f9fc;width:100%;min-height:100%;padding:32px}.edit-broadcast-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.edit-broadcast-header-left{align-items:center;gap:18px;min-width:0;display:flex}.edit-broadcast-back-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:12px;justify-content:center;align-items:center;width:46px;min-width:46px;height:46px;transition:background .2s,border-color .2s,transform .2s;display:flex}.edit-broadcast-back-button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.edit-broadcast-title-wrapper{min-width:0}.edit-broadcast-breadcrumb{color:#94a3b8;align-items:center;gap:8px;margin-bottom:5px;font-size:13px;font-weight:500;display:flex}.edit-broadcast-breadcrumb span:last-child{color:#64748b}.edit-broadcast-title{color:#0f172a;word-break:break-word;margin:0;font-size:28px;font-weight:700;line-height:1.2}.edit-broadcast-header-actions{align-items:center;gap:10px;display:flex}.edit-broadcast-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s;display:inline-flex}.edit-broadcast-btn:active{transform:translateY(1px)}.edit-broadcast-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.edit-broadcast-btn-secondary{color:#334155;background:#fff;border:1px solid #dbe3ef}.edit-broadcast-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.edit-broadcast-btn-primary{color:#fff;background:#2563eb;border:1px solid #2563eb;box-shadow:0 4px 12px #2563eb29}.edit-broadcast-btn-primary:hover:not(:disabled){background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 6px 16px #2563eb38}.edit-broadcast-btn-danger{color:#dc2626;background:#fff;border:1px solid #fecaca}.edit-broadcast-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.edit-broadcast-status-bar{background:#fff;border:1px solid #dbe3ef;border-radius:14px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:16px 20px;display:flex}.edit-broadcast-status-left{align-items:center;gap:12px;display:flex}.edit-broadcast-status-label{color:#64748b;font-size:13px;font-weight:500}.edit-broadcast-status-badge{border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:13px;font-weight:600;display:inline-flex}.edit-broadcast-status-badge.draft{color:#475569;background:#f1f5f9}.edit-broadcast-status-badge.scheduled{color:#ea580c;background:#fff7ed}.edit-broadcast-status-badge.sending{color:#2563eb;background:#eff6ff}.edit-broadcast-status-badge.completed{color:#059669;background:#ecfdf5}.edit-broadcast-status-badge.failed{color:#dc2626;background:#fef2f2}.edit-broadcast-status-badge.cancelled{color:#64748b;background:#f8fafc}.edit-broadcast-content{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);align-items:start;gap:24px;display:grid}.edit-broadcast-card{background:#fff;border:1px solid #dbe3ef;border-radius:16px;overflow:hidden}.edit-broadcast-card+.edit-broadcast-card{margin-top:20px}.edit-broadcast-card-header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.edit-broadcast-card-header-left{min-width:0}.edit-broadcast-card-title{color:#0f172a;margin:0;font-size:17px;font-weight:700;line-height:1.4}.edit-broadcast-card-description{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.5}.edit-broadcast-card-body{padding:24px}.edit-broadcast-form{flex-direction:column;gap:22px;display:flex}.edit-broadcast-form-group{flex-direction:column;gap:8px;display:flex}.edit-broadcast-label{color:#334155;font-size:13px;font-weight:600}.edit-broadcast-required{color:#ef4444;margin-left:3px}.edit-broadcast-input,.edit-broadcast-textarea,.edit-broadcast-select,.edit-broadcast-datetime{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.edit-broadcast-input,.edit-broadcast-select,.edit-broadcast-datetime{height:46px;padding:0 14px}.edit-broadcast-textarea{resize:vertical;min-height:150px;padding:13px 14px;line-height:1.55}.edit-broadcast-input::placeholder,.edit-broadcast-textarea::placeholder{color:#94a3b8}.edit-broadcast-input:hover,.edit-broadcast-textarea:hover,.edit-broadcast-select:hover,.edit-broadcast-datetime:hover{border-color:#cbd5e1}.edit-broadcast-input:focus,.edit-broadcast-textarea:focus,.edit-broadcast-select:focus,.edit-broadcast-datetime:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.edit-broadcast-input.error,.edit-broadcast-textarea.error,.edit-broadcast-select.error,.edit-broadcast-datetime.error{border-color:#ef4444}.edit-broadcast-input.error:focus,.edit-broadcast-textarea.error:focus,.edit-broadcast-select.error:focus,.edit-broadcast-datetime.error:focus{box-shadow:0 0 0 3px #ef44441a}.edit-broadcast-error{color:#dc2626;margin:0;font-size:12px;line-height:1.4}.edit-broadcast-field-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:-2px;display:flex}.edit-broadcast-helper-text{color:#94a3b8;font-size:12px}.edit-broadcast-character-count{color:#94a3b8;white-space:nowrap;font-size:12px}.edit-broadcast-audience-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.edit-broadcast-audience-option{cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:12px;align-items:center;min-height:84px;padding:14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.edit-broadcast-audience-option:hover{background:#f8fbff;border-color:#93c5fd}.edit-broadcast-audience-option.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb1f}.edit-broadcast-audience-option input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.edit-broadcast-audience-content{align-items:center;gap:11px;width:100%;display:flex}.edit-broadcast-audience-icon{color:#475569;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;display:flex}.edit-broadcast-audience-option.active .edit-broadcast-audience-icon{color:#2563eb;background:#dbeafe}.edit-broadcast-audience-text{min-width:0}.edit-broadcast-audience-title{color:#0f172a;margin:0;font-size:13px;font-weight:600}.edit-broadcast-audience-count{color:#64748b;margin:3px 0 0;font-size:12px}.edit-broadcast-toggle-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:15px;display:flex}.edit-broadcast-toggle-info{min-width:0}.edit-broadcast-toggle-title{color:#334155;margin:0;font-size:14px;font-weight:600}.edit-broadcast-toggle-description{color:#64748b;margin:4px 0 0;font-size:12px;line-height:1.5}.edit-broadcast-toggle{cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;width:46px;min-width:46px;height:26px;transition:background .2s;position:relative}.edit-broadcast-toggle.active{background:#2563eb}.edit-broadcast-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a33}.edit-broadcast-toggle.active .edit-broadcast-toggle-thumb{transform:translate(20px)}.edit-broadcast-recipient-toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.edit-broadcast-recipient-count{color:#64748b;font-size:13px}.edit-broadcast-recipient-count strong{color:#0f172a}.edit-broadcast-recipient-list{border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.edit-broadcast-recipient{background:#fff;border-bottom:1px solid #edf1f5;align-items:center;gap:12px;padding:13px 14px;display:flex}.edit-broadcast-recipient:last-child{border-bottom:none}.edit-broadcast-recipient:hover{background:#f8fafc}.edit-broadcast-recipient-avatar{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;font-size:13px;font-weight:700;display:flex;overflow:hidden}.edit-broadcast-recipient-avatar img{object-fit:cover;width:100%;height:100%}.edit-broadcast-recipient-info{flex:1;min-width:0}.edit-broadcast-recipient-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;overflow:hidden}.edit-broadcast-recipient-contact{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:12px;overflow:hidden}.edit-broadcast-recipient-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .2s,color .2s;display:flex}.edit-broadcast-recipient-remove:hover{color:#ef4444;background:#fef2f2}.edit-broadcast-empty{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:30px;display:flex}.edit-broadcast-empty-icon{color:#64748b;background:#e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;display:flex}.edit-broadcast-empty-title{color:#334155;margin:0;font-size:14px;font-weight:600}.edit-broadcast-empty-description{color:#94a3b8;max-width:360px;margin:5px 0 0;font-size:12px;line-height:1.5}.edit-broadcast-add-recipient{color:#2563eb;cursor:pointer;background:#f8fbff;border:1px dashed #93c5fd;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:14px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s;display:flex}.edit-broadcast-add-recipient:hover{background:#eff6ff;border-color:#60a5fa}.edit-broadcast-sidebar{flex-direction:column;gap:20px;display:flex;position:sticky;top:24px}.edit-broadcast-summary{flex-direction:column;gap:0;display:flex}.edit-broadcast-summary-row{border-bottom:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.edit-broadcast-summary-row:first-child{padding-top:0}.edit-broadcast-summary-row:last-child{border-bottom:none;padding-bottom:0}.edit-broadcast-summary-label{color:#64748b;font-size:13px}.edit-broadcast-summary-value{color:#0f172a;text-align:right;font-size:13px;font-weight:600}.edit-broadcast-save-card{background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:20px 24px}.edit-broadcast-save-title{color:#1e3a8a;margin:0;font-size:14px;font-weight:700}.edit-broadcast-save-description{color:#475569;margin:6px 0 16px;font-size:12px;line-height:1.5}.edit-broadcast-save-actions{align-items:center;gap:10px;display:flex}.edit-broadcast-save-actions .edit-broadcast-btn{flex:1}.edit-broadcast-unsaved{color:#d97706;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.edit-broadcast-unsaved-dot{background:#f59e0b;border-radius:50%;width:7px;height:7px}.edit-broadcast-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:420px;font-size:14px;display:flex}.edit-broadcast-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite editBroadcastSpin}@keyframes editBroadcastSpin{to{transform:rotate(360deg)}}.edit-broadcast-error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:420px;padding:40px;display:flex}.edit-broadcast-error-icon{color:#dc2626;background:#fef2f2;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:14px;display:flex}.edit-broadcast-error-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.edit-broadcast-error-message{color:#64748b;max-width:440px;margin:7px 0 20px;font-size:13px;line-height:1.6}.edit-broadcast-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.edit-broadcast-modal{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:620px;max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 60px #0f172a38}.edit-broadcast-modal-header{border-bottom:1px solid #e5eaf1;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.edit-broadcast-modal-title{color:#0f172a;margin:0;font-size:18px;font-weight:700}.edit-broadcast-modal-close{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,color .2s;display:flex}.edit-broadcast-modal-close:hover{color:#0f172a;background:#f1f5f9}.edit-broadcast-modal-body{flex:1;padding:24px;overflow-y:auto}.edit-broadcast-modal-footer{background:#fff;border-top:1px solid #e5eaf1;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.edit-broadcast-confirm-icon{color:#dc2626;background:#fef2f2;border-radius:13px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:16px;display:flex}.edit-broadcast-confirm-title{color:#0f172a;margin:0;font-size:20px;font-weight:700}.edit-broadcast-confirm-description{color:#64748b;margin:8px 0 0;font-size:13px;line-height:1.6}.edit-broadcast-toast{z-index:2000;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:11px;align-items:center;gap:10px;max-width:420px;padding:13px 16px;font-size:13px;font-weight:600;animation:.25s editBroadcastToastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 30px #0f172a1f}.edit-broadcast-toast.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}@keyframes editBroadcastToastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.edit-broadcast-modal-body::-webkit-scrollbar{width:7px}.edit-broadcast-page::-webkit-scrollbar{width:7px}.edit-broadcast-modal-body::-webkit-scrollbar-track{background:0 0}.edit-broadcast-page::-webkit-scrollbar-track{background:0 0}.edit-broadcast-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.edit-broadcast-page::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.edit-broadcast-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.edit-broadcast-page::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1100px){.edit-broadcast-page{padding:24px}.edit-broadcast-content{grid-template-columns:1fr}.edit-broadcast-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid;position:static}}@media (width<=800px){.edit-broadcast-header{flex-direction:column;align-items:flex-start}.edit-broadcast-header-actions{width:100%}.edit-broadcast-header-actions .edit-broadcast-btn{flex:1}.edit-broadcast-audience-options,.edit-broadcast-sidebar{grid-template-columns:1fr}}@media (width<=600px){.edit-broadcast-page{padding:16px}.edit-broadcast-header{margin-bottom:20px}.edit-broadcast-header-left{gap:12px}.edit-broadcast-back-button{width:42px;min-width:42px;height:42px}.edit-broadcast-title{font-size:22px}.edit-broadcast-header-actions{flex-direction:column}.edit-broadcast-header-actions .edit-broadcast-btn{width:100%}.edit-broadcast-status-bar{flex-direction:column;align-items:flex-start;padding:15px}.edit-broadcast-card-header,.edit-broadcast-card-body,.edit-broadcast-save-card{padding:17px}.edit-broadcast-save-actions{flex-direction:column}.edit-broadcast-save-actions .edit-broadcast-btn{width:100%}.edit-broadcast-modal-overlay{padding:12px}.edit-broadcast-modal{border-radius:14px;max-height:calc(100vh - 24px)}.edit-broadcast-modal-header,.edit-broadcast-modal-body{padding:17px}.edit-broadcast-modal-footer{padding:14px 17px}.edit-broadcast-modal-footer .edit-broadcast-btn{flex:1}.edit-broadcast-toast{max-width:none;bottom:16px;left:16px;right:16px}}@media (width<=400px){.edit-broadcast-page{padding:12px}.edit-broadcast-title{font-size:20px}.edit-broadcast-card{border-radius:12px}.edit-broadcast-form{gap:18px}.edit-broadcast-input,.edit-broadcast-select,.edit-broadcast-datetime{height:44px}}.workspacePage{background:#f8fafc;grid-template-columns:1.2fr 560px;min-height:100vh;display:grid}.workspaceLeft{background:radial-gradient(circle at 0 0,#dbeafe,#f8fafc 70%);justify-content:center;align-items:center;padding:80px;display:flex}.workspaceBrand{max-width:650px}.workspaceBrand .authLogo{justify-content:flex-start;margin-bottom:60px}.workspaceBrand .authLogo span{color:#0f172a;font-size:40px;font-weight:800}.workspaceBrand h1{color:#0f172a;margin-bottom:25px;font-size:72px;font-weight:800;line-height:1.05}.workspaceBrand p{color:#64748b;margin-bottom:45px;font-size:22px;line-height:1.8}.workspaceFeatures{flex-direction:column;gap:18px;display:flex}.feature{color:#0f172a;font-size:18px;font-weight:600}.workspaceRight{justify-content:center;align-items:flex-start;padding:60px 50px;display:flex;overflow-y:auto}.workspaceCard{background:#fff;border-radius:28px;width:100%;padding:46px;box-shadow:0 20px 55px #0f172a14}.step{color:#2563eb;letter-spacing:.18em;margin-bottom:15px;font-size:12px;font-weight:700}.workspaceCard h2{color:#0f172a;margin-bottom:10px;font-size:42px;font-weight:800}.subtitle{color:#64748b;margin-bottom:35px;font-size:18px}.workspaceError{color:#dc2626;background:#fee2e2;border-radius:12px;margin-bottom:20px;padding:14px}.formGroup{margin-bottom:22px}.formGroup label{color:#0f172a;margin-bottom:9px;font-size:14px;font-weight:600;display:block}.formGroup input,.formGroup select{background:#fff;border:1px solid #d7e2f0;border-radius:14px;width:100%;height:58px;padding:0 18px;font-size:15px;transition:all .25s}.formGroup input:focus,.formGroup select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1f}.workspaceBtn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;height:58px;margin-top:10px;font-size:16px;font-weight:700;transition:all .25s}.workspaceBtn:hover{background:#1d4ed8;transform:translateY(-2px)}.workspaceRight::-webkit-scrollbar{width:8px}.workspaceRight::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}@media (width<=1100px){.workspacePage{grid-template-columns:1fr}.workspaceLeft{display:none}.workspaceRight{padding:30px}.workspaceCard{padding:34px}}.verifyCard{text-align:center;background:#fff;border-radius:28px;width:100%;max-width:520px;padding:50px;box-shadow:0 30px 80px #0f172a14}.verifyIcon{color:#10b981;background:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:86px;height:86px;margin:auto auto 28px;font-size:42px;font-weight:700;display:flex}.verifyCard h2{color:#0f172a;margin-bottom:16px;font-size:34px;font-weight:800}.verifyText{color:#64748b;font-size:16px}.verifyEmail{color:#0f172a;word-break:break-all;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:24px 0;padding:16px;font-weight:700}.verifySmall{color:#64748b;margin-bottom:32px;line-height:1.8}.verifyPrimaryBtn{color:#fff;background:#2563eb;border-radius:16px;justify-content:center;align-items:center;width:100%;height:58px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.verifyPrimaryBtn:hover{background:#1d4ed8}.verifySecondaryBtn{cursor:pointer;background:#fff;border:1px solid #dbe3ef;border-radius:16px;width:100%;height:58px;margin-top:16px;font-weight:600;transition:all .25s}.verifySecondaryBtn:hover{background:#f8fafc}.verifyBottom{color:#64748b;margin-top:34px}.verifyBottom a{color:#2563eb;margin-left:8px;font-weight:700;text-decoration:none}@media (width<=768px){.verifyCard{padding:32px 24px}.verifyCard h2{font-size:28px}}.sidebar{background:#fcfcfd;border-right:1px solid #e8edf5;flex-direction:column;flex-shrink:0;width:248px;min-width:248px;height:100vh;transition:all .25s;display:flex;position:sticky;top:0;overflow:hidden}.sidebarHeader{background:#fff;border-bottom:1px solid #eef2f7;flex-shrink:0;justify-content:flex-start;align-items:center;height:72px;padding:0 20px;display:flex;overflow:visible}.authLogo{align-items:center;gap:12px;margin:0;padding:0;line-height:1;display:flex}.authLogo svg{flex-shrink:0;width:34px;height:34px;display:block}.authLogo span{color:#0f172a;margin:0;padding:0;font-size:22px;font-weight:700;line-height:1}.workspaceBox{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;margin:16px;padding:14px;transition:all .2s;display:flex}.workspaceBox:hover{border-color:#cbd5e1;box-shadow:0 8px 18px #0f172a0d}.workspaceAvatar{color:#2563eb;background:#eef4ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.workspaceInfo{flex:1;min-width:0}.workspaceInfo h4{color:#111827;margin:0;font-size:15px;font-weight:700}.workspaceInfo span{color:#64748b;margin-top:3px;font-size:12px;display:block}.workspaceBox svg{color:#94a3b8}.sidebarBody{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.sidebarBody::-webkit-scrollbar{width:5px}.sidebarBody::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:30px}.sidebarNav{padding:4px 12px}.sidebarTitle{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:14px 14px 8px;font-size:11px;font-weight:700}.sidebarItem{color:#475569;border-radius:10px;align-items:center;gap:12px;height:46px;margin-bottom:4px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .18s;display:flex;position:relative}.sidebarItem svg{flex-shrink:0;width:19px;height:19px}.sidebarItem span{white-space:nowrap}.sidebarItem:hover{color:#2563eb;background:#f8fafc}.sidebarItem.active{color:#2563eb;background:#eef4ff}.sidebarItem.active:before{content:"";background:#2563eb;border-radius:30px;width:3px;position:absolute;top:9px;bottom:9px;left:-12px}.sidebarItem svg,.sidebarItem{transition:all .18s}.sidebarItem:hover svg{transform:scale(1.05)}.sidebarUpgrade{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:20px 16px;padding:18px;box-shadow:0 4px 14px #0f172a0a}.upgradeIcon{color:#2563eb;background:#eef4ff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:14px;display:flex}.sidebarUpgrade h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.sidebarUpgrade p{color:#64748b;margin:10px 0 18px;font-size:12px;line-height:1.6}.sidebarUpgrade button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;width:100%;height:40px;font-size:14px;font-weight:600;transition:all .2s}.sidebarUpgrade button:hover{background:#1d4ed8;transform:translateY(-1px)}.sidebarFooter{background:#fff;border-top:1px solid #eef2f7;flex-shrink:0;padding:16px}.logoutButton{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:42px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.logoutButton:hover{background:#fee2e2}.logoutButton svg{width:18px;height:18px}@media (width<=768px){.sidebar{z-index:99999!important;opacity:1!important;visibility:visible!important;width:280px!important;height:100vh!important;transition:transform .3s!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.sidebar.open{transform:translate(0)!important}.workspaceBox,.sidebarUpgrade{margin:14px}}@media (width>=769px) and (width<=1100px){.sidebar{width:220px;min-width:220px}.sidebarHeader{padding:0 16px}.sidebarHeader .authLogo span{font-size:20px}.workspaceBox{margin:12px}.sidebarNav{padding:4px 10px}}@media (width>=1101px) and (width<=1400px){.sidebar{width:236px;min-width:236px}}@media (height<=760px){.sidebarHeader{height:64px}.workspaceBox{margin:12px;padding:12px}.workspaceAvatar{width:36px;height:36px}.sidebarItem{height:42px;font-size:13px}.sidebarUpgrade{margin:12px;padding:14px}.sidebarUpgrade p{display:none}.sidebarUpgrade button{margin-top:12px}}.sidebar *{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}.topbar{z-index:999;background:#fff;border-bottom:1px solid #e8edf5;flex-shrink:0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.topbarDesktop{justify-content:space-between;align-items:center;width:100%;display:flex}.topbarLeft{flex:1;align-items:center;gap:18px;display:flex}.searchWrapper{width:100%;max-width:460px}.topbarSearch{background:#fafbfc;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:12px;height:44px;padding:0 16px;transition:all .2s;display:flex}.topbarSearch:hover{border-color:#cbd5e1}.topbarSearch:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.topbarSearch svg{color:#94a3b8;flex-shrink:0}.topbarSearch input{background:0 0;border:none;outline:none;flex:1;font-size:14px}.topbarSearch input::placeholder{color:#94a3b8}.topbarRight{align-items:center;gap:12px;margin-left:24px;display:flex}.newButton{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600;display:flex}.newButton:hover{background:#1d4ed8}.iconButton{cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.iconButton:hover{color:#2563eb;background:#eef4ff}.notificationDot{background:#ef4444;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.profileBox{cursor:pointer;align-items:center;gap:10px;display:flex}.profileAvatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:15px;font-weight:700;display:flex}.profileInfo h4{color:#111827;margin:0;font-size:14px}.profileInfo span{color:#64748b;margin-top:3px;font-size:12px;display:block}.mobileHeader,.mobileSearch,.mobileLogo,.mobileActions,.mobileMenuBtn{display:none}@media (width<=1200px){.profileInfo{display:none}}@media (width<=768px){.topbar{z-index:9999;flex-direction:column;justify-content:center;align-items:stretch;gap:14px;height:auto;padding:14px;display:flex;position:sticky;top:0}.topbarDesktop{display:none}.mobileHeader{justify-content:space-between;align-items:center;width:100%;display:flex}.mobileMenuBtn{cursor:pointer;color:#475569;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.mobileMenuBtn:hover{color:#2563eb;background:#eef4ff}.mobileLogo{flex:1;justify-content:center;align-items:center;display:flex}.mobileLogo .authLogo{margin:0}.mobileActions{align-items:center;gap:10px;display:flex}.mobileSearch{width:100%;display:block}.mobileSearch .topbarSearch{width:100%}}@media (width<=480px){.topbar{padding:12px}.iconButton,.mobileMenuBtn{width:38px;height:38px}.profileAvatar{width:38px;height:38px;font-size:13px}.topbarSearch{height:42px}}@media (width>=1600px){.searchWrapper{max-width:560px}}.topbar *{transition:background .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}.dashboardLayout{background:#f5f7fb;height:100vh;display:flex;overflow:hidden}.dashboardMain{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.dashboardPage{background:#f5f7fb;flex:1;min-height:0;padding:24px;overflow:hidden auto}.dashboardPage::-webkit-scrollbar{width:8px}.dashboardPage::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.sidebarOverlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a73;animation:.25s fadeOverlay;position:fixed;inset:0}@media (width<=1024px){.dashboardPage{padding:20px}}@media (width<=768px){.dashboardLayout{min-height:100vh;display:block;overflow:visible}.dashboardMain{min-height:100vh;overflow:visible}.dashboardPage{background:#f5f7fb;padding:16px;overflow:hidden auto}}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}
