*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f6f4;color:#263d3b;font:14px/1.7 'Segoe UI',Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #cfad74;outline-offset:3px}button{transition:background .15s,color .15s}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.5;margin-bottom:6px;font-weight:650}h2{font-size:19px;font-weight:650;margin-bottom:18px}h3{font-size:15px}p{margin-bottom:14px}.muted{color:#7c8a86;font-size:13px}.eyebrow{font-size:11px;color:#84938b;letter-spacing:.3px;margin-bottom:8px}aside{position:fixed;right:0;top:0;bottom:0;width:230px;background:#153f3b;color:#eaf1ec;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;padding:0 5px 32px}.brand b{font-size:19px;font-weight:600}.brand small{display:block;color:#a5bdb5;font-size:11px}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #829e8b;border-radius:13px;font-size:28px;color:#d4e7cc}.nav-label{font-size:10px;color:#8da99e;margin:8px 15px 12px}nav{display:grid;gap:5px}nav button{background:transparent;border:0;border-radius:9px;color:#b8cec5;display:flex;align-items:center;text-align:right;gap:12px;padding:13px 15px;width:100%}nav button:hover{background:#214b44}nav button.active{background:#326052;color:#fff}nav svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.5}.aside-bottom{margin-top:auto;padding:24px 12px 0;border-top:1px solid #31574d;color:#9db7ac;font-size:11px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#b8c9a0;margin-left:5px}.logout{display:block;border:0;background:transparent;color:#c8d8ce;padding:15px 0 0;font-size:12px}main{margin-right:230px;padding:34px 40px;max-width:1700px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}header p{margin:0}.profile{display:flex;align-items:center;gap:10px;font-size:12px}.profile small{display:block;color:#8b9890;font-size:10px}.avatar{height:38px;width:38px;border-radius:12px;background:#e6ece2;color:#56765f;display:grid;place-items:center;flex-shrink:0}.banner{border:1px solid #e4dcc7;color:#8c7855;background:#faf6e9;padding:10px 16px;border-radius:8px;font-size:12px;margin-bottom:24px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card,.panel{background:#fff;border:1px solid #e4e8e1;border-radius:12px;padding:22px}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#849287;font-size:12px}.metric-icon{font-size:20px;color:#7e9a88}.metric-value{font-size:34px;line-height:1.4;margin:14px 0 8px;direction:ltr;text-align:right;font-weight:500;color:#214d40}.metric-note{color:#97a197;font-size:11px}.grid{display:grid;grid-template-columns:1.6fr 1fr;gap:22px;margin-top:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.panel-head h2{margin:0}.primary,.secondary{border-radius:7px;padding:10px 16px;border:1px solid transparent;line-height:1.5}.primary{background:#285c4b;color:#fff}.primary:hover{background:#174836}.secondary{background:#fff;border-color:#dce3d9;color:#52715d}.secondary:hover{background:#f0f5ed}.text-button{background:none;border:0;color:#5e826a;font-size:12px;padding:8px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf0e9}.row:last-child{border:0}.person{display:flex;align-items:center;gap:12px}.person small{display:block;color:#9aa297;font-size:11px}.badge{font-size:10px;line-height:1.7;padding:4px 8px;display:inline-block;border-radius:5px;background:#eaf1e5;color:#56764b;white-space:nowrap}.badge.amber{background:#fbf0db;color:#a1803e}.badge.gray{background:#f0f1ee;color:#91988d}.list-empty{text-align:center;color:#8b988e;padding:50px 15px}.flow-line{height:5px;background:#edf1e8;border-radius:4px;overflow:hidden;margin:10px 0 16px}.flow-line span{display:block;height:100%;background:#97ad87;width:55%}.quick{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}input,select,textarea{background:#fff;border:1px solid #dbe2d6;border-radius:7px;padding:10px 12px;color:#364c3c;max-width:100%}input[type=search]{min-width:260px}.toolbar .filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid #e1e6dc;color:#73866d;background:#fff;padding:7px 12px;border-radius:6px;font-size:12px}.filters button.active{background:#e4ecdc;border-color:#c9d5bf;color:#365838}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:right;white-space:nowrap}th{font-size:11px;font-weight:500;color:#9aa592;background:#fafbf8;padding:14px}td{border-bottom:1px solid #edf0e8;padding:16px 14px;font-size:13px}tr:last-child td{border:0}.small{font-size:11px;color:#8d9b87}.inbox{display:grid;grid-template-columns:290px 1fr;background:#fff;border:1px solid #e2e8dc;border-radius:12px;min-height:530px;overflow:hidden}.conversation-list{border-left:1px solid #e9ede5;padding:16px}.conversation-item{display:block;width:100%;background:#fff;border:0;border-radius:8px;text-align:right;padding:16px 12px;margin:6px 0}.conversation-item.active{background:#eff4e9}.conversation-item b{font-size:13px}.conversation-item p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91a087;font-size:12px;margin:8px 0}.channel{font-size:10px;color:#708e65}.chat-pane{display:flex;flex-direction:column;min-width:0}.chat-head{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e8}.chat-body{padding:22px;flex:1;max-height:430px;overflow:auto;background:#fdfefa}.bubble{max-width:85%;background:#edf2e5;padding:12px 16px;border-radius:10px 2px 10px 10px;width:fit-content;margin-bottom:18px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.outbound,.bubble.draft{margin-right:auto;background:#f4f1e8;border-radius:2px 10px 10px 10px}.bubble.draft{border:1px dashed #d6c8a3}.bubble small{display:block;font-size:9px;color:#95a18d;margin-top:8px}.composer{display:flex;gap:10px;padding:18px;border-top:1px solid #edf0e8}.composer textarea{flex:1;min-width:0;resize:vertical;height:54px}.kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kanban-column{background:#eef1e9;border-radius:10px;padding:16px;min-height:300px}.kanban-column h3{display:flex;justify-content:space-between;color:#62765a;font-size:13px}.lead-card{background:#fff;border:1px solid #e1e7da;border-radius:9px;padding:16px;margin-bottom:12px}.lead-card p{font-size:12px;color:#96a28d}.lead-card select{width:100%;font-size:11px;margin:12px 0}.lead-card button{font-size:11px;width:100%}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.connection h3{font-size:17px;margin:0}.connection p{font-size:12px;color:#8b9980}.connection .account{font-size:13px;color:#45613c;margin:18px 0}.connection-top{display:flex;justify-content:space-between;gap:8px}.route{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px;color:#456b40;font-size:17px;background:#f0f5e9;border-radius:10px;margin:18px 0}.route span{font-size:12px;color:#93a183}.setup-list{padding-right:20px;color:#78896b}.setup-list li{margin:12px 0}.info-note{padding:14px;border-right:3px solid #c4ad70;background:#faf7ee;font-size:12px;line-height:2}.fields{display:grid;gap:16px}label{display:grid;gap:6px;font-size:12px;color:#6c7d60}dialog{width:440px;max-width:95vw;padding:26px;border:1px solid #e1e7d8;border-radius:13px;color:#334d2e;box-shadow:0 25px 80px #1c301e33}dialog::backdrop{background:#17321e66}.dialog-head{display:flex;justify-content:space-between;align-items:center}.icon-button{background:transparent;border:0;font-size:24px;color:#8e9c83}.form-actions{display:flex;gap:10px;justify-content:flex-start;margin-top:22px}.error{color:#9d4d36;font-size:12px;margin-top:10px}#toast{position:fixed;bottom:26px;left:26px;background:#24492f;color:#fff;padding:14px 24px;border-radius:8px;box-shadow:0 6px 30px #1c301e22;z-index:20}footer{font-size:10px;color:#a4aea0;text-align:center;margin-top:30px}.login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:#fcfdf9}.login-card{max-width:440px;padding:70px 40px;margin:auto;width:100%}.login-card .brand-mark{background:#214d3f;margin-bottom:34px}.login-card h1{font-size:38px;line-height:1.6}.login-card p{color:#91a084}.login-card form{display:grid;gap:15px;margin:25px 0}.direct{font-size:11px;color:#718a61}.login-art{background:#234b3d;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:70px;color:#e9f1e0}.login-art h2{font-size:43px;line-height:1.6;font-weight:400;position:relative}.login-art p{font-size:13px;color:#9eb590;position:relative}.orb{height:550px;width:550px;border-radius:50%;border:1px solid #537361;position:absolute;top:10%;left:-200px;box-shadow:0 0 0 70px #2b5343,0 0 0 140px #315b46,0 0 0 210px #38634a}.inline-links{display:flex;gap:18px;flex-wrap:wrap}a{color:#436e41}.loading{text-align:center;padding:70px;color:#8c9b80}[hidden]{display:none!important}@media(max-width:1100px){main{padding:26px}.kanban{grid-template-columns:repeat(2,1fr)}.profile small{display:none}}@media(max-width:800px){aside{position:static;width:auto;padding:18px}.brand{padding-bottom:10px}.brand small,.nav-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;gap:5px}nav button{width:auto;white-space:nowrap;padding:9px 12px}nav svg{width:17px;height:17px}main{margin:0;padding:20px}.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.inbox{grid-template-columns:220px 1fr}.connection-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr}.login-art{display:none}h1{font-size:25px}.profile{display:none}}@media(max-width:560px){.inbox{grid-template-columns:1fr}.conversation-list{max-height:230px;overflow:auto;border-left:0;border-bottom:1px solid #e4e9dd}.chat-body{max-height:350px}.kanban{grid-template-columns:1fr}.composer{flex-wrap:wrap}.composer textarea{flex-basis:100%}.card,.panel{padding:16px}.metric-value{font-size:29px}.route{font-size:14px;gap:12px}}

.queue-panel{margin-top:24px}