:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18302c;background:#f4f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #18302c;--muted: #6c7e7a;--faint: #91a09c;--line: #dfe8e5;--surface: #ffffff;--wash: #f4f7f6;--teal: #11866f;--teal-dark: #0b6555;--teal-soft: #e2f5f0;--sidebar: #0d2824;--blue: #315cda;--red: #c94653;--amber: #b97812;--shadow: 0 10px 30px rgba(16, 48, 42, .06)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(27,160,137,.28);outline-offset:2px}a{color:inherit}h1,h2,h3,p{margin-top:0}.app-loading{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--ink);background:radial-gradient(circle at 50% 36%,#fff 0,#f2f7f5 48%,#e8f0ed)}.app-loading strong{font-size:20px;letter-spacing:-.02em}.loading-line{width:110px;height:3px;border-radius:4px;background:#dce8e5;overflow:hidden;position:relative}.loading-line:after{content:"";position:absolute;inset:0;width:50%;background:var(--teal);animation:loadingSlide 1s ease-in-out infinite alternate}@keyframes loadingSlide{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.app-shell{min-height:100vh;display:flex;background:var(--wash)}.sidebar{width:254px;height:100vh;position:fixed;inset:0 auto 0 0;z-index:30;padding:24px 18px 18px;display:flex;flex-direction:column;color:#dcece8;background:radial-gradient(circle at 16% 8%,rgba(47,174,148,.2),transparent 27%),linear-gradient(180deg,#102d28,#0a211e);border-right:1px solid rgba(255,255,255,.05)}.brand-row{display:flex;align-items:center;gap:11px;padding:0 7px}.brand-mark{width:37px;height:37px;flex:0 0 auto;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:19px;background:linear-gradient(145deg,#20b797,#08705d);box-shadow:0 8px 18px #14b1933d}.brand-mark.large{width:46px;height:46px;border-radius:14px;font-size:23px}.brand-name{font-weight:760;letter-spacing:-.02em;font-size:17px;color:#fff}.brand-caption{color:#89aaa2;font-size:11px;margin-top:1px}.sidebar-close{display:none!important;margin-left:auto;color:#fff!important}.sidebar-connection{margin:26px 2px 18px;padding:14px;border:1px solid rgba(146,210,197,.13);background:#03181452;border-radius:12px;display:grid;gap:8px}.eyebrow{font-size:10px;font-weight:760;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.eyebrow.teal{color:var(--teal)}.connected-phone{color:#9ebdb5;font-size:11px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav button,.logout-button{border:0;width:100%;padding:11px 12px;display:flex;align-items:center;gap:11px;border-radius:9px;color:#9db9b2;background:transparent;text-align:left;font-size:13px;transition:color .16s ease,background .16s ease,transform .16s ease}.sidebar-nav button:hover{color:#fff;background:#ffffff0e}.sidebar-nav button.active{color:#fff;background:#21b09329;box-shadow:inset 3px 0 #21b797}.sidebar-nav button.active svg{color:#4bd1b6}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:14px}.admin-summary{display:flex;gap:9px;align-items:center;padding:8px 9px 11px}.admin-summary .avatar{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#244b44;font-size:10px;font-weight:750;color:#d9efea}.admin-summary>span:nth-child(2){display:grid;min-width:0;flex:1}.admin-summary strong{color:#e7f3f0;font-size:11px}.admin-summary small{color:#779a92;font-size:10px;margin-top:2px}.admin-summary>svg{color:#6c958b}.logout-button{font-size:11px;color:#789b93}.logout-button:hover{color:#e7f3f0;background:#ffffff0a}.main-column{min-width:0;flex:1;margin-left:254px}.topbar{min-height:88px;background:#ffffffe8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:18px 34px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:20}.page-heading h1{margin:0 0 3px;font-size:22px;line-height:1.2;letter-spacing:-.035em;color:#17322d}.page-heading p{margin:0;font-size:12px;color:var(--muted)}.topbar-status{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#a9b4b1;box-shadow:0 0 0 3px #eef1f0}.status-dot.online{background:#19a385;box-shadow:0 0 0 3px #dff4ee}.mobile-menu{display:none!important}.page-content{padding:28px 34px 42px;max-width:1540px;margin:0 auto}.content-stack{display:grid;gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:21px 22px 17px}.panel-heading h3{margin:0 0 4px;font-size:15px;letter-spacing:-.015em}.panel-heading p{margin:0;color:var(--muted);font-size:11px}.button{border:0;border-radius:9px;min-height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:680;transition:all .16s ease}.button.primary{color:#fff;background:var(--teal);box-shadow:0 6px 14px #11866f2b}.button.primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.button.secondary{color:#264740;background:#fff;border:1px solid #cfdcd8}.button.secondary:hover{background:#f3f8f6;border-color:#b7cbc5}.button.ghost{color:var(--muted);background:transparent}.button.ghost:hover{background:#f2f6f5;color:var(--ink)}.button.danger-outline{color:var(--red);background:#fff;border:1px solid #e7b9be}.button.danger-outline:hover{background:#fff3f4}.button.small{min-height:34px;padding:0 11px;font-size:11px}.icon-button{border:0;background:transparent;color:var(--muted);width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px}.icon-button:hover{background:#edf3f1;color:var(--ink)}.icon-button.bordered{border:1px solid var(--line);background:#fff}.text-button{border:0;background:transparent;color:var(--teal);font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:5px;padding:5px}.text-button:hover{color:var(--teal-dark)}.connection-badge,.status-badge{width:fit-content;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border-radius:20px;font-size:10px;font-weight:700;padding:5px 8px}.connection-badge{background:#ffffff0f;color:#aac2bc}.connection-connected{color:#59d2b8;background:#1da98b21}.connection-qr_pending,.connection-connecting{color:#edc871;background:#da9f211f}.connection-error{color:#ff98a2;background:#d1445324}.status-badge{padding:5px 8px}.status-sent{color:#087961;background:#e0f5ef}.status-pending{color:#9a6207;background:#fff1d5}.status-processing{color:#2854bf;background:#e8efff}.status-failed{color:#bb3644;background:#fde8ea}.overview-intro{display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-intro h2{margin:5px 0 0;font-size:17px;letter-spacing:-.02em}.average-time{display:flex;gap:7px;align-items:center;background:#ebf3f1;color:var(--muted);padding:8px 11px;border-radius:9px;font-size:10px}.average-time svg{color:var(--teal)}.average-time strong{color:var(--ink);font-size:12px;margin-left:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{min-width:0;padding:18px 19px;border:1px solid var(--line);border-radius:13px;background:#fff;box-shadow:var(--shadow);position:relative}.metric-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;position:absolute;top:17px;right:17px}.tone-blue{color:#315cda;background:#eaf0ff}.tone-green{color:#07846b;background:#e0f5ef}.tone-amber{color:#a86809;background:#fff0d2}.tone-red{color:#c33d4b;background:#fde8eb}.metric-label{color:var(--muted);font-size:11px;margin-bottom:10px}.metric-value{color:#162f2a;font-size:28px;line-height:1;font-weight:760;letter-spacing:-.04em}.metric-detail{color:var(--faint);margin-top:10px;font-size:10px}.metric-card.compact{display:flex;gap:12px;align-items:center;padding:17px}.metric-card.compact .metric-icon{position:static;flex:0 0 auto}.metric-card.compact>div{display:grid;gap:3px}.metric-card.compact span{color:var(--muted);font-size:10px}.metric-card.compact strong{color:var(--ink);font-size:20px;letter-spacing:-.03em}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(270px,.9fr);gap:18px}.chart-wrap{height:260px;padding:0 20px 20px}.health-panel{display:flex;flex-direction:column}.health-score{flex:1;display:grid;place-items:center;min-height:155px}.score-ring{--score: 0%;width:132px;height:132px;border-radius:50%;display:grid;place-content:center;justify-items:center;background:conic-gradient(#159d85 var(--score),#e9efed 0);position:relative}.score-ring:after{content:"";position:absolute;inset:12px;background:#fff;border-radius:50%}.score-ring span,.score-ring small{position:relative;z-index:1}.score-ring span{font-weight:780;font-size:25px;letter-spacing:-.04em}.score-ring small{color:var(--muted);font-size:9px}.health-legend{display:grid;gap:9px;padding:0 22px 21px}.health-legend span{display:flex;align-items:center;font-size:10px;color:var(--muted)}.health-legend i{width:7px;height:7px;border-radius:50%;margin-right:7px}.health-legend i.green{background:#159d85}.health-legend i.amber{background:#df9e28}.health-legend i.red{background:#d65361}.health-legend strong{margin-left:auto;color:var(--ink)}.table-panel{overflow:hidden}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{background:#f7f9f8;color:#80908c;font-size:9px;font-weight:760;text-transform:uppercase;letter-spacing:.07em;text-align:left;padding:10px 18px;border-top:1px solid #e6ecea;border-bottom:1px solid #e6ecea}td{padding:13px 18px;border-bottom:1px solid #edf1f0;color:#536762;font-size:11px}tbody tr:last-child td{border-bottom:0}td strong{color:#213b36;display:block;font-weight:660}td small{display:block;color:#91a09c;font-size:9px;margin-top:3px}.normal-weight{font-weight:560}.clickable-row{cursor:pointer;transition:background .14s ease}.clickable-row:hover{background:#f8fbfa}.attachment-count{display:inline-flex;align-items:center;gap:4px}.queue-table{min-width:1060px}.pagination{padding:13px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.pagination>div{display:flex;gap:7px}.loading-block{min-height:260px;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--muted);font-size:11px}.empty-state{min-height:220px;display:grid;place-content:center;justify-items:center;text-align:center;padding:30px}.empty-icon{display:grid;place-items:center;width:46px;height:46px;color:#6d8982;background:#edf4f2;border-radius:13px;margin-bottom:11px}.empty-state strong{font-size:13px}.empty-state p{color:var(--muted);max-width:330px;margin:6px 0 0;font-size:11px;line-height:1.55}.inline-error{border:1px solid #efc7cb;border-radius:12px;background:#fff7f7;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:15px}.inline-error div{display:grid;gap:3px}.inline-error strong{color:#94343e;font-size:12px}.inline-error span{color:#9f6369;font-size:10px}.connection-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start}.connection-main{min-height:540px;padding:25px}.connection-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.connection-header h2{margin:6px 0 0;font-size:20px;letter-spacing:-.03em}.connected-state{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.phone-illustration{width:94px;height:94px;display:grid;place-items:center;border-radius:28px;color:var(--teal);background:linear-gradient(145deg,#e8f8f4,#d6eee8);position:relative}.phone-check{position:absolute;width:28px;height:28px;right:-5px;bottom:3px;background:#fff;color:#0b9b7c;border-radius:50%;display:grid;place-items:center;box-shadow:0 4px 10px #0e4e4229}.connected-state h3{margin:20px 0 6px;font-size:21px;letter-spacing:-.02em}.connected-state>p{color:var(--muted);font-size:11px;max-width:380px;line-height:1.6}.connection-facts{display:flex;gap:10px;margin:18px 0 22px}.connection-facts span{min-width:150px;display:grid;gap:4px;background:#f5f8f7;border:1px solid #e5ecea;border-radius:10px;padding:11px}.connection-facts small{color:var(--muted);font-size:9px}.connection-facts strong{font-size:11px}.qr-state{min-height:430px;display:grid;grid-template-columns:auto minmax(220px,310px);align-items:center;justify-content:center;gap:42px}.qr-frame{width:280px;height:280px;border:1px dashed #b8cbc6;border-radius:17px;background:#f6faf8;padding:13px;display:grid;place-items:center;position:relative}.qr-frame.ready:before,.qr-frame.ready:after{content:"";position:absolute;width:36px;height:36px;border-color:var(--teal);border-style:solid}.qr-frame.ready:before{top:-3px;left:-3px;border-width:3px 0 0 3px;border-radius:14px 0 0}.qr-frame.ready:after{bottom:-3px;right:-3px;border-width:0 3px 3px 0;border-radius:0 0 14px}.qr-frame img{width:100%;height:100%;border-radius:10px}.qr-placeholder{color:#86a19a;display:grid;justify-items:center;gap:12px;font-size:11px}.qr-copy h3{font-size:17px;letter-spacing:-.02em;margin-bottom:8px}.qr-copy p{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:17px}.connection-error{margin:-5px auto 0;max-width:650px}.connection-aside{display:grid;gap:14px}.steps-panel{padding:21px}.steps-panel h3{margin-bottom:19px;font-size:14px}.connection-steps{list-style:none;padding:0;margin:0;display:grid;gap:18px;position:relative}.connection-steps:before{content:"";position:absolute;left:14px;top:25px;bottom:25px;width:1px;background:#dce7e4}.connection-steps li{display:flex;gap:12px;position:relative}.connection-steps li>span{flex:0 0 auto;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e3f4f0;color:var(--teal);font-size:10px;font-weight:760}.connection-steps div{padding-top:1px}.connection-steps strong{font-size:11px}.connection-steps p{color:var(--muted);font-size:9px;line-height:1.5;margin:3px 0 0}.security-note,.queue-pause-note{padding:15px;border-radius:12px;display:flex;align-items:flex-start;gap:10px}.security-note{color:#1f6357;background:#e5f4f0;border:1px solid #cde7e1}.queue-pause-note{color:#6e5b2c;background:#fff7e5;border:1px solid #f0e2bc}.security-note svg,.queue-pause-note svg{flex:0 0 auto}.security-note strong,.queue-pause-note strong{font-size:10px}.security-note p,.queue-pause-note p{margin:3px 0 0;font-size:9px;line-height:1.5;opacity:.8}.filter-panel{padding:17px 19px}.filter-title{display:flex;gap:7px;align-items:center;margin-bottom:13px;color:#48635d;font-size:11px}.filter-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.filter-row label{display:grid;gap:5px;color:var(--muted);font-size:9px;min-width:135px}input,select{min-height:37px;border:1px solid #d4e0dd;border-radius:8px;color:#304a44;background:#fff;padding:0 10px;font-size:11px}input:hover,select:hover{border-color:#b9ccc7}input:focus,select:focus{border-color:#64ad9d;outline:3px solid rgba(22,145,121,.1)}.queue-filters{display:grid;grid-template-columns:minmax(210px,1.4fr) repeat(3,minmax(145px,.85fr)) auto}.search-field{min-height:37px;border:1px solid #d4e0dd;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;color:#8b9b97}.search-field:focus-within{border-color:#64ad9d;box-shadow:0 0 0 3px #1691791a}.search-field input{min-height:0;width:100%;border:0;padding:0;outline:0;box-shadow:none}.search-field input:focus{outline:0;box-shadow:none}.drawer-scrim{position:fixed;inset:0;z-index:50;background:#0518155e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end}.detail-drawer{width:min(520px,100%);height:100%;background:#fff;box-shadow:-15px 0 50px #0a282229;display:flex;flex-direction:column;animation:drawerIn .18s ease-out}@keyframes drawerIn{0%{transform:translate(30px);opacity:.7}}.detail-drawer>header{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between}.detail-drawer header h2{margin:5px 0 0;font-size:19px;letter-spacing:-.025em}.drawer-body{flex:1;overflow-y:auto;padding:21px 24px}.detail-status-row{display:flex;justify-content:space-between;align-items:center}.detail-status-row>span:last-child{color:var(--faint);font-size:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin:18px 0}.detail-grid>div{background:#fff;padding:12px;min-width:0}.detail-grid dt{color:var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.detail-grid dd{margin:5px 0 0;color:#29433d;font-size:10px}.break-word{word-break:break-all}.detail-section{margin-top:20px}.detail-section h3{font-size:11px;margin-bottom:9px}.link-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--teal);background:#edf7f4;border:1px solid #d8ebe6;border-radius:9px;padding:10px;font-size:9px;text-decoration:none}.link-preview span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview svg{flex:0 0 auto}.attachment-list{display:grid;gap:7px}.attachment-list>div{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:9px}.file-icon{width:31px;height:31px;display:grid;place-items:center;color:#526e67;background:#edf3f1;border-radius:7px}.attachment-list>div>span:nth-child(2){display:grid;flex:1;min-width:0}.attachment-list strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-list small{color:var(--muted);font-size:8px;margin-top:3px}.attachment-list>div>svg{color:var(--faint)}.muted{color:var(--muted);font-size:10px}.error-detail{background:#fff0f1;border:1px solid #f0cfd2;padding:12px;border-radius:9px;margin-top:18px}.error-detail strong{color:#9e3540;font-size:10px}.error-detail p{color:#9c6369;font-size:9px;line-height:1.5;margin:5px 0 0}.detail-drawer>footer{border-top:1px solid var(--line);padding:15px 24px;display:flex;justify-content:flex-end;gap:9px}.drawer-loading{margin:auto;background:#fff;padding:14px 18px;border-radius:10px;display:flex;gap:8px;align-items:center;font-size:11px;box-shadow:var(--shadow)}.report-filter-panel .filter-row label{flex:1}.export-button{margin-left:auto}.report-chart-panel{overflow:hidden}.report-chart{height:380px;padding:0 20px 20px}.integration-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);align-items:start;gap:20px}.integration-aside{display:grid;gap:14px}.endpoint-card{padding:21px;display:grid;grid-template-columns:auto 1fr;gap:13px}.endpoint-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;color:var(--teal);background:var(--teal-soft)}.endpoint-copy h2{margin:5px 0;font-size:17px}.endpoint-copy p{color:var(--muted);font-size:10px;margin:0}.endpoint-value{grid-column:1 / -1;display:flex;align-items:center;gap:9px;padding:10px;border-radius:9px;border:1px solid var(--line);background:#f8faf9}.endpoint-value .method{color:#08765f;background:#dbf2ec;border-radius:6px;padding:5px 7px;font-weight:750;font-size:9px}.endpoint-value code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#37544d;font-size:10px}.copy-button{border:1px solid #d1dfdb;color:#45635c;background:#fff;border-radius:7px;padding:6px 8px;display:inline-flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap}.copy-button:hover{background:#edf5f2}.code-card{overflow:hidden}.code-card pre{margin:0;max-height:380px;overflow:auto;color:#dceeea;background:#102b26;border-top:1px solid #25443e;padding:20px;font:10px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;tab-size:2}.integration-reference{overflow:hidden}.integration-reference .panel-heading code{color:var(--teal-dark);font-size:12px}.integration-fields{min-width:760px}.integration-fields th:nth-child(1){width:25%}.integration-fields th:nth-child(2){width:12%}.integration-fields td{vertical-align:top;line-height:1.55}.integration-fields td:first-child code{font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#126b59}.integration-fields td:nth-child(2){white-space:nowrap;font-weight:650;color:#49625c}.api-facts{padding:20px}.api-facts h3,.response-card h3{font-size:13px;margin-bottom:15px}.api-facts>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid #edf1f0}.api-facts>div:nth-child(2){border-top:0;padding-top:0}.fact-icon{width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center;border-radius:8px;background:#edf4f2;color:#456c62}.api-facts>div>span:last-child{display:grid;gap:2px}.api-facts strong{font-size:10px}.api-facts small{color:var(--muted);font-size:8px}.security-note.vertical{padding:17px}.response-card{padding:20px}.response-card>div{display:flex;gap:10px;align-items:center;margin-top:10px}.response-card p{margin:0;color:var(--muted);font-size:9px}.http-code{flex:0 0 auto;width:35px;border-radius:6px;padding:4px 0;text-align:center;font-weight:760;font-size:8px}.http-code.success{color:#08745d;background:#e0f4ef}.http-code.neutral{color:#365abb;background:#e9efff}.http-code.error{color:#b63a47;background:#fde9eb}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.9fr) minmax(480px,1.1fr);background:#f4f8f6}.login-story{padding:42px clamp(35px,5vw,78px);color:#e8f5f2;background:radial-gradient(circle at 10% 20%,rgba(51,181,154,.24),transparent 32%),linear-gradient(145deg,#12342e,#081e1b);display:flex;flex-direction:column}.login-brand{display:flex;align-items:center;gap:11px;font-weight:750;color:#fff;font-size:17px}.story-copy{margin:auto 0;max-width:520px}.story-kicker{display:inline-flex;color:#64d4bc;background:#25b1941c;border:1px solid rgba(79,202,176,.18);border-radius:20px;padding:7px 10px;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}.story-copy h1{font-size:clamp(33px,4.3vw,54px);line-height:1.04;letter-spacing:-.055em;margin:19px 0 18px}.story-copy>p{color:#a8c2bc;font-size:13px;line-height:1.7;max-width:450px}.story-features{display:grid;gap:12px;margin-top:31px}.story-features span{display:flex;align-items:center;gap:10px;color:#c7ddd8;font-size:11px}.story-features svg{color:#3bc0a4}.story-footer{margin:0;color:#668c83;font-size:9px}.login-form-side{display:grid;place-items:center;padding:40px}.login-card{width:min(410px,100%);background:#fff;border:1px solid var(--line);box-shadow:0 22px 60px #0b342c1a;border-radius:18px;padding:30px;display:grid;gap:17px}.login-card-heading{display:flex;gap:12px;align-items:center;margin-bottom:4px}.lock-box{width:44px;height:44px;display:grid;place-items:center;color:var(--teal);background:var(--teal-soft);border-radius:12px}.login-card-heading h2{margin:0 0 4px;font-size:19px;letter-spacing:-.03em}.login-card-heading p{margin:0;color:var(--muted);font-size:10px}.login-card label{display:grid;gap:6px;color:#405b55;font-size:10px;font-weight:650}.login-card input{min-height:43px}.form-error{color:#a8333f;background:#fff0f1;border:1px solid #f0cdd1;border-radius:8px;padding:9px 11px;font-size:10px}.login-submit{min-height:44px;width:100%;margin-top:2px}.login-security{margin:-5px 0 0;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--faint);font-size:8px}.sidebar-scrim{display:none}@media(max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.health-panel{min-height:320px}.queue-filters{grid-template-columns:1fr 1fr}.queue-filters .search-field{grid-column:1 / -1}.connection-layout,.integration-layout{grid-template-columns:1fr}.connection-aside,.integration-aside{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-aside>:first-child,.api-facts{grid-row:span 2}}@media(max-width:800px){.sidebar{transform:translate(-100%);transition:transform .2s ease;box-shadow:20px 0 45px #04191533}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:grid!important}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:29;background:#061a1673;border:0}.main-column{margin-left:0}.mobile-menu{display:grid!important}.topbar{padding:16px 20px;min-height:78px}.topbar-status{display:none}.page-content{padding:22px 20px 34px}.login-page{grid-template-columns:1fr}.login-story{min-height:330px;padding:28px 30px}.story-copy{margin:45px 0}.story-copy h1{font-size:37px}.story-features,.story-footer{display:none}.login-form-side{padding:30px 20px 45px}.qr-state{grid-template-columns:1fr;gap:23px;text-align:center;padding:30px 0}.qr-frame{margin:auto}.qr-copy{max-width:370px;margin:auto}.connection-aside,.integration-aside{grid-template-columns:1fr}.connection-aside>:first-child,.api-facts{grid-row:auto}}@media(max-width:560px){.topbar{align-items:flex-start}.page-heading h1{font-size:19px}.page-heading p{font-size:10px;line-height:1.4}.page-content{padding:18px 13px 30px}.overview-intro{align-items:flex-end}.average-time span{display:none}.metric-grid,.report-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px}.metric-icon{width:32px;height:32px;top:13px;right:13px}.metric-value{font-size:24px}.metric-detail{line-height:1.3}.metric-card.compact{display:block}.metric-card.compact .metric-icon{margin-bottom:10px}.panel-heading{padding:17px 15px 14px}.panel-heading .text-button{padding-right:0}.chart-wrap{padding:0 8px 12px;height:235px}.connection-main{padding:18px 15px}.connection-header{align-items:center}.connection-header h2{font-size:17px}.connection-header .connection-badge{max-width:92px}.qr-frame{width:248px;height:248px}.connection-facts{width:100%;flex-direction:column}.connection-facts span{min-width:0}.queue-filters{grid-template-columns:1fr}.queue-filters .search-field{grid-column:auto}.filter-row{display:grid;grid-template-columns:1fr 1fr}.filter-row label{min-width:0}.report-filter-panel .export-button{grid-column:1 / -1;margin:0}.detail-grid{grid-template-columns:1fr}.detail-drawer>header,.drawer-body,.detail-drawer>footer{padding-left:17px;padding-right:17px}.endpoint-card{grid-template-columns:auto 1fr}.endpoint-value{flex-wrap:wrap}.endpoint-value code{order:2;flex-basis:80%}.code-card pre{font-size:9px;padding:15px}.login-story{min-height:270px}.story-copy{margin:35px 0 20px}.story-copy h1{font-size:31px}.story-copy>p{font-size:11px}.login-card{padding:23px 20px}}