
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18263b;background:#f6f8fc;--blue:#2463eb;--border:#e6ebf2;--muted:#778399}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:234px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:25px 13px 18px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;box-shadow:2px 0 18px #1a367005;z-index:10}.brand{display:flex;gap:10px;align-items:center;padding:2px 12px 34px}.brand b{font-size:18px;letter-spacing:-.7px;color:#17283e}.brand em{font-style:normal;color:var(--blue)}.brand small{display:block;font-size:10px;letter-spacing:.2px;color:#9aa5b7;margin-top:4px}.logo{width:39px;height:39px;display:grid;place-items:center;background:linear-gradient(145deg,#2877ff,#143ddc);color:white;border-radius:12px;font-size:23px;font-weight:900;box-shadow:0 6px 14px #2463eb30}nav{display:grid;gap:5px}nav a{display:block;color:#69768a;text-decoration:none;border-radius:8px;padding:12px 13px;font-size:13px;font-weight:600;transition:background .18s}nav a:hover{background:#f3f6ff;color:#2458c7}nav a.active{background:#eaf0ff;color:#235ee4}nav:before{content:'WORKSPACE';font-size:9px;font-weight:800;color:#adb6c4;letter-spacing:1.6px;margin:0 0 7px 12px}.sidenav-note{margin-top:auto;padding:16px 12px;border-top:1px solid var(--border);font-size:11px;color:#8894a4;line-height:1.9}.online-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#28b37e;vertical-align:1px}main{width:100%;min-width:0;padding:0 34px 24px;max-width:1800px;margin:auto}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);margin-bottom:31px}.crumb{font-size:12px;color:#96a0ae}.crumb strong{color:#46556b;font-weight:600}.crumb-arrow{padding:0 9px;color:#b9c4d1}.topbar-right{display:flex;align-items:center;gap:18px}.workspace-label{font-size:11px;color:#8b98a9}.user-avatar{background:#e7f0ff;color:#2863d9;font-size:11px;font-weight:800;width:35px;height:35px;border-radius:50%;display:grid;place-items:center}.mobile-menu{display:none}header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:29px}.eyebrow,.kicker{font-size:10px;letter-spacing:1.6px;font-weight:800;color:#2f68df}h1{font-size:26px;font-weight:750;letter-spacing:-.8px;margin:6px 0}h2{font-size:16px;font-weight:750;letter-spacing:-.3px;margin:0 0 10px}.sub,p,.hint{color:#8290a1;font-size:12px;line-height:1.7}.pill,.badge{background:#edfbf3;color:#279b6c;padding:8px 12px;border-radius:40px;font-size:11px;font-weight:750;white-space:nowrap}.view{display:none}.view.active{display:block}.section-title,.flex-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.section-title h2{margin:5px 0 0}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.cards article,.panel{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 3px 13px #23457306}.cards article{padding:22px 23px;position:relative;overflow:hidden}.cards article:after{content:'↗';position:absolute;right:19px;top:17px;font-size:16px;color:#abc3ee}.cards article span{font-size:12px;color:#8794a5;display:block}.cards article strong{display:block;font-weight:780;font-size:31px;letter-spacing:-1px;margin:14px 0 4px;color:#182b43}.cards article small{font-size:11px;color:#a0abb9}.cards article:nth-child(4) strong{color:#218d6d}.panel{padding:23px;margin-bottom:20px;min-width:0}.campaigns{padding:0;overflow:hidden}.campaigns>.flex-head{padding:23px 24px 8px;margin:0}.campaigns>.flex-head p{margin:0}.campaign-tabs{display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--border);padding:0 24px;margin-top:5px;font-size:11px;color:#9da8b5}.campaign-tabs .tab{border:0;border-bottom:2px solid var(--blue);border-radius:0;background:transparent;color:var(--blue);padding:15px 0;font-weight:700}.campaign-tools{padding:15px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center}.campaign-tools input{max-width:360px}.campaign-table{font-size:12px}.campaign-table th{font-size:11px;background:#f8fafc;color:#8d98a6;border-top:1px solid #f0f2f6}.campaign-table td{height:53px}.campaign-table td:first-child{color:#2865e8;font-weight:700}.campaign-table td button{font-size:11px}.status-success{background:#e4f7ec;color:#208852;border-radius:20px;padding:5px 9px;font-weight:700;font-size:10px}.status-pending{background:#fff4df;color:#a97d25;border-radius:20px;padding:5px 9px;font-weight:700;font-size:10px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.steps>div{border-bottom:1px solid #edf0f5;padding:12px 0;display:flex;gap:12px;align-items:center;font-weight:800;color:var(--blue)}.steps b{min-width:145px;font-size:12px;color:#283c58}.steps span{font-size:11px;color:#8a9aac;font-weight:400}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}button,.btn,.upload{border:0;border-radius:7px;display:inline-block;background:#2463eb;color:white;text-decoration:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:11px 15px;white-space:nowrap;box-shadow:none}button:hover,.btn:hover,.upload:hover{filter:brightness(.94)}button:disabled{opacity:.46;cursor:not-allowed}button.secondary,.btn.secondary,.upload.secondary{background:#f0f4fb;color:#4e6381}.danger{color:#bc4353!important}input,textarea,select{border:1px solid #dfe7f0;border-radius:7px;background:white;padding:11px 12px;width:100%;font:inherit;color:#20324c;outline-color:#608ff5}input:focus,textarea:focus,select:focus{border-color:#79a4ff}textarea{resize:vertical;line-height:1.6}label:not(.upload):not(.inline){display:block;font-size:12px;color:#43566c;font-weight:700;margin:14px 0}label>input,label>textarea,label>select{margin-top:7px;font-weight:400}.upload input{display:none}.inline{display:flex;gap:8px;align-items:center;font-size:12px;color:#63758a}.inline input{width:auto}.warning{background:#fff8e9;color:#956b2b;border-radius:9px;padding:12px}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;font-size:12px}th{padding:13px 14px;color:#8796a7;background:#f8fafd;text-align:left;font-weight:700}td{border-bottom:1px solid #edf1f5;padding:13px 14px;vertical-align:middle}tbody tr:hover{background:#fafcff}td .actions{display:flex;gap:5px}td button{padding:8px;font-size:11px}td input[type=checkbox]{width:auto}.ok{color:#19986c}.bad{color:#c74350}.mini-preview{white-space:pre-wrap;max-height:260px;overflow:auto;background:#f8faff;padding:15px;border-radius:8px;font-size:12px;line-height:1.7;margin:16px 0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:8px;background:#eef3ff;color:#2861d1}.divider{border-top:1px solid var(--border);margin:21px 0}.phone{max-width:430px;margin:auto;overflow:hidden;border:1px solid #dce1e8;border-radius:14px;background:#e5e0d5}.chat-head{display:flex;align-items:center;gap:10px;background:#f1f3f6;padding:13px}.chat-head small{display:block;font-size:10px;color:#778899}.avatar{background:#25826b;color:white;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:11px}.chat-bg{padding:26px 13px;background-color:#efe9df;background-image:radial-gradient(#dddbce 1px,transparent 1px);background-size:19px 19px;min-height:300px}.bubble{max-width:350px;margin:auto;background:white;border-radius:10px;overflow:hidden;box-shadow:0 3px 10px #15233317}.bubble img{display:block;width:100%;max-height:180px;object-fit:cover}.bubble img[hidden]{display:none}.bubble-title{padding:14px 15px 3px;font-size:13px;font-weight:800}.bubble-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 15px;font-size:12px;line-height:1.6}.time{text-align:right;font-size:10px;color:#8a959e;padding:0 12px 10px}.toast{display:none;position:fixed;right:23px;bottom:23px;padding:13px 18px;background:#23456d;color:white;border-radius:9px;z-index:100;box-shadow:0 7px 20px #112b4530}.toast.show{display:block}footer{font-size:11px;color:#9daaba;margin:25px 0}.template-grid{align-items:start}@media(max-width:1140px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.columns{grid-template-columns:1fr}.sidebar{width:214px}main{padding-left:22px;padding-right:22px}}@media(max-width:720px){.app{display:block}.sidebar{width:100%;height:auto;position:sticky;top:0;padding:8px 12px;box-shadow:0 3px 14px #283f550d}.brand{padding:5px 5px 7px}.brand small{display:none}nav{display:none;overflow-x:auto;border-top:1px solid #eef2f7;padding:10px 0}nav.open{display:flex}nav:before{display:none}nav a{white-space:nowrap;padding:9px 12px;font-size:11px}.sidenav-note{display:none}main{padding:0 13px 14px}.topbar{height:50px;margin-bottom:16px}.mobile-menu{display:inline-block;padding:7px 10px;margin-right:8px}.crumb{margin-right:auto}.workspace-label{display:none}.user-avatar{width:29px;height:29px}header{display:block;margin-bottom:20px}h1{font-size:23px}.pill{display:inline-block;margin-top:8px}.cards{gap:9px}.cards article{padding:14px}.cards article strong{font-size:25px}.panel{padding:15px}.campaigns{padding:0}.campaigns>.flex-head{padding:16px 15px 8px}.campaign-tools,.campaign-tabs{padding-left:15px;padding-right:15px}.section-title{align-items:flex-end}.section-title button{font-size:10px;padding:9px}.steps>div{flex-wrap:wrap}.steps b{min-width:auto}.steps span{width:100%}.campaigns .flex-head button{padding:9px;font-size:10px}}

/* v6.1 semi-automatic preparation */
.prepared-card{margin-top:20px;border:1px solid #bfdecf;background:#f5fcf8;border-radius:12px;padding:18px;max-width:900px}.prepared-card[hidden]{display:none}.prepared-heading{display:flex;gap:12px;align-items:center}.prepared-heading b{color:#174936}.prepared-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;background:#d8f7e6;color:#16845a;border-radius:50%;font-weight:900}.prepared-steps{white-space:pre-line;color:#385a4e;font-size:13px;line-height:1.8}.prepared-card textarea{background:#fff;max-width:100%;font-size:12px}.prepared-card label{font-weight:700;color:#234a3a}.prepared-card .warning{margin-bottom:0}
