@font-face{font-family:Watad;src:url('/fonts/Watad.otf') format('opentype');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f2f7f8;color:#172740;font:15px/1.8 Watad,Tahoma,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1{font-size:30px;line-height:1.7}h2{font-size:19px}h3{font-size:17px}p{color:#6a7d8d}button{transition:filter .15s}button:hover{filter:brightness(.96)}:focus-visible{outline:3px solid #16868a}button:disabled{cursor:not-allowed;opacity:.55}.layout{display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;padding:14px;min-height:100vh}.sidebar{border-radius:25px;position:sticky;top:14px;height:calc(100vh - 28px);padding:24px 18px;display:flex;flex-direction:column;color:#c0d4dd;border:1px solid #4b727f;background:radial-gradient(ellipse at 100% 0,#295d68,transparent 70%),linear-gradient(145deg,#1c354a,#122136)}.brand{display:flex;align-items:center;gap:15px;color:white}.brand img{width:78px;height:58px;object-fit:contain}.brand-text{border-right:1px solid #66828f;padding-right:16px}.brand-text b{font-size:21px;display:block}.brand-text small{font:8px/1.8 Arial;letter-spacing:2px;display:block}.eyebrow{font-size:12px;color:#8faebd;margin:25px 14px 10px}.nav{display:grid;gap:6px}.nav button{display:flex;align-items:center;gap:12px;border:1px solid transparent;padding:11px 14px;color:inherit;background:transparent;border-radius:13px;text-align:right}.nav button.active,.nav button:hover{background:#ffffff12;color:#bcf4e8;border-color:#c7f2ef25}.icon{width:21px;height:21px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sidebar-bottom{margin-top:auto;padding:22px 10px 0;font-size:12px;color:#9fb9c5}.sidebar-bottom div{border-top:1px solid #b3d6de25;padding-top:14px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 24px;border:1px solid #d6e3e7;border-radius:20px;background:#ffffffca;min-height:74px}.crumb{color:#758b98;font-size:13px}.profile{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;background:#e3efef;color:#16868a;border-radius:11px;width:36px;height:36px}.topbar small{color:#7c909c}.workspace{min-width:0}.content{max-width:1500px;margin:auto;padding:30px 12px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.actions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:9px 18px;border:1px solid #d3e0e5;border-radius:11px;background:white;color:#294456}.btn.primary{background:#16868a;border-color:#16868a;color:white}.btn.soft{background:#ffffff12;border-color:#ffffff30;color:white}.btn.small{min-height:34px;padding:5px 12px;font-size:12px}.hero{background:radial-gradient(ellipse at 12% 0,#337381,transparent 65%),linear-gradient(105deg,#1d4553,#172740);border:1px solid #567988;border-radius:24px;display:grid;grid-template-columns:1.6fr 1fr;padding:28px 34px;gap:25px;color:white;margin-bottom:24px;overflow:hidden}.hero h2{font-size:30px;margin:8px 0}.hero p{color:#bfd4de;max-width:520px}.hero .kicker{font:10px Arial;letter-spacing:3px;color:#a5d6d7}.hero-art{display:flex;align-items:center;justify-content:center;position:relative;min-height:160px}.envelope{width:112px;height:88px;display:grid;place-items:center;border:1px solid #8fe0dc70;border-radius:22px;color:#b7ece6;background:#7ee0d51c;transform:rotate(-10deg);box-shadow:15px 18px 0 #0b253e33}.envelope .icon{width:60px;height:60px}.art-note{position:absolute;padding:6px 13px;background:#d4f7ef14;border:1px solid #a1d4d835;border-radius:10px;font-size:12px;bottom:0;left:8px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.metric,.panel{border:1px solid #d9e5e8;background:#fff;border-radius:19px}.metric{padding:21px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#6e8392;font-size:13px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf6f6;border:1px solid #dfeded;border-radius:10px;color:#16868a}.metric strong{font-size:33px;font-family:Watad,Arial;display:block;margin:14px 0 7px;line-height:1.2}.metric small{font-size:11px;color:#8395a1}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px}.grid.equal{grid-template-columns:1fr 1fr}.panel-head{padding:20px 23px;border-bottom:1px solid #eaf0f2;display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-body{padding:23px}.empty{display:grid;place-items:center;min-height:216px;text-align:center;padding:25px}.empty>.icon{width:38px;height:38px;color:#8bafb5;margin-bottom:14px}.empty h3{font-size:16px}.empty p{font-size:13px;max-width:350px;margin:6px auto 16px}.badge{display:inline-flex;padding:4px 10px;font-size:11px;color:#168173;background:#eaf6f1;border-radius:7px;white-space:nowrap}.badge.pending{background:#fff5e3;color:#977233}.badge.neutral{background:#edf3f6;color:#748a9b}.setup-row{display:flex;gap:13px;align-items:flex-start;padding:17px 0;border-bottom:1px solid #edf2f4}.setup-row:last-child{border:0}.step{display:grid;place-items:center;width:26px;height:26px;border:1px solid #d8e8eb;border-radius:50%;color:#16868a;flex-shrink:0;font:12px Arial}.setup-row p{font-size:12px;margin-top:4px}.notice{padding:12px 17px;background:#e8f2f3;border:1px solid #d0e4e7;color:#46717c;border-radius:12px;font-size:12px;margin-bottom:22px}.notice strong{color:#245665}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-size:13px;color:#435f71}.field input,.field textarea,.field select{width:100%;border:1px solid #d6e2e7;padding:10px 13px;border-radius:10px;background:#fff;color:#203d4e;min-width:0}.field textarea{min-height:105px;resize:vertical}.field small{font-size:11px;color:#7b8f9c}.form-footer{display:flex;gap:12px;align-items:center;justify-content:flex-start;margin-top:23px}.section-gap{margin-top:23px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:right}td,th{padding:14px 20px;border-bottom:1px solid #edf2f4;font-size:13px}th{font-weight:400;background:#f7fafb;color:#728895}td code{font-size:11px}code,.ltr{direction:ltr;unicode-bidi:embed;font-family:Arial,sans-serif}.chip{display:inline-flex;gap:9px;align-items:center;border:1px solid #d7e4e7;padding:7px 12px;border-radius:9px;font-size:12px}.connection{padding:24px}.connection-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.platform{font-size:26px;font-weight:700}.salla{color:#347a73}.zid{color:#7b50a1}.connection p{font-size:13px;margin:15px 0}.popup-studio{display:grid;grid-template-columns:1fr 1.05fr;gap:25px}.preview-store{border:1px solid #dce7eb;border-radius:16px;background:#e7edf0;position:relative;min-height:535px;display:grid;place-items:center;overflow:hidden;padding:30px}.store-blur{position:absolute;inset:0;opacity:.4;padding:24px}.store-blur header{height:38px;border-bottom:1px solid #bdced5}.store-blur .product-blocks{display:flex;gap:12px;margin-top:70px}.store-blur .product-blocks i{display:block;flex:1;height:170px;background:#c0d0d5;border-radius:10px}.popup{position:relative;background:white;border-radius:18px;width:100%;max-width:365px;box-shadow:0 20px 65px #1b3b5130;text-align:center;overflow:hidden}.popup-main{padding:34px 28px 23px}.popup-symbol{margin:auto auto 13px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#eaf6f4;color:#16868a}.popup-symbol .icon{width:27px;height:27px}.popup h2{font-size:24px;line-height:1.5}.popup p{font-size:13px;margin:12px 0 19px}.popup input[type=email]{width:100%;border:1px solid #d4e2e5;padding:10px;border-radius:8px;font:13px Arial;text-align:right}.popup button.subscribe{width:100%;border:0;color:white;background:#16868a;margin-top:10px;padding:10px;border-radius:8px;font-size:14px}.popup .consent{font-size:10px;display:flex;gap:6px;text-align:right;margin-top:12px;color:#748894;line-height:1.7}.popup-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #ebf0f2;background:#fafcfc;font-size:10px;color:#5c7482}.popup-footer img{width:32px;height:27px;object-fit:contain}.popup-x{position:absolute;left:14px;top:9px;font:22px Arial;color:#8da2ac}.preview-label{position:absolute;top:13px;right:16px;font-size:10px;color:#7a929f}.auth{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:16px;gap:20px}.auth-story{border-radius:26px;padding:60px;display:flex;flex-direction:column;justify-content:center;color:white;background:radial-gradient(ellipse at 80% 0,#2b6a74,transparent 70%),#172d40}.auth-story h1{font-size:45px;margin:40px 0 18px}.auth-story p{color:#b4cdd8;max-width:430px}.auth-story .chip{border-color:#8cb0be45;margin-top:30px;color:#b4d9de}.auth-form{display:flex;align-items:center;justify-content:center;padding:30px}.auth-box{width:100%;max-width:395px}.auth-box h2{font-size:28px;margin-bottom:10px}.auth-box>p{font-size:13px;margin-bottom:30px}.auth-box .btn{width:100%}.loading{padding:30vh 20px;text-align:center}#toast{position:fixed;bottom:25px;left:25px;max-width:440px;border-radius:13px;background:#172740;color:white;padding:14px 23px;box-shadow:0 10px 40px #10263d30;z-index:100;display:none}.error{color:#a73c48;font-size:12px;margin:10px 0}.status-dot{width:6px;height:6px;border-radius:50%;background:#80cbbf;display:inline-block;margin-left:6px}.footer-note{color:#91a5af;font-size:11px;margin-top:28px;text-align:center}.reminder{padding:19px;border:1px solid #e0e9ed;border-radius:13px;margin-bottom:18px}.reminder-title{display:flex;justify-content:space-between;margin-bottom:16px;align-items:center}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dark{background:#102431;color:#e3eef2}.dark p{color:#9eb8c6}.dark .topbar,.dark .panel,.dark .metric{background:#1c3444;border-color:#385361}.dark .notice{background:#20444f;border-color:#345c67;color:#b5d3da}.dark .notice strong{color:#c0e7e5}.dark .field input,.dark .field textarea,.dark .field select,.dark .btn{background:#1a3242;border-color:#466371;color:#d9eaef}.dark .btn.primary{background:#16868a;border-color:#16868a;color:white}.dark .field label{color:#b5cdd7}.dark .panel-head,.dark td,.dark .setup-row{border-color:#35505f}.dark th{background:#193141;color:#a4bcc8}.dark .reminder{border-color:#466371}.dark .preview-store{color:#172740}.dark .metric-icon{background:#254954;border-color:#426571;color:#b3e4de}.dark .chip{border-color:#466371}.dark .field small{color:#aac0cb}@media(max-width:1100px){.layout{grid-template-columns:205px minmax(0,1fr);gap:12px}.hero{padding:25px}.hero h2{font-size:25px}.content{padding:24px 5px}.metrics{gap:11px}.metric{padding:16px}.grid{grid-template-columns:1fr}.popup-studio{grid-template-columns:1fr 1fr;gap:16px}}@media(max-width:760px){.layout{display:block;padding:9px}.sidebar{height:auto;position:relative;top:0;border-radius:20px;padding:15px}.sidebar .brand{justify-content:center}.sidebar .eyebrow,.sidebar-bottom{display:none}.nav{display:flex;overflow:auto;margin-top:15px;gap:4px}.nav button{white-space:nowrap;font-size:12px;padding:10px}.nav .icon{width:17px;height:17px}.topbar{margin-top:12px;padding:12px 15px;gap:8px}.topbar .crumb{display:none}.content{padding:24px 5px}.page-head{align-items:flex-start;flex-wrap:wrap}h1{font-size:25px}.hero{grid-template-columns:1fr;padding:26px}.hero-art{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric strong{font-size:29px}.metric-top{font-size:12px}.grid.equal,.popup-studio{grid-template-columns:1fr}.row{grid-template-columns:1fr;gap:0}.auth{grid-template-columns:1fr;padding:9px}.auth-story{padding:30px;min-height:275px}.auth-story h1{font-size:29px;margin:15px 0}.auth-story .chip{display:none}.auth-form{padding:25px 15px}.hero h2{font-size:25px}.actions{flex-wrap:wrap}.btn{padding:9px 13px}.panel-head{padding:18px}.panel-body{padding:18px}.preview-store{min-height:490px}#toast{left:15px;right:15px;bottom:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#587d8a transparent}.nav{flex-shrink:0}.sidebar-bottom{flex-shrink:0}

.brand img.email-lockup{width:205px;height:80px;object-fit:contain}.auth-story .brand img.email-lockup{width:270px;height:105px}

.campaign-review{max-width:620px;width:calc(100% - 36px);border:1px solid #dce7ed;border-radius:18px;padding:30px;color:#172740;font:inherit}.campaign-review::backdrop{background:#10243188}.campaign-review pre{white-space:pre-wrap;max-height:40vh;overflow:auto;font:inherit;background:#f2f7f8;padding:20px;border-radius:12px}.table-wrap code{display:block;max-width:420px;overflow-wrap:anywhere;white-space:normal}
