@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_d8ebd1{font-family:Inter,Inter Fallback;font-style:normal}.__variable_d8ebd1{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/98848575513c9742-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7b0b24f36b1a6d0b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Fallback;src:local("Arial");ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.00%;size-adjust:99.82%}.__className_a80a2d{font-family:Outfit,Outfit Fallback;font-style:normal}.__variable_a80a2d{--font-outfit:"Outfit","Outfit Fallback"}.marketing-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-inter);position:relative;overflow-x:hidden}.ambient-glow-top{top:0;width:1000px;height:520px;background:radial-gradient(circle at 50% 20%,rgba(2,132,199,.15),rgba(79,70,229,.08) 50%,transparent 75%)}.ambient-glow-bottom,.ambient-glow-top{position:absolute;left:50%;transform:translateX(-50%);max-width:100vw;pointer-events:none;z-index:0}.ambient-glow-bottom{bottom:0;width:900px;height:480px;background:radial-gradient(circle at 50% 80%,rgba(13,148,136,.12),rgba(2,132,199,.06) 50%,transparent 75%)}.marketing-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:rgba(255,255,255,.85);border-bottom:1px solid rgba(226,232,240,.8);transition:all var(--transition-base)}.marketing-header-inner{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand-link{gap:10px;text-decoration:none;color:var(--color-text-primary)}.brand-icon-box,.brand-link{display:flex;align-items:center}.brand-icon-box{width:38px;height:38px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#ffffff;justify-content:center;box-shadow:0 4px 12px rgba(2,132,199,.3);position:relative}.brand-text-wrap{display:flex;flex-direction:column}.brand-title{font-family:var(--font-outfit);font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.1}.brand-subtitle{font-size:.6875rem;color:var(--color-text-tertiary);font-weight:500;letter-spacing:.03em;text-transform:uppercase}.marketing-nav-links{display:flex;align-items:center;gap:28px;list-style:none}.nav-link-item{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);padding:6px 2px;position:relative}.nav-link-item.active,.nav-link-item:hover{color:var(--color-primary)}.nav-link-item.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:var(--radius-full)}.marketing-nav-actions{display:flex;align-items:center;gap:12px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:8px;border-radius:var(--radius-md)}.mobile-drawer{display:none;flex-direction:column;padding:20px 24px 28px;background:var(--color-surface);border-bottom:1px solid var(--color-border);gap:16px}@media (max-width:860px){.marketing-nav-actions,.marketing-nav-links{display:none}.mobile-menu-btn{display:block}.mobile-drawer.open{display:flex}}.marketing-section{position:relative;z-index:1;padding:80px 24px}.marketing-section-lg{padding:110px 24px}.marketing-container{max-width:1240px;margin:0 auto}.marketing-container-sm{max-width:840px;margin:0 auto}.hero-wrapper{text-align:center;padding-top:48px;padding-bottom:40px}.announcement-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:var(--radius-full);background:rgba(2,132,199,.08);border:1px solid rgba(2,132,199,.2);color:var(--color-primary-dark);font-size:.8125rem;font-weight:600;margin-bottom:24px;transition:all var(--transition-fast)}.announcement-pill:hover{background:rgba(2,132,199,.12);border-color:rgba(2,132,199,.35)}.hero-heading{font-size:clamp(2.3rem,5vw,4rem);font-weight:800;line-height:1.12;letter-spacing:-.03em;margin-bottom:20px;color:var(--color-text-primary)}.hero-heading .gradient-text{background:linear-gradient(135deg,#0284c7,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subheading{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.6;color:var(--color-text-secondary);max-width:760px;margin:0 auto 36px}.hero-cta-group{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:32px}.btn-cta-primary,.hero-cta-group{align-items:center;justify-content:center}.btn-cta-primary{display:inline-flex;gap:8px;padding:14px 28px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#ffffff;font-family:var(--font-outfit);font-size:1rem;font-weight:600;text-decoration:none;box-shadow:0 4px 18px rgba(2,132,199,.35);transition:all var(--transition-fast);border:none;cursor:pointer}.btn-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,132,199,.45)}.btn-cta-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-family:var(--font-outfit);font-size:1rem;font-weight:600;text-decoration:none;border:1px solid var(--color-border-strong);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer}.btn-cta-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.hero-trust-strip{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:56px}.hero-trust-item{display:inline-flex;align-items:center;gap:6px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-bottom:60px}.stat-pill-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 20px;text-align:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.stat-pill-card:hover{border-color:rgba(2,132,199,.3);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{font-family:var(--font-outfit);font-size:2.25rem;font-weight:800;color:var(--color-primary);line-height:1.1;margin-bottom:6px}.stat-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.hero-mockup-container{position:relative;max-width:1100px;margin:0 auto;border-radius:var(--radius-xl);padding:10px;background:linear-gradient(135deg,rgba(2,132,199,.25),rgba(79,70,229,.15));box-shadow:0 25px 60px -15px rgba(2,132,199,.2),0 10px 30px rgba(15,23,42,.08)}.hero-mockup-inner{border-radius:calc(var(--radius-xl) - 4px);overflow:hidden;background:#090e17;position:relative}.hero-mockup-img{width:100%;height:auto;display:block;transition:transform var(--transition-slow)}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-tag{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:var(--color-primary-subtle);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:12px}.section-title{font-size:clamp(1.85rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:16px}.section-subtitle{font-size:1.0625rem;line-height:1.6;color:var(--color-text-secondary)}.video-demo-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.video-tabs-bar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);overflow-x:auto;padding:8px 12px 0}.video-tab-btn,.video-tabs-bar{display:flex;align-items:center;gap:8px}.video-tab-btn{padding:10px 18px;font-family:var(--font-outfit);font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.video-tab-btn.active,.video-tab-btn:hover{color:var(--color-primary)}.video-tab-btn.active{background:var(--color-surface);border-bottom:1px solid var(--color-border);border:1px solid var(--color-border);border-bottom-color:var(--color-surface);margin-bottom:-1px}.video-screen-viewport{position:relative;aspect-ratio:16/9;background:#090e17;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-screen-bg{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity var(--transition-base)}.video-screen-overlay{inset:0;background:linear-gradient(180deg,rgba(9,14,23,.4),rgba(9,14,23,.8));flex-direction:column;justify-content:space-between;padding:32px}.video-play-center,.video-screen-overlay{position:absolute;display:flex;color:#ffffff}.video-play-center{top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:var(--radius-full);background:rgba(2,132,199,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;justify-content:center;border:3px solid rgba(255,255,255,.4);box-shadow:0 0 32px rgba(2,132,199,.6);cursor:pointer;transition:all var(--transition-fast)}.video-play-center:hover{transform:translate(-50%,-50%) scale(1.08);background:var(--color-primary);box-shadow:0 0 44px rgba(2,132,199,.8)}.video-controls-bottom{display:flex;align-items:center;gap:16px;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 20px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.12)}.video-progress-bar{flex:1 1;height:6px;background:rgba(255,255,255,.2);border-radius:var(--radius-full);overflow:hidden;position:relative;cursor:pointer}.video-progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .15s linear}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:28px;gap:28px}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-4px);border-color:rgba(2,132,199,.3);box-shadow:var(--shadow-lg)}.feature-icon-wrapper{width:52px;height:52px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:10px;color:var(--color-text-primary)}.feature-desc{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);flex:1 1;margin-bottom:16px}.feature-list{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.8125rem;color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:16px}.feature-list-item{display:flex;align-items:center;gap:8px}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px}@media (max-width:768px){.comparison-grid{grid-template-columns:1fr}}.comparison-box{border-radius:var(--radius-xl);padding:36px 32px;border:1px solid var(--color-border)}.comparison-box.traditional{background:rgba(239,68,68,.03);border-color:rgba(239,68,68,.2)}.comparison-box.docly{background:rgba(2,132,199,.04);border:2px solid var(--color-primary);box-shadow:0 8px 30px rgba(2,132,199,.12);position:relative}.comparison-badge{display:inline-block;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:16px}.comparison-badge.bad{background:rgba(239,68,68,.12);color:var(--color-error)}.comparison-badge.good{background:var(--color-primary-subtle);color:var(--color-primary)}.billing-interval-toggle{background:var(--color-bg-secondary);border:1px solid var(--color-border);padding:4px;gap:4px;margin-bottom:48px}.billing-interval-toggle,.toggle-opt-btn{display:inline-flex;align-items:center;border-radius:var(--radius-full)}.toggle-opt-btn{padding:8px 18px;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);gap:8px}.toggle-opt-btn.active{background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-sm)}.discount-tag{background:var(--color-success-subtle);color:var(--color-success);font-size:.6875rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.pricing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;align-items:stretch;margin-bottom:64px}.pricing-plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:32px 28px;display:flex;flex-direction:column;position:relative;transition:all var(--transition-fast)}.pricing-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-plan-card.recommended{border:2px solid var(--color-primary);box-shadow:0 12px 36px rgba(2,132,199,.15)}.recommended-ribbon{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#ffffff;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:4px 16px;border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(2,132,199,.4)}.plan-price-block{margin:20px 0}.plan-price-val{font-family:var(--font-outfit);font-size:2.75rem;font-weight:800;color:var(--color-text-primary);line-height:1}.plan-price-period{font-size:.875rem;color:var(--color-text-tertiary);margin-left:4px}.plan-features-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:24px 0 32px;flex:1 1;font-size:.875rem;color:var(--color-text-secondary)}.plan-feature-item{display:flex;align-items:flex-start;gap:10px}.check-icon{color:var(--color-success);flex-shrink:0;margin-top:2px}.contact-layout{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:48px;gap:48px;align-items:start}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}}.contact-info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-sm)}.contact-channel-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border)}.contact-channel-item:last-child{border-bottom:none}.channel-icon-box{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-primary-subtle);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.contact-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:40px;box-shadow:var(--shadow-md)}.form-group-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:600px){.form-group-grid{grid-template-columns:1fr}}.legal-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:48px 56px;box-shadow:var(--shadow-sm);margin-bottom:60px}@media (max-width:640px){.legal-wrapper{padding:32px 20px}}.legal-header{border-bottom:1px solid var(--color-border);padding-bottom:24px;margin-bottom:36px}.legal-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--color-primary);background:var(--color-primary-subtle);padding:4px 12px;border-radius:var(--radius-full);margin-bottom:12px}.legal-prose h2{font-size:1.5rem;font-weight:700;margin-top:36px;margin-bottom:14px;color:var(--color-text-primary)}.legal-prose p{font-size:.9375rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:16px}.legal-prose ul{padding-left:24px;margin-bottom:20px}.legal-prose li{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:8px}.legal-callout{background:rgba(2,132,199,.05);border-left:4px solid var(--color-primary);padding:18px 22px;border-radius:0 var(--radius-md) var(--radius-md) 0;margin:24px 0}.legal-callout p{margin-bottom:0;font-size:.9375rem;color:var(--color-text-primary)}.faq-list{display:flex;flex-direction:column;gap:16px;max-width:820px;margin:0 auto}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.faq-item:hover{border-color:var(--color-border-strong)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;text-align:left;font-family:var(--font-outfit);font-size:1.0625rem;font-weight:600;color:var(--color-text-primary);cursor:pointer;gap:16px}.faq-answer{font-size:.9375rem;line-height:1.65;color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding:16px 24px 20px}.marketing-footer{background:#090e17;color:#94a3b8;padding:72px 24px 36px;border-top:1px solid #1e2c44;position:relative;z-index:1}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:48px;gap:48px;margin-bottom:56px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:36px}}@media (max-width:540px){.footer-grid{grid-template-columns:1fr}}.footer-col-title{font-family:var(--font-outfit);font-size:.875rem;font-weight:700;color:#ffffff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:20px}.footer-links-list{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-link{font-size:.875rem;color:#94a3b8;text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary-light)}.footer-bottom{border-top:1px solid #1e2c44;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.8125rem}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap");:root{--color-primary:#0284c7;--color-primary-dark:#0369a1;--color-primary-light:#38bdf8;--color-primary-subtle:rgba(2,132,199,0.08);--color-secondary:#4f46e5;--color-accent:#0d9488;--color-accent-subtle:rgba(13,148,136,0.08);--color-success:#059669;--color-success-subtle:rgba(5,150,105,0.1);--color-warning:#d97706;--color-warning-subtle:rgba(217,119,6,0.1);--color-error:#dc2626;--color-error-subtle:rgba(220,38,38,0.1);--color-info:#2563eb;--color-info-subtle:rgba(37,99,235,0.1);--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#ffffff;--sidebar-width:260px;--sidebar-width-collapsed:76px;--sidebar-bg:#0b1329;--sidebar-text:#94a3b8;--sidebar-text-active:#ffffff;--sidebar-accent:#38bdf8;--sidebar-hover:rgba(255,255,255,0.06);--sidebar-active-bg:rgba(56,189,248,0.12);--channel-whatsapp:#16a34a;--channel-whatsapp-bg:#dcfce7;--channel-instagram:#d946ef;--channel-instagram-bg:#fdf2f8;--channel-messenger:#2563eb;--channel-messenger-bg:#eff6ff;--channel-website:#0284c7;--channel-website-bg:#f0f9ff;--channel-email:#64748b;--channel-email-bg:#f8fafc;--channel-phone:#f59e0b;--channel-phone-bg:#fffbeb;--shadow-xs:0 1px 2px rgba(15,23,42,0.04);--shadow-sm:0 1px 3px rgba(15,23,42,0.08),0 1px 2px rgba(15,23,42,0.04);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.07),0 2px 4px -1px rgba(15,23,42,0.04);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -2px rgba(15,23,42,0.04);--shadow-xl:0 20px 25px -5px rgba(15,23,42,0.1),0 10px 10px -5px rgba(15,23,42,0.04);--shadow-glow:0 0 24px rgba(2,132,199,0.18);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--font-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-outfit:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.dark,[data-theme=dark]{--color-bg:#090e17;--color-bg-secondary:#101726;--color-surface:#141d30;--color-surface-elevated:#1a253c;--color-border:#1e2c44;--color-border-strong:#2a3c5a;--color-text-primary:#f8fafc;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--sidebar-bg:#070b14}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-inter);font-size:.875rem;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100px;left:16px;background:var(--color-primary);color:#ffffff;padding:10px 16px;border-radius:var(--radius-md);font-weight:600;z-index:9999;text-decoration:none;transition:top var(--transition-fast)}.skip-link:focus{top:16px}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit);font-weight:600;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.015em}.dashboard-layout{display:flex;min-height:100vh;background:var(--color-bg)}.main-content{margin-left:var(--sidebar-width);flex:1 1;min-width:0;display:flex;flex-direction:column;min-height:100vh;transition:margin-left var(--transition-base)}.main-content.sidebar-collapsed{margin-left:var(--sidebar-width-collapsed)}.page-content{flex:1 1;padding:28px 32px;max-width:1400px;width:100%;margin:0 auto}@media (max-width:1024px){.page-content{padding:20px 24px}}@media (max-width:768px){.main-content{margin-left:0!important}.page-content{padding:16px}}.top-header{height:60px;background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:40;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mobile-nav-toggle{display:none;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:8px;cursor:pointer;color:var(--color-text-primary)}@media (max-width:768px){.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center}}.mobile-overlay{display:none}@media (max-width:768px){.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(11,19,41,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.mobile-overlay.active{opacity:1;pointer-events:auto}.sidebar{transform:translateX(-100%);z-index:100}.sidebar.mobile-open{transform:translateX(0)}}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:width var(--transition-base),transform var(--transition-base);border-right:1px solid rgba(255,255,255,.07)}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar-logo-mark{width:36px;height:36px;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;box-shadow:0 4px 12px rgba(2,132,199,.3)}.sidebar-logo-mark,.sidebar-logo-text{font-weight:700;color:#ffffff;font-family:var(--font-outfit)}.sidebar-logo-text{font-size:1.0625rem;letter-spacing:-.02em;line-height:1.2}.sidebar-logo-text span{display:block;font-size:.65rem;font-weight:500;color:var(--sidebar-text);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.sidebar-nav{flex:1 1;padding:16px 12px;overflow-y:auto;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-section{margin-bottom:20px}.sidebar-section-label{font-size:.6875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(148,163,184,.6);padding:8px 12px 6px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-md);color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;margin-bottom:2px;position:relative}.sidebar-item:hover{background:var(--sidebar-hover);color:var(--sidebar-text-active)}.sidebar-item.active{background:var(--sidebar-active-bg);color:var(--sidebar-accent);font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:var(--sidebar-accent);border-radius:0 4px 4px 0}.sidebar-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem}.sidebar-item-badge{margin-left:auto;background:var(--color-primary);color:#ffffff;font-size:.6875rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-full)}.sidebar-footer{padding:14px;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--sidebar-hover)}.sidebar-avatar{width:34px;height:34px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;color:#ffffff;flex-shrink:0}.sidebar-user-name{font-size:.8125rem;font-weight:600;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.6875rem;color:var(--sidebar-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-inter);font-weight:600;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin,.btn-spinner{animation:spin .8s linear infinite!important;display:inline-block;flex-shrink:0}.btn-sm{padding:7px 12px;font-size:.75rem;height:32px}.btn-md{padding:9px 16px;font-size:.875rem;height:38px}.btn-lg{padding:12px 22px;font-size:.9375rem;height:44px;border-radius:var(--radius-lg)}.btn-primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary);box-shadow:0 1px 2px rgba(2,132,199,.2)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 4px 12px rgba(2,132,199,.25);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-subtle)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-danger{background:var(--color-error);color:#ffffff;border-color:var(--color-error)}.btn-danger:hover{background:#b91c1c;box-shadow:0 4px 12px rgba(220,38,38,.25)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.form-label{font-size:.8125rem;font-weight:600;color:var(--color-text-primary);display:flex;align-items:center;justify-content:space-between}.form-required{color:var(--color-error);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 13px;font-size:.875rem;font-family:var(--font-inter);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-tertiary)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:not-allowed}.form-input.has-error,.form-select.has-error{border-color:var(--color-error)}.form-input.has-error:focus{box-shadow:0 0 0 3px var(--color-error-subtle)}.form-error-msg{font-size:.75rem;color:var(--color-error);display:flex;align-items:center;gap:4px}.form-hint{font-size:.75rem;color:var(--color-text-tertiary)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{border-color:var(--color-border-strong)}.card-elevated{box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:12px}.card-title{font-family:var(--font-outfit);font-size:1.0625rem;font-weight:600;color:var(--color-text-primary)}.card-description{font-size:.8125rem;color:var(--color-text-secondary);margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;line-height:1.2;white-space:nowrap}.badge,.badge-dot{border-radius:var(--radius-full)}.badge-dot{width:6px;height:6px}.badge-confirmed{background:var(--color-success-subtle);color:var(--color-success)}.badge-confirmed .badge-dot{background:var(--color-success)}.badge-pending{background:var(--color-warning-subtle);color:var(--color-warning)}.badge-pending .badge-dot{background:var(--color-warning)}.badge-canceled{background:var(--color-error-subtle);color:var(--color-error)}.badge-canceled .badge-dot{background:var(--color-error)}.badge-completed{background:rgba(79,70,229,.1);color:var(--color-secondary)}.badge-completed .badge-dot{background:var(--color-secondary)}.badge-info{background:var(--color-info-subtle);color:var(--color-info)}.badge-info .badge-dot{background:var(--color-info)}.badge-neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.badge-neutral .badge-dot{background:var(--color-text-tertiary)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface)}.table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}.table th{background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:12px 16px;white-space:nowrap}.table td,.table th{border-bottom:1px solid var(--color-border)}.table td{padding:14px 16px;color:var(--color-text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--transition-fast)}.table tbody tr:hover{background-color:rgba(2,132,199,.02)}.modal-backdrop{position:fixed;inset:0;background:rgba(11,19,41,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:modal-fade-in .18s ease-out}.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:540px;overflow:hidden;animation:modal-scale-in .2s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-outfit);font-size:1.125rem;font-weight:700}.modal-close-btn{background:transparent;border:none;font-size:1.25rem;color:var(--color-text-tertiary);cursor:pointer;padding:4px;line-height:1;border-radius:var(--radius-sm);transition:color var(--transition-fast)}.modal-close-btn:hover{color:var(--color-text-primary)}.modal-body{padding:24px;max-height:70vh;overflow-y:auto}.modal-footer{padding:16px 24px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:12px}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-scale-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.empty-state{flex-direction:column;padding:56px 24px;text-align:center}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:60px;height:60px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);font-size:1.75rem;margin-bottom:16px;color:var(--color-text-tertiary)}.empty-state-title{font-family:var(--font-outfit);font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin-bottom:6px}.empty-state-description{font-size:.875rem;color:var(--color-text-secondary);max-width:400px;margin-bottom:20px}.skeleton-box{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-bg-secondary) 50%,var(--color-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:2000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:.875rem;font-weight:500;color:var(--color-text-primary);animation:toast-in .22s cubic-bezier(.16,1,.3,1);min-width:280px;max-width:420px}.toast-success{border-left:4px solid var(--color-success)}.toast-error{border-left:4px solid var(--color-error)}.toast-info{border-left:4px solid var(--color-info)}.toast-warning{border-left:4px solid var(--color-warning)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1}.w-full{width:100%}.h-full{height:100%}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}@media (max-width:1024px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.animate-fade-in{animation:fade-in .22s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}