@charset "UTF-8";html,body{margin:0;padding:0;font-family:Segoe UI,-apple-system,system-ui,sans-serif;font-size:14px;color-scheme:light}*{font-family:inherit}app-sms-settings,app-email-settings,app-whatsapp-settings,app-telegram-settings,app-sms-compose,app-email-compose,app-whatsapp-compose,app-telegram-compose{position:fixed!important;inset:0;background:#0f172a8c;z-index:800;display:flex!important;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:dlg-fade .18s ease-out}@keyframes dlg-fade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dialog-card{background:#fff;border-radius:10px;box-shadow:0 25px 60px #00000073,0 10px 25px #00000040;width:100%;max-width:920px;overflow:hidden;animation:dlg-pop .22s ease-out;position:relative}.dialog-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:none;background:#ffffff40;color:#fff;font-size:22px;font-weight:800;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .18s ease,transform .18s ease}.dialog-close:hover{background:#ffffff73;transform:scale(1.08)}@keyframes dlg-pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.dash-card{box-shadow:0 6px 18px #0000002e,0 2px 6px #0000001f!important;transition:transform .25s ease,box-shadow .25s ease}.dash-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000038,0 4px 10px #00000026!important}.dash-card .dc-title{color:#333!important;font-weight:700!important}.dash-card .dc-value{color:#333!important;font-weight:800!important}.dash-card .dc-sub,.dash-card .dc-meta{color:#2bbfb3!important;font-weight:700!important}.dash-card .status-on{color:#16a34a!important;font-weight:800!important}.dash-card .status-off{color:#dc2626!important;font-weight:800!important}.data-grid th{font-size:15px!important;box-shadow:0 4px 10px #0000002e,0 1px 3px #0000001a!important;position:sticky;top:0;z-index:2}.data-grid td{font-size:14px!important;font-weight:600!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.data-grid table{table-layout:fixed!important;width:100%!important}.data-grid{margin:10px 16px 4px!important;border:1px solid #d0d7e2!important;border-radius:8px!important;box-shadow:0 4px 12px #0000001a!important;background:#fff!important;scroll-padding-top:40px!important}.data-grid .col-date{width:95px!important}.data-grid .col-mobile{width:120px!important}.data-grid .col-status{width:80px!important}.data-grid .col-remark{width:180px!important}.data-grid .col-terminal{width:100px!important}.data-grid .col-attachment{width:140px!important}.data-grid .col-name,.data-grid .col-subject{width:220px!important}.tb-btn{width:42px!important;height:42px!important;padding:0!important;margin:0 4px!important;font-size:0!important;color:transparent!important;line-height:1!important;text-align:center!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;box-sizing:border-box!important;background-color:#fff!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:24px 24px!important;border:1px solid rgba(0,0,0,.12)!important;border-radius:8px!important;cursor:pointer!important;box-shadow:0 3px 8px #0000002e,0 1px 2px #0000001a!important;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease!important}.tb-btn:hover{background-color:#f8fafc!important}.tb-btn:disabled,.tb-btn[disabled]{opacity:.35!important;cursor:not-allowed!important;box-shadow:none!important;transform:none!important}.tb-btn[title=Start]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2322c55e'><path d='M8 5v14l11-7z'/></svg>")!important}.tb-btn[title=Pause]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23f59e0b'><path d='M6 4h4v16H6zM14 4h4v16h-4z'/></svg>")!important}.tb-btn[title=Compose]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%232563eb'><path d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a1 1 0 0 0 0-1.41l-2.34-2.34a1 1 0 0 0-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/></svg>")!important}.tb-btn[title="Delete Sent"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230891b2'><path d='M9 3h6l1 1h4v2H4V4h4l1-1zm-3 5h12l-1 13a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L6 8zm4 3v8h2v-8h-2zm4 0v8h2v-8h-2z'/></svg>")!important}.tb-btn[title="Delete All"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc2626'><path d='M9 3h6l1 1h4v2H4V4h4l1-1zm-3 5h12l-1 13a2 2 0 0 1-2 2H9a2 2 0 0 1-2-2L6 8zm4 3v8h2v-8h-2zm4 0v8h2v-8h-2z'/></svg>")!important}.tb-btn[title=Refresh]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'><path d='M17.65 6.35A7.95 7.95 0 0 0 12 4a8 8 0 1 0 7.45 11h-2.09A6 6 0 1 1 12 6c1.66 0 3.14.69 4.22 1.78L13 11h7V4l-2.35 2.35z'/></svg>")!important}.tb-btn[title="Resend Failed"]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%237c3aed'><path d='M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6 0 1.01-.25 1.97-.7 2.8l1.46 1.46A7.93 7.93 0 0 0 20 13c0-4.42-3.58-8-8-8zm0 14c-3.31 0-6-2.69-6-6 0-1.01.25-1.97.7-2.8L5.24 8.74A7.93 7.93 0 0 0 4 13c0 4.42 3.58 8 8 8v4l5-5-5-5v3z'/></svg>")!important}.tb-btn[title=Settings]{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23475569'><path d='M19.14 12.94c.04-.3.06-.62.06-.94s-.02-.64-.06-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96a7 7 0 0 0-1.62-.94l-.36-2.54A.49.49 0 0 0 14 2h-4a.49.49 0 0 0-.49.42l-.36 2.54c-.59.24-1.13.55-1.62.94l-2.39-.96a.49.49 0 0 0-.59.22L2.63 8.48a.49.49 0 0 0 .12.61L4.78 10.67c-.04.3-.06.62-.06.94s.02.64.06.94L2.75 14.13a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.31.59.22l2.39-.96c.5.39 1.03.7 1.62.94l.36 2.54c.05.24.25.42.49.42h4c.25 0 .45-.18.49-.42l.36-2.54c.59-.24 1.13-.55 1.62-.94l2.39.96c.22.09.47 0 .59-.22l1.92-3.32a.49.49 0 0 0-.12-.61l-2.03-1.58zM12 15.6a3.6 3.6 0 1 1 0-7.2 3.6 3.6 0 0 1 0 7.2z'/></svg>")!important}.tb-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #00000040,0 2px 4px #0000001f!important}.tb-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0000002e!important}.tb-search{box-shadow:0 3px 8px #00000026,inset 0 1px 2px #0000000f!important;transition:box-shadow .2s ease,border-color .2s ease}.tb-search:focus{outline:none;box-shadow:0 5px 14px #00000038,inset 0 1px 2px #0000000f!important}@media(max-width:768px){app-sms-list,app-email-list,app-whatsapp-list,app-telegram-list,app-cloud-list,app-dashboard,app-general-settings{height:auto!important;min-height:100%!important;overflow:visible!important}main.content{overflow-y:auto!important}.data-grid{flex:none!important;height:45vh!important;min-height:260px!important;margin:8px 10px 4px!important}.data-grid thead th:nth-last-child(-n+2),.data-grid tbody td:nth-last-child(-n+2):not(.empty-row){display:none!important}.data-grid .col-message,.data-grid .col-subject,.data-grid .col-name,.data-grid .col-attachment{width:auto!important}.tb-btn{width:38px!important;height:38px!important;margin:0 3px!important;background-size:20px 20px!important}.tb-search{width:100%!important;margin-top:6px}.header-bar{padding-left:12px!important;padding-right:58px!important}.hdr-version{display:none}app-sms-settings,app-email-settings,app-whatsapp-settings,app-telegram-settings,app-sms-compose,app-email-compose,app-whatsapp-compose,app-telegram-compose{padding:10px!important}}@media(max-width:480px){.data-grid th,.data-grid td{padding:6px!important;font-size:12px!important}.data-grid .col-date{width:80px!important}.data-grid .col-mobile{width:100px!important}.data-grid .col-status{width:64px!important}app-sms-list .data-grid thead th.col-name,app-sms-list .data-grid tbody tr td:nth-child(3){display:none!important}app-email-list .data-grid thead th.col-name,app-email-list .data-grid thead th.col-attachment,app-email-list .data-grid tbody tr td:nth-child(3),app-email-list .data-grid tbody tr td:nth-child(4),app-email-list .data-grid tbody tr td:nth-child(7){display:none!important}app-whatsapp-list .data-grid thead th.col-name,app-whatsapp-list .data-grid thead th.col-attachment,app-whatsapp-list .data-grid tbody tr td:nth-child(3),app-whatsapp-list .data-grid tbody tr td:nth-child(6){display:none!important}app-telegram-list .data-grid thead th.col-name,app-telegram-list .data-grid thead th.col-attachment,app-telegram-list .data-grid tbody tr td:nth-child(3),app-telegram-list .data-grid tbody tr td:nth-child(6){display:none!important}app-sms-settings,app-email-settings,app-whatsapp-settings,app-telegram-settings,app-sms-compose,app-email-compose,app-whatsapp-compose,app-telegram-compose{padding:0!important}.dialog-card{border-radius:0!important;min-height:100vh;min-height:100dvh}}:root{--tap: 44px;--safe-b: env(safe-area-inset-bottom, 0px);--safe-t: env(safe-area-inset-top, 0px)}@media(min-width:769px)and (max-width:1023px){.data-grid thead th:nth-last-child(-n+2),.data-grid tbody td:nth-last-child(-n+2):not(.empty-row){display:none!important}.data-grid{margin:8px 12px 4px!important}.data-grid th{font-size:13px!important}.data-grid td{font-size:12.5px!important}.data-grid th,.data-grid td{padding:7px 8px!important}.data-grid .col-date{width:88px!important}.data-grid .col-mobile{width:108px!important}.data-grid .col-status{width:72px!important}.data-grid .col-name{width:140px!important}.data-grid .col-subject{width:150px!important}.data-grid .col-attachment{width:96px!important}.tb-btn{width:40px!important;height:40px!important;margin:0 3px!important;background-size:22px 22px!important}.tb-search{width:150px!important}app-sms-settings,app-email-settings,app-whatsapp-settings,app-telegram-settings,app-sms-compose,app-email-compose,app-whatsapp-compose,app-telegram-compose{padding:20px 14px!important}}@media(pointer:coarse)and (max-width:1023px){.tb-btn{width:var(--tap)!important;height:var(--tap)!important;background-size:22px 22px!important}.dialog-close{width:var(--tap);height:var(--tap)}}@media(pointer:coarse)and (max-width:768px){input,select,textarea,.tb-search{font-size:16px!important}}.rec-list{display:block}.rec-table{display:none}@media(min-width:769px){.rec-list{display:none}.rec-table{display:block}}.rec-card{display:flex;gap:11px;align-items:flex-start;padding:11px 12px;border-bottom:1px solid #e2e8f0;background:#fff;cursor:pointer;-webkit-tap-highlight-color:rgba(29,112,208,.12)}.rec-card.selected{background:#eff6ff}.rec-card .rc-avatar{width:34px;height:34px;border-radius:50%;background:#e3edf8;color:#1d70d0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex:none}.rec-card.selected .rc-avatar{background:#1d70d0;color:#fff}.rec-card .rc-body{min-width:0;flex:1}.rec-card .rc-name{font-weight:600;font-size:13px;line-height:1.35;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card .rc-sub{font-size:12px;color:#5b6b7c;font-variant-numeric:tabular-nums}.rec-card .rc-meta{font-size:11px;color:#94a3b8;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-card .rc-right{flex:none;text-align:right;padding-top:2px}.col-p2,.col-p3,.col-p4{display:none}@media(min-width:769px){.col-p2{display:table-cell}}@media(min-width:1024px){.col-p3{display:table-cell}}@media(min-width:1280px){.col-p4{display:table-cell}}.chip-strip{display:flex;gap:6px;padding:9px 12px 5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chip-strip::-webkit-scrollbar{display:none}.g-chip{padding:7px 13px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:#5b6b7c;font-size:12px;white-space:nowrap;cursor:pointer;flex:none}.g-chip.active{background:#1d70d0;border-color:#1d70d0;color:#fff;font-weight:600}.g-chip.active-wa{background:#25d366;border-color:#25d366;color:#fff;font-weight:600}.g-chip .gc-count{opacity:.72;margin-left:5px;font-variant-numeric:tabular-nums}.fab{position:fixed;right:16px;bottom:calc(16px + var(--safe-b));width:52px;height:52px;border-radius:50%;border:none;background:#1d70d0;color:#fff;font-size:26px;font-weight:300;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 16px #1d70d073;cursor:pointer;z-index:60}.fab.fab-wa{background:#25d366;box-shadow:0 5px 16px #25d36673}@media(min-width:1024px){.fab{display:none}}@media(max-width:768px){.fab{bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.sticky-bar{position:sticky;bottom:0;z-index:40;display:flex;align-items:center;gap:10px;padding:11px 12px calc(11px + var(--safe-b));background:#1d70d0;color:#fff;font-size:12.5px;font-weight:600;box-shadow:0 -4px 14px #0000002e}.sticky-bar.summary{background:#0e3d75}@media(max-width:768px){.sticky-bar{bottom:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:11px}}.sticky-bar .sb-spacer{flex:1}.sticky-bar .sb-btn{padding:9px 13px;min-height:var(--tap);border-radius:7px;background:#fff3;border:1px solid rgba(255,255,255,.36);color:#fff;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.sticky-bar .sb-btn.solid{background:#fff;color:#0e3d75;border-color:#fff;font-weight:700}.sticky-bar .sb-big{font-size:20px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.sticky-bar .sb-label{font-size:10.5px;opacity:.88;font-weight:500}.sheet-scrim{position:fixed;inset:0;background:#0f172a8c;z-index:900;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fff;width:100%;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;overflow:hidden;animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet-head{display:flex;align-items:center;gap:10px;padding:0 14px;height:48px;background:#1d70d0;color:#fff;font-weight:600;font-size:15px;flex:none}.sheet-head.wa{background:#25d366}.sheet-head .sh-close{margin-left:auto;width:var(--tap);height:var(--tap);border:none;background:transparent;color:#fff;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:14px}.sheet-foot{flex:none;display:flex;gap:9px;padding:11px 12px calc(11px + var(--safe-b));border-top:1px solid #e2e8f0;background:#f5f7fa}.sheet-foot .btn{flex:1;min-height:var(--tap)}@media(min-width:601px){.sheet-scrim{align-items:flex-start;padding:40px 20px;overflow-y:auto}.sheet{width:100%;max-width:560px;border-radius:10px;max-height:calc(100vh - 80px);box-shadow:0 25px 60px #00000073,0 10px 25px #00000040;animation:dlg-pop .22s ease-out}.sheet-foot{justify-content:flex-end}.sheet-foot .btn{flex:none;min-width:110px}}.two-pane{display:block;min-height:0}.two-pane>.tp-rail{display:none}@media(min-width:769px){.two-pane{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:0}.two-pane>.tp-rail{display:block;border-right:1px solid #e2e8f0;background:#f5f7fa;padding:9px 8px;overflow-y:auto}.two-pane>.tp-main{min-width:0;overflow:hidden}}@media(min-width:1024px){.two-pane{grid-template-columns:176px minmax(0,1fr)}}@media(min-width:769px){.chip-strip.rail-substitute{display:none}}.form-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:601px){.form-grid{grid-template-columns:1fr 1fr}.form-grid .fg-wide{grid-column:1/-1}}