:root{--bg:#f7f9f8;--ink:#182c26;--muted:#7c8a84;--line:#e4ebe7;--green:#087f5b;--lime:#dff1ad;--side:#fff;--radius:14px}*{box-sizing:border-box}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}.hidden{display:none!important}.shell{display:flex;min-height:100vh}aside{width:246px;background:var(--side);border-right:1px solid var(--line);padding:31px 20px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0}.brand{display:flex;align-items:center;font-size:34px;font-weight:750;letter-spacing:-1.5px;gap:9px}.brand-icon{display:inline-grid;place-items:center;background:var(--green);color:#fff;border-radius:11px;width:36px;height:36px;font-size:30px;font-weight:500;transform:rotate(-8deg)}.brand-dot{color:var(--green);margin-left:-10px}.workspace{display:flex;align-items:center;gap:9px;margin:30px 0;border:1px solid var(--line);border-radius:10px;padding:12px 8px;font-size:12px}.workspace small,.profile small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.workspace>span:last-child{margin-left:auto}.workspace-icon{background:#edf2ee;border-radius:7px;padding:10px 7px;font-size:11px}.nav-label{color:#97a29c;font-size:10px;letter-spacing:1.5px;margin:0 12px 12px}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:13px;border:0;background:none;color:#708078;padding:13px 14px;text-align:left;border-radius:9px;font-size:13px}nav button span{font-size:19px;width:19px}nav button.active{background:#e8f4ed;color:var(--green);font-weight:650}nav i{margin-left:auto;border-radius:5px;background:#d5eade;padding:2px 6px;font-style:normal;font-size:10px}.aside-bottom{margin-top:auto}.connect-card{background:#f5f8f3;border:1px solid #e6eddf;border-radius:10px;padding:15px 13px;margin:30px 0 19px;font-size:11px}.connect-card p{color:var(--muted);font-size:11px;line-height:1.7}.status-dot{display:inline-block;width:7px;height:7px;background:#dca045;border-radius:50%;margin-right:7px}.connect-card button{background:none;padding:0;border:0;font-weight:600;color:var(--green);font-size:11px}.profile{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid var(--line);width:100%;padding:18px 0;background:none;text-align:left;font-size:11px}.profile>span:last-child{margin-left:auto}.avatar{display:inline-grid;place-items:center;border-radius:50%;background:#e9eee5;color:#5b6e50;width:35px;height:35px;font-weight:600}.avatar.small{width:30px;height:30px}.main-shell{margin-left:246px;flex:1;min-width:0}header{height:80px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid var(--line);font-size:11px}.breadcrumb{color:var(--muted)}.separator{margin:0 14px;color:#c8d0cc}.header-right{display:flex;align-items:center;gap:18px}.date{color:var(--muted)}main{padding:35px 40px 50px;max-width:1530px;margin:auto;min-height:calc(100vh - 126px)}h1{font-size:29px;letter-spacing:-1px;font-weight:650;margin:0 0 9px}h2{font-size:16px;letter-spacing:-.3px;margin:0}h3{margin:0 0 10px;font-size:14px}p{color:var(--muted);line-height:1.65}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading p{margin:0;font-size:12px}.primary,.secondary,.ghost,.danger{border-radius:8px;padding:11px 16px;font-weight:600;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.primary:hover{background:#076b4e}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.ghost{background:none;color:var(--green);border:0;padding:8px}.danger{color:#a53a32;border:1px solid #f0d5d2;background:#fff}.welcome{border-radius:var(--radius);background:#113d30;color:white;display:flex;justify-content:space-between;align-items:center;padding:29px 32px;overflow:hidden;position:relative;margin-bottom:24px}.welcome .eyebrow{font-size:10px;letter-spacing:1.7px;color:#b3d1b8}.welcome h2{font-size:26px;line-height:1.45;margin:10px 0;font-weight:550;letter-spacing:-.7px}.welcome p{color:#b6c9bf;font-size:12px;max-width:420px;margin:0 0 18px}.welcome button{background:var(--lime);color:#204d36;border:0}.welcome-art{width:255px;flex-shrink:0;padding:20px;transform:rotate(-6deg);position:relative}.welcome-art:before{content:'';position:absolute;inset:-50px;border:1px solid #ffffff10;border-radius:50%;transform:scale(1.2)}.mini-message{position:relative;background:#fff;border-radius:12px;padding:15px;color:#254e3c;font-size:11px;box-shadow:0 12px 30px #0002;line-height:1.7}.mini-message+.mini-message{background:#dff1ad;margin:14px -8px 0 38px;font-size:12px}.mini-message small{display:block;color:#94a797;text-align:right;font-size:9px}.mini-message b{font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:27px}.stat{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 20px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7a8a80;font-size:11px}.stat-icon{color:var(--green);background:#edf6f0;border-radius:8px;padding:7px;font-size:16px}.stat strong{display:block;font-size:30px;letter-spacing:-1px;font-weight:600;margin:13px 0 8px}.stat small{font-size:10px;color:#8d9992}.stat small em{color:var(--green);font-style:normal}.columns{display:grid;grid-template-columns:1fr 306px;gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 23px;border-bottom:1px solid var(--line)}.card-heading p{font-size:11px;margin:5px 0 0}.card-body{padding:23px}.badge{display:inline-block;border-radius:5px;padding:5px 7px;font-size:9px;font-weight:650;letter-spacing:.2px;white-space:nowrap}.amber{background:#fff4dc;color:#ac7c27}.green{background:#e6f4ed;color:#14845c}.gray{background:#eff2f0;color:#7c8a82}.red{background:#fbe8e4;color:#b14534}.blue{background:#e9f0f9;color:#4c74a3}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;letter-spacing:.5px;font-weight:550;color:#91a096;background:#fcfdfc;padding:14px 20px}td{padding:17px 20px;font-size:11px;border-top:1px solid #f0f3f1}td b{font-weight:600;display:block}td small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.empty{padding:38px 24px;text-align:center}.empty .empty-icon{font-size:27px;background:#eef6ef;display:inline-block;padding:16px 20px;border-radius:16px;color:#4c8a67;margin-bottom:12px}.empty p{font-size:12px;margin:8px auto 19px;max-width:330px}.steps{padding:22px}.step{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.step:last-child{margin-bottom:0}.step-number{border-radius:50%;background:#eef5eb;color:#6b8b58;font-size:10px;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0}.step b{font-size:11px}.step p{font-size:10px;line-height:1.7;margin:5px 0 0}.tip{margin-top:20px;padding:20px;background:#edf4e8;border:1px solid #e0ead8;border-radius:12px}.tip p{font-size:11px;color:#728368;margin-bottom:0}.tip h3{font-size:12px}.notice{padding:12px 16px;border-radius:8px;background:#fff5e1;color:#886d38;font-size:11px;line-height:1.7;margin-bottom:22px}.notice.green{background:#edf6ef;color:#426f4b}.actions{display:flex;gap:9px;align-items:center}.toolbar{display:flex;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:center}.toolbar input{max-width:330px}.toolbar .count{margin-left:auto;color:var(--muted);font-size:11px}input,textarea,select{width:100%;border:1px solid #dfe6e1;background:#fff;color:var(--ink);padding:11px 12px;border-radius:8px;font-size:12px}input:focus,textarea:focus,select:focus{border-color:#5b9c7b;outline:2px solid #e0eee5}textarea{resize:vertical;line-height:1.65;min-height:100px}label{display:block;color:#4b6154;font-size:11px;font-weight:600;margin-bottom:17px}label>input,label>textarea,label>select{margin-top:8px}label small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:6px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.full{grid-column:1/-1}.check{display:flex;gap:9px;align-items:flex-start;font-weight:400;font-size:11px;line-height:1.5}.check input{width:auto;margin:2px 0;accent-color:var(--green)}.compose-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px}.form-section{padding:25px;border-bottom:1px solid var(--line)}.form-section:last-child{border:0}.section-number{color:#95ae9a;font-size:11px;margin-right:10px}.form-section h2{margin-bottom:23px;font-size:14px}.recipient-list{max-height:230px;overflow:auto;border:1px solid var(--line);border-radius:9px;margin-top:10px}.recipient-list label{display:flex;align-items:center;gap:11px;padding:12px;margin:0;border-bottom:1px solid var(--line)}.recipient-list input{width:auto;margin:0}.recipient-list small{margin:0 0 0 auto;font-size:10px}.phone-preview{background:#e9eee7;border-radius:20px;border:6px solid #fff;box-shadow:0 0 0 1px #dfe6e0;overflow:hidden;min-height:360px;margin:23px}.phone-top{background:#f9fbf8;padding:18px 15px;display:flex;gap:10px;align-items:center;font-size:11px}.phone-top small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.preview-message{background:#fff;border-radius:0 10px 10px 10px;padding:13px;font-size:11px;white-space:pre-wrap;overflow-wrap:anywhere;margin:28px 14px;line-height:1.7;box-shadow:0 1px 2px #0001}.preview-message small{display:block;text-align:right;color:#97a69b;font-size:9px;margin-top:7px}.preview-caption{text-align:center;color:var(--muted);font-size:10px;margin:20px;line-height:1.7}.inbox-grid{display:grid;grid-template-columns:300px minmax(0,1fr);height:620px}.conversation-list{border-right:1px solid var(--line);overflow:auto}.conversation-list .toolbar{padding:15px}.conversation{width:100%;padding:19px 17px;display:flex;text-align:left;background:#fff;border:0;border-bottom:1px solid var(--line);gap:10px}.conversation.active{background:#eff6f0}.conversation b{font-size:12px}.conversation small{font-size:10px;display:block;color:var(--muted);margin-top:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat{display:flex;flex-direction:column;min-width:0}.chat-header{padding:20px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center}.chat-header small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.chat-history{padding:25px;flex:1;overflow:auto;background:#f5f8f3;display:flex;flex-direction:column;gap:14px}.chat-bubble{max-width:80%;background:#fff;border:1px solid #e7ede3;border-radius:0 12px 12px 12px;padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.7;align-self:flex-start}.chat-bubble.out{background:#e0f0d6;border-color:#d7e7cd;align-self:flex-end;border-radius:12px 0 12px 12px}.chat-bubble small{display:block;text-align:right;color:#8a9b87;font-size:9px;margin-top:5px}.reply-form{border-top:1px solid var(--line);padding:15px;display:flex;gap:10px}.reply-form textarea{min-height:45px;height:45px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.config-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;gap:20px;font-size:12px}.config-row:last-child{border:0}.config-row span{color:var(--muted)}code{font-family:Consolas,monospace;font-size:11px;word-break:break-all}dialog{border:1px solid var(--line);border-radius:16px;width:540px;max-width:95vw;padding:0;color:var(--ink);box-shadow:0 20px 80px #102b3026}dialog::backdrop{background:#102b3050;backdrop-filter:blur(3px)}.modal-head{padding:23px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head button{border:0;background:none;font-size:22px;color:var(--muted)}.modal-body{padding:24px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:10px}#toast{position:fixed;bottom:24px;right:25px;z-index:10;padding:15px 20px;background:#173f2e;color:white;border-radius:9px;box-shadow:0 5px 20px #0002;max-width:450px;font-size:12px;line-height:1.6}footer{font-size:9px;color:#9ca89f;padding:17px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.login{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.login-card{margin:auto;max-width:400px;padding:35px}.login-card .brand{margin-bottom:55px}.login h1{font-size:37px;line-height:1.3;margin-bottom:16px}.login-card p{font-size:13px;margin-bottom:30px}.login-card .primary{width:100%;margin-top:5px}.login-card .primary span{margin-left:auto}.login-card .ghost{width:100%;margin-top:15px}.login-card>small{display:block;text-align:center;font-size:10px;color:var(--muted);line-height:1.7}.login-art{background:#123e30;color:#e6f4dc;display:flex;flex-direction:column;justify-content:center;padding:15%;position:relative;overflow:hidden}.login-art>span{font-size:10px;letter-spacing:2px;color:#bfd1ae}.login-art h2{font-size:54px;line-height:1.2;margin:30px 0;letter-spacing:-2px}.login-art p{font-size:13px;color:#aac8b1}.art-bubble{margin-top:50px;background:#dff1ad;padding:26px;border-radius:0 15px 15px 15px;color:#27573e;transform:rotate(-5deg);line-height:1.8;font-size:14px}.art-bubble span{display:block;text-align:right;color:#6e947c}.log-list{max-height:320px;overflow:auto}.log-item{padding:14px 20px;border-bottom:1px solid var(--line);font-size:11px;display:flex;justify-content:space-between;gap:12px}.log-item small{display:block;color:var(--muted);margin-top:4px}button:hover.secondary{background:#f5f8f4}.template-body{padding:16px;border:1px solid var(--line);background:#f9fbf8;border-radius:8px;white-space:pre-wrap;line-height:1.8;font-size:12px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.template-grid .card-body p{font-size:11px;min-height:50px}.template-grid .card-heading{padding:19px}
@media(min-width:1600px){main{padding-top:45px}.welcome{padding:35px 40px}.welcome h2{font-size:31px}.stats{margin-bottom:30px}}
@media(max-width:1150px){aside{width:215px;padding-left:15px;padding-right:15px}.main-shell{margin-left:215px}main{padding:28px 25px}header{padding:0 25px}.columns{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tip{margin:0}.compose-grid{grid-template-columns:1fr 280px}.stats{gap:12px}.stat{padding:15px}.template-grid{grid-template-columns:1fr 1fr}.inbox-grid{grid-template-columns:250px 1fr}}
@media(max-width:800px){aside{position:static;width:auto;padding:18px;border-bottom:1px solid var(--line);border-right:0}.shell{display:block}.brand{font-size:27px}.brand-icon{width:30px;height:30px;font-size:25px}.workspace,.nav-label,.aside-bottom{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav button{font-size:11px;padding:9px;white-space:nowrap;gap:6px}nav button span{font-size:15px;width:auto}.main-shell{margin:0}header{height:60px;padding:0 20px}.date{display:none}main{padding:25px 18px}.page-heading{align-items:flex-start;gap:12px}h1{font-size:24px}.page-heading p{font-size:11px;max-width:230px}.welcome{padding:24px}.welcome-art{display:none}.welcome h2{font-size:24px}.stats{grid-template-columns:1fr 1fr}.stat strong{font-size:27px}.compose-grid,.settings-grid{grid-template-columns:1fr}.preview-card{display:none}.right-column{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.inbox-grid{grid-template-columns:150px 1fr;height:600px}.conversation{padding:14px 10px;gap:7px}.conversation .avatar{display:none}.conversation small{max-width:125px}.chat-header{padding:14px}.chat-history{padding:15px}.reply-form{padding:9px;gap:7px}.reply-form .primary{padding:9px}.chat-bubble{max-width:95%}.login{grid-template-columns:1fr}.login-art{display:none}.form-grid{grid-template-columns:1fr}.header-right{gap:10px}.actions{flex-wrap:wrap}footer{padding:17px 20px}footer span{display:none}.toolbar{padding:14px}th,td{padding:13px}.card-heading{padding:18px}.welcome p{max-width:none}}

.profile-button{border:0;cursor:pointer}