:root{--mi:#172233;--mm:#8793a3;--ml:#e7edf4;--mb:#356fe5}*{box-sizing:border-box}.messages-page{margin:0;background:#f4f7fb;color:var(--mi);font-family:Inter,system-ui,"Microsoft YaHei",sans-serif}.messages-shell{display:flex;min-height:100vh}.messages-sidebar{width:238px;flex:none;background:#17283f;color:#cbd7e4;padding:22px 14px 15px;display:flex;flex-direction:column}.messages-brand{height:48px;padding:0 8px 20px;display:flex;align-items:center;gap:10px;color:#fff;font-size:14px;font-weight:700}.messages-brand>span{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#5b94ff,#2c5bd0);font-size:18px}.messages-brand small{display:block;color:#8298b2;font-size:10px;font-weight:400;margin-top:4px}.messages-nav{display:grid;gap:5px;margin-top:18px}.messages-nav a{height:45px;padding:0 13px;border-radius:10px;color:#9fb2c9;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:13px}.messages-nav i{width:20px;text-align:center;font-style:normal;font-size:18px}.messages-nav a.active,.messages-nav a:hover{background:#2b4669;color:#fff}.messages-user{margin-top:auto;padding:16px 8px 3px;border-top:1px solid #ffffff17;display:flex;align-items:center;gap:9px}.messages-user>span,.messages-actions strong{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#607fab;color:#fff;font-size:12px}.messages-user b{display:block;color:#fff;font-size:11px}.messages-user small{display:block;color:#849bb4;font-size:10px;margin-top:4px}.messages-user em,.messages-actions em{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2dcc83;margin-right:5px}.messages-main{min-width:0;flex:1}.messages-header{height:58px;background:#fff;border-bottom:1px solid var(--ml);padding:0 28px;display:flex;align-items:center;justify-content:space-between}.messages-tabs{height:100%;display:flex;align-items:end}.messages-tabs button{height:27px;border:1px solid #e5eaf1;border-bottom:0;background:#f4f7fb;color:var(--mb);font-weight:600;font-size:11px;border-radius:7px 7px 0 0;padding:0 11px}.messages-tabs b{margin-left:9px;color:#9ca7b3;font-size:13px;font-weight:400}.messages-actions{display:flex;align-items:center;gap:14px}.messages-actions span{font-size:10px;color:#718093}.messages-actions button{border:0;background:none;font-size:23px;color:#26364b;cursor:pointer}.messages-content{max-width:1600px;margin:auto;padding:22px 28px 30px}.messages-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.messages-title small{font-size:10px;color:#98a4b3}.messages-title h1{font-size:21px;margin:5px 0}.messages-title p{margin:0;color:#8793a2;font-size:11px}.add-template{border:1px solid var(--mb);border-radius:7px;background:var(--mb);color:#fff;padding:9px 14px;font-size:11px;font-weight:600;cursor:pointer}.message-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.message-kpis article{min-height:104px;padding:16px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--ml);border-radius:12px;box-shadow:0 5px 16px #1c385407}.message-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;font-size:18px}.message-icon.blue{color:#3f75df;background:#edf3ff}.message-icon.green{color:#20ad75;background:#e8f8f0}.message-icon.purple{color:#8964d7;background:#f1edff}.message-icon.orange{color:#dc9b3f;background:#fff3e2}.message-kpis small{display:block;color:#7f8d9e;font-size:11px}.message-kpis b{display:block;font-size:24px;margin:5px 0}.message-kpis em{font-size:10px;color:#a0aab6;font-style:normal}.messages-panel{overflow:hidden;border:1px solid var(--ml);border-radius:12px;background:#fff;box-shadow:0 5px 16px #1c385407}.message-toolbar{min-height:65px;padding:0 16px;border-bottom:1px solid var(--ml);display:flex;align-items:end;justify-content:space-between;gap:15px}.message-type-tabs{height:100%;display:flex;align-items:end;gap:3px}.message-type-tabs button{height:40px;padding:0 11px;background:transparent;color:#7d8b9a;border:0;border-bottom:2px solid transparent;font-size:11px;cursor:pointer}.message-type-tabs button.active{color:var(--mb);border-bottom-color:var(--mb);font-weight:600}.message-type-tabs b{font-size:10px;margin-left:3px}.message-filter{padding-bottom:12px;display:flex;align-items:center;gap:8px}.message-filter label{font-size:11px;color:#667486;font-weight:600;display:flex;align-items:center;gap:7px}.message-filter select,.message-filter input{height:31px;border:1px solid #dfe5ed;border-radius:6px;background:#fff;color:#718095;font-size:10px;padding:0 9px;outline:0}.message-filter select{width:105px}.message-filter input{width:190px}.message-filter button{height:31px;width:34px;border:1px solid #dfe5ed;border-radius:6px;background:#fff;color:#61738b;font-size:16px;cursor:pointer}.message-table-wrap{overflow:auto}.messages-panel table{border-collapse:collapse;width:100%;font-size:11px}.messages-panel th{height:42px;padding:0 14px;background:#fafbfd;color:#929eac;font-size:10px;font-weight:500;text-align:left;white-space:nowrap}.messages-panel td{height:70px;padding:0 14px;border-top:1px solid #f0f2f5;color:#69788a;white-space:nowrap}.message-main-cell{width:35%;max-width:440px}.message-main-cell b{display:block;color:#344359;font-size:11px;margin-bottom:5px}.message-main-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#96a1af;font-size:10px}.type-pill{display:inline-block;padding:4px 8px;border-radius:10px;font-size:10px}.type-pill.common{color:#356fe5;background:#edf3ff}.type-pill.auto{color:#8964d7;background:#f1edff}.rule-text{font-size:10px;color:#a1acb9}.rule-text.enabled-rule{color:#cf913a}.account-label{font-size:10px;color:#7b8c9e}.state-toggle{border:0;background:none;font-size:10px;color:#99a5b3;cursor:pointer;padding:0}.state-toggle i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;background:#bbc4cf}.state-toggle.on{color:#1caa73}.state-toggle.on i{background:#27bf83}.updated-time{font-size:10px;color:#9da8b5}.table-link{padding:0;margin-right:10px;border:0;background:none;color:var(--mb);font-size:10px;cursor:pointer}.delete-link{color:#c8797d}.message-empty{min-height:240px;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#95a1af}.message-empty:not([hidden]){display:flex}.message-empty>span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#edf3ff;color:#5c87e1;font-size:18px}.message-empty b{font-size:12px;color:#657489}.message-empty small{font-size:10px}.messages-foot{height:51px;padding:0 16px;border-top:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;color:#98a4b2;font-size:10px}.messages-foot button{min-width:25px;height:25px;margin-left:4px;border:1px solid #e2e7ed;border-radius:5px;background:#fff;color:#8390a0;font-size:10px}.messages-foot .current{background:#edf3ff;border-color:#d8e4fa;color:var(--mb)}.auto-rule-note{margin-top:12px;padding:13px 15px;display:flex;gap:10px;border:1px solid #dce8fb;border-radius:9px;background:#f8fbff;color:#70839b}.auto-rule-note>span{display:grid;place-items:center;flex:none;width:19px;height:19px;border-radius:50%;background:#e3efff;color:#4f83d8;font-size:11px;font-weight:700}.auto-rule-note b{color:#506984;font-size:11px}.auto-rule-note p{margin:5px 0 0;max-width:1100px;font-size:10px;line-height:1.65}.template-modal[hidden]{display:none}.template-modal{position:fixed;z-index:20;inset:0;display:grid;place-items:center}.modal-mask{position:absolute;inset:0;background:#17223370}.modal-card{position:relative;width:min(560px,calc(100vw - 30px));border-radius:13px;background:#fff;box-shadow:0 20px 50px #07192d42;overflow:hidden}.modal-card header{display:flex;align-items:center;justify-content:space-between;padding:19px 22px 15px;border-bottom:1px solid var(--ml)}.modal-card header small{display:block;color:#9aa7b5;font-size:10px}.modal-card h2{margin:4px 0 0;color:#29384d;font-size:17px}.modal-close{border:0;background:none;color:#8793a2;font-size:25px;cursor:pointer}.modal-card form{padding:18px 22px}.modal-card label{display:block;margin-bottom:14px;color:#627085;font-size:11px;font-weight:600}.modal-card input:not([type=checkbox]),.modal-card select,.modal-card textarea{display:block;width:100%;height:36px;margin-top:7px;padding:0 10px;border:1px solid #dfe5ed;border-radius:6px;outline:0;font:11px Inter,system-ui,"Microsoft YaHei",sans-serif;color:#405268}.modal-card textarea{height:112px;padding:10px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.input-tip{display:block;margin-top:6px;color:#9ba6b3;font-weight:400;font-size:9px;line-height:1.5}.toggle-line{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}.toggle-line input{display:none}.toggle-line span{position:relative;width:31px;height:17px;border-radius:20px;background:#cad2dc}.toggle-line span:after{content:"";position:absolute;top:2px;left:2px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.toggle-line input:checked+span{background:#3f78e6}.toggle-line input:checked+span:after{left:16px}.toggle-line b{color:#516176;font-size:11px}.toggle-line small{width:100%;margin-left:39px;color:#9ba6b3;font-size:9px;font-weight:400}.modal-card footer{padding-top:4px;display:flex;justify-content:flex-end;gap:8px}.modal-card footer button{height:34px;padding:0 15px;border-radius:6px;font-size:11px;cursor:pointer}.cancel-modal{border:1px solid #dfe5ed;background:#fff;color:#708095}.save-template{border:1px solid var(--mb);background:var(--mb);color:#fff}@media(max-width:1050px){.messages-sidebar{width:190px}.message-kpis{grid-template-columns:repeat(2,1fr)}.message-toolbar{align-items:flex-start;flex-direction:column;padding-top:10px}.message-filter{padding-bottom:10px}}@media(max-width:700px){.messages-sidebar{width:62px;padding-left:8px;padding-right:8px}.messages-brand div,.messages-nav a{font-size:0}.messages-brand>span{margin:auto}.messages-nav a{justify-content:center}.messages-nav i{font-size:18px}.messages-user div{display:none}.messages-content{padding:15px}.message-kpis{grid-template-columns:1fr 1fr}.messages-title p{display:none}.message-filter label{display:none}.message-filter input{width:150px}.form-grid{grid-template-columns:1fr}}