:root{color:#173448;background:#f5f7f8;font-family:Manrope,Arial,sans-serif}body{background:#f5f7f8;font-family:Manrope,Arial,sans-serif}.platform{background:#f5f7f8;padding-top:0}.sidebar{color:#91a7b8;background:#061c32;border-right:1px solid #26445c50;width:238px;padding:27px 17px 0;inset:0 auto 0 0}.sender-brand{padding:0 14px 24px;display:block}.sender-brand .flow-wordmark>img{width:146px;height:42px}.sender-brand .flow-wordmark>span{font-size:10px}.workspace{background:#ffffff04;border-color:#314b5d50;border-radius:10px;margin:0 7px 25px;padding:11px}.workspace-avatar{color:#48c6b7;background:#00a8a820;border:1px solid #00a8a830}.workspace strong{font-size:11px;font-weight:600}.workspace small{color:#718e9f;font-size:9px}.nav-caption{letter-spacing:1.7px;color:#58788d;margin-bottom:12px;padding-left:18px;font-size:8px}.sidebar nav{scrollbar-width:thin;scrollbar-color:#214457 transparent;overflow:auto}.sidebar nav button{color:#8ca8ba;border-radius:7px;gap:12px;min-height:41px;margin-bottom:3px;padding:11px 15px;font-size:11px;transition:background .15s,color .15s}.sidebar nav button svg{opacity:.8;width:16px;height:16px}.sidebar nav button.active{color:#5edace;background:#00a8a818;border:1px solid #00a8a82a;padding:10px 14px}.sidebar nav button:hover{color:#e5f3f3;background:#ffffff06}.sidebar nav button b{color:#efffff;background:#00a8a8;font-size:9px}.sidebar-bottom{margin-top:auto;padding:16px 7px 0}.support{color:#688c9e;border-top:1px solid #31536c35;padding:16px 0}.support strong{color:#8eacbb;font-size:10px}.support small{font-size:8px}.profile{border-top:1px solid #31536c35;padding:16px 0}.profile strong{font-size:10px}.profile small{color:#688b9e;font-size:9px}.avatar{color:#c0d9df;background:#203b50;border-radius:9px;font-size:10px;font-weight:600}.main{margin-left:238px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#f5f7f8de;border-bottom:1px solid #e2e9eb;height:70px;padding:0 37px;position:sticky;top:0}.breadcrumb{color:#91a2ad;gap:10px;font-size:10px}.breadcrumb strong{color:#506c7e;font-weight:600}.connection{color:#758e98;font-size:9px}.connection i{box-shadow:none;background:#00a8a8}.page-content{max-width:1450px;margin:auto;padding:36px 37px}.page-heading{align-items:center;margin-bottom:27px}.page-heading h1{letter-spacing:-1.2px;color:#133449;font-size:29px;font-weight:600;line-height:1.25}.page-heading p{color:#8195a2;margin-top:9px;font-size:11px}.eyebrow{letter-spacing:1.6px;color:#78909d;margin-bottom:9px;font-size:8px;font-weight:700}.primary{background:#009d9d;border:1px solid #009794;border-radius:9px;padding:12px 17px;font-size:11px;box-shadow:0 3px 7px #009c9b12}.secondary{color:#426376;box-shadow:none;border-color:#d9e3e6;border-radius:8px;font-size:11px}.text-button{color:#078b87;font-size:10px}.metrics{gap:16px;margin-bottom:24px}.metric{background:#fff;border:1px solid #e0e7e9;border-radius:12px;min-height:143px;padding:22px;box-shadow:0 4px 20px #002b4502}.metric-label{color:#7d949e;letter-spacing:0;font-size:10px;font-weight:500}.metric-label svg{color:#9ab1b7;width:15px;height:15px}.metric>strong{color:#16394b;letter-spacing:-1.3px;margin:15px 0 8px;font-size:29px;font-weight:600;line-height:1.2}.metric>small{color:#94a5ae;font-size:9px}.overview-grid{grid-template-columns:1.3fr 1fr;gap:20px;margin-bottom:24px}.card{box-shadow:none;background:#fff;border:1px solid #dfe7e9;border-radius:13px;padding:25px}.card h2{letter-spacing:-.4px;color:#244a5e;font-size:15px;font-weight:650}.section-heading>div>p,.section-heading>p{color:#839aa4;margin-top:6px;font-size:10px}.next-campaign{background:linear-gradient(115deg,#073148,#0c4051);border-color:#224c5c;min-height:238px;position:relative;overflow:hidden}.next-campaign .eyebrow{color:#68b0b1;margin-bottom:15px;font-size:8px}.next-campaign h2{color:#e0f0f2;letter-spacing:-.9px;font-size:25px;font-weight:500;line-height:1.4}.next-campaign p{color:#8db5bf;z-index:1;margin-top:10px;font-size:10px;line-height:1.9;position:relative}.next-campaign .secondary{color:#bde8e3;background:#55b8b51c;border-color:#49a5a454;margin-top:22px;font-size:10px}.message-decoration{opacity:.55;width:160px;right:18px;transform:rotate(-8deg)}.message-decoration span{color:#a8d1d6;font-size:11px}.message-decoration i{box-shadow:none;background:#00a8a820}.checklist{padding:24px}.checklist .section-heading{margin-bottom:15px}.checklist .section-heading h2{font-size:13px}.checklist .muted{color:#8aa0ab;font-size:9px}.checklist>button{border-color:#eaf0f1;padding:13px 0}.step-number{color:#48968e;background:#eff7f5;border:1px solid #dbe9e8;border-radius:9px;width:30px;height:32px;font-size:10px}.checklist>button strong{color:#345769;font-size:11px;font-weight:600}.checklist>button small{color:#96a6b0;margin-top:4px;font-size:9px}.checklist>button>svg{color:#a9b9c2;width:13px}.table-wrap{overflow-x:auto}.table-wrap table{font-size:10px}.table-wrap th{color:#8c9fa9;letter-spacing:.6px;background:#f7f9f9;border-color:#edf1f3;padding:14px 15px;font-size:8px;font-weight:600}.table-wrap td{color:#5c7989;border-color:#edf1f3;padding:17px 15px}.table-wrap td strong{color:#244b60;font-size:10px;font-weight:600}.table-wrap td small{color:#9babb4;margin-top:5px;font-size:8px}.row-actions{flex-wrap:wrap;gap:8px}.row-actions button{color:#07928c;white-space:nowrap;border:1px solid #d7ebe6;border-radius:5px;padding:5px 8px;font-size:9px}.status{white-space:nowrap;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:600}.status-approved,.status-completed,.status-confirmed{color:#44957a;background:#e8f5ef}.status-pending{color:#ac8c45;background:#fff6e6}.status-cancelled,.status-rejected{color:#b27474;background:#f8eded}.status i{width:3px;height:3px}.card-footnote,.platform-footer{color:#97abb5;font-size:8px}.platform-footer{border-color:#e1e9ec;padding:25px 0 0}.platform-footer>span{font-size:8px}.notices{margin-top:20px}.search{color:#90a7b2;background:#fafcfc;border-color:#e4ebed}.search input{font-size:10px}.modal-backdrop{z-index:2100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#001d3a66}.modal{border:1px solid #d3e5e7;border-radius:17px;box-shadow:0 30px 100px #001b3a30}.modal h2{letter-spacing:-.7px;color:#234b5d;font-size:23px}.modal p{color:#8097a3;font-size:11px;line-height:1.7}.modal label{color:#496c7c;font-size:11px}.modal input,.modal select,.modal textarea{border-color:#dce7e9;border-radius:8px;font-size:12px}.studio h2{font-size:17px}.studio .card,.links-workspace .card{margin-bottom:20px}.studio .media-tabs,.studio .studio-tabs{background:#f1f6f6;border-color:#e1ebed}.studio label,.links-workspace label{font-size:11px}.studio input,.studio select,.studio textarea,.links-workspace input{border-color:#dce6e8;border-radius:7px;font-size:12px}.studio .feedback,.feedback{color:#448572;background:#eaf6f1;border-color:#cce8dd;font-size:11px}.studio .card-footnote{font-size:9px}.studio .dropzone,.studio .file-dropzone{background:#f8fbfa;border-color:#cddfdd}.sender-brand{text-decoration:none}.page-heading .primary svg{width:15px}.pagination{font-size:10px}.settings-grid h3,.brand-preview h2{font-size:18px}@media (width>=1600px){.page-content{padding-top:45px}.page-heading h1{font-size:34px}.metric{min-height:155px}.next-campaign{min-height:270px}.next-campaign h2{font-size:29px}.table-wrap td{padding:20px 15px}}@media (width<=1000px){.metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.page-content{padding:28px 24px}.topbar{padding:0 24px}.message-decoration{right:40px}}@media (width<=650px){.sidebar{inset:0 auto 0 0}.main{margin-left:0}.topbar{height:60px;top:0}.page-content{padding:24px 18px}.page-heading h1{font-size:24px}.page-heading{align-items:flex-start;gap:15px}.page-heading .primary{white-space:nowrap;gap:5px;padding:10px;font-size:9px}.metric{min-height:127px;padding:16px}.metric>strong{font-size:25px}.metric>small{font-size:8px}.metrics{gap:10px}.card{padding:20px}.next-campaign h2{font-size:23px}.message-decoration,.connection{display:none}.modal{max-height:calc(100dvh - 70px)}.sidebar-overlay{top:0}.platform-footer{display:block}}.modal-overlay{z-index:2100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#001d3a66}.page-footer{color:#97abb5;padding-top:25px;font-size:8px}.sidebar .flow-logo-crop{width:150px;height:44px}.sidebar .flow-wordmark>span:last-child{padding-top:3px}.platform .primary{background:color-mix(in srgb, var(--brand,#009d9d) 88%, #07515a);border-color:var(--brand,#009d9d)}.flow-wordmark{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.brand-filter{pointer-events:none;position:absolute}.flow-wordmark .flow-logo-crop{width:150px;height:44px;display:block;position:relative;overflow:hidden}.wordmark .flow-logo-crop img{object-fit:initial;border-radius:0;width:129.47%;max-width:none;height:auto;position:absolute;top:-161.82%;left:-14.74%}.flow-product-name{color:#859dab;letter-spacing:1px;font-size:10px;font-weight:600;line-height:1.5}.sidebar .wordmark{min-height:84px;padding:0 14px 24px}.sidebar .wordmark:has(.flow-wordmark){display:block}.login-story{background:radial-gradient(at 100% 90%,#0b3e4a 0,#0000 58%),#061c32}.login-story h1{font-weight:500;line-height:1.16}.login-story em{color:#45c8bd}.login-story>.eyebrow{color:#28d0c0}.login-watermark{opacity:.08;aspect-ratio:1.8;mix-blend-mode:screen;width:min(600px,100%);top:65%;right:-15%;transform:rotate(-15deg)}.login-watermark img{object-fit:cover}.login-main{background:#f5f7f8}.login-card h2{color:#133449;font-weight:600}.login-card .primary{background:#009d9d}.login-card input{border-color:#dce7e9;border-radius:8px}.login-note{border-color:#dfe7e9}.sidebar nav button.active{border-color:color-mix(in srgb, var(--brand,#00a8a8) 24%, transparent)}@media (width<=650px){.sidebar{width:238px}.login-story .wordmark{margin-bottom:28px}.login-story{padding-bottom:28px}.login-main{padding-bottom:75px}.main{margin-left:0}.mobile-toggle{display:flex}}@media (prefers-reduced-motion:reduce){.sidebar,.primary,.sidebar nav button{transition:none}}.wordmark .flow-logo-crop img{max-height:none}#lovable-badge,#lovable-badge-cta,#lovable-badge-close{display:none!important}.login-watermark{aspect-ratio:auto;opacity:.12;mix-blend-mode:normal;width:880px;height:530px;top:auto;bottom:-5px;right:-220px;overflow:hidden;transform:none}.login-watermark img{object-fit:initial;filter:url(#login-waves-clear);width:182%;max-width:none;height:auto;position:absolute;top:-55%;left:-41%}.message-decoration{opacity:1;background:#133f50;border:1px solid #3a7880;transform:rotate(-5deg);box-shadow:0 12px 28px #001c3025}.message-decoration>span{color:#e0f2f1;font-size:12px;font-weight:500;line-height:1.6}.message-decoration>svg{color:#51d8c8}@media (width<=1200px) and (width>=1001px){.next-campaign{padding-right:165px}.message-decoration{width:125px;right:18px}.next-campaign h2{font-size:22px}.next-campaign .desktop-break{display:none}}@media (width<=650px){.login-watermark{opacity:.09;width:560px;height:340px;bottom:-90px;right:-140px}}.login-page{grid-template-rows:minmax(0,1fr);height:100svh;min-height:0}.login-story{min-height:0;padding:clamp(22px,5svh,50px) clamp(26px,5vw,78px)}.login-story .wordmark{margin-bottom:clamp(20px,6svh,65px)}.login-story h1{font-size:clamp(32px,3.5vw,54px);line-height:1.12}.login-story>p{margin:clamp(12px,3svh,25px) 0;line-height:1.7}.story-grid{gap:clamp(8px,1.7svh,14px)}.story-bottom{padding-top:20px}.login-main{min-height:0;padding:clamp(22px,4svh,45px) clamp(24px,4vw,50px)}.login-footer{bottom:18px}@media (width>=651px) and (height<=650px){.story-grid,.story-bottom{display:none}.login-story .wordmark{margin-bottom:28px}.login-card>p{margin-bottom:18px}.login-note{margin-top:18px;padding-top:14px}.login-footer{bottom:10px}}@media (width<=650px){.login-page{flex-direction:column;display:flex}.login-story{flex:none;padding:18px 24px}.login-story .wordmark{margin:0}.login-story>.eyebrow,.login-story h1,.login-story>p,.login-story .story-grid,.login-story .story-bottom,.login-story .login-watermark{display:none}.login-main{flex:1;min-height:0;padding:20px 24px 48px}.login-card h2{font-size:27px}.login-card>p{margin-bottom:22px}.login-note{margin-top:22px;padding-top:16px}.login-footer{bottom:15px}}@media (height<=570px){.login-page{height:auto;min-height:100svh}.login-main{padding-top:20px;padding-bottom:30px}.login-footer{display:none}}.not-found-page{color:#133449;background:#f5f7f8;min-height:100svh;padding:20px}.not-found-number{letter-spacing:-7px;font-size:128px;font-weight:800;line-height:1.2}.not-found-page [data-slot=empty-description]{color:#526e7d;line-height:1.7}.not-found-actions>a{border-radius:9px;height:42px;padding:10px 16px;font-size:12px}.not-found-actions>a:first-child{color:#fff;background:#009d9d}.not-found-actions>a:last-child{color:#315366;background:#fff;border:1px solid #d5e2e5}.not-found-actions>a:hover{filter:brightness(.95)}.wordmark .flow-logo-crop img{object-fit:contain;filter:none;width:100%;height:100%;max-height:none;top:0;left:0}.login-watermark img{object-fit:contain;filter:none;width:100%;height:auto;top:6px;left:6px}.flow-loader{background:#f5f7f8;place-content:center;min-height:100svh;display:grid}.flow-loader svg,.flow-loader img{object-fit:contain;width:112px;height:64px}.flow-loader-animated{transform:none}.flow-loader-static{display:none}.flow-loader-compact{background:0 0;min-height:120px}.flow-loader-compact svg,.flow-loader-compact img{width:78px;height:45px}@media (prefers-reduced-motion:reduce){.flow-loader-animated{animation:none;display:none}.flow-loader-static{display:block}}
