@font-face{font-family:RiMax;src:local('Inter'),local('Segoe UI'),local('Arial');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:RiMax,Inter,'Segoe UI',Arial,sans-serif;font-size:14px;color:#303342;background:#f6f7fb;line-height:1.55}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid #e0e2eb;border-radius:10px;background:#fff;padding:11px 13px;color:#303342;outline:none;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#8a75dc;box-shadow:0 0 0 3px #7864d812}textarea{resize:vertical;min-height:130px;line-height:1.75}label{display:flex;flex-direction:column;gap:7px;font-weight:500;font-size:13px}label small{font-weight:400;color:#85889a}input[type=checkbox]{width:16px;height:16px;accent-color:#7864d8;cursor:pointer;padding:0;border-radius:4px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:30px;font-weight:600;letter-spacing:-1px;line-height:1.3}h2{font-size:18px;letter-spacing:-.3px;font-weight:600;margin-bottom:0}h3{font-size:16px;font-weight:600;margin-bottom:14px}p{margin-bottom:14px}small,.small{font-size:12px}b,strong{font-weight:600}.muted{color:#7b7f90}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#8b7eb0}.brand{display:flex;align-items:center;gap:11px;font-size:22px;letter-spacing:-.7px;font-weight:650;white-space:nowrap}.brand img{width:37px;height:37px}.brand strong{font-weight:450;color:#8773d4}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;min-width:248px;background:#fff;border-right:1px solid #edeef4;position:fixed;inset:0 auto 0 0;z-index:30;padding:32px 22px 20px;display:flex;flex-direction:column;transition:transform .2s}.workspace-label{display:flex;align-items:center;gap:10px;margin:37px 0 28px;padding:12px 9px;border:1px solid #ebedf4;border-radius:12px;font-size:12px}.workspace-label small{display:block;font-size:10px;color:#999bac;margin-top:2px}.workspace-icon{width:30px;height:30px;background:#edf0f6;color:#9095aa;border-radius:8px;display:grid;place-items:center;font-weight:600}.nav-label{color:#acafbc;font-size:9px;letter-spacing:1.4px;margin:0 12px 12px}.nav-item{width:100%;display:flex;align-items:center;gap:13px;padding:12px 14px;margin-bottom:6px;border-radius:10px;font-size:13px;color:#898b9b;transition:all .18s;font-weight:500;border:0;background:transparent;text-align:left}.nav-item:hover{background:#f6f5fb;color:#7864d8}.nav-item.active{background:#eeebfb;color:#7760d2}.nav-item.active:after{content:'';width:5px;height:5px;border-radius:100%;background:#8d78dc;margin-left:auto}.nav-section-gap{height:20px}.sidebar-bottom{margin-top:auto;padding-top:30px}.connection-card{padding:17px 15px;background:#f8f9fc;border:1px solid #edf0f5;border-radius:12px;font-size:12px}.connection-card .provider-line{display:flex;align-items:center;gap:8px;font-weight:500;margin-bottom:6px}.status-dot{width:6px;height:6px;flex:none;border-radius:100%;background:#a5a3b7}.status-dot.ready{background:#71baa2}.connection-card small{font-size:10px;color:#9497a7;display:block;margin-bottom:12px}.connection-card a{color:#7f6acb;display:flex;align-items:center;gap:7px;font-size:11px}.sidebar-credit{font-size:9px;color:#a4a6b5;display:flex;justify-content:space-between;margin:20px 2px 0}.app-body{margin-left:248px;flex:1;min-width:0}.topbar{height:86px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#fbfcfe;border-bottom:1px solid #eceef5;position:relative;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.crumb{font-size:11px;color:#9da0af}.crumb span{margin:0 14px;color:#c5c6d2}.crumb b{font-weight:450;color:#616477}.date-label{font-size:10px;color:#9297a9}.top-divider{height:25px;width:1px;background:#e8eaf0}.account-button{display:flex;gap:11px;align-items:center;background:none;border:0;text-align:left;color:#606477;padding:4px 0}.avatar{width:35px;height:35px;border-radius:11px;background:#e8e5f4;color:#8975c7;display:grid;place-items:center;font-size:11px;flex:none;font-weight:600}.account-name b{display:block;font-size:11px}.account-name small{display:block;font-size:9px;color:#a0a3b2}.dropdown{position:absolute;top:74px;right:35px;width:185px;background:#fff;border:1px solid #e8eaf0;border-radius:12px;padding:6px;box-shadow:0 10px 40px #34325514;z-index:40}.dropdown button{display:block;width:100%;text-align:left;padding:11px;border:0;border-radius:7px;background:#fff;color:#707587;font-size:12px}.dropdown button:hover{background:#f4f2fc}main#main{padding:34px 40px 25px;max-width:1600px;margin:auto;outline:none;min-height:calc(100vh - 130px)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}.page-heading h1{font-size:26px;letter-spacing:-.7px;margin:0 0 5px}.page-heading p{font-size:12px;color:#979baa;margin:0}.heading-actions{display:flex;gap:9px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e4e6ee;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:500;color:#727789;background:#fff;min-height:40px;transition:all .15s}.btn:hover{border-color:#b9afd9;background:#fcfbff}.btn.primary{background:#7c67d7;border-color:#7c67d7;color:#fff;box-shadow:0 4px 8px #7864d811}.btn.primary:hover{background:#6d59c5}.btn.subtle{background:#f0ecfc;color:#7e69cc;border-color:transparent}.btn.danger{background:#fff2f2;color:#ca727d;border-color:#f5dce0}.btn.small{min-height:32px;padding:6px 11px;font-size:10px}.btn.wide{width:100%}.btn svg{width:15px;height:15px}.icon-btn{display:inline-flex;justify-content:center;align-items:center;border:0;background:transparent;color:#a0a3b3;padding:7px;border-radius:7px}.icon-btn:hover{background:#f2f0f9;color:#7e69cc}.icon-btn svg{width:16px;height:16px}.mobile-menu{display:none}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background:linear-gradient(108deg,#f0edf9,#e9eff5);border:1px solid #e8e5f1;border-radius:16px;padding:27px 30px;margin-bottom:24px;min-height:169px}.hero h1{font-size:27px;line-height:1.4;margin:7px 0 9px;letter-spacing:-.7px;color:#5f547f}.hero p{font-size:11px;color:#9990ac;max-width:470px;margin:0}.hero-art{position:relative;width:210px;height:130px;flex:none;transform:rotate(-6deg)}.hero-orbit{position:absolute;inset:0;border:1px solid #c8bce53d;border-radius:100%;transform:rotate(25deg);width:170px;height:170px;top:-30px;left:15px}.hero-orbit:after{content:'';position:absolute;inset:20px;border:1px solid #c8bce53d;border-radius:100%}.hero-envelope{position:absolute;top:28px;left:38px;width:121px;height:80px;border-radius:14px;background:linear-gradient(135deg,#c2b0e9,#a599d3);box-shadow:0 12px 30px #9d8dc620;display:grid;place-items:center;color:#ede7fa}.hero-envelope svg{width:55px;height:55px;stroke-width:1.2}.hero-spark{position:absolute;color:#c8bcdf;top:5px;right:11px}.hero-small{position:absolute;left:14px;bottom:14px;width:28px;height:28px;border-radius:9px;background:#fff;color:#89b7a5;display:grid;place-items:center;box-shadow:0 5px 20px #70679212}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.stat{border:1px solid #e9ebf2;background:#fff;border-radius:13px;padding:19px 20px;position:relative;min-height:126px}.stat-label{font-size:11px;color:#9599ab;margin-bottom:7px}.stat-value{font-size:29px;letter-spacing:-.7px;font-weight:550;color:#4e5267;line-height:1.25}.stat-note{font-size:9px;color:#a8acba;margin-top:9px}.stat-icon{position:absolute;right:18px;top:18px;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f0edfb;color:#a997df}.stat.green .stat-icon{color:#8ab9a7;background:#eaf5ef}.stat.blue .stat-icon{color:#94afd1;background:#edf3fb}.stat.rose .stat-icon{color:#d7a3ae;background:#fcf0f3}.stat-icon svg{width:16px;height:16px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(265px,1fr);gap:22px}.panel{background:#fff;border:1px solid #e8ebf2;border-radius:13px;overflow:hidden}.panel-body{padding:23px}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 23px 15px;gap:12px}.panel-heading h2{font-size:13px;font-weight:550}.panel-heading p{font-size:10px;color:#a1a6b5;margin:3px 0 0}.panel-heading a{font-size:10px;color:#9682d5;display:flex;align-items:center;gap:5px}.chart-panel{min-height:285px}.chart-area{padding:15px 23px 16px;height:218px;position:relative}.chart-area svg{width:100%;height:160px;overflow:visible}.chart-area svg text{font-family:inherit;font-size:9px;fill:#b2b5c4}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:#a1a5b5;margin:5px 0}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:100%;margin-right:6px;background:#aa98e0}.legend-dot.rose{background:#e3b8c2}.delivery-content{display:flex;align-items:center;justify-content:center;padding:17px 22px 21px;gap:25px}.donut{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#a18bd6 0deg,var(--cut,#a18bd6) 0deg);position:relative;flex:none}.donut:before{content:'';position:absolute;inset:13px;border-radius:100%;background:#fff}.donut-center{z-index:1;text-align:center}.donut-center b{font-size:23px;color:#6c617f;display:block;font-weight:500}.donut-center small{font-size:8px;color:#a7a3b3;display:block}.delivery-legend{font-size:10px;color:#9ca0af;display:grid;gap:11px}.delivery-legend>div{display:flex;align-items:center;gap:6px;justify-content:space-between;min-width:95px}.delivery-legend b{font-weight:450;color:#797b8e;margin-left:10px}.setup-panel{margin-top:22px}.setup-row{display:flex;gap:13px;align-items:center;padding:16px 22px;border-bottom:1px solid #f1f2f6}.setup-row:last-child{border-bottom:0}.setup-num{width:28px;height:28px;border-radius:8px;color:#a6a5bb;font-size:9px;display:grid;place-items:center;background:#f4f3f9;flex:none}.setup-num.done{background:#e9f5ef;color:#93b9a8}.setup-text{flex:1}.setup-text b{font-size:11px;display:block;color:#787b8e;font-weight:500}.setup-text small{font-size:9px;color:#a5a9b7}.setup-row svg{width:14px;height:14px;color:#b5acc9}.table-wrap{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;font-size:11px}th{font-size:9px;letter-spacing:.3px;font-weight:500;background:#fafbfe;color:#9a9ead;padding:13px 18px;white-space:nowrap;border-top:1px solid #eff1f6;border-bottom:1px solid #eff1f6}td{padding:16px 18px;color:#797e90;border-bottom:1px solid #f0f2f6;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfcff}.table-title{font-size:11px;color:#717587;font-weight:500}.table-sub{font-size:9px;color:#afb2c0;margin-top:4px}.row-number{font-size:10px;color:#aeb2c3;font-variant-numeric:tabular-nums;white-space:nowrap}.party-id{font-size:10px;letter-spacing:.3px;color:#9291a6;background:#f7f6fb;border-radius:5px;padding:3px 6px;white-space:nowrap}.contact-cell{display:flex;align-items:center;gap:10px}.contact-cell .avatar{width:30px;height:30px;font-size:9px;background:#f0edf8;color:#a293c5}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 8px;font-size:9px;white-space:nowrap;color:#9b8db8;background:#f2eff9}.pill.green{color:#86b29f;background:#ecf6f0}.pill.rose{color:#cf96a0;background:#fcf0f2}.pill.amber{color:#c3a37c;background:#fbf5ea}.pill.gray{color:#9b9eae;background:#f0f2f6}.pill .status-dot{width:4px;height:4px;background:currentColor}.toolbar{padding:18px 22px;display:flex;gap:12px;align-items:center;justify-content:space-between;border-bottom:1px solid #eff1f5;flex-wrap:wrap}.search-input{position:relative;max-width:340px;width:100%}.search-input svg{position:absolute;left:13px;top:12px;color:#b8bcc9;width:16px;height:16px}.search-input input{padding-left:38px;font-size:11px;background:#fafbfe;border-color:#eceef5;min-height:40px}.toolbar-right{display:flex;gap:10px;align-items:center}.toolbar select{width:auto;min-width:130px;font-size:10px;padding:10px;border-color:#eceef5;color:#8d91a2}.pagination{padding:16px 22px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eff1f5;color:#9da2b2;font-size:10px;gap:15px}.pagination-right{display:flex;gap:8px;align-items:center}.pagination select{width:63px;padding:5px 7px;font-size:10px}.empty{padding:40px 20px;text-align:center;color:#a1a5b5;display:flex;align-items:center;flex-direction:column}.empty-icon{width:53px;height:53px;border-radius:16px;background:#f1eef9;color:#ae9cd7;display:grid;place-items:center;margin-bottom:15px}.empty h3{font-size:13px;font-weight:500;color:#898a9f;margin-bottom:5px}.empty p{font-size:10px;max-width:340px;margin-bottom:18px}.empty.compact{padding:24px 20px}.empty.compact .empty-icon{width:40px;height:40px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-card{padding:22px;background:#fff;border:1px solid #e6e9f1;border-radius:14px;display:flex;flex-direction:column;min-height:250px;transition:box-shadow .2s,transform .2s}.template-card:hover{box-shadow:0 8px 30px #6e61950a;transform:translateY(-2px)}.template-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.template-icon{display:grid;place-items:center;background:#f2effa;color:#a490d2;width:36px;height:36px;border-radius:10px}.template-card h3{font-size:13px;color:#717488;margin-bottom:12px}.template-body{font-size:11px;line-height:1.8;color:#9ca0b0;margin-bottom:20px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.template-bottom{margin-top:auto;padding-top:15px;border-top:1px solid #f0f1f6;display:flex;align-items:center;justify-content:space-between;gap:10px}.template-bottom small{font-size:9px;color:#adafc0}.template-actions{display:flex;gap:4px}.compose-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:22px;align-items:start}.compose-form{padding:23px}.compose-form>label{margin-bottom:19px;font-size:11px;color:#85899c}.compose-form textarea{font-size:12px;min-height:190px}.step-label{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#74748b;font-size:13px}.step-number{display:inline-grid;place-items:center;flex:none;width:25px;height:25px;background:#f0edf8;border-radius:8px;font-size:10px;color:#a08dc9;margin-right:3px}.counter{font-size:10px;color:#a3a7b7;display:flex;justify-content:space-between;gap:10px;margin-top:-8px;margin-bottom:25px}.selection-bar{background:#f4f1fc;border:1px solid #e9e3f9;border-radius:9px;margin:0 0 15px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#9983cf;font-size:11px}.selection-actions{display:flex;gap:7px}.recipient-table{max-height:380px;overflow:auto;border:1px solid #edefF5;border-radius:9px}.recipient-table th{position:sticky;top:0;z-index:1}.recipient-table td{padding:11px 13px}.recipient-table th{padding:10px 13px}.phone-preview{background:linear-gradient(145deg,#edeaf7,#ecf2f6);border:1px solid #e4e3ee;border-radius:14px;padding:27px 20px}.phone-label{text-align:center;font-size:10px;color:#a69bb8;margin-bottom:20px}.phone{max-width:235px;margin:auto;background:#fff;border:5px solid #fcfcff;border-radius:28px;box-shadow:0 14px 35px #8d82ad13;min-height:350px;padding:0 14px 25px}.phone-notch{height:24px;display:flex;justify-content:center;align-items:start}.phone-notch:after{content:'';width:66px;height:13px;background:#edf0f6;border-radius:0 0 10px 10px}.phone-sender{display:flex;align-items:center;gap:9px;padding:15px 0;border-bottom:1px solid #f2f3f7;color:#aa9ac5;font-size:10px}.phone-sender .avatar{width:26px;height:26px;border-radius:100%;font-size:10px;background:#f1ecfa}.phone-time{text-align:center;color:#c3c6d2;font-size:7px;margin:22px 0 15px}.phone-message{border-radius:0 13px 13px 13px;background:#f0f2f7;padding:15px 13px;font-size:10px;color:#9197ab;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8;max-height:210px;overflow:auto}.preview-note{text-align:center;font-size:9px;color:#aea6bd;max-width:230px;margin:20px auto 0}.compose-side .notice{margin:18px 0 0;font-size:10px}.send-summary{padding:22px;margin-top:20px}.summary-line{display:flex;justify-content:space-between;margin:0 0 13px;font-size:11px;color:#9d9fac}.summary-line b{font-weight:500;color:#80808f}.send-summary .btn{margin-top:6px}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid #e5e7ef;margin-bottom:25px;overflow-x:auto}.settings-tab{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border:0;border-bottom:2px solid transparent;background:transparent;white-space:nowrap;color:#a0a3b1;font-size:11px}.settings-tab.active{color:#8b72d0;border-bottom-color:#927bd4}.settings-tab svg{width:15px;height:15px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:22px}.settings-form{padding:25px}.settings-form label{margin-bottom:20px;font-size:11px;color:#8a8fa2}.settings-form .btn{margin-top:10px}.provider-brand{display:flex;gap:12px;align-items:center;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid #f0f1f7}.provider-brand .template-icon{color:#8bb7a6;background:#edf5f1}.provider-brand h3{font-size:14px;margin:0 0 3px;color:#70768b}.provider-brand p{font-size:10px;color:#afb3c0;margin:0}.instruction-list{display:grid;gap:19px;margin-top:18px}.instruction{display:flex;gap:12px;align-items:start;color:#9ca1b2;font-size:11px}.instruction b{display:block;color:#83869a;font-size:11px;font-weight:500}.instruction small{font-size:10px;display:block;margin-top:4px}.notice{display:flex;gap:9px;align-items:start;border-radius:9px;padding:13px 15px;font-size:11px;background:#f4f1fc;border:1px solid #e9e4f8;color:#a092be;margin:16px 0}.notice svg{width:16px;height:16px;flex:none;margin-top:1px}.notice.error{background:#fef0f2;border-color:#f8dce1;color:#c7808e}.notice.success{background:#eef7f1;border-color:#e0f0e6;color:#87ae9a}.notice.warning{background:#fbf6ed;border-color:#f4e9d7;color:#b6a084}.modal-backdrop{position:fixed;inset:0;background:#32334349;backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade-in .15s}.modal{background:#fff;border:1px solid #edeff6;border-radius:17px;width:100%;max-width:540px;box-shadow:0 24px 90px #26203025;max-height:90vh;display:flex;flex-direction:column;animation:modal-in .18s}.modal.large{max-width:850px}.modal-header{padding:23px 26px 16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.modal-header h2{font-size:18px;font-weight:500;color:#74718b}.modal-body{padding:4px 26px 22px;overflow-y:auto}.modal-footer{padding:18px 26px;border-top:1px solid #f0f1f6;display:flex;justify-content:flex-end;gap:9px;background:#fdfdff;border-radius:0 0 17px 17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.span-2{grid-column:span 2}.modal-body label{font-size:11px;color:#9295a5}.modal-body input,.modal-body textarea,.modal-body select{font-size:12px}.checkbox-label{display:flex;flex-direction:row;gap:9px;align-items:center;color:#8e93a5;font-size:11px;font-weight:400}.modal-error{display:none}.modal-error.visible{display:flex}.review-box{background:#f7f6fb;padding:17px;border:1px solid #efedf6;border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;color:#9091a6;margin-bottom:18px}.review-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.review-stat{background:#fbfbfd;border:1px solid #f0f1f5;border-radius:10px;padding:12px;text-align:center}.review-stat b{display:block;color:#8e7bb8;font-size:21px;font-weight:500}.review-stat small{font-size:9px;color:#a4a4b4}.upload-zone{border:1.5px dashed #d8cee9;border-radius:12px;background:#fcfaff;padding:30px 20px;text-align:center;color:#a297bb}.upload-zone svg{width:28px;height:28px;margin-bottom:12px;color:#b1a1d2}.upload-zone p{font-size:12px}.upload-zone input{font-size:11px}.import-summary{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 15px}.import-preview{max-height:285px;border:1px solid #eef0f4;border-radius:9px;overflow:auto}.import-preview td{font-size:10px;padding:10px 13px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.permission-grid label{background:#fafbfe;border:1px solid #eef0f5;border-radius:7px;padding:11px;font-size:10px}.role-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.role-card{padding:23px}.role-card h3{font-size:13px;color:#7c7c93;margin:15px 0 7px}.role-card p{font-size:11px;color:#a1a2b3}.role-card .summary-line{font-size:10px;margin-top:22px}.report-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:17px 22px;border-bottom:1px solid #eff1f5}.report-filters .search-input{max-width:260px}.report-filters select,.report-filters input[type=date]{width:auto;min-width:120px;font-size:10px;padding:10px}.report-filters label{font-size:9px;flex-direction:row;align-items:center;color:#a1a4b5}.report-tabs{display:flex;gap:10px;margin-bottom:20px}.report-tabs button{border:1px solid #e8e9f1;background:white;color:#a1a2b3;border-radius:8px;padding:8px 14px;font-size:11px}.report-tabs button.active{background:#eeeaf9;color:#9381c4;border-color:#e4def4}.campaign-detail-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.campaign-detail-title>div{flex:1}.campaign-detail-title h3{font-size:14px;margin:0}.campaign-detail-title p{font-size:10px;color:#a8a9b9;margin:4px 0 0}.campaign-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.progress-track{height:6px;border-radius:100px;background:#f0edf7;overflow:hidden;margin:15px 0}.progress-fill{height:100%;border-radius:100px;background:#ad99dd;transition:width .5s}.toast{position:fixed;right:30px;bottom:30px;padding:15px 20px;background:#fff;border:1px solid #e7eaf0;border-radius:12px;box-shadow:0 10px 40px #4c41651a;color:#8d98a4;font-size:12px;display:flex;gap:12px;align-items:center;z-index:200;max-width:440px;animation:fade-in .15s}.toast svg{flex:none;color:#a69bce}.toast.error{border-color:#f5d8df;color:#c68c9b}.loading-state{display:flex;align-items:center;justify-content:center;gap:12px;min-height:300px;color:#b2a6c5;font-size:12px}.spinner{width:18px;height:18px;border:2px solid #eee8f8;border-top-color:#b1a0d6;border-radius:100%;animation:spin .7s linear infinite;display:inline-block}.app-footer{padding:16px 40px;font-size:9px;color:#b2b4c4;display:flex;justify-content:space-between}.skip-link{position:fixed;top:-50px;left:260px;background:#7864d8;color:white;padding:8px 14px;z-index:300}.skip-link:focus{top:10px}.auth-body{background:#f4f5fa;min-height:100vh;display:grid;place-items:center;padding:30px}.auth-wrap{max-width:1020px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid #e8ebf2;border-radius:23px;overflow:hidden;width:100%;min-height:620px;box-shadow:0 15px 80px #50486305}.install-story{padding:36px;background:linear-gradient(135deg,#f0ecf9,#eaf0f7);display:flex;flex-direction:column;color:#807192;position:relative;overflow:hidden}.install-story .brand{font-size:23px}.story-content{flex:1;padding:55px 3px 30px}.story-content h1{font-size:34px;line-height:1.35;letter-spacing:-1px;color:#7c6c97;margin:15px 0}.story-content>p{font-size:12px;max-width:315px;line-height:1.8;color:#a59bb5}.story-art{position:relative;margin:40px 0 15px;transform:rotate(-3deg)}.art-message{display:flex;gap:13px;align-items:center;padding:22px 18px;background:#ffffffb8;border:1px solid #ffffffb2;border-radius:14px;max-width:330px;box-shadow:0 12px 40px #8d7daf0a;font-size:11px}.art-message b{color:#ae9ccb;font-size:11px}.art-message p{font-size:10px;color:#b5b1c5;margin:5px 0 0}.art-dot{width:30px;height:30px;border-radius:10px;background:#e9e1f6;flex:none}.art-check{margin-left:60px;margin-top:12px;padding:10px 15px;display:inline-block;background:#fff;border-radius:9px;color:#abc0b7;font-size:9px;box-shadow:0 5px 15px #8d7daf0a}.auth-credit{font-size:9px;color:#b2a8c4;display:flex;justify-content:space-between}.auth-main{padding:95px 52px 45px;display:flex;flex-direction:column;justify-content:center}.auth-main h1{font-size:25px;margin:10px 0 12px;color:#77748b}.auth-main>p{font-size:11px;color:#aaa8bb}.auth-form{display:flex;flex-direction:column;gap:22px;margin:28px 0 24px}.auth-form label{font-size:11px;color:#9291a4}.auth-form input{font-size:12px;padding:13px}.auth-form input::placeholder{color:#babbc9}.auth-form .btn{height:44px}.install-wrap{display:grid;grid-template-columns:360px 1fr;background:#fff;border:1px solid #e9ebf3;border-radius:20px;overflow:hidden;width:100%;max-width:1060px;margin:20px auto}.install-main{padding:38px 40px}.install-main h1{margin:10px 0;font-size:27px;color:#77748b}.install-main>p{font-size:11px}.requirements{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:25px 0 29px}.requirement{display:flex;gap:7px;align-items:center;color:#aaa8b9;font-size:9px}.requirement>span{font-size:9px;border-radius:100%;background:#eef7f1;color:#9ebcaa;display:grid;place-items:center;width:15px;height:15px}.requirement.missing>span{background:#fbedef;color:#ce9aa3}.install-form h3{font-size:12px;color:#9690a9;margin:26px 0 17px}.install-form label{font-size:10px;color:#aaa8b9}.install-form input{font-size:11px;padding:10px}.install-form .small{font-size:10px;margin:16px 0}.hide{display:none!important}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
/* Keep the quiet palette readable without changing its character. */
.muted,.page-heading p,.stat-label,.stat-note,.table-sub,.panel-heading p,.pagination,.empty p,.counter,.summary-line,.delivery-legend,.date-label{color:#777d90}.nav-item{color:#737a8e}.table-title,td{color:#616a7e}th{color:#737c8e}.template-body,.phone-message{color:#70778c}.template-bottom small,.preview-note{color:#8b829c}.notice{color:#817398}.pill.green{color:#4f886f}.pill.rose{color:#ab6878}.pill.amber{color:#92774e}.pill.gray{color:#737c8c}.pill{color:#7d659e}.auth-form label,.install-form label,.modal-body label,.settings-form label,.compose-form>label{color:#70758c}.auth-main>p,.install-main>p,.story-content>p{color:#8a809d}.story-content h1{color:#716087}.hero p{color:#827592}.setup-text b{color:#73758a}.setup-text small{color:#8991a3}
@media(min-width:1550px){main#main{padding-top:40px}.hero{min-height:180px}.stats-grid{gap:22px}.stat{min-height:136px}.stat-value{font-size:32px}}@media(max-width:1200px){.sidebar{width:220px;min-width:220px;padding:26px 16px}.app-body{margin-left:220px}.topbar{padding:0 28px}main#main{padding:28px}.dashboard-grid{grid-template-columns:1.45fr 1fr}.stats-grid{gap:12px}.stat{padding:16px}.stat-icon{right:13px}.delivery-content{gap:15px}.donut{width:105px;height:105px}.template-grid{grid-template-columns:repeat(2,1fr)}.role-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:980px){.sidebar{width:205px;min-width:205px;padding:22px 14px}.brand{font-size:20px}.brand img{width:32px;height:32px}.app-body{margin-left:205px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-right{display:grid;grid-template-columns:1fr 1fr;gap:20px}.setup-panel{margin-top:0}.compose-grid,.settings-layout{grid-template-columns:1fr}.compose-side{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.send-summary{margin-top:0}.compose-side .notice{grid-column:span 2}.phone{min-height:280px}.hero-art{width:160px}.hero-envelope{left:15px}.date-label{display:none}.install-wrap{grid-template-columns:300px 1fr}.install-main{padding:30px}.auth-main{padding:65px 35px}.story-content h1{font-size:29px}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:240px;min-width:240px;box-shadow:20px 0 80px #31294022}.sidebar.open{transform:translateX(0)}.app-body{margin-left:0}.mobile-menu{display:flex}.topbar{height:73px;padding:0 20px}.topbar-left{gap:10px}.topbar-right{gap:10px}.account-name{display:none}.top-divider{display:none}.crumb{font-size:10px}.crumb span{margin:0 8px}main#main{padding:24px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:18px}.page-heading h1{font-size:24px}.heading-actions{width:100%;flex-wrap:wrap}.hero{padding:22px;min-height:160px}.hero h1{font-size:23px;max-width:280px}.hero-art{width:120px;opacity:.8}.hero-envelope{width:86px;height:61px;left:10px;top:40px}.hero-orbit{width:110px;height:110px;top:10px;left:0}.hero-spark{right:0;top:18px}.hero-small{left:0;bottom:5px}.hero-envelope svg{width:40px;height:40px}.stats-grid{gap:12px}.stat{padding:17px}.stat-value{font-size:26px}.stat-icon{width:28px;height:28px;right:13px;top:14px}.stat-label{max-width:130px}.dashboard-right{grid-template-columns:1fr}.delivery-content{gap:35px}.donut{width:125px;height:125px}.compose-side{display:block}.send-summary{margin-top:18px}.template-grid,.role-list{grid-template-columns:1fr 1fr;gap:14px}.template-card{padding:17px}.toolbar{padding:15px;gap:12px}.toolbar-right{flex-wrap:wrap}.pagination{padding:15px;flex-wrap:wrap}.modal-backdrop{padding:14px}.modal-header{padding:20px 20px 15px}.modal-body{padding:0 20px 20px}.modal-footer{padding:16px 20px}.form-grid{gap:15px}.permission-grid{grid-template-columns:1fr}.report-filters{padding:15px}.app-footer{padding:16px 20px}.auth-wrap{grid-template-columns:1fr;max-width:480px;min-height:auto}.install-story{padding:25px}.auth-wrap .story-content{display:none}.auth-wrap .auth-credit{display:none}.auth-main{padding:35px 30px}.install-wrap{grid-template-columns:1fr;max-width:580px}.install-wrap .story-content{display:none}.install-wrap .auth-credit{display:none}.install-main{padding:28px}.auth-body{padding:20px}.requirements{gap:10px}.toast{right:20px;left:20px;bottom:20px;max-width:none}}@media(max-width:450px){.hero-art{display:none}.hero h1{max-width:none}.template-grid,.role-list{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.review-stats{gap:7px}.review-stat{padding:10px 7px}.review-stat small{font-size:8px}.stat-label{font-size:10px}.stat-icon{position:static;float:right;margin-top:4px;width:25px;height:25px}.stat-value{font-size:25px}.stats-grid{gap:10px}.stat{padding:14px}.requirements{grid-template-columns:1fr}.selection-bar{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{.sidebar,.topbar,.heading-actions,.app-footer,.toolbar,.report-filters,.pagination,.modal-backdrop{display:none}.app-body{margin:0}main#main{padding:0}.panel{border:0}.table-wrap{overflow:visible}body{background:white;color:black}td,th{font-size:10px;color:#222}}