@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#283a35;background:#f7f9f7;font-synthesis:none;--green:#245b49;--muted:#839089;--line:#e7ece8}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button{border:0}button,a{ -webkit-tap-highlight-color:transparent}a{color:inherit}.app{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:30px 19px 18px;display:flex;flex-direction:column;min-height:100vh}.brand{font:800 31px Manrope,sans-serif;letter-spacing:-1.8px;display:flex;align-items:center;text-decoration:none;padding-left:11px;gap:10px}.brandmark{background:#285f4c;color:white;display:inline-flex;width:34px;height:36px;justify-content:center;border-radius:11px;position:relative;font-size:29px;line-height:35px}.brandmark span{position:absolute;color:#b5db80;font-size:22px;right:7px;top:0}.branddot{color:#79a566;margin-left:-10px}.workspace{margin:36px 0 30px;border:1px solid var(--line);border-radius:10px;padding:12px 10px;display:flex;align-items:center;gap:10px}.workspace-icon{background:#eef2e9;border-radius:7px;padding:8px 11px;color:#668557;font-size:14px}.workspace strong,.profile strong{display:block;font-size:12px}.workspace small,.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.workspace>span:last-child{margin-left:auto;color:#929c95}.nav-label{font-size:9px;letter-spacing:1.4px;color:#98a198;font-weight:700;padding:0 13px;margin-bottom:13px}.nav-item{width:100%;text-align:left;display:flex;align-items:center;background:transparent;color:#7c887f;font-size:12px;padding:13px;border-radius:8px;margin:4px 0;gap:11px}.nav-item>span{font-size:18px;width:18px}.nav-item.active{background:#eaf2e9;color:#315c42;font-weight:650}.nav-item b{margin-left:auto;background:#dce8d8;color:#52734e;font-size:10px;padding:3px 6px;border-radius:4px}.nav-item:not(.active) b{background:#f2f4f0;color:#8b988d}.number-label{margin-top:36px;letter-spacing:1px;display:flex;justify-content:space-between;white-space:nowrap}.number-label span{font-size:9px;letter-spacing:0;font-weight:400}.side-account{display:flex;align-items:center;gap:10px;width:100%;background:none;padding:11px 14px;font-size:11px;color:#758276;text-align:left}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#8bab72}.dot.blue{background:#83a8c2}.dot.sand{background:#d8b777}.dot.purple{background:#b3a1c9}.side-account small{font-size:9px;margin-left:auto;color:#9ca69c}.sidebar-bottom{margin-top:auto;padding-top:65px}.privacy{display:flex;gap:10px;background:#f6f8f3;border:1px solid #edf0e6;padding:15px 12px;border-radius:9px}.privacy>span{font-size:20px;color:#6e8b57}.privacy strong{font-size:10px}.privacy small{font-size:10px;display:block;color:#8f9a88;line-height:1.7;margin-top:6px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:22px;padding:20px 8px 0}.avatar{display:inline-flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0;background:#eee5d9;color:#8c7558}.avatar.green{background:#e4eddf;color:#67815b}.avatar.blue{background:#e5edf4;color:#6483a2}.avatar.purple{background:#eee7f3;color:#9c7cab}.avatar.sand{background:#f2ebdf;color:#af9869}main{flex:1;min-width:0;padding:0 34px 18px}.topbar{height:77px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:#9aa39b}.slash{margin:0 13px;color:#c4cbc4}.today{color:#8d978d;font-size:10px}.page-heading{display:flex;justify-content:space-between;align-items:center;padding:33px 0 28px;gap:20px}.eyebrow{font-size:8px;letter-spacing:1.7px;color:#8c9a88;font-weight:700;margin-bottom:12px}h1{font:750 31px/1.35 Manrope,sans-serif;letter-spacing:-1.15px;margin:0;color:#283f34}h1 span{color:#8da183}.page-heading p{color:#8b958a;font-size:11px;margin:12px 0 0}.primary{background:#2c5b46;color:#fff;border-radius:7px;padding:12px 16px;font-size:11px;font-weight:600;white-space:nowrap;box-shadow:0 3px 5px #274d3110}.primary:hover,.send:hover{background:#1c4734}.mode-banner{background:#f0f3e9;border:1px solid #e5ead9;padding:12px 14px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:10px;color:#899174;margin-bottom:23px;line-height:1.6}.status-dot{display:inline-block;background:#90a973;width:6px;height:6px;border-radius:50%;flex-shrink:0}.mode-banner strong{color:#697953;white-space:nowrap;font-size:10px}.mode-banner button{margin-left:auto;white-space:nowrap;background:transparent;color:#657b52;font-size:10px}.inbox-layout{display:grid;grid-template-columns:270px minmax(280px,1fr) 210px;border:1px solid #e1e7df;border-radius:12px;overflow:hidden;background:#fff;height:570px;box-shadow:0 6px 25px #213a2604}.conversation-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.list-heading{padding:20px 18px 14px;display:flex;align-items:center;justify-content:space-between}h2{font:700 14px Manrope,sans-serif;margin:0;letter-spacing:-.2px}.list-heading h2 span{font:10px 'DM Sans',sans-serif;background:#eef2e9;color:#879479;padding:3px 6px;border-radius:5px;margin-left:6px}.icon-btn{padding:5px 7px;background:transparent;color:#8f9a91;font-size:19px;border-radius:5px}.icon-btn:hover{background:#eef2e9}.search{margin:0 15px 15px;display:flex;gap:8px;background:#f7f9f5;border:1px solid #edf0e9;padding:9px 11px;border-radius:6px;color:#a2ab9c}.search input{width:100%;min-width:0;background:none;border:none;outline:none;font-size:10px;color:#5b6e5c}.search input::placeholder{color:#9da799}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 15px;gap:20px}.tabs button{padding:0 0 12px;background:none;font-size:10px;color:#99a18f;border-bottom:2px solid transparent}.tabs button.active{color:#4f7154;border-color:#638757;font-weight:600}#conversations{overflow:auto;flex:1}.conversation{display:flex;width:100%;text-align:left;gap:10px;background:#fff;padding:17px 15px;border-bottom:1px solid #f0f3ed;border-left:3px solid transparent}.conversation:hover{background:#f8faf6}.conversation.selected{background:#f0f5ec;border-left-color:#73935f}.conversation .avatar{width:34px;height:34px;font-size:10px}.conversation-text{min-width:0;flex:1}.conversation-top{display:flex;justify-content:space-between;gap:5px;align-items:center}.conversation strong{font-size:11px;font-weight:650}.conversation time{font-size:8px;color:#a1a998}.conversation p{font-size:10px;color:#8a9586;margin:6px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-tag{display:inline-flex;align-items:center;gap:4px;font-size:8px;color:#91a080}.account-tag .dot{width:4px;height:4px}.unread{float:right;border-radius:5px;background:#7e9e6a;color:#fff;font-size:8px;padding:2px 4px}.list-footer{font-size:9px;color:#9ca68e;display:flex;align-items:center;gap:7px;padding:15px;border-top:1px solid var(--line)}.chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fbfcf9}.chat-header{display:flex;align-items:center;gap:10px;background:white;padding:16px 20px;border-bottom:1px solid var(--line);min-height:75px}.chat-header .avatar{width:35px;height:35px}.chat-header strong{font-size:12px}.chat-header small{display:block;margin-top:4px;font-size:9px;color:#9ba78c}.chat-actions{margin-left:auto;display:flex;gap:8px}.chat-actions button{font-size:17px;background:none;color:#8a9784;padding:6px}.chat-context{font-size:9px;color:#99a18c;background:#f6f8f0;padding:10px 19px;text-align:center;border-bottom:1px solid #edf1e7}.messages{flex:1;overflow:auto;padding:18px 23px;background-image:radial-gradient(#d9e2d040 .7px,transparent .7px);background-size:13px 13px}.day-divider{text-align:center;font-size:8px;color:#a5af99;margin:2px 0 21px}.message-row{display:flex;margin:0 0 15px;flex-direction:column;align-items:flex-start}.message-row.out{align-items:flex-end}.message{max-width:87%;border:1px solid #e9ede4;border-radius:0 10px 10px 10px;background:#fff;padding:11px 13px;font-size:11px;line-height:1.65;box-shadow:0 2px 3px #30482903;white-space:pre-wrap;overflow-wrap:anywhere}.out .message{background:#eaf2e1;border-color:#e0ead6;border-radius:10px 0 10px 10px;color:#527047}.message-row.note .message{background:#fff5d8;border-color:#f1e5b8;color:#8f7839}.message-meta{font-size:8px;color:#a4ad99;margin-top:5px}.message a{display:block}.composer{background:white;margin:0 16px 16px;border:1px solid #e4e9dd;border-radius:9px;padding:12px 12px 9px}.composer textarea{resize:none;width:100%;border:0;outline:none;font-size:11px;line-height:1.5;color:#455d47;background:none}.composer textarea::placeholder{color:#abb19f}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px}.composer-bottom>div{display:flex;gap:7px;align-items:center}.note-toggle{font-size:9px;background:none;color:#9ca58e;padding:6px 4px}.note-toggle.active{color:#9f7d27;background:#fff4d2;border-radius:4px}.composer-bottom .icon-btn{font-size:19px}#send-hint{font-size:8px;color:#b0b7a5}.send{font-size:10px;border-radius:6px;background:#466c41;color:#fff;padding:9px 12px}#attachment-info{font-size:10px;color:#6c805b;overflow-wrap:anywhere;margin-bottom:4px}.contact-panel{border-left:1px solid var(--line);padding:23px 18px;background:#fff;overflow:auto}.contact-summary{text-align:center;padding:6px 0 20px;border-bottom:1px solid var(--line)}.contact-summary .avatar{width:54px;height:54px;font-size:17px}.contact-summary h3{font-size:12px;margin:12px 0 5px}.contact-summary p{font-size:10px;color:#a0a894;margin:0}.detail-section{border-bottom:1px solid var(--line);padding:19px 0}.detail-section h4{font-size:8px;color:#a5ad99;letter-spacing:1px;margin:0 0 13px;font-weight:600}.detail-section label{font-size:9px;color:#a3ac98;display:block;margin:12px 0 6px}.detail-section p{font-size:10px;color:#6c7e64;margin:0}.detail-section select{width:100%;border:1px solid #e6ebdf;background:#fafcf7;color:#75866b;padding:8px 7px;border-radius:5px;font-size:10px}.pill{display:inline-block;background:#f0f5e9;color:#82966d;padding:5px 8px;border-radius:4px;font-size:9px}.pill.orange{background:#fff4de;color:#a08850}.detail-note{color:#a8b19e;line-height:1.8;font-size:9px;margin-top:18px}.under-grid{display:flex;justify-content:space-between;color:#a4ae9a;font-size:9px;padding-top:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:10px 0 22px}.section-heading h2{font-size:20px}.account-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.account-card,.info-card{background:white;border:1px solid var(--line);border-radius:11px;padding:24px}.account-card .card-top{display:flex;justify-content:space-between;align-items:center}.account-card h3{font-size:16px;margin:18px 0 8px}.account-card p,.info-card p{font-size:12px;color:#8a9784;line-height:1.8}.account-card button{margin-top:14px}.secondary{border:1px solid #dfe7da;background:#fff;color:#63795a;border-radius:6px;padding:10px 14px;font-size:11px}.info-card{margin-top:22px}.info-card h3{font:700 15px Manrope,sans-serif}.call-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.call-grid .info-card{margin:0}.feature-icon{display:inline-flex;background:#edf3e5;color:#6e8e59;border-radius:12px;padding:12px 18px;font-size:28px}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{font-size:10px;color:#98a38f;background:#fafcf7;padding:16px 20px}td{padding:18px 20px;border-top:1px solid var(--line);color:#6f8165}td strong{display:block;color:#40553b}td small{display:block;margin-top:5px;font-size:10px;color:#9ba68e}.empty{font-size:12px;color:#9aa78d;padding:30px;text-align:center}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;width:480px;max-width:calc(100% - 30px);color:#344b37;box-shadow:0 20px 100px #19351e30}dialog::backdrop{background:#1b352950;backdrop-filter:blur(3px)}.modal-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-top h2{font-size:19px}#modal-body label{display:block;font-size:11px;margin:14px 0 6px;color:#7e8e74}#modal-body input:not([type=checkbox]),#modal-body select{width:100%;padding:11px;border-radius:6px;border:1px solid #dfe7d8;font-size:12px;background:white;color:#49613e}#modal-body p{font-size:12px;line-height:1.8;color:#87977d}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#234333;color:white;border-radius:8px;box-shadow:0 5px 35px #23433330;padding:15px 22px;font-size:12px;max-width:90vw;z-index:10}.checks{display:flex;flex-wrap:wrap;gap:10px}.checks label{display:flex!important;gap:5px;align-items:center}[hidden]{display:none!important}@media(min-width:1600px){main{padding-left:50px;padding-right:50px}.inbox-layout{grid-template-columns:310px minmax(400px,1fr) 240px;height:650px}.page-heading{padding-top:40px;padding-bottom:35px}h1{font-size:38px}}@media(max-width:1220px){.contact-panel{display:none}.inbox-layout{grid-template-columns:260px minmax(280px,1fr)}.sidebar{width:210px;padding-left:12px;padding-right:12px}main{padding-left:24px;padding-right:24px}.mode-banner{flex-wrap:wrap}.mode-banner>span:not(.status-dot){flex:1;min-width:150px}.mode-banner button{margin-left:0}}@media(max-width:860px){.sidebar{width:78px;padding:23px 10px}.brand{font-size:0;padding:0;justify-content:center}.branddot,.workspace,.nav-label,.sidebar-bottom,.side-account{display:none}.brandmark{font-size:29px}.brandmark span{font-size:22px}.sidebar nav{margin-top:35px}.nav-item{font-size:0;justify-content:center;padding:14px 6px}.nav-item span{font-size:23px}.nav-item b{display:none}main{padding:0 18px 20px}.page-heading{padding:24px 0;align-items:flex-start}h1{font-size:25px}.page-heading .primary{padding:11px}.inbox-layout{grid-template-columns:220px minmax(260px,1fr)}#send-hint{display:none}.today{display:none}.eyebrow{font-size:7px;letter-spacing:1px}.page-heading p{font-size:10px}}@media(max-width:640px){.sidebar{width:58px;padding-left:5px;padding-right:5px}.brandmark{width:32px;height:34px}.nav-item{padding:13px 0}main{padding:0 12px 20px}.topbar{height:54px;font-size:10px}.page-heading{display:block}h1{font-size:25px}.page-heading .primary{margin-top:18px}.mode-banner{font-size:9px;gap:6px}.mode-banner>span:not(.status-dot){min-width:100%;order:2}.mode-banner button{margin-left:auto;font-size:9px}.inbox-layout{display:flex;flex-direction:column;height:auto}.conversation-list{max-height:280px;border-right:0;border-bottom:1px solid var(--line)}.list-heading{padding:13px 15px}.search{margin-bottom:10px}.list-footer{display:none}#conversations{max-height:150px}.conversation{padding:10px 12px}.conversation p{margin:3px 0}.chat-panel{height:510px}.chat-header{padding:12px;min-height:65px}.messages{padding:15px}.composer{margin:0 10px 10px}.under-grid span:last-child{display:none}.account-grid,.call-grid{grid-template-columns:1fr}.section-heading{gap:10px}.section-heading h2{font-size:17px}.section-heading .primary{font-size:10px;padding:10px}.account-card,.info-card{padding:20px}.chat-context{font-size:8px}.modal-actions{flex-wrap:wrap}}