@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";.import-steps{max-width:680px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;color:#9aa7b6;font-size:11px;font-weight:700}.import-steps span{display:flex;align-items:center;gap:7px;white-space:nowrap}.import-steps i{font-style:normal;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e7ebf0}.import-steps span.active{color:#219a76}.import-steps span.active i{background:#27aa83;color:#fff}.import-steps b{height:1px;background:#dfe5eb;width:90px;margin:0 13px}.import-help{margin:0 22px 22px;padding:14px;background:#edf6fb;border-radius:8px;font-size:11px;color:#547087}.import-help p{margin:4px 0 0}.mapping-card,.preview-card{margin-bottom:17px}.mapping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:21px}.mapping-grid label>span{font-size:11px;font-weight:700;display:block}.mapping-grid em{color:#e05252;font-style:normal;margin-left:3px}.mapping-grid select{width:100%;margin-top:7px;border:1px solid #dce3eb;border-radius:7px;padding:10px;background:#fff}.preview-card td{white-space:nowrap}.import-actions{display:flex;justify-content:space-between;align-items:center}.import-actions>button:not(.primary){border:1px solid #dbe2ea;background:#fff;border-radius:7px;padding:10px 14px}.import-report{max-width:650px;margin:20px auto;text-align:center;padding:36px}.report-icon{display:grid;place-items:center;margin:0 auto;width:56px;height:56px;border-radius:50%;background:#e3f7ef;color:#229a74;font-size:25px}.import-report h2{font:800 22px Manrope;margin-bottom:5px}.import-report>p{color:#8090a2}.import-report>div{display:flex;justify-content:center;gap:15px;margin:25px 0}.import-report article{min-width:150px;padding:18px;background:#f1faf7;border-radius:9px}.import-report article.danger{background:#fff0f0}.import-report strong,.import-report small{display:block}.import-report strong{font:800 25px Manrope}.import-report small{font-size:10px;color:#8290a0}.import-report section{text-align:left;background:#fff7e9;padding:14px;border-radius:8px;margin-bottom:20px;font-size:11px}.import-report section p{margin:6px 0;color:#8c6325}@media (max-width:800px){.mapping-grid{grid-template-columns:1fr 1fr}}@media (max-width:520px){.mapping-grid{grid-template-columns:1fr}.import-steps b{width:20px}.import-steps span{font-size:0}.import-steps i{font-size:11px}}.login-page{min-height:100vh;background:linear-gradient(135deg,#0e294b,#173d65);display:grid;place-items:center;padding:24px}.login-brand{position:absolute;top:30px;left:36px;color:#fff;display:flex;align-items:center;gap:10px;font:800 20px Manrope}.login-brand span{color:#53c7a2}.login-card{width:min(430px,94vw);background:#fff;border-radius:16px;padding:35px;box-shadow:0 28px 90px #07182e80}.login-card h1{font:800 27px Manrope;margin:5px 0}.login-card>p:not(.eyebrow){color:#778598;font-size:13px;margin-bottom:24px}.login-card label{display:block;font-size:11px;font-weight:700;margin:14px 0}.login-card input{display:block;width:100%;padding:11px;border:1px solid #d9e1ea;border-radius:7px;margin-top:6px}.login-card>.primary{width:100%;margin-top:7px}.login-switch{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.login-switch button{border:0;background:none;color:#268d70;font-size:11px;cursor:pointer}.app-loading{min-height:100vh;display:grid;place-items:center;color:#537087}.role-badge{text-transform:capitalize;background:#e7f7f1;color:#23896c;border-radius:20px;padding:5px 10px;font-size:10px}.template-list article i{margin-left:auto;font-style:normal}:root{font-family:DM Sans,sans-serif;color:#172336;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px 1fr}.sidebar{position:fixed;width:244px;height:100vh;background:#102b4e;color:#d7e2ef;padding:27px 18px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 29px;font:800 20px Manrope}.brand span{color:#58c8a5}.brand small,.user small{font:400 10px DM Sans;display:block;color:#8fa5bd;letter-spacing:.3px}.brand-mark{width:35px;height:35px;border-radius:10px;background:#35b990;color:#fff!important;display:grid;place-items:center}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar button{border:0;background:transparent;color:#aebed0;text-align:left;padding:11px 13px;border-radius:9px;cursor:pointer;font-weight:500}.sidebar button i{font-style:normal;width:28px;display:inline-block;text-align:center}.sidebar button.active,.sidebar button:hover{background:#1c4169;color:#fff}.sidebar button.active{box-shadow:inset 3px 0 #45c89e}.sidebar-foot{margin-top:auto;border-top:1px solid #264564;padding-top:12px}.user{display:flex;gap:10px;align-items:center;margin:17px 9px 0}.user>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e5a94d;color:#fff;font-weight:700}.user b{font-size:12px;color:#fff;display:block}main{grid-column:2;min-width:0}header{height:66px;background:#fff;border-bottom:1px solid #e5eaf0;padding:0 34px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#66758a}.status-dot{display:inline-block;width:8px;height:8px;background:#38ba83;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #def5eb}.header-actions{display:flex;gap:8px}.icon-btn{border:1px solid #e1e6ed;background:#fff;border-radius:50%;width:34px;height:34px}.page{padding:31px 36px 60px;max-width:1440px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.page-head h1{font:800 29px Manrope;margin:3px 0 5px;color:#132843}.page-head p{margin:0;color:#718096;font-size:14px}.eyebrow{text-transform:uppercase!important;letter-spacing:1.4px!important;color:#3aaa87!important;font-weight:700;font-size:10px!important}.primary{border:0!important;background:#23a97e!important;color:#fff!important;padding:11px 17px!important;border-radius:8px!important;font-weight:700!important;box-shadow:0 4px 10px #23a97e2c;cursor:pointer}.primary:disabled{opacity:.45}.card{background:#fff;border:1px solid #e3e9ef;border-radius:12px;box-shadow:0 2px 7px #263c5520}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric{padding:20px;display:flex;align-items:center;gap:15px}.metric-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-size:19px}.metric-icon.blue{background:#e9f2ff;color:#3b7be3}.metric-icon.green{background:#e8f8f1;color:#23a97e}.metric-icon.violet{background:#f0ecff;color:#7956d8}.metric-icon.amber{background:#fff3dd;color:#d9952a}.metric strong{display:block;font:800 24px Manrope}.metric b{display:block;font-size:12px}.metric small{font-size:10px;color:#91a0b1}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.card-title{padding:19px 21px 15px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between}.card-title h3{font:700 15px Manrope;margin:0 0 3px}.card-title p{font-size:11px;color:#8b98a8;margin:0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;color:#8a98aa;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:12px 20px;background:#fafbfd}td{padding:14px 20px;border-top:1px solid #eef1f5;color:#536276}td b{color:#24364d}.pill{font-size:10px;padding:4px 8px;border-radius:20px;background:#edf1f5;text-transform:capitalize;white-space:nowrap}.pill.pending,.pill.queued{background:#fff1d6;color:#a66a0e}.pill.paid,.pill.delivered,.pill.sent{background:#e4f7ef;color:#16835f}.pill.error{background:#ffe7e7;color:#b94343}.activity{padding:4px 20px}.activity>div{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:14px 0;border-bottom:1px solid #eef1f5}.activity-icon{width:29px;height:29px;border-radius:50%;background:#e6f7f0;color:#239b76;display:grid;place-items:center}.activity b,.activity small{display:block;font-size:11px}.activity small{color:#98a4b2;margin-top:3px}.empty{text-align:center!important;color:#9aa7b6!important;padding:28px!important}.alert,.success{padding:12px 15px;border-radius:8px;margin-bottom:17px;font-size:13px}.alert{background:#fff2e1;color:#965f16}.success{background:#e5f7ef;color:#19795d}.two-cols{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.form{padding:20px;display:flex;flex-direction:column;gap:15px}.form label{font-size:11px;font-weight:700;color:#4d5c70}.form input,.form textarea,.form select,.filters input,.filters select{display:block;width:100%;border:1px solid #dce3eb;border-radius:7px;padding:10px 11px;margin-top:6px;outline:none;color:#27384f;background:#fff}.form input:focus,.form textarea:focus{border-color:#38ae89;box-shadow:0 0 0 3px #38ae891c}.form small{font-weight:400;color:#8d99a8}.form.inline{flex-direction:row;align-items:end}.form.inline label{flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags button{border:1px solid #cfe3dd;background:#f1faf7;color:#26896d;border-radius:5px;padding:5px 8px;font-size:10px}.phone-preview{margin:0 20px 20px;padding:15px;border-radius:9px;background:#eff5f8}.phone-preview small{color:#7b899a;font-size:9px}.phone-preview div{background:#d8f1e8;border-radius:12px 12px 2px;margin-top:9px;padding:12px;font-size:11px;line-height:1.5}.template-list{padding:8px 20px}.template-list article{padding:15px 0;border-bottom:1px solid #edf0f4}.template-list article div{display:flex;gap:9px;align-items:center}.template-list article span{font-size:8px;background:#e8f7f2;color:#238c6d;padding:3px 5px;border-radius:4px}.template-list p{font-size:11px;color:#6e7b8d;line-height:1.5}.template-list small{color:#9ba6b3}.timeline{padding:15px 22px}.timeline>div{display:grid;grid-template-columns:50px 1fr 20px;gap:13px;align-items:center;padding:15px 0;border-bottom:1px solid #edf0f4}.timeline>div>span{font-weight:800;color:#1f9874;background:#e8f7f2;border-radius:7px;padding:7px;text-align:center;font-size:11px}.timeline b,.timeline small{display:block}.timeline small{color:#8d99a8;margin-top:4px}.timeline i{width:10px;height:10px;border-radius:50%;background:#ccc}.timeline i.on{background:#28b385;box-shadow:0 0 0 4px #dff6ee}.filters{padding:15px 20px;display:flex;gap:10px}.filters input{flex:1;margin:0}.filters select{width:180px;margin:0}.filters button,.page-head>button:not(.primary){border:1px solid #dbe2ea;background:#fff;border-radius:7px;padding:9px 13px}.import-card{max-width:780px}.dropzone{margin:22px;min-height:220px;border:2px dashed #cdd9e5;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fafcfe}.dropzone input{display:none}.dropzone>span{font-size:26px;color:#2fad84;background:#e7f7f1;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;margin-bottom:12px}.dropzone small{color:#8e9bab;margin-top:6px}.message-cell{max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d213cd9;display:grid;place-items:center;z-index:10}.modal{width:min(420px,90vw);background:#fff;border-radius:15px;padding:34px;box-shadow:0 24px 80px #0004}.modal-icon{width:48px;height:48px;border-radius:12px;background:#e5f7f0;color:#219c75;display:grid;place-items:center;font-size:24px}.modal h2{font:800 23px Manrope;margin-bottom:7px}.modal p{color:#778598;font-size:13px;line-height:1.5}.modal label{display:block;font-size:11px;font-weight:700;margin-top:22px}.modal input{width:100%;padding:12px;border:1px solid #d9e1ea;border-radius:7px;margin:7px 0 16px}.modal .primary{width:100%}@media (max-width:1000px){.metrics{grid-template-columns:1fr 1fr}.dashboard-grid,.two-cols{grid-template-columns:1fr}.app-shell{grid-template-columns:76px 1fr}.sidebar{width:76px;padding:22px 10px}.brand>div,.sidebar button:not(.active){font-size:0}.sidebar button i{font-size:17px}.user div,.sidebar-foot>button{display:none}.user{margin-left:10px}.brand-mark{flex:none}}@media (max-width:650px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;flex-direction:row;padding:10px}.brand{padding:0}.sidebar nav{margin-left:auto;flex-direction:row}.sidebar nav button{display:none}.sidebar nav button.active{display:block}.sidebar-foot{display:none}main{grid-column:auto}.page{padding:22px 14px}.metrics{grid-template-columns:1fr}.page-head{align-items:flex-start;gap:15px}.page-head .primary{font-size:0}.page-head .primary span{font-size:14px}.form.inline{flex-direction:column;align-items:stretch}}