@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#142344;background:#f5f9ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.dashboard{max-width:1840px;margin:auto;padding:19px 24px 28px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:20px}.brand{display:flex;align-items:center;gap:18px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;color:#fff;background:#12b96d;border:4px solid white;border-radius:50%;box-shadow:0 3px 12px #14ac6740}.brand h1{font-size:27px;line-height:1.08;letter-spacing:-.7px;margin:0 0 5px;font-weight:800}.brand p{margin:0;color:#566887;font-size:15px}.header-actions{display:flex;align-items:center;gap:10px}.update-indicator{font-size:12px;color:#62728c;white-space:nowrap;display:flex;align-items:center;gap:7px}.pulse{height:7px;width:7px;background:#21c277;border-radius:50%}.refreshing .pulse{animation:pulse 1s infinite}.icon-button{width:36px;height:36px;border:1px solid #d9e3f1;background:#fff;color:#516480;border-radius:9px;display:grid;place-items:center}.icon-button:hover,.button:hover,.select-wrap:hover{border-color:#98afd0}.button{border:1px solid #d7e2f0;border-radius:8px;background:#fff;color:#18345b;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;padding:10px 15px;font-size:13px}.button.primary{background:#10b56b;color:#fff;border-color:#10b56b}.button.secondary{background:#fff}.notice{background:#fff;border:1px solid #e1e8f3;border-radius:10px;padding:12px 16px;margin-bottom:12px;font-size:13px;color:#4b5f7f;display:flex;align-items:center;justify-content:space-between;gap:15px}.notice.setup{border-color:#bdebd5;background:#effbf5}.notice.setup>div{display:flex;align-items:center;gap:9px}.notice.setup svg{color:#10ae66;flex:none}.notice.error{background:#fff7f4;border-color:#ffd8cf;color:#b34532}.notice.error button{border:0;background:none;color:inherit;display:grid;place-items:center}.filter-bar{display:flex;align-items:end;gap:11px;flex-wrap:wrap;margin-bottom:13px}.filter-title{font-size:13px;font-weight:700;color:#596985;align-self:center;margin-right:2px}.filter-field{display:flex;flex-direction:column;gap:5px;color:#6a7891;font-size:11px;font-weight:600;min-width:138px}.filter-field.contact-filter{min-width:225px}.filter-field input,.select-wrap{height:36px;border:1px solid #dce6f3;border-radius:7px;background:#fff;box-shadow:0 2px 5px #42608406;color:#24375c}.filter-field input{padding:0 10px}.select-wrap{display:flex;align-items:center;position:relative}.select-wrap select{appearance:none;width:100%;height:100%;border:0;outline:0;background:transparent;color:#24375c;padding:0 32px 0 11px;font-size:12px;cursor:pointer;text-overflow:ellipsis}.select-wrap svg{position:absolute;right:10px;pointer-events:none;color:#4b6387}.clear-filters{border:0;background:none;color:#1677d2;font-weight:600;font-size:12px;padding:9px 5px}.card{background:#fff;border:1px solid #e5ecf6;border-radius:9px;box-shadow:0 5px 18px #24456b08}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:12px}.stat-card{min-height:112px;padding:15px 13px;display:flex;align-items:center;gap:12px}.stat-icon{height:45px;width:45px;border-radius:50%;display:grid;place-items:center;flex:none}.blue{background:#e6f0ff;color:#1674ea}.green{background:#e2f8ee;color:#0cab70}.violet{background:#eee9ff;color:#6f4af4}.coral{background:#ffecea;color:#ef5640}.slate{background:#edf2f9;color:#516788}.amber{background:#fff4dd;color:#f0a812}.stat-label{font-size:11px;color:#243754;white-space:nowrap}.stat-value{font-weight:800;font-size:22px;letter-spacing:-.5px;margin-top:6px;white-space:nowrap}.stat-note{font-size:10px;color:#7a89a0;margin-top:5px;line-height:1.25}.chart-grid{display:grid;grid-template-columns:1.55fr .94fr 1.02fr;gap:11px;margin-bottom:11px}.panel{padding:15px 18px}.panel-head{min-height:37px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-head h2{font-size:16px;letter-spacing:-.3px;margin:0;font-weight:800}.panel-head p{margin:5px 0 0;color:#8897aa;font-size:11px}.panel-pill{border:1px solid #dce7f4;border-radius:6px;padding:7px 9px;color:#344666;font-size:11px;white-space:nowrap}.line-chart{width:100%;height:225px;display:block;overflow:visible}.axis-label{font:11px Inter,Arial,sans-serif;fill:#617394}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:1px;font-size:11px;color:#50617f}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend i,.donut-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.type-content{min-height:230px;display:flex;align-items:center;justify-content:center;gap:18px}.donut{width:min(49%,188px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;flex:none}.donut-hole{width:62%;height:62%;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;text-align:center}.donut-hole strong{font-size:19px;letter-spacing:-.5px}.donut-hole span{font-size:11px;color:#5b6b88}.donut-legend{min-width:145px;flex:1}.donut-legend>div{display:flex;align-items:center;gap:7px;margin:0 0 13px;font-size:11px}.donut-legend span{flex:1}.donut-legend strong{font-size:11px;white-space:nowrap}.donut-legend em{font-style:normal;color:#8795a9;font-weight:500}.donut-legend i{border-radius:3px;flex:none}.empty-visual{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a4b2c4;gap:8px;font-size:12px}.bar-chart{height:224px;display:flex;margin-top:4px}.bar-grid{width:42px;display:flex;flex-direction:column;justify-content:space-between;color:#71829c;font-size:10px;text-align:right;padding:11px 8px 34px 0}.bars{flex:1;display:flex;gap:24px;border-bottom:1px solid #dae5f2;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),#e9eff7 calc(25% - 1px),#e9eff7 25%);padding:0 13px}.bar-column{height:100%;flex:1;display:flex;align-items:center;flex-direction:column;position:relative;font-size:11px}.bar-column strong{height:25px;font-size:13px}.bar-column>span{margin-top:8px;color:#4b5e7e}.bar-column small{font-size:10px;color:#8493aa;margin-top:3px}.bar-track{height:155px;width:100%;display:flex;align-items:end}.bar{width:100%;min-height:0;border-radius:3px 3px 0 0}.green-bar{background:linear-gradient(#29c878,#21b96c)}.blue-bar{background:linear-gradient(#4d96f3,#317de9)}.chart-footnote{font-size:10px;color:#8493aa;margin-top:5px;text-align:center}.detail-grid{display:grid;grid-template-columns:.95fr .95fr 1.45fr;gap:11px;margin-bottom:11px}.detail-grid .panel{min-height:260px}.metric-list{margin-top:1px}.metric-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f8;padding:5px 0;font-size:12px;color:#4b5d7a;min-height:34px}.metric-row:last-child{border-bottom:0}.metric-icon{height:27px;width:27px;border-radius:50%;display:grid;place-items:center;flex:none}.metric-row strong{margin-left:auto;color:#142344;font-size:12px}.users-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px}.user-card{display:grid;grid-template-columns:35px minmax(0,1fr) auto auto;gap:4px 9px;align-items:center;border:1px solid #edf1f7;border-radius:8px;padding:9px}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dce9f6;color:#355a87;font-size:11px;font-weight:700}.user-ident,.user-count{display:flex;flex-direction:column;gap:2px;min-width:0}.user-ident strong,.user-count strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-ident span,.user-count span{font-size:10px;color:#8492aa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-count{text-align:right}.status-badge{background:#f1f5f9;color:#75839b;border-radius:20px;padding:5px 7px;font-size:9px;white-space:nowrap}.status-badge.online{background:#e2f8ee;color:#09a365}.user-stats{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px 11px;border-top:1px solid #edf1f7;padding-top:7px;margin-top:3px;font-size:10px;color:#75839a}.user-stats b{color:#233758}.users-empty{height:185px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#97a6ba;font-size:11px}.users-empty strong{color:#516480;font-size:13px}.link-button{border:0;background:none;color:#1275d2;font-size:11px;font-weight:700;white-space:nowrap}.table-panel{padding-bottom:10px}.table-head{align-items:center}.table-controls{display:flex;gap:8px}.search-box{height:33px;border:1px solid #dce6f3;border-radius:7px;display:flex;align-items:center;gap:5px;padding:0 9px;color:#7186a2}.search-box input{border:0;outline:0;width:190px;color:#1b2f53;font-size:11px}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:650px;white-space:nowrap;font-size:11px}thead{background:#f8faff}th{text-align:left;border-top:1px solid #e9eff7;border-bottom:1px solid #e4ebf5;font-weight:600}th button{border:0;background:none;padding:9px 7px;text-align:left;color:#273b5b;font-weight:600;font-size:10px}th button span{color:#1377de;padding-left:3px}td{padding:8px 7px;border-bottom:1px solid #e9eff7;color:#4d6080}td strong{font-weight:600;color:#253858}td.message-cell{max-width:230px;overflow:hidden;text-overflow:ellipsis}.type-dot{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;background:#9eabbf}.type-text{background:#2dc978}.type-image{background:#3b82f6}.type-video{background:#7046f2}.type-audio{background:#fa743c}.type-document{background:#f4b91b}.direction{display:inline-flex;gap:5px;align-items:center}.direction.incoming{color:#247bea}.direction.outgoing{color:#0cb371}.status-text{display:inline-flex;align-items:center;gap:6px}.status-text i{width:8px;height:8px;background:#aab5c5;border-radius:50%}.status-text.delivered{color:#009e66}.status-text.delivered i{background:#11b878}.status-text.sent{color:#1879df}.status-text.sent i{background:#2b85ea}.status-text.failed{color:#e25542}.status-text.failed i{background:#ed634e}.table-empty{text-align:center;height:82px;color:#9ba9bc}.table-footer{display:flex;justify-content:space-between;align-items:center;color:#8897ac;font-size:10px;padding-top:9px}.pagination{display:flex;align-items:center;gap:10px}.pagination button{border:1px solid #dbe5f1;background:#fff;color:#385278;border-radius:5px;font-size:10px;padding:5px 8px}.footer{text-align:center;color:#a2afc1;font-size:10px;padding:15px 0 0}.modal-backdrop{position:fixed;inset:0;background:#1325438c;display:grid;place-items:center;z-index:5;padding:20px}.modal{background:#fff;border-radius:13px;width:min(600px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 22px 80px #0e254754;padding:21px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:16px}.modal h2{margin:0 0 5px;font-size:20px}.modal p{margin:0;color:#75859d;font-size:12px}.modal form{display:flex;flex-direction:column;gap:13px}.modal form label{font-size:12px;font-weight:700;color:#263b5c;display:flex;flex-direction:column;gap:6px}.modal input,.modal textarea{border:1px solid #d8e4f2;border-radius:7px;padding:9px 11px;outline:0;width:100%;color:#253b5c;font-size:12px}.modal textarea{resize:vertical;font-family:Consolas,monospace}.modal small{font-size:10px;color:#8c9aaf;font-weight:400}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal .modal-help{background:#f4f8fd;border-radius:7px;padding:10px;color:#73849c;line-height:1.5}.form-error{font-size:12px;color:#d84c3c}.modal-actions{display:flex;justify-content:flex-end;gap:9px}@keyframes pulse{50%{opacity:.3;transform:scale(.7)}}@media(max-width:1450px){.dashboard{padding:17px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-grid{grid-template-columns:1.35fr 1fr}.direction-panel{grid-column:1/-1}.bar-chart{max-width:650px;margin:auto}.detail-grid{grid-template-columns:1fr 1fr}.users-panel{grid-column:1/-1}.users-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid,.detail-grid{grid-template-columns:1fr}.direction-panel,.users-panel{grid-column:auto}.users-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.filter-field{flex:1;min-width:150px}.filter-field.contact-filter{min-width:200px}.topbar{align-items:start}.brand h1{font-size:22px}.brand p{font-size:12px}.update-indicator{display:none}}@media(max-width:550px){.dashboard{padding:13px}.brand{gap:9px}.brand-mark{height:40px;width:40px}.brand-mark svg{width:23px}.brand h1{font-size:18px}.brand p{font-size:10px}.settings-button span{display:none}.settings-button{padding:9px}.refresh-button{display:none}.stat-card{padding:12px 10px;gap:8px}.stat-icon{height:35px;width:35px}.stat-icon svg{width:18px}.stat-value{font-size:18px}.stat-label{font-size:10px}.stat-note{font-size:9px}.panel{padding:13px}.type-content{gap:12px}.donut{width:43%}.donut-legend>div{font-size:10px;margin-bottom:9px}.donut-legend strong{font-size:10px}.search-box input{width:125px}.form-grid{grid-template-columns:1fr}.notice.setup{align-items:start;flex-direction:column}}.message-row{cursor:pointer}.message-row:hover,.message-row:focus-visible{background:#f0f8ff;outline:0}.message-row:focus-visible{box-shadow:inset 0 0 0 2px #6aa8ee}.drawer-backdrop{position:fixed;inset:0;z-index:6;background:#13254388;display:flex;justify-content:flex-end}.message-drawer{width:min(520px,100vw);height:100%;background:#fff;box-shadow:-18px 0 55px #10244330;display:flex;flex-direction:column}.drawer-header{padding:23px 24px 19px;border-bottom:1px solid #e6edf6;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.drawer-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#12ae6a}.drawer-header h2{font-size:21px;margin:7px 0 4px;line-height:1.2;overflow-wrap:anywhere}.drawer-header p{margin:0;color:#7b8aa2;font-size:12px}.drawer-body{padding:4px 24px 28px;overflow-y:auto;flex:1}.drawer-section{border-bottom:1px solid #e9eef6;padding:18px 0}.drawer-section h3{font-size:13px;margin:0 0 12px;color:#243857;display:flex;align-items:center;gap:7px}.section-count{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#e7f6ee;color:#0aa969;font-size:10px;padding:0 5px}.message-body{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f9fd;border:1px solid #e8eff8;border-radius:9px;padding:15px;color:#283d5d;font-size:13px;line-height:1.6;min-height:56px}.muted,.drawer-empty{color:#91a0b3;font-size:12px}.drawer-empty{margin:0}.attachment-list{display:flex;flex-direction:column;gap:10px}.attachment-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;border:1px solid #e6edf5;border-radius:9px;padding:10px}.attachment-icon{width:30px;height:30px;border-radius:7px;background:#f0ebff;color:#7051d8;display:grid;place-items:center}.attachment-info{min-width:0;display:flex;flex-direction:column;gap:3px}.attachment-info strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-info span{font-size:10px;color:#8b9aaf}.attachment-item a{font-size:11px;font-weight:700;color:#1478ce;text-decoration:none;white-space:nowrap}.attachment-item a:hover{text-decoration:underline}.attachment-preview{grid-column:1/-1;width:100%;max-height:220px;object-fit:contain;border-radius:6px;background:#f5f7fa;margin-top:4px}.detail-list{margin:0}.detail-list>div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:8px 0;border-bottom:1px solid #f0f3f8}.detail-list>div:last-child{border-bottom:0}.detail-list dt{font-size:11px;color:#8998ad}.detail-list dd{font-size:11px;color:#263b5d;margin:0;overflow-wrap:anywhere;text-align:right}@media(max-width:550px){.drawer-header{padding:17px}.drawer-body{padding:4px 17px 22px}.detail-list>div{grid-template-columns:105px minmax(0,1fr)}}.clickable-value{cursor:pointer;transition:background-color .15s,box-shadow .15s}.clickable-value:hover,.clickable-value:focus-visible{background:#f3fbf7;box-shadow:0 0 0 2px #9ce3be;outline:0}.metric-button{width:100%;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.metric-button:hover,.metric-button:focus-visible{background:#f3fbf7;outline:0;border-radius:6px}.metric-button strong{font-weight:700}.type-legend-button{width:100%;display:flex;align-items:center;gap:7px;margin:0 0 9px;padding:4px 2px;border:0;background:transparent;color:inherit;text-align:left;font:inherit;font-size:11px;border-radius:5px;cursor:pointer}.type-legend-button:hover,.type-legend-button:focus-visible{background:#f2f8ff;outline:0}.type-legend-button span{flex:1}.type-legend-button strong{font-size:11px;white-space:nowrap}.type-legend-button em{font-style:normal;color:#8795a9;font-weight:500}.type-legend-button i{width:10px;height:10px;border-radius:3px;flex:none}.drilldown-backdrop{position:fixed;inset:0;z-index:5;background:#13254388;display:grid;place-items:center;padding:22px}.drilldown-modal{width:min(900px,100%);max-height:calc(100vh - 44px);background:#fff;border-radius:12px;box-shadow:0 22px 70px #10244340;display:flex;flex-direction:column;overflow:hidden}.drilldown-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 23px;border-bottom:1px solid #e7edf5}.drilldown-heading h2{margin:0;font-size:19px}.drilldown-heading p{margin:6px 0 0;color:#7b8ba2;font-size:11px}.drilldown-back{border:0;background:none;color:#1680cf;font-size:11px;font-weight:700;padding:0 0 9px}.drilldown-scroll{overflow:auto;min-height:80px}.drilldown-table{min-width:650px}.drilldown-table th{padding:9px 12px;font-size:11px;color:#3b4c68}.drilldown-table td{padding:11px 12px}.drilldown-row{cursor:pointer}.drilldown-row:hover,.drilldown-row:focus-visible{background:#f0f8ff;outline:0}.drilldown-empty{padding:35px;text-align:center;color:#8d9cb0;font-size:12px}.drilldown-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid #e7edf5;color:#8391a6;font-size:11px}@media(max-width:550px){.drilldown-backdrop{padding:10px}.drilldown-modal{max-height:calc(100vh - 20px)}.drilldown-header{padding:15px}.drilldown-footer{padding:10px 15px}}