*{box-sizing:border-box}:root{color:#182321;font-synthesis:none;background:#f4f3ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#f4f3ef;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.icon{flex:none;display:block}.app{min-height:100vh}.sidebar{color:#dbe5e2;z-index:20;background:#19322f;flex-direction:column;width:248px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 10px 35px;display:flex}.brand-mark{border:1px solid #d4e0db;border-radius:50% 50% 45% 55%;place-items:center;width:38px;height:38px;font:700 20px Georgia;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.16em;font-size:17px}.brand span{letter-spacing:.35em;color:#98aca6;margin-top:2px;font-size:8px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#9fb1ac;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px;font-size:14px;display:flex}.sidebar nav button:hover{color:#fff;background:#213d39}.sidebar nav button.active{color:#19322f;background:#f2eee4;font-weight:700;box-shadow:0 7px 18px #0b1d1a33}.sidebar nav b{color:#26322f;text-align:center;background:#dca760;border-radius:20px;min-width:24px;margin-left:auto;padding:3px 6px;font-size:10px}.sidebar-foot{margin-top:auto}.campaign-dot{border-top:1px solid #33504b;align-items:center;gap:9px;padding:20px 5px 0;display:flex}.campaign-dot>span{color:#213733;background:#d7ad71;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid}.campaign-dot div{flex:1}.campaign-dot strong,.campaign-dot small{display:block}.campaign-dot strong{font-size:12px}.campaign-dot small{color:#829a94;margin-top:3px;font-size:10px}.sidebar-foot p{color:#5e7c75;padding:20px 5px 0;font-size:9px}.mobile-close{display:none}main{min-height:100vh;margin-left:248px}.topbar{z-index:10;background:#faf9f6;border-bottom:1px solid #e4e1da;align-items:center;height:91px;padding:0 35px;display:flex;position:sticky;top:0}.eyebrow{letter-spacing:.16em;color:#8a9793;font-size:9px;font-weight:700}.topbar h1{letter-spacing:-.02em;margin:4px 0 0;font-size:22px}.top-actions{align-items:center;gap:11px;margin-left:auto;display:flex}.icon-button{color:#53625f;background:#fff;border:1px solid #e1dfd8;border-radius:9px;place-items:center;width:38px;height:38px;display:grid;position:relative}.icon-button>i{background:#d68c58;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.avatar,.mini-avatar{border-radius:50%;place-items:center;font-weight:800;display:grid}.avatar{color:#233733;background:#d7ad71;width:38px;height:38px;margin-left:6px;font-size:11px}.profile strong,.profile span{display:block}.profile strong{font-size:12px}.profile span{color:#82908d;margin-top:2px;font-size:9px}.menu-btn{background:0 0;border:0;font-size:23px;display:none}.content{max-width:1600px;margin:auto;padding:31px 35px 45px}.hero-row,.section-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.hero-row{margin-bottom:25px}.hero-row h2,.section-title h2{color:#1b2927;margin:0;font-family:Georgia,serif;font-size:25px;font-weight:500}.hero-row p,.section-title p,.card-head p{color:#7d8b88;margin:6px 0 0;font-size:12px}.hero-actions{gap:9px;display:flex}.btn{border:1px solid #dcdad2;border-radius:8px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;font-weight:700;display:flex}.btn.primary{color:#fff;background:#1b3935;border-color:#1b3935;box-shadow:0 5px 12px #19322f20}.btn.secondary{color:#30423f;background:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px;display:grid}.card,.stat-card{background:#fff;border:1px solid #e4e1da;border-radius:12px;box-shadow:0 2px 7px #253a3210}.stat-card{min-height:140px;padding:16px 17px;position:relative}.stat-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:15px;right:15px}.stat-icon.dark{color:#19322f;background:#e8edeb}.stat-icon.blue{color:#537f99;background:#e6eff4}.stat-icon.green{color:#4a8062;background:#e4f0e8}.stat-icon.orange{color:#b77944;background:#f6ecdf}.stat-head{color:#75837f;align-items:center;font-size:11px;display:flex}.stat-head svg{margin-left:auto;margin-right:42px}.stat-card>strong{margin:17px 0;font:500 29px Georgia;display:block}.stat-bottom{align-items:center;gap:10px;display:flex}.stat-bottom .progress{flex:1}.stat-bottom small{color:#899592;font-size:9px}.progress{background:#edf0ed;border-radius:5px;height:4px;overflow:hidden}.progress span{border-radius:5px;height:100%;display:block}.progress span.dark{background:#1b3935}.progress span.blue{background:#648ea3}.progress span.green{background:#609072}.progress span.orange{background:#cf9360}.dashboard-grid{grid-template-columns:minmax(0,1.75fr) minmax(280px,.8fr);gap:17px;display:grid}.card{padding:20px}.card-head{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.card-head h3{margin:0;font-size:14px}.card-head select{color:#65736f;background:#fff;border:1px solid #e2e0da;border-radius:7px;padding:7px 25px 7px 10px;font-size:10px}.chart{height:225px;margin-top:14px;padding:4px 0 25px 30px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.gridline{stroke:#ecece8;stroke-width:1px}.area{fill:url(#area)}.line{fill:none;stroke:#244843;stroke-width:2px}.chart circle{fill:#fff;stroke:#244843;stroke-width:3px}.y-axis{color:#95a09d;flex-direction:column;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:2px;bottom:27px;left:0}.x-axis{color:#95a09d;justify-content:space-between;font-size:8px;display:flex;position:absolute;bottom:2px;left:30px;right:0}.text-btn{color:#37625b;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.gateway-row{border-bottom:1px solid #efeee9;align-items:center;gap:10px;padding:16px 0;display:flex}.signal{background:#e9f1ed;border-radius:8px;justify-content:center;align-items:flex-end;gap:2px;width:36px;height:36px;padding:10px 7px;display:flex}.signal i{background:#4f826b;border-radius:2px;width:3px}.signal i:first-child{height:5px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:11px}.signal i:nth-child(4){height:14px}.signal i.muted{background:#c7d0cc}.gateway-row>div:nth-child(2){flex:1}.gateway-row strong,.gateway-row span{display:block}.gateway-row strong{font-size:11px}.gateway-row span{color:#84918e;margin-top:3px;font-size:9px}.gateway-row em,.live{color:#4b8063;background:#edf5ef;border-radius:20px;padding:5px 7px;font-size:9px;font-style:normal}.gateway-row em:before,.live i{content:"";background:#4c8e69;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.queue{background:#f7f7f3;border-radius:8px;margin-top:16px;padding:12px}.queue>div{justify-content:space-between;margin-bottom:9px;font-size:10px;display:flex}.queue small{color:#899591;font-size:8px}.lower-grid{grid-template-columns:1.75fr .8fr;gap:17px;margin-top:17px;display:grid}.response-row{border-bottom:1px solid #efeee9;align-items:center;gap:10px;padding:12px 0;display:flex}.response-row:last-child{border:0}.mini-avatar{flex:none;width:32px;height:32px;font-size:9px}.tone-0{color:#356b58;background:#dbe9e3}.tone-1{color:#856640;background:#ebe2d7}.tone-2{color:#536f88;background:#e1e7ee}.tone-3{color:#806079;background:#eadfe6}.response-row>div:nth-child(2){flex:1;min-width:0}.response-row strong,.response-row p{margin:0;font-size:10px}.response-row p{color:#86928f;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.response-row time{color:#94a09d;font-size:8px}.pill{white-space:nowrap;border-radius:20px;padding:5px 7px;font-size:8px;font-weight:700}.pill i{border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.pill.ok{color:#4b7e60;background:#e8f3eb}.pill.ok i{background:#4b8c65}.pill.delivered{color:#537b91;background:#e7eff3}.pill.delivered i{background:#648fa6}.pill.sent{color:#6c6d9c;background:#eeeefa}.pill.sent i{background:#7779a8}.pill.none{color:#a56d3f;background:#f7eade}.pill.none i{background:#c98951}.action-item{border-bottom:1px solid #efeee9;align-items:center;gap:10px;padding:17px 0;display:flex}.action-item:last-child{border:0}.action-icon{border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.action-icon.orange{color:#bd7d49;background:#f5e9db}.action-icon.blue{color:#59819a;background:#e5eef4}.action-icon.green{color:#558266;background:#e3efe8}.action-item>div:nth-child(2){flex:1}.action-item strong,.action-item span{display:block}.action-item strong{font-size:10px}.action-item span{color:#87928f;margin-top:4px;font-size:9px}.action-item time{text-align:right;color:#8a9592;font-size:8px;line-height:1.6}.action-item time b{color:#374744}.table-card{padding:0;overflow:hidden}.table-card .section-title{padding:21px 22px}.toolbar{border-top:1px solid #efede7;border-bottom:1px solid #efede7;justify-content:space-between;gap:15px;padding:14px 22px;display:flex}.search{color:#899591;background:#fafaf8;border:1px solid #dfddd7;border-radius:8px;align-items:center;width:300px;padding:0 10px;display:flex}.search input{background:0 0;border:0;outline:0;width:100%;padding:9px;font-size:11px}.filters{gap:4px;display:flex}.filters button{color:#71807c;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:10px}.filters button.active{color:#fff;background:#1d3935}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th{text-align:left;letter-spacing:.09em;text-transform:uppercase;color:#909b98;background:#fafaf7;padding:11px 20px;font-size:8px}td{color:#596662;border-top:1px solid #efeee9;padding:11px 20px;font-size:10px}td:first-child{color:#24322f;align-items:center;gap:9px;display:flex}.row-more{color:#87938f;background:0 0;border:0}.pagination{color:#83908c;border-top:1px solid #efeee9;justify-content:space-between;align-items:center;padding:14px 20px;font-size:9px;display:flex}.pagination div{display:flex}.pagination button{background:#fff;border:1px solid #e3e1db;min-width:27px;height:27px;font-size:9px}.pagination button.active{color:#fff;background:#1d3935}.planning{overflow:auto}.legend{color:#677571;gap:15px;font-size:9px;display:flex}.legend i{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.legend .green{background:#7cab8c}.legend .blue{background:#7fa3b7}.legend .orange{background:#cf945f}.schedule{border:1px solid #e8e5de;border-radius:8px;grid-template-columns:55px 1fr 1fr;min-width:820px;margin-top:22px;display:grid;overflow:hidden}.schedule-time{background:#fafaf7;grid-template-rows:47px repeat(8,68px);display:grid}.schedule-time b,.schedule-time span{color:#899591;border-bottom:1px solid #ebe9e3;justify-content:center;align-items:center;font-size:9px;display:flex}.day{border-left:1px solid #e8e5de}.day h3{border-bottom:1px solid #e8e5de;height:47px;margin:0;padding:10px 14px;font-size:11px}.day h3 span{color:#87938f;margin-top:3px;font-size:8px;font-weight:400;display:block}.slot{border-bottom:1px solid #ebe9e3;grid-template-columns:1fr 1fr;gap:4px;height:68px;padding:5px;display:grid}.slot span{color:#50605c;white-space:nowrap;text-overflow:ellipsis;background:#edf5ef;border-left:3px solid #73a182;border-radius:3px;padding:4px;font-size:8px;overflow:hidden}.slot span b{margin-bottom:2px;font-size:7px;display:block}.slot span.wait{background:#edf3f6;border-color:#7099af}.slot span.warn{background:#f8eee4;border-color:#cf915c}.split-view{grid-template-columns:360px 1fr;gap:17px;height:calc(100vh - 155px);min-height:570px;display:grid}.inbox,.conversation{padding:0;overflow:hidden}.inbox .section-title{padding:18px}.inbox-item{border-top:1px solid #efeee9;align-items:center;gap:10px;padding:13px 16px;display:flex}.inbox-item.selected{background:#eef3f0;border-left:3px solid #1d3935}.inbox-item>div:nth-child(2){flex:1;min-width:0}.inbox-item strong,.inbox-item p{margin:0;font-size:10px}.inbox-item p{color:#82908c;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;overflow:hidden}.inbox-item time{color:#8b9693;font-size:8px}.conversation{flex-direction:column;display:flex}.conversation-head{border-bottom:1px solid #efeee9;align-items:center;gap:11px;height:72px;padding:15px 20px;display:flex}.conversation-head h3{margin:0;font-size:12px}.conversation-head span{color:#82908c;font-size:9px}.conversation-head span i{background:#58906b;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.messages{background:#fafaf7;flex-direction:column;flex:1;gap:14px;padding:28px;display:flex}.bubble{border-radius:10px;max-width:70%;padding:12px 14px;font-size:11px;line-height:1.5}.bubble time{opacity:.6;margin-top:7px;font-size:8px;display:block}.bubble.outgoing{color:#fff;background:#1d3935;border-bottom-right-radius:2px;margin-left:auto}.bubble.incoming{background:#fff;border:1px solid #e3e1db;border-bottom-left-radius:2px}.system-message{color:#64806f;background:#edf4ef;border-radius:20px;align-self:center;align-items:center;gap:5px;padding:7px 11px;font-size:8px;display:flex}.reply-box{border-top:1px solid #e8e5df;gap:8px;padding:14px;display:flex}.reply-box input{border:1px solid #dfddd6;border-radius:8px;outline:0;flex:1;padding:11px;font-size:10px}.reply-box button{color:#fff;background:#1d3935;border:0;border-radius:8px;place-items:center;width:39px;display:grid}.standalone{margin-bottom:22px}.automation-grid,.gateway-cards{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.automation{position:relative}.automation-status{border-radius:15px;padding:5px 8px;font-size:8px;position:absolute;top:18px;right:18px}.automation-status.orange{color:#a36e42;background:#f8eee4}.automation-status.blue{color:#56798e;background:#e9f1f5}.automation-status.green{color:#4c7a5d;background:#e7f2ea}.automation h3{margin:17px 0 5px;font-size:14px}.automation>p{color:#82908c;font-size:10px}.automation-rule{background:#f8f8f5;border-radius:7px;margin:18px 0;padding:11px}.automation-rule span,.automation-rule strong{display:block}.automation-rule span{letter-spacing:.1em;color:#909b98;font-size:7px}.automation-rule strong{margin-top:5px;font-size:10px}.automation>button{background:#fff;border:1px solid #e3e0d9;border-radius:7px;justify-content:center;align-items:center;gap:5px;width:100%;padding:9px;font-size:9px;display:flex}.history{margin-top:17px}.history-line{border-top:1px solid #efeee9;align-items:center;gap:11px;padding:14px 0;display:flex}.history-icon{color:#526d65;background:#edf1ef;border-radius:8px;place-items:center;width:31px;height:31px;display:grid}.history-line div{flex:1}.history-line strong,.history-line p{margin:0;font-size:10px}.history-line p{color:#84918d;margin-top:4px;font-size:9px}.history-line time{color:#87938f;font-size:8px}.gateway-cards{grid-template-columns:1fr 1fr}.modem-head{align-items:center;gap:10px;display:flex}.operator{color:#fff;border-radius:10px;place-items:center;width:42px;height:42px;font-size:19px;font-weight:800;display:grid}.operator.green{background:#ef7a22}.operator.red{background:#e2343e}.modem-head>div:nth-child(2){flex:1}.modem-head span{color:#899592;letter-spacing:.08em;font-size:7px}.modem-head h3{margin:3px 0 0;font-size:14px}.modem-head em{color:#4c7d5d;font-size:8px;font-style:normal}.modem-head em i{background:#56a071;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.signal-big{margin:22px 0}.signal-big>div{justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.signal-big strong{font-size:11px}.modem-details{border-top:1px solid #efeee9;grid-template-columns:1fr 1fr;display:grid}.modem-details div{padding:13px 0}.modem-details span,.modem-details strong{display:block}.modem-details span{color:#899591;font-size:8px}.modem-details strong{margin-top:4px;font-size:10px}.queue-full{margin-top:17px}.queue-visual{background:#f8f8f5;border-radius:9px;grid-template-columns:120px 1fr 150px;align-items:center;gap:25px;margin-top:22px;padding:20px;display:grid}.queue-count{text-align:center}.queue-count strong,.queue-count span{display:block}.queue-count strong{font:500 26px Georgia}.queue-count span,.queue-visual p{color:#82908d;font-size:9px}.toast{z-index:50;color:#fff;background:#19322f;border-radius:10px;align-items:center;gap:9px;max-width:390px;padding:13px 15px;font-size:11px;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 15px 35px #12231f45}.toast>svg{color:#85bd99}.toast button{color:#c8d4d1;background:0 0;border:0;margin-left:8px;padding:0}.scrim{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.automation-grid{grid-template-columns:1fr 1fr}.profile{display:none}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 60px #10221f55}.mobile-close{color:#fff;background:0 0;border:0;display:block;position:absolute;top:14px;right:13px}.scrim{z-index:19;background:#13231f66;display:block;position:fixed;inset:0}main{margin-left:0}.topbar{height:75px;padding:0 18px}.menu-btn{margin-right:12px;display:block}.content{padding:22px 18px}.gateway-cards,.split-view{grid-template-columns:1fr}.split-view{height:auto}.conversation{min-height:550px}.toolbar{flex-direction:column}.search{width:100%}.filters{overflow:auto}.queue-visual{grid-template-columns:1fr}.top-actions .icon-button{display:none}}@media (width<=560px){.hero-row,.section-title{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.hero-actions .btn{flex:1;justify-content:center}.stats-grid{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:126px;padding:13px}.stat-icon{display:none}.stat-head svg{margin-left:auto;margin-right:0}.stat-card>strong{font-size:25px}.automation-grid{grid-template-columns:1fr}.response-row time,.incoming .pill,.profile,.top-actions .avatar{display:none}.topbar h1{font-size:18px}.content{padding:18px 12px}.card{padding:16px}.gateway-cards{grid-template-columns:1fr}.pagination>span{display:none}.pagination{justify-content:center}.legend{flex-wrap:wrap}.hero-row h2,.section-title h2{font-size:21px}.btn{padding:10px 9px;font-size:10px}}