:root{color:#e9edf5;font-synthesis:none;--panel:#0d111b;--panel-soft:#121827;--line:#ffffff13;--muted:#8590a5;--accent:#7c5cff;--accent-light:#a18dff;--green:#3ddc97;background:#070a11;font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}.login-page,.session-loading{background:radial-gradient(circle at 70% 15%,#704ff233,#0000 32%),#070a11;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:#0f141ff5;border-radius:20px;width:min(430px,100%);padding:28px;box-shadow:0 30px 100px #0000007a}.login-brand{align-items:center;gap:12px;display:flex}.login-brand>span,.session-loading>span{color:#fff;background:linear-gradient(145deg,#9b86ff,#6244e4);border-radius:13px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:15px}.login-brand small{color:var(--muted);margin-top:3px;font-size:10px}.login-copy{margin:40px 0 24px}.login-copy p{color:#9b86ff;letter-spacing:1px;margin:0 0 8px;font-size:9px;font-weight:750}.login-copy h1{margin:0 0 9px;font-size:25px}.login-copy span{color:var(--muted);font-size:11px;line-height:1.6}.login-card form{gap:14px;display:grid}.login-card form label{color:#9aa4b6;gap:7px;font-size:11px;display:grid}.login-card form input{border:1px solid var(--line);color:#edf0f6;background:#0a0f18;border-radius:9px;outline:0;height:44px;padding:0 12px}.login-card form input:focus{border-color:#7c5cffb3;box-shadow:0 0 0 3px #7c5cff14}.login-card form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#6344d9);border:0;border-radius:10px;height:44px;margin-top:5px;font-weight:650}.login-card form button:disabled{opacity:.45;cursor:default}.login-error{color:#ff9da8;margin:-3px 0;font-size:10px}.login-card>footer{border-top:1px solid var(--line);color:#596376;margin-top:22px;padding-top:17px;font-size:9px;line-height:1.55}.session-loading{color:#7d879a;align-content:center;gap:12px;font-size:11px}.session-loading p{margin:0}.app-shell{background:radial-gradient(circle at 90% 0,#4e39a01f,#0000 30%),#090c14;grid-template-columns:360px minmax(0,1fr);height:100dvh;min-height:0;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#0b0f18f5;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.brand-row{border-bottom:1px solid var(--line);align-items:center;gap:13px;height:88px;padding:0 24px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(145deg,#9b86ff,#6244e4);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:800;display:grid;box-shadow:0 10px 30px #704ff247}.brand-row strong,.brand-row span{display:block}.brand-row strong{letter-spacing:-.25px;font-size:17px}.brand-row span{color:var(--muted);margin-top:3px;font-size:12px}.main-nav{gap:5px;padding:14px 14px 0;display:grid}.main-nav button{color:#7f899c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;height:42px;padding:0 13px;font-size:12px;display:flex}.main-nav button>span{color:#9c89ff;width:20px;font-size:15px}.main-nav button i{color:#fff;text-align:center;background:#128457;border:1px solid #087748;border-radius:12px;place-items:center;min-width:30px;min-height:24px;margin-left:auto;padding:3px 8px;font-size:11px;font-style:normal;font-weight:800;display:grid;box-shadow:0 4px 10px #12845738}.sidebar-actions{gap:9px;padding:20px 20px 12px;display:flex}.new-message-button{cursor:pointer;background:linear-gradient(135deg,#7d5dff,#6949e8);border:0;border-radius:11px;flex:1;height:43px;font-weight:600;box-shadow:0 8px 24px #6043dc2e}.new-message-button span{vertical-align:-1px;margin-right:5px;font-size:19px}.icon-button{border:1px solid var(--line);background:var(--panel-soft);color:#aeb6c7;cursor:pointer;border-radius:11px;width:43px;font-size:20px}.spinning{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search-box{color:#778195;border:1px solid var(--line);background:#101521;border-radius:10px;align-items:center;gap:9px;height:42px;margin:0 20px 19px;padding:0 13px;display:flex}.search-box input{color:#dfe4ed;background:0 0;border:0;outline:0;flex:1;font-size:13px}.conversation-label{color:#6f798e;text-transform:uppercase;letter-spacing:.8px;justify-content:space-between;padding:0 24px 9px;font-size:10px;font-weight:600;display:flex}.conversation-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding:0 10px 18px;overflow-y:scroll}.conversation-card{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px;display:flex}.conversation-card.selected{box-shadow:inset 3px 0 var(--accent);background:linear-gradient(90deg,#7c5cff33,#7c5cff12)}.avatar{color:#b9afff;background:linear-gradient(145deg,#2f2852,#1e1937);border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-size:12px;font-weight:700;display:grid}.avatar.large{width:46px;height:46px}.conversation-copy{flex:1;min-width:0}.conversation-topline{justify-content:space-between;gap:8px;display:flex}.conversation-topline strong{font-size:13px;font-weight:600}.conversation-topline time{color:#687286;font-size:10px}.preview{text-overflow:ellipsis;white-space:nowrap;color:#7d8799;margin-top:5px;font-size:12px;display:block;overflow:hidden}.preview i{color:#9b8aff;font-style:normal}.no-results{color:#687286;text-align:center;padding:30px;font-size:12px}.device-summary{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:68px;margin-top:auto;padding:13px 20px;display:flex}.device-summary>div>span{color:#596376;text-overflow:ellipsis;white-space:nowrap;max-width:120px;margin:4px 0 0 14px;font-size:9px;display:block;overflow:hidden}.device-summary>button{border:1px solid var(--line);color:#7f899b;cursor:pointer;background:#121827;border-radius:7px;padding:6px 8px;font-size:9px}.connection-pill{color:#8e98a9;align-items:center;gap:7px;font-size:11px;display:flex}.connection-pill.online{color:#8ce6bd}.pulse-dot,.signal-dot{background:#687286;border-radius:50%;width:7px;height:7px}.online .pulse-dot,.signal-dot{background:var(--green);box-shadow:0 0 0 4px #3ddc9714}.workspace{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0c101ac7;flex:none;justify-content:space-between;align-items:center;height:88px;padding:0 30px;display:flex}.chat-contact{align-items:center;gap:14px;display:flex}.chat-contact h1{letter-spacing:-.2px;margin:0;font-size:16px}.chat-contact p{color:var(--muted);margin:4px 0 0;font-size:11px}.port-control{border:1px solid var(--line);color:#8b95a8;background:#101622;border-radius:10px;align-items:center;gap:8px;padding:7px 8px 7px 12px;font-size:11px;display:flex}.port-control select{color:#d8deea;background:#171d2b;border:0;border-radius:7px;outline:0;padding:6px 8px;font-size:11px}.message-area{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:smooth;flex:1;min-height:0;padding:25px clamp(30px,8vw,120px);overflow-y:scroll}.date-divider{color:#687286;align-items:center;margin:0 0 24px;font-size:10px;display:flex}.date-divider:before,.date-divider:after{content:"";background:var(--line);flex:1;height:1px}.date-divider span{margin:0 12px}.message-row{margin:9px 0;display:flex}.message-row.outgoing{justify-content:flex-end}.bubble{border:1px solid var(--line);background:#151b28;border-radius:6px 16px 16px;max-width:min(650px,73%);padding:12px 14px 9px;box-shadow:0 7px 28px #0000001f}.outgoing .bubble{background:linear-gradient(140deg,#7252ee,#5c3fd4);border:0;border-radius:16px 6px 16px 16px}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere;color:#e9edf5;margin:0;font-size:13px;line-height:1.55}.message-meta{color:#6f7a8d;justify-content:flex-end;gap:9px;margin-top:6px;font-size:9px;display:flex}.outgoing .message-meta{color:#ffffff94}.message-meta em{color:#c8bfff;font-style:normal}.message-meta em.failed{color:#ffb2ba}.message-badges{align-items:center;gap:8px;margin:0 0 7px;display:flex}.message-badges>span{color:#c4baff;letter-spacing:.6px;background:#7c5cff29;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:800}.outgoing .message-badges>span{color:#fff;background:#ffffff26}.message-badges strong{color:#aeb8c9;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.outgoing .message-badges strong{color:#ffffffbf}.attachment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:8px;display:grid}.attachment-grid a{color:#dfe5ef;background:#00000029;border-radius:8px;min-width:0;text-decoration:none;overflow:hidden}.attachment-grid img{object-fit:cover;width:100%;max-height:180px;display:block}.attachment-grid a span{text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;font-size:9px;display:block;overflow:hidden}.attachment-grid .file-card{padding:9px;font-size:10px}.empty-thread{color:#687286;text-align:center;margin-top:20vh;font-size:13px}.composer{background:#111722;border:1px solid #ffffff17;border-radius:15px;flex:none;margin:0 clamp(25px,7vw,100px) 25px;overflow:hidden;box-shadow:0 18px 60px #00000040}.composer-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:43px;padding:7px 9px 0 12px;display:flex}.type-tabs{gap:4px;display:flex}.type-tabs button,.settings-trigger{color:#778196;cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:10px}.type-tabs button{padding:7px 10px}.type-tabs button.active{color:#dcd6ff;background:#7c5cff29}.settings-trigger{padding:7px 9px}.settings-trigger:hover,.settings-trigger.active{color:#c2b8ff;background:#7c5cff1a}.subject-input{border:1px solid var(--line);color:#e2e7f0;background:#0c111c;border-radius:8px;outline:0;width:calc(100% - 28px);height:37px;margin:10px 14px 0;padding:0 10px;font-size:11px;display:block}.pending-files{flex-wrap:wrap;gap:6px;padding:9px 14px 0;display:flex}.pending-files>span{color:#aeb7c8;background:#1b2231;border-radius:6px;align-items:center;gap:7px;max-width:180px;padding:5px 5px 5px 8px;font-size:9px;display:flex}.pending-files button{color:#828da0;cursor:pointer;background:0 0;border:0}.composer textarea{resize:vertical;color:#e6eaf2;background:0 0;border:0;outline:0;width:100%;min-height:82px;max-height:180px;padding:15px 17px 8px;font-size:13px;display:block}.composer textarea::placeholder{color:#5f697d}.composer-footer{justify-content:space-between;align-items:center;min-height:45px;padding:5px 7px 7px 16px;display:flex}.composer-footer>div{color:#5f697d;align-items:center;gap:10px;font-size:10px;display:flex}.composer-footer .composer-submit-controls{gap:7px}.composer-port-select{border:1px solid var(--line);color:#667286;white-space:nowrap;background:#f5f7fb;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:4px 5px 4px 9px;display:flex}.composer-port-select select{color:#263246;background:#fff;border:0;border-radius:6px;outline:0;max-width:190px;height:26px;padding:0 7px;font-size:10px}.attach-button{color:#a99aff;cursor:pointer;background:#7c5cff1a;border-radius:7px;padding:6px 8px}.attach-button input{display:none}.composer-footer button,.primary-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#6546dc);border:0;border-radius:9px;font-weight:600}.composer-footer button{padding:9px 13px;font-size:11px}.composer-footer button:disabled{opacity:.45;cursor:default}.composer-footer button span{margin-left:5px}.send-settings{border-bottom:1px solid var(--line);background:#0c111b;grid-template-columns:repeat(3,minmax(120px,1fr));gap:9px;padding:12px 15px;display:grid}.send-settings>label{color:#737e91;gap:5px;font-size:9px;display:grid}.send-settings select,.send-settings input[type=number],.send-settings input[type=datetime-local]{border:1px solid var(--line);color:#d7dde8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#141a27;border-radius:6px;outline:0;width:100%;height:32px;padding:0 8px;font-size:10px}.send-settings .check-line{align-self:end;align-items:center;height:32px;display:flex}.report-options{color:#8893a6;grid-column:1/-1;gap:18px;font-size:9px;display:flex}.report-options label{align-items:center;gap:5px;display:flex}.error-banner{z-index:5;color:#ffc2c7;background:#43181ff5;border:1px solid #ff707d40;border-radius:10px;justify-content:space-between;align-items:center;width:min(560px,85%);padding:10px 12px 10px 15px;font-size:12px;display:flex;position:absolute;top:99px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #0000004d}.error-banner button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:18px}.empty-state{text-align:center;margin:auto}.empty-icon{width:64px;height:64px;color:var(--accent-light);background:#7c5cff1f;border-radius:18px;place-items:center;margin:0 auto 18px;font-size:26px;display:grid}.empty-state h2{margin:0 0 8px;font-size:20px}.empty-state p{color:var(--muted);font-size:13px}.primary-button{margin-top:9px;padding:11px 16px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#03050aba;place-items:center;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line);background:#111722;border-radius:17px;width:min(420px,100vw - 32px);padding:24px;box-shadow:0 30px 90px #00000080}.modal-heading{justify-content:space-between;display:flex}.modal-heading span{color:var(--accent-light);text-transform:uppercase;letter-spacing:1px;font-size:9px}.modal-heading h2{margin:3px 0 22px;font-size:20px}.modal-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;font-size:22px}.modal label{color:#9da6b8;gap:8px;font-size:12px;display:grid}.modal input{border:1px solid var(--line);color:#fff;background:#0b101a;border-radius:9px;outline:0;height:43px;padding:0 12px}.modal input:focus{border-color:#7c5cffa6}.modal p{color:#687286;font-size:10px}.modal .primary-button{width:100%;margin-top:12px}.ports-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:32px clamp(25px,4vw,60px) 48px;overflow-y:scroll}.page-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.page-header p{color:#8c79f2;text-transform:uppercase;letter-spacing:1px;margin:0 0 7px;font-size:9px;font-weight:700}.page-header h1{letter-spacing:-.6px;margin:0;font-size:25px}.page-header span{color:var(--muted);margin-top:7px;font-size:11px;display:block}.page-header button{border:1px solid var(--line);color:#b6bfce;cursor:pointer;background:#111722;border-radius:9px;padding:10px 13px;font-size:10px}.summary-cards{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.summary-cards article{border:1px solid var(--line);background:linear-gradient(135deg,#121824,#0e131e);border-radius:13px;min-height:90px;padding:17px;position:relative;overflow:hidden}.summary-cards article:after{content:"";background:#6b789114;border-radius:50%;width:75px;height:75px;position:absolute;bottom:-35px;right:-20px}.summary-cards span{color:#778196;font-size:10px;display:block}.summary-cards strong{margin-top:9px;font-size:24px;display:block}.summary-cards .green strong{color:#5ce0a5}.summary-cards .purple strong{color:#a995ff}.summary-cards .amber strong{color:#f4bd67}.port-panel{border:1px solid var(--line);background:#0e131e;border-radius:14px;overflow:hidden}.port-filters{border-bottom:1px solid var(--line);gap:5px;padding:12px 14px;display:flex}.port-filters button{color:#748095;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:10px}.port-table-wrap{overflow-x:auto}.port-table-wrap table{border-collapse:collapse;width:100%;min-width:920px}.port-table-wrap th{color:#596477;text-align:left;text-transform:uppercase;letter-spacing:.6px;background:#0b1019;padding:11px 14px;font-size:8px}.port-table-wrap td{color:#a9b2c1;border-top:1px solid #ffffff0b;padding:13px 14px;font-size:10px}.port-table-wrap td strong{color:#d9deea;font-size:11px}.port-table-wrap td small{color:#586276;text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-top:4px;font-size:8px;display:block;overflow:hidden}.port-state{background:#ffffff09;border-radius:6px;align-items:center;gap:6px;padding:5px 7px;display:inline-flex}.port-state i{background:#5e687a;border-radius:50%;width:6px;height:6px}.port-state.ready i{background:#3ddc97;box-shadow:0 0 8px #3ddc9780}.port-state.warning i{background:#eab45f}.port-state.empty{color:#667185}.signal-bars{align-items:flex-end;gap:2px;height:13px;margin-right:7px;display:inline-flex}.signal-bars i{background:#68d7a5;border-radius:1px;width:3px}.signal-bars i:first-child{height:4px}.signal-bars i:nth-child(2){height:7px}.signal-bars i:nth-child(3){height:10px}.signal-bars i:nth-child(4){height:13px}.signal-bars i.dim{background:#394252}.port-table-wrap td .signal-bars+small{display:inline}.mono{font-family:SFMono-Regular,Consolas,monospace;font-size:9px!important}.table-empty{color:#657084;text-align:center;padding:50px;font-size:11px}.replies-page,.batch-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:32px clamp(25px,4vw,60px) 48px;overflow-y:scroll}.replies-page .page-header>strong{color:#9f8dff;background:#7c5cff1a;border-radius:9px;padding:9px 12px;font-size:10px}.reply-list{gap:9px;display:grid}.reply-list article{border:1px solid var(--line);background:#0f1520;border-radius:12px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px 17px;display:grid;position:relative}.reply-copy{min-width:0}.reply-copy>div{align-items:center;gap:11px;display:flex}.reply-copy strong{font-size:12px}.reply-copy time{color:#657084;font-size:9px}.reply-copy p{color:#aeb7c6;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 5px;font-size:11px;overflow:hidden}.reply-copy p b{color:#c0b5ff}.reply-copy small{color:#5e697c;font-size:8px}.reply-list article>button{border:1px solid var(--line);color:#b6aaff;cursor:pointer;background:#161c29;border-radius:8px;padding:8px 10px;font-size:9px}.unread-dot{background:#8062ff;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;right:10px;box-shadow:0 0 8px #8062ffb3}.empty-list{color:#667185;text-align:center;padding:15vh 20px}.empty-list>span{color:#9581ff;font-size:28px}.empty-list h2{color:#c9cfda;font-size:17px}.empty-list p{font-size:11px}.batch-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:16px;display:grid}.batch-main{gap:14px;display:grid}.batch-card,.batch-settings{border:1px solid var(--line);background:#0f1520;border-radius:14px;padding:19px}.batch-card h2,.batch-settings h2{margin:0 0 17px;font-size:13px}.batch-card h2 i{color:#b9adff;background:#7c5cff24;border-radius:7px;place-items:center;width:22px;height:22px;margin-right:8px;font-size:9px;font-style:normal;display:inline-grid}.file-drop{color:#8f7cff;text-align:center;cursor:pointer;background:#7c5cff09;border:1px dashed #7c5cff47;border-radius:11px;place-content:center;gap:7px;min-height:130px;display:grid}.file-drop input,.batch-attach input{display:none}.file-drop strong{font-size:11px}.file-drop span{color:#606b7e;font-size:9px}.number-preview{color:#76dcae;background:#3ddc970f;border-radius:8px;margin-top:12px;padding:10px 12px;font-size:9px}.number-preview p{color:#687486;text-overflow:ellipsis;white-space:nowrap;margin:6px 0 0;overflow:hidden}.batch-card>.type-tabs{margin-bottom:10px}.batch-input,.batch-card textarea,.batch-settings input[type=datetime-local]{border:1px solid var(--line);color:#e0e5ee;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0a0f18;border-radius:8px;outline:0;width:100%;font-size:11px}.batch-input{height:38px;margin-bottom:8px;padding:0 10px}.batch-card textarea{resize:vertical;min-height:140px;padding:11px}.sms-content-editor{gap:10px;display:grid}.sms-editor-heading,.sms-content-item header{justify-content:space-between;align-items:center;gap:10px;display:flex}.sms-editor-heading>div{gap:3px;display:grid}.sms-editor-heading strong{font-size:11px}.sms-editor-heading span,.sms-content-editor>small{color:#657084;font-size:8px}.sms-editor-heading em{color:#b9adff;background:#7c5cff21;border-radius:6px;padding:5px 7px;font-size:8px;font-style:normal}.sms-content-list{gap:9px;display:grid}.sms-content-item{border:1px solid var(--line);background:#0a0f18;border-radius:10px;padding:10px}.sms-content-item header{margin-bottom:7px}.sms-content-item header strong{color:#9ca7b9;font-size:9px}.sms-content-item header button{color:#df8490;cursor:pointer;background:0 0;border:0;font-size:8px}.sms-content-item textarea{min-height:90px}.add-sms-content{color:#9f8cff;cursor:pointer;background:#7c5cff14;border:1px solid #7c5cff40;border-radius:8px;justify-self:start;padding:8px 11px;font-size:9px}.add-sms-content:disabled{opacity:.45;cursor:default}.batch-attach{color:#a999ff;cursor:pointer;background:#7c5cff1a;border-radius:7px;margin-top:9px;padding:7px 9px;font-size:9px;display:inline-block}.batch-files{color:#657084;font-size:8px}.batch-settings{gap:14px;display:grid;position:sticky;top:20px}.batch-settings>label{color:#8993a5;gap:7px;font-size:9px;display:grid}.batch-settings>label strong{color:#b8acff;justify-self:end}.batch-settings input[type=range]{accent-color:#7c5cff;width:100%}.batch-settings input[type=datetime-local]{height:36px;padding:0 8px}.batch-settings .switch-line{align-items:center;gap:7px;display:flex}.port-checks{flex-wrap:wrap;gap:5px;max-height:120px;display:flex;overflow-y:auto}.port-checks button{border:1px solid var(--line);color:#6f7a8e;cursor:pointer;background:#111824;border-radius:6px;padding:6px 8px;font-size:8px}.port-checks button.active{color:#c5bbff;background:#7c5cff21;border-color:#7c5cff73}.setting-help{color:#586376;margin:-6px 0 0;font-size:8px;line-height:1.5}.distribution{background:#0a0f18;border-radius:8px;gap:5px;padding:11px;display:grid}.distribution span,.distribution small{color:#5f6a7e;font-size:8px}.distribution strong{color:#b7c0cf;font-size:10px}.batch-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c5cff,#6344d9);border:0;border-radius:9px;height:40px;font-size:10px;font-weight:650}.batch-submit:disabled{opacity:.4;cursor:default}.batch-result{color:#79dcae;background:#3ddc970f;border-radius:8px;grid-template-columns:repeat(2,1fr);gap:7px;padding:11px;font-size:8px;display:grid}.batch-result strong{grid-column:1/-1}.batch-result .bad{color:#ff9da8}.batch-workspace{background:#f5f7fb;flex-direction:column;height:100%;display:flex;overflow:hidden}.batch-subnav{border-bottom:1px solid var(--line);background:#fff;flex:none;gap:6px;padding:12px clamp(25px,4vw,60px);display:flex}.batch-subnav button{color:#68758a;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 15px;font-size:12px;font-weight:650}.batch-subnav button.active{color:#6042cf;background:#eeeaff}.batch-panel{flex:auto;min-height:0;overflow:hidden}.batch-panel.hidden{display:none}.batch-panel>.batch-page,.batch-panel>.tasks-page{height:100%}@media (width<=760px){body{overflow:auto}.app-shell{grid-template-columns:1fr}.sidebar{height:43vh;min-height:auto}.brand-row{height:66px}.device-summary{display:none}.workspace{height:57vh;min-height:480px}.chat-header{height:72px;padding:0 15px}.chat-contact p,.port-control label{display:none}.message-area{padding:18px 15px}.composer{margin:0 12px 12px}.composer-footer{align-items:flex-end;gap:7px;padding-left:10px}.composer-submit-controls{flex-direction:column;align-items:stretch!important}.composer-port-select{justify-content:space-between}.composer-port-select select{max-width:125px}.bubble{max-width:88%}.main-nav{grid-template-columns:1fr 1fr}.summary-cards{grid-template-columns:repeat(2,1fr)}.ports-page{padding:20px 14px 35px}.send-settings{grid-template-columns:1fr 1fr}.replies-page,.batch-page{padding:20px 14px 35px}.batch-layout{grid-template-columns:1fr}.batch-settings{position:static}.reply-list article{grid-template-columns:36px minmax(0,1fr)}.reply-list article>button{grid-column:2;justify-self:start}}:root{color:#1f2937;--panel:#fff;--panel-soft:#f4f6fb;--line:#1b273d1c;--muted:#6b7587;--accent:#6f50e8;--accent-light:#7f65eb;--green:#20a66a;background:#f5f7fb}body{color:#1f2937;background:#f5f7fb}.login-page,.session-loading{background:radial-gradient(circle at 70% 15%,#704ff21f,#0000 34%),#f5f7fb}.login-card,.modal{border-color:var(--line);color:#1f2937;background:#fff;box-shadow:0 28px 80px #25314c24}.login-card form input,.modal input{color:#1f2937;background:#f8f9fc}.app-shell{background:radial-gradient(circle at 90% 0,#6f50e812,#0000 30%),#f7f8fc}.sidebar{border-color:var(--line);background:#fffffffa}.brand-row,.device-summary,.chat-header{border-color:var(--line)}.brand-row strong,.conversation-topline strong,.chat-contact h1,.page-header h1{color:#202a3a}.main-nav button{color:#677286}.main-nav button:hover{color:#323e51;background:#f5f6fa}.main-nav button.active{color:#6245d8;background:#f0edff}.search-box{color:#7a8497;background:#f5f7fb}.search-box input{color:#263246}.conversation-card:hover{background:#f7f8fb}.conversation-card.selected{background:linear-gradient(90deg,#eeeaff,#f7f5ff)}.avatar{color:#6549d7;background:linear-gradient(145deg,#eeeaff,#e3ddff)}.device-summary>button,.icon-button{color:#596579;background:#f4f6fa}.workspace{background:#f8f9fc}.chat-header{background:#ffffffe0}.port-control{color:#667286;background:#f5f7fb}.port-control select{color:#263246;background:#fff}.date-divider,.message-meta,.empty-thread{color:#7c8799}.bubble{border-color:var(--line);color:#273246;background:#fff;box-shadow:0 7px 24px #25314c14}.bubble p{color:#273246}.outgoing .bubble{color:#fff;background:linear-gradient(140deg,#795cec,#6546d7)}.outgoing .bubble p{color:#fff}.composer{border-color:var(--line);background:#fff;box-shadow:0 18px 55px #25314c1f}.subject-input,.composer textarea{color:#263246;background:#fff}.subject-input,.send-settings select,.send-settings input[type=number],.send-settings input[type=datetime-local]{border-color:var(--line)}.pending-files>span{color:#536074;background:#f0f2f7}.send-settings{border-color:var(--line);background:#f7f8fb}.send-settings select,.send-settings input[type=number],.send-settings input[type=datetime-local]{color:#263246;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.modal-backdrop{background:#2e374a59}.modal label{color:#5f6b7e}.modal-heading h2{color:#202a3a}.page-header button{color:#4f5c70;background:#fff}.summary-cards article{border-color:var(--line);background:linear-gradient(135deg,#fff,#f8f9fc)}.gateway-offline{color:#8a5705;background:#fff8e8;border:1px solid #f0c77d;border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:12px 14px;display:flex}.gateway-offline strong{font-size:11px}.gateway-offline span{color:#9a6b22;font-size:10px}.summary-cards span{color:#69758a}.summary-cards strong{color:#263246}.port-panel,.batch-card,.batch-settings,.reply-list article{border-color:var(--line);background:#fff}.port-filters{border-color:var(--line)}.port-filters button{color:#667286}.port-filters button.active{color:#6547d8;background:#eeeaff}.port-table-wrap th{color:#69758a;background:#f5f7fa}.port-table-wrap td{color:#4c596d;border-color:#1b273d12}.port-table-wrap tr:hover td{background:#fafbfe}.port-table-wrap td strong{color:#283448}.port-row-warning td{background:#fffaf0}.port-row-warning:hover td{background:#fff7e7!important}.card-warning{color:#b16a00!important;white-space:normal!important;max-width:210px!important}.carrier-name,.sim-number{font-size:12px;display:block}.sim-number.missing{font-weight:600;color:#9a6a19!important}.port-state{background:#f2f4f8}.port-state.ready{color:#147b50;background:#eaf8f1}.port-state.warning{color:#a15f00;background:#fff3dc}.port-state.empty{color:#7a8596;background:#f1f3f6}.reply-list article.unread{background:linear-gradient(90deg,#f1edff,#fff 35%);border-color:#6f50e840}.reply-copy p{color:#4f5b6e}.reply-list article>button{color:#6547d8;background:#f4f1ff}.reply-management{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(220px,1.5fr) repeat(3,minmax(125px,.55fr)) auto auto;align-items:end;gap:8px;margin-bottom:14px;padding:12px;display:grid}.reply-management>label{color:#69758a;gap:5px;font-size:10px;display:grid}.reply-management input,.reply-management select{border:1px solid var(--line);color:#263246;background:#fff;border-radius:8px;width:100%;height:36px;padding:0 9px}.reply-management .reply-search{position:relative}.reply-search>span{color:#7e899b;font-size:15px;position:absolute;bottom:9px;left:10px}.reply-search>input{padding-left:30px}.reply-management>button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;height:36px;padding:0 11px;font-size:10px}.reply-management .select-replies{color:#6047c2;background:#f6f3ff}.reply-management .delete-replies{color:#a33442;background:#fff0f2;border-color:#efc5ca}.reply-management .delete-replies:disabled{opacity:.42;cursor:default}.reply-list{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px}.reply-list article{grid-template-columns:38px minmax(0,1fr);align-content:start;align-items:start;gap:11px;min-width:0;min-height:205px;padding:14px}.reply-list article.selected-reply{border-color:#7e67db;box-shadow:0 0 0 2px #6f50e81a}.reply-select{z-index:2;cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:11px;right:11px;box-shadow:0 1px 5px #242d411f}.reply-select input{accent-color:#7053df;width:14px;height:14px}.reply-list article .unread-dot{right:40px}.reply-copy>div{gap:4px;min-width:0;display:grid}.reply-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reply-copy time{white-space:nowrap}.reply-copy p{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:66px;line-height:1.45;display:-webkit-box;overflow:hidden}.reply-thread-preview{gap:6px;margin:9px 0;display:grid}.reply-copy .reply-thread-preview p{-webkit-line-clamp:initial;border-radius:7px;grid-template-columns:54px minmax(0,1fr);gap:6px;min-height:0;margin:0;padding:7px;display:grid}.reply-thread-preview p.sent{background:#f2f0fb}.reply-thread-preview p.received{background:#eef8f3}.reply-thread-preview p b{color:#6952c5;font-size:9px}.reply-thread-preview p.received b{color:#18774f}.reply-thread-preview p span{color:#4f5b6e;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.reply-list article>button{grid-column:1/-1;width:100%;margin-top:auto}.reply-list article>button:disabled{color:#7b8798;cursor:default;background:#f1f3f6}.reply-list article.carrier-reply{background:#f7f8fb}.reply-list>.empty-list{grid-column:1/-1}.carrier-message-note{color:#7d520f;background:#fff8e8;border:1px solid #e7c786;border-radius:11px;flex:none;gap:4px;margin:0 clamp(25px,7vw,100px) 25px;padding:13px 16px;display:grid}.carrier-message-note strong{font-size:12px}.carrier-message-note span{color:#966b27;font-size:10px}.empty-list{color:#758094}.batch-card h2,.batch-settings h2{color:#263246}.sms-content-item{background:#f8f9fc}.sms-content-item header strong{color:#5e6a7d}.sms-editor-heading strong{color:#263246}.sms-editor-heading span,.sms-content-editor>small{color:#738095}.sms-editor-heading em{color:#5d48bd;background:#eeeaff}.add-sms-content{color:#6046cc;background:#f3f0ff}.batch-input,.batch-card textarea,.batch-settings input[type=datetime-local],.batch-settings select,.quota-grid input,.random-interval input{border:1px solid var(--line);color:#263246;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff}.file-drop{color:#684bdd;background:#faf9ff}.number-preview{color:#147b50;background:#eaf8f1}.port-checks button{border-color:var(--line);color:#637085;background:#f5f7fa}.port-checks button.active{color:#6547d8;background:#eeeaff}.distribution{background:#f5f7fa}.distribution strong{color:#354156}.batch-settings select{border-radius:8px;width:100%;height:36px;padding:0 8px}.quota-grid{border:1px solid var(--line);background:#fafbfe;border-radius:9px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;display:grid}.quota-grid label{color:#657185;justify-content:space-between;align-items:center;gap:6px;font-size:9px;display:flex}.quota-grid input{border-radius:6px;width:62px;height:30px;padding:0 7px}.quota-grid>strong{color:#24825b;grid-column:1/-1;font-size:9px}.quota-grid>strong.quota-short{color:#c06b21}.random-interval{grid-template-columns:1fr 1fr;gap:8px;display:grid}.random-interval label{color:#657185;gap:5px;font-size:9px;display:grid}.random-interval input{border-radius:7px;width:100%;height:34px;padding:0 8px}.error-banner{color:#a33442;background:#fff0f2;border-color:#f1b5bc;box-shadow:0 12px 30px #782a361f}.empty-workspace{background:#fff;flex:1}.main-nav button{font-size:14px}.brand-row span,.preview,.chat-contact p,.connection-pill{font-size:13px}.conversation-topline strong,.bubble p,.composer textarea{font-size:14px}.conversation-topline time,.conversation-label,.device-summary>div>span,.device-summary>button,.page-header p{font-size:11px}.page-header h1{font-size:27px}.page-header span,.page-header button,.summary-cards span,.port-filters button{font-size:12px}.port-table-wrap th{font-size:10px}.port-table-wrap td,.port-table-wrap td strong{font-size:12px}.port-table-wrap td small,.reply-copy small,.setting-help{font-size:10px}.reply-copy strong,.reply-copy p{font-size:13px}.reply-copy time,.reply-list article>button{font-size:11px}.batch-card h2,.batch-settings h2{font-size:15px}.file-drop strong,.batch-input,.batch-card textarea,.batch-settings>label,.batch-settings select{font-size:13px}.file-drop span,.number-preview,.batch-attach,.batch-files,.distribution span,.distribution small{font-size:11px}.batch-submit{font-size:13px}.port-selection-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.port-selection-heading>div:first-child{gap:3px;display:grid}.port-selection-heading strong{color:#354156;font-size:13px}.port-selection-heading span{color:#748095;font-size:11px}.port-selection-heading>div:last-child{gap:5px;display:flex}.port-selection-heading button{border:1px solid var(--line);color:#6547d8;cursor:pointer;background:#f7f5ff;border-radius:6px;padding:5px 8px;font-size:10px}.port-checks button{text-align:left;gap:2px;min-width:64px;padding:8px 9px;font-size:12px;display:grid}.port-checks button small{color:#7a8596;text-overflow:ellipsis;white-space:nowrap;max-width:85px;font-size:9px;overflow:hidden}.port-checks button.active small{color:#7964d2}.no-online-ports{color:#a15f00;text-align:center;background:#fff7e7;border-radius:7px;width:100%;padding:12px;font-size:11px}.assignment-preview{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.assignment-preview i{color:#5d4cb0;background:#eae6ff;border-radius:5px;padding:4px 6px;font-size:10px;font-style:normal}.batch-builder-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.batch-builder-tabs button{border:1px solid var(--line);color:#68758a;text-align:left;cursor:pointer;background:#fff;border-radius:12px;align-items:center;gap:11px;padding:12px 14px;display:flex}.batch-builder-tabs button>i{color:#6d55d0;background:#f0edff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:750;display:grid}.batch-builder-tabs button>span{gap:3px;font-size:13px;font-weight:700;display:grid}.batch-builder-tabs button small{color:#8792a4;font-size:10px;font-weight:450}.batch-builder-tabs button.active{color:#5e42ca;background:#f7f5ff;border-color:#6f50e859;box-shadow:0 5px 18px #4d37a414}.batch-builder-tabs button.active>i{color:#fff;background:#7053df}.batch-builder-form{display:block}.batch-content-page{max-width:1050px;margin:0 auto}.invalid-number-warning{color:#915a08;background:#fff8e9;border:1px solid #efc47b;border-radius:9px;gap:5px;margin-top:10px;padding:11px 12px;display:grid}.invalid-number-warning strong{font-size:12px}.invalid-number-warning span{overflow-wrap:anywhere;color:#9c6c23;font-size:10px}.invalid-number-warning small{color:#a4742c;font-size:10px}.content-page-actions{border:1px solid var(--line);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:15px;padding:16px 18px;display:flex}.content-page-actions span{color:#68758a;font-size:12px}.content-page-actions button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7658e8,#6346d1);border:0;border-radius:9px;padding:10px 15px;font-size:12px;font-weight:700}.content-page-actions button:disabled{opacity:.42;cursor:default}.campaign-port-page{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr);align-items:start;gap:16px;display:grid}.port-configuration-card,.campaign-control-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px}.configuration-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:16px;display:flex}.configuration-heading p,.campaign-control-card header p{color:#7860db;letter-spacing:.8px;margin:0 0 5px;font-size:9px;font-weight:750}.configuration-heading h2,.campaign-control-card header h2{color:#263246;margin:0;font-size:17px}.configuration-heading span{color:#768296;margin-top:6px;font-size:11px;display:block}.configuration-heading>strong{color:#6248c7;background:#eeeaff;border-radius:8px;flex:none;padding:7px 9px;font-size:11px}.port-selection-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:16px 0 12px;display:flex}.port-selection-toolbar>div{gap:7px;display:flex}.port-selection-toolbar button{border:1px solid var(--line);color:#6047c2;cursor:pointer;background:#f7f5ff;border-radius:7px;padding:7px 10px;font-size:10px}.port-selection-toolbar small{color:#7b8799;text-align:right;font-size:10px}.port-checks-large{grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px;max-height:380px;padding:3px;display:grid}.port-checks-large button{align-content:center;gap:4px;min-width:0;min-height:72px;padding:10px 12px}.port-checks-large button strong{color:#344156;font-size:12px}.port-checks-large button small,.port-checks-large button em{color:#7b8799;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-style:normal;overflow:hidden}.port-checks-large button.active{border-color:#826be0;box-shadow:0 0 0 2px #6f50e817}.port-checks-large button.active strong{color:#6043ce}.distribution-configuration{border-top:1px solid var(--line);gap:10px;margin-top:18px;padding-top:17px;display:grid}.distribution-configuration>label,.campaign-control-card>label{color:#657185;gap:7px;font-size:11px;display:grid}.distribution-configuration select,.campaign-control-card input[type=datetime-local]{border:1px solid var(--line);color:#263246;background:#fff;border-radius:8px;width:100%;height:38px;padding:0 9px}.quota-grid-large{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.quota-grid-large label{grid-template-columns:1fr 68px auto;display:grid}.quota-grid-large label small{color:#7d899a}.campaign-control-card{gap:14px;display:grid;position:sticky;top:16px}.campaign-control-card header{border-bottom:1px solid var(--line);padding-bottom:13px}.campaign-control-card>label strong{color:#6549ca;justify-self:end}.campaign-control-card input[type=range]{accent-color:#7053df;width:100%}.campaign-control-card .switch-line{align-items:center;gap:7px;display:flex}.campaign-submit-actions{gap:8px;display:grid}.campaign-submit-actions .secondary-action{border:1px solid var(--line);color:#657185;cursor:pointer;background:#f7f8fb;border-radius:8px;height:38px;font-size:11px}.campaign-submit-actions .batch-submit{width:100%}@media (width<=980px){.campaign-port-page{grid-template-columns:1fr}.campaign-control-card{position:static}}@media (width<=1100px){.reply-list,.reply-management{grid-template-columns:repeat(3,minmax(0,1fr))}.reply-management .reply-search{grid-column:1/-1}}@media (width<=760px){.batch-builder-tabs{grid-template-columns:1fr}.content-page-actions,.port-selection-toolbar,.configuration-heading{flex-direction:column;align-items:stretch}.content-page-actions button{width:100%}.port-selection-toolbar small{text-align:left}.port-checks-large{grid-template-columns:repeat(2,minmax(0,1fr))}.reply-list{grid-template-columns:1fr}.reply-management{grid-template-columns:1fr 1fr}.reply-management .reply-search{grid-column:1/-1}}.port-table-wrap table{min-width:1180px}.policy-controls{gap:7px;min-width:210px;display:grid}.policy-controls>label:first-child{grid-template-columns:1fr 68px auto;align-items:center;gap:5px;display:grid}.policy-controls input[type=number]{border:1px solid var(--line);color:#263246;background:#fff;border-radius:6px;width:68px;height:30px;padding:0 6px}.policy-controls button{border:1px solid var(--line);color:#5f4bc2;cursor:pointer;background:#f5f2ff;border-radius:6px;padding:6px 8px;font-size:10px}.policy-controls button:disabled{opacity:.5}.policy-controls .policy-check{color:#657185;align-items:center;gap:6px;font-size:10px;display:flex}.policy-controls .disable-port{color:#a34a36;background:#fff2ef}.policy-controls .enable-port{color:#147b50;background:#eaf8f1}.policy-controls>small{color:#a15f00!important;white-space:normal!important;max-width:230px!important}.tasks-page,.alerts-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:32px clamp(25px,4vw,60px) 48px;overflow-y:scroll}.task-list,.alert-list{gap:11px;display:grid}.task-list>article{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px}.task-list article>header,.task-list article>footer,.alert-list article header{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-list article>header>div{align-items:center;gap:10px;min-width:0;display:flex}.task-list article>header strong{color:#2e3a4d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.task-list time,.alert-list time{color:#8490a2;font-size:10px}.task-state{color:#7259dd;background:#eeeaff;border-radius:6px;flex:none;padding:5px 8px;font-size:10px}.task-state.completed{color:#147b50;background:#eaf8f1}.task-state.failed,.task-state.cancelled{color:#a33442;background:#fff0f2}.task-state.partial,.task-state.paused{color:#9a620d;background:#fff5e4}.task-state.awaiting_allocation{color:#6547d8;background:#eeeaff}.task-state.allocating{color:#176e9c;background:#e8f5fb}.task-meta{color:#768195;flex-wrap:wrap;gap:18px;margin:16px 0 10px;font-size:11px;display:flex}.task-meta strong{color:#354156}.task-progress{background:#edf0f5;border-radius:10px;height:7px;overflow:hidden}.task-progress i{border-radius:inherit;background:linear-gradient(90deg,#7659e8,#8f7cec);height:100%;display:block}.task-list article>footer{margin-top:12px}.task-list footer small{color:#7c8799;font-size:10px}.task-list footer>div{gap:6px;display:flex}.task-list footer button,.alert-list article>button{border:1px solid var(--line);color:#6547d8;cursor:pointer;background:#f4f1ff;border-radius:7px;padding:7px 10px;font-size:10px}.task-list footer .replan-task{color:#176e9c;background:#e8f5fb}.task-list footer .cancel-task{color:#a33442;background:#fff0f2}.task-history-notice{color:#147b50;background:#eaf8f1;border:1px solid #a8dec5;border-radius:9px;margin-bottom:12px;padding:10px 13px;font-size:11px}.task-allocation-editor{background:#faf9ff;border:1px solid #d9d1f7;border-radius:11px;gap:12px;margin-top:15px;padding:14px;display:grid}.task-allocation-editor>header,.task-allocation-editor>footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.task-allocation-editor>header>div{gap:4px;display:grid}.task-allocation-editor>header strong{color:#3d315f;font-size:12px}.task-allocation-editor>header span{color:#756b8b;font-size:10px}.task-allocation-editor>header em{color:#6547d8;background:#eeeaff;border-radius:7px;padding:5px 8px;font-size:10px;font-style:normal}.task-allocation-ports{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;display:grid}.task-allocation-ports>div{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;overflow:hidden}.task-allocation-ports>div.selected{border-color:#8a73e2}.task-allocation-ports button{color:#4f5b6e;text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;padding:8px;font-size:10px;display:grid}.task-allocation-ports button small{color:#8490a2;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.task-allocation-ports label{color:#758094;background:#f5f2ff;align-items:center;gap:3px;padding:5px;font-size:9px;display:flex}.task-allocation-ports input{border:1px solid var(--line);color:#263246;background:#fff;border-radius:6px;width:62px;height:30px;padding:0 5px}.task-allocation-editor>footer label{color:#657185;align-items:center;gap:7px;font-size:10px;display:flex}.task-allocation-editor>footer input{border:1px solid var(--line);border-radius:6px;width:60px;height:31px;padding:0 6px}.task-allocation-editor>footer button{color:#fff;cursor:pointer;background:#6f50d9;border:0;border-radius:8px;padding:9px 12px;font-size:10px}.task-allocation-editor>footer button:disabled{opacity:.45;cursor:default}.alerts-page .page-header>strong{color:#a33442;background:#fff0f2;border-radius:8px;padding:8px 11px;font-size:11px}.alert-list>article{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.alert-list>article.unread{background:#fffaf0;border-color:#edc27c}.alert-list>article>i{color:#a66a0d;background:#fff0d3;border-radius:9px;place-items:center;width:32px;height:32px;font-style:normal;font-weight:800;display:grid}.alert-list>article.critical>i{color:#a33442;background:#ffe8eb}.alert-list article header strong{color:#303c4e;font-size:13px}.alert-list article p{color:#576477;margin:6px 0;font-size:12px}.alert-list article small{color:#7e899b;font-size:10px}.alert-list article.read{opacity:.76}.main-nav button i.alert-count{color:#b33c4d;background:#ffeaed}.statistics-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:32px clamp(25px,4vw,60px) 48px;overflow-y:scroll}.period-tabs{border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;justify-content:flex-end;gap:5px;padding:4px;display:flex}.period-tabs button{color:#657185;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:12px}.period-tabs button.active{color:#6547d8;background:#eeeaff}.stats-loading{color:#748095;text-align:center;padding:80px;font-size:14px}.stats-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.stats-cards article{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:112px;padding:18px}.stats-cards span{color:#69758a;font-size:12px;display:block}.stats-cards strong{color:#263246;margin:8px 0 5px;font-size:27px;display:block}.stats-cards small{color:#7c8799;font-size:11px}.stats-cards .success strong{color:#168157}.stats-cards .warning strong{color:#b36a00}.stats-cards .danger strong{color:#c14352}.stats-cards .purple strong{color:#6547d8}.stats-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:14px;display:grid}.stats-panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px}.stats-panel>header{margin-bottom:18px}.stats-panel h2{color:#263246;margin:0 0 5px;font-size:16px}.stats-panel header span,.stats-panel>p,.port-performance>p{color:#7a8596;font-size:11px}.port-performance{gap:12px;display:grid}.performance-row{grid-template-columns:80px minmax(100px,1fr) minmax(125px,auto) 60px;align-items:center;gap:10px;font-size:12px;display:grid}.performance-row strong{color:#39465a}.performance-row span{color:#69758a;text-align:right}.performance-row em{color:#168157;text-align:right;font-style:normal;font-weight:700}.performance-track{background:#edf0f5;border-radius:20px;height:8px;overflow:hidden}.performance-track i{border-radius:inherit;background:linear-gradient(90deg,#7659e8,#9f8df1);height:100%;display:block}.type-panel{align-content:start;gap:10px;display:grid}.type-stat{background:#f7f8fb;border-radius:9px;grid-template-columns:45px minmax(100px,auto) 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.type-stat strong{color:#6547d8;font-size:12px}.type-stat span,.type-stat small{color:#657185;font-size:11px}.type-stat em{color:#168157;font-size:12px;font-style:normal;font-weight:700}@media (width<=900px){.stats-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:1fr}}@media (width<=760px){.batch-subnav{padding:10px 14px}.statistics-page,.tasks-page,.alerts-page{padding:20px 14px 35px}.statistics-page .page-header{align-items:flex-start;gap:12px}.stats-cards{grid-template-columns:1fr 1fr}.performance-row{grid-template-columns:68px minmax(70px,1fr) 52px 52px;gap:6px}.alert-list>article{grid-template-columns:32px minmax(0,1fr)}.alert-list article>button{grid-column:2;justify-self:start}}.conversation-list,.message-area,.conversation-directory-page,.ports-page,.replies-page,.batch-page,.tasks-page,.alerts-page,.statistics-page{scrollbar-color:#9b8ae0 #edf0f5;scrollbar-width:thin}.conversation-list::-webkit-scrollbar{width:10px}.message-area::-webkit-scrollbar{width:10px}.conversation-directory-page::-webkit-scrollbar{width:10px}.ports-page::-webkit-scrollbar{width:10px}.replies-page::-webkit-scrollbar{width:10px}.batch-page::-webkit-scrollbar{width:10px}.tasks-page::-webkit-scrollbar{width:10px}.alerts-page::-webkit-scrollbar{width:10px}.statistics-page::-webkit-scrollbar{width:10px}.conversation-list::-webkit-scrollbar-track{background:#edf0f5}.message-area::-webkit-scrollbar-track{background:#edf0f5}.conversation-directory-page::-webkit-scrollbar-track{background:#edf0f5}.ports-page::-webkit-scrollbar-track{background:#edf0f5}.replies-page::-webkit-scrollbar-track{background:#edf0f5}.batch-page::-webkit-scrollbar-track{background:#edf0f5}.tasks-page::-webkit-scrollbar-track{background:#edf0f5}.alerts-page::-webkit-scrollbar-track{background:#edf0f5}.statistics-page::-webkit-scrollbar-track{background:#edf0f5}.conversation-list::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.message-area::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.conversation-directory-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.ports-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.replies-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.batch-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.tasks-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.alerts-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.statistics-page::-webkit-scrollbar-thumb{background:#9b8ae0;border:2px solid #edf0f5;border-radius:10px}.page-scroll-controls{z-index:4;gap:7px;display:grid;position:absolute;bottom:18px;right:16px}.page-scroll-controls button{color:#6047c2;cursor:pointer;background:#fffffff0;border:1px solid #5d46be3d;border-radius:11px;width:38px;height:38px;font-size:18px;font-weight:800;box-shadow:0 7px 24px #2a324824}.page-scroll-controls button:hover{color:#fff;background:#7053df}.page-scroll-controls button:first-child{color:#fff;background:#6a4ed5;border-color:#5e43cf}.page-scroll-controls button:first-child:hover{background:#5438c3}.page-scroll-controls button:disabled{opacity:.6;cursor:wait}.page-scroll-controls .page-refresh-button{white-space:nowrap;justify-self:end;width:72px;padding:0 9px;font-size:11px}.conversation-directory-page{overscroll-behavior:contain;scrollbar-gutter:stable;height:100%;min-height:0;padding:32px clamp(25px,4vw,60px) 48px;overflow-y:scroll}.conversation-directory-toolbar{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:minmax(220px,1fr) repeat(4,minmax(112px,130px)) auto auto auto;align-items:end;gap:8px;margin-bottom:15px;padding:13px;display:grid}.conversation-directory-toolbar label{color:#69758a;gap:5px;font-size:11px;display:grid}.conversation-directory-toolbar input,.conversation-directory-toolbar select{border:1px solid var(--line);color:#263246;background:#fff;border-radius:8px;width:100%;height:38px;padding:0 10px}.conversation-directory-toolbar .directory-search{position:relative}.conversation-directory-toolbar>button{border:1px solid var(--line);cursor:pointer;white-space:nowrap;border-radius:8px;height:38px;padding:0 11px;font-size:10px}.conversation-directory-toolbar .select-conversations{color:#6047c2;background:#f6f3ff}.conversation-directory-toolbar .delete-conversations,.conversation-directory-toolbar .delete-date-range{color:#a33442;background:#fff0f2;border-color:#efc5ca}.conversation-directory-toolbar .delete-conversations:disabled,.conversation-directory-toolbar .delete-date-range:disabled{opacity:.42;cursor:default}.directory-search>span{color:#7e899b;font-size:16px;position:absolute;bottom:9px;left:11px}.directory-search>input{padding-left:32px}.conversation-directory-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;display:grid}.conversation-directory-list>article{border:1px solid var(--line);color:#273246;background:#fff;border-radius:13px;min-width:0;min-height:150px;position:relative;overflow:hidden}.conversation-directory-list>article:hover{background:#faf9ff;border-color:#6f50e859;box-shadow:0 7px 22px #32395212}.conversation-directory-list>article.selected-conversation{background:#f7f4ff;border-color:#8065e8;box-shadow:0 0 0 2px #7053df1a}.conversation-select{z-index:2;cursor:pointer;background:#ffffffeb;border-radius:6px;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.conversation-select input{accent-color:#7053df;cursor:pointer;width:15px;height:15px}.conversation-open{width:100%;min-height:150px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-content:start;align-items:center;gap:10px;padding:34px 12px 12px;display:grid}.conversation-open .avatar{width:34px;height:34px;font-size:11px}.directory-copy{gap:5px;min-width:0;display:grid}.directory-copy>span{gap:2px;min-width:0;display:grid}.directory-copy strong{color:#2e3a4d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.directory-copy time,.directory-copy small{color:#7b8799;flex:none;font-size:10px}.directory-copy p{color:#526074;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.directory-copy p i{color:#6a50d2;font-style:normal}.conversation-open>em{color:#6547d8;white-space:nowrap;grid-column:1/-1;justify-self:end;font-size:11px;font-style:normal}.conversation-directory-list>.empty-list{grid-column:1/-1}.conversation-pagination{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.conversation-pagination button{border:1px solid var(--line);color:#6047c2;cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px}.conversation-pagination button:disabled{color:#a3abb8;cursor:default}.conversation-pagination span{color:#69758a;font-size:11px}.conversation-back{border:1px solid var(--line);color:#6047c2;cursor:pointer;background:#f6f3ff;border-radius:8px;padding:7px 10px;font-size:11px}@media (width<=1500px){.conversation-directory-toolbar{grid-template-columns:minmax(220px,1fr) repeat(4,minmax(105px,1fr))}.conversation-directory-toolbar>button{min-width:0}}@media (width<=1200px){.conversation-directory-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.conversation-directory-toolbar .directory-search{grid-column:1/-1}}@media (width<=1100px){.conversation-directory-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=950px){.conversation-directory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.app-shell{height:auto;min-height:100dvh;overflow:visible}.sidebar{height:43dvh;min-height:320px}.workspace{height:57dvh;min-height:480px}.page-scroll-controls{bottom:10px;right:8px}.page-scroll-controls button{width:34px;height:34px}.page-scroll-controls .page-refresh-button{width:66px}.conversation-directory-page{padding:20px 14px 35px}.conversation-directory-toolbar{grid-template-columns:1fr 1fr}.conversation-directory-toolbar .directory-search{grid-column:1/-1}.conversation-directory-list{grid-template-columns:1fr}.conversation-back{padding:6px 8px}}