@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f6fa;--surface: #ffffff;--ink: #0b1220;--muted: #34465c;--muted-2: #617086;--line: #e7ebf2;--purple: #6958e6;--purple-dark: #4f43bb;--green: #26a977;--amber: #e19b38;--blue: #3b8bd6;--sidebar: #111821;--sidebar-soft: #18222f;--mono: "DM Mono", monospace;--sans: "Manrope", sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{zoom:1.1;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:13px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer;color:inherit}input,select,textarea{outline:none}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:254px;flex:0 0 254px;display:flex;flex-direction:column;padding:28px 15px 16px;background:var(--sidebar);color:#d5dbe5;position:relative;z-index:20}.brand-lockup{display:flex;align-items:center;gap:10px;padding:0 10px}.brand-mark{display:grid;grid-template-columns:repeat(2,8px);gap:3px;width:19px;height:19px;transform:rotate(45deg)}.brand-mark span{width:8px;height:8px;display:block;border-radius:2px;background:#b1a6ff}.brand-mark span:nth-child(2){background:#eb74b9}.brand-mark span:nth-child(3){background:#59caac}.brand-mark span:nth-child(4){background:#f6bd63}.brand-name{font-size:18px;line-height:17px;font-weight:800;letter-spacing:-.7px;color:#f5f7fb}.brand-name span{color:#a597ff}.brand-caption{font-size:7px;letter-spacing:1.7px;font-weight:700;color:#7c8798;margin-top:5px}.workspace-chip{margin:34px 5px 30px;padding:10px;display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid #263343;background:#171f2b;color:#b4bfce}.workspace-chip>svg{margin-left:auto;color:#748197}.workspace-chip strong{display:block;font-size:11px;color:#e8edf6;font-weight:700}.workspace-chip small{display:block;font-size:10px;color:#768396;margin-top:2px}.workspace-dot{width:7px;height:7px;border-radius:50%;background:#48d9a4;box-shadow:0 0 0 4px #48d9a41a}.nav-label{padding:0 12px 10px;color:#5e6b7d;font-size:9px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800}.nav-label-admin{margin-top:28px}.sidebar-nav{flex:1}.nav-item{position:relative;width:100%;margin:3px 0;padding:10px 12px;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;color:#8996a8;border-radius:7px;transition:.2s ease}.nav-item:hover{background:#192532;color:#e9eef7}.nav-item.active{background:#28273e;color:#f4f3ff;box-shadow:inset 2px 0 0 var(--purple)}.nav-item.active svg{color:#b3aaff}.nav-item span{font-size:12px;font-weight:600}.nav-item em{margin-left:auto;font-style:normal;color:#56d3a7;font:9px var(--mono);letter-spacing:.5px}.sidebar-bottom{margin-top:auto}.help-card{display:flex;align-items:center;gap:9px;margin:0 3px 18px;padding:11px 9px;border:1px solid #263242;border-radius:8px;background:linear-gradient(115deg,#192333,#131b26)}.help-card strong{display:block;color:#d9deea;font-size:10px}.help-card small{display:block;margin-top:3px;font-size:9px;color:#79879a}.help-card>svg{margin-left:auto;color:#66758a}.help-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#a89eff;background:#302d55}.user-card{position:relative;width:100%;display:flex;align-items:center;gap:9px;padding:9px 7px;background:transparent;border-top:1px solid #263140;text-align:left;color:#c5cedb}.user-card>svg{margin-left:auto;color:#768395}.user-copy strong{display:block;font-size:11px}.user-copy small{display:block;margin-top:3px;font:9px var(--mono);letter-spacing:.5px;color:#768396}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:#f4f2ff;background:linear-gradient(145deg,#9584f7,#5e4ecb);font-size:10px;font-weight:800}.avatar-small{width:28px;height:28px}.profile-wrap{position:relative}.profile-popover{position:absolute;left:0;bottom:55px;width:218px;padding:10px;background:#202b39;border:1px solid #334052;border-radius:9px;box-shadow:0 17px 35px #00000040}.profile-popover-head{display:flex;align-items:center;gap:8px;padding:5px 3px 10px;border-bottom:1px solid #344151}.profile-popover strong{display:block;color:#f3f5f8;font-size:11px}.profile-popover small{display:block;color:#91a0b2;font:9px var(--mono);margin-top:3px}.profile-popover button{width:100%;display:flex;gap:8px;align-items:center;padding:10px 4px 3px;color:#e78e9a;background:none;font-size:11px;text-align:left}.main-content{min-width:0;flex:1}.topbar{height:73px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line);background:#ffffffc7}.breadcrumb{display:flex;align-items:center;gap:9px;color:#a3adbb;font-size:11px}.breadcrumb svg{color:#c4ccd6}.breadcrumb strong{color:#4e5968;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:17px}.global-search{display:flex;align-items:center;gap:8px;width:259px;color:#99a3b0}.global-search input{width:100%;border:0;background:transparent;font-size:11px;color:var(--ink)}.global-search input::placeholder{color:#aab3c0}.global-search kbd{white-space:nowrap;padding:3px 5px;border:1px solid #e2e7ef;border-radius:4px;background:#fafbfc;color:#98a3b2;font-size:9px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e6eaf0;border-radius:7px;background:#fff;color:#697688}.notification-button{position:relative}.notification-button i{position:absolute;top:7px;right:7px;width:4px;height:4px;background:#e4697f;border-radius:50%;border:1px solid white}.topbar-divider{height:24px;width:1px;background:#e7ebf0}.secure-badge{display:flex;align-items:center;gap:5px;color:#6d7d8c;font:9px var(--mono);letter-spacing:.5px}.secure-badge svg{color:#31aa80}.mobile-menu{display:none}.page-container{width:100%;max-width:1450px;margin:0 auto;padding:37px 42px 60px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.eyebrow{color:#8b98aa;font:10px var(--mono);letter-spacing:.8px;text-transform:uppercase}.page-heading h1{margin:7px 0 6px;font-size:28px;line-height:1.2;letter-spacing:-1.15px;font-weight:800}.page-heading p{margin:0;color:#8793a4;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:10px 15px;font-size:11px;font-weight:700;white-space:nowrap;transition:.18s ease}.button-primary{color:#fff;background:var(--purple);box-shadow:0 4px 10px #6958e62e}.button-primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.button-dark{color:#fff;background:#1b2633}.button-dark:hover{background:#29394b}.button-ghost{background:#f1f3f7;color:#657285}.button-shortcut{padding:3px 5px;border-radius:3px;background:#ffffff24;color:#b8c1cf;font:9px var(--mono)}.round-button{display:grid;place-items:center;width:29px;height:29px;color:#8290a0;border:1px solid var(--line);border-radius:7px;background:#fff}.quiet-button{display:inline-flex;align-items:center;gap:5px;color:var(--purple);background:transparent;font-size:10px;font-weight:700}.quiet-button:hover{color:var(--purple-dark)}.outline-button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 11px;color:#657286;border:1px solid #e0e5ec;border-radius:6px;background:#fff;font-size:10px;font-weight:700}.outline-button:hover{border-color:#b9c2d0}.panel{border:1px solid var(--line);border-radius:9px;background:var(--surface);box-shadow:0 2px 8px #1d2d4706}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-kicker{color:#8a96a8;font:9px var(--mono);text-transform:uppercase;letter-spacing:.9px}.panel h2{margin:7px 0 0;font-size:15px;letter-spacing:-.35px}.panel-subtitle{margin:7px 0 24px;color:#8a96a6;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:16px}.metric-card{position:relative;min-height:139px;padding:18px 19px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}.metric-card:after{content:"";position:absolute;right:-26px;bottom:-38px;width:93px;height:93px;border-radius:50%;border:1px solid #f0f2f5}.metric-icon{display:grid;place-items:center;width:31px;height:31px;margin-bottom:16px;border-radius:8px}.metric-purple{color:#7666e9;background:#efedff}.metric-green{color:#2dba85;background:#e4f8ee}.metric-blue{color:#428fd8;background:#e8f3fd}.metric-amber{color:#d99b3f;background:#fff4df}.metric-label{color:#7e8b9c;font-size:10px;font-weight:600}.metric-value-row{display:flex;align-items:center;gap:9px;margin-top:4px}.metric-value-row strong{font-size:25px;line-height:1;letter-spacing:-1.1px}.metric-change{display:inline-flex;align-items:center;gap:2px;padding:4px 5px;border-radius:4px;font:9px var(--mono)}.change-up{color:#23966d;background:#eaf8f1}.change-warn{color:#c78a2f;background:#fff5e5}.metric-foot{margin-top:11px;color:#abb4c0;font-size:9px}.overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-bottom:16px}.health-panel,.activity-panel{min-height:321px;padding:24px 25px 17px}.health-content{display:flex;align-items:center;gap:30px;margin:27px 0 18px}.health-orbit{position:relative;width:183px;height:183px;flex:0 0 183px;display:grid;place-items:center}.orbit-ring{position:absolute;border-radius:50%}.ring-one{top:3px;right:3px;bottom:3px;left:3px;border:1px solid #e6e2ff;border-top-color:#6656df;transform:rotate(-34deg)}.ring-two{top:19px;right:19px;bottom:19px;left:19px;border:1px solid #d9f3e8;border-right-color:#2cae7e;transform:rotate(52deg)}.orbit-core{position:relative;z-index:1;display:grid;place-items:center;width:118px;height:118px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#fff,#f8f7ff);box-shadow:0 8px 30px #5543ba1f}.orbit-core:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ecebff;border-radius:50%}.orbit-core strong{margin-top:3px;font-size:30px;letter-spacing:-1px}.orbit-core span{color:#98a3b1;font-size:9px;margin-top:-29px}.orbit-spark{position:absolute;z-index:2;display:grid;place-items:center;width:28px;height:28px;border:3px solid #fff;border-radius:50%;box-shadow:0 3px 9px #15203126}.spark-a{top:17px;right:15px;color:#6555dd;background:#e9e6ff}.spark-b{right:10px;bottom:28px;color:#249b70;background:#dcf8eb}.spark-c{bottom:23px;left:16px;color:#d38d2a;background:#fff0d2}.health-legend{flex:1}.health-legend-row{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;padding:11px 0;border-bottom:1px solid #f0f2f5}.health-legend-row:last-child{border-bottom:0}.health-legend-row>span:not(.legend-dot){color:#647286;font-size:10px}.health-legend-row strong{font-size:12px}.health-legend-row em{color:#a1adba;font:9px var(--mono);font-style:normal}.legend-dot{width:7px;height:7px;border-radius:50%}.dot-green{background:#36bd88;box-shadow:0 0 0 3px #e5f7ee}.dot-amber{background:#e8a34d;box-shadow:0 0 0 3px #fff3df}.dot-muted{background:#b5bfcb;box-shadow:0 0 0 3px #eff2f5}.health-footer{display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #f0f2f5;color:#99a5b3;font:9px var(--mono)}.health-footer span:first-child{color:#50a883}.mini-pulse{display:inline-block;width:6px;height:6px;margin-right:4px;vertical-align:1px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 15%,transparent)}.activity-panel{padding-bottom:13px}.activity-list{margin:22px 0 7px}.activity-row{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;padding:10px 0}.activity-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px}.activity-green{color:#2caa7a;background:#e6f8f0}.activity-amber{color:#d18d2f;background:#fff3df}.activity-purple{color:#7160dc;background:#efedff}.activity-blue{color:#3e8dcb;background:#e8f3fc}.activity-copy strong{display:block;font-size:10px}.activity-copy span{display:block;margin-top:3px;color:#9ba6b4;font-size:9px}.activity-row time{color:#aab4c1;font:9px var(--mono);white-space:nowrap}.activity-link{display:flex;align-items:center;gap:5px;margin-top:9px;padding:12px 0 0;width:100%;border-top:1px solid #f0f2f5;color:#7160db;background:transparent;font-size:10px;font-weight:700;text-align:left}.lower-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.devices-preview,.customer-preview{padding:23px 25px 16px}.mini-device-list{margin-top:18px}.device-mini-row{width:100%;display:grid;grid-template-columns:10px 1fr auto 16px;align-items:center;gap:10px;padding:11px 0;text-align:left;border-bottom:1px solid #f0f2f5;background:transparent}.device-mini-row:last-child{border-bottom:0}.status-mark{width:7px;height:7px;border-radius:50%}.status-mark span,.tiny-status{display:block;width:100%;height:100%;border-radius:50%}.status-online,.status-mark.status-online{background:#35b986;box-shadow:0 0 0 3px #e7f8f0}.status-warning,.status-mark.status-warning{background:#e8a044;box-shadow:0 0 0 3px #fff5e5}.status-offline,.status-mark.status-offline{background:#b8c0ca;box-shadow:0 0 0 3px #f0f2f5}.device-mini-copy strong{display:block;font-size:10px}.device-mini-copy span,.device-mini-status span{display:block;color:#9da8b5;font:9px var(--mono);margin-top:4px}.device-mini-status{text-align:right}.device-mini-status strong{display:block;color:#4ba47e;font-size:9px;font-weight:700}.device-mini-row:nth-child(3) .device-mini-status strong{color:#cf8e36}.device-mini-row svg{color:#b7c0cb}.customer-bars{margin-top:21px}.customer-bar-row{display:flex;align-items:center;gap:9px;padding:8px 0}.customer-avatar{display:grid;place-items:center;flex:0 0 auto;width:25px;height:25px;border-radius:7px;font-size:8px;font-weight:800}.avatar-violet{color:#6f5fe1;background:#eeeaff}.avatar-mint{color:#218c67;background:#e2f8ee}.avatar-orange{color:#c37b2c;background:#fff0dc}.avatar-blue{color:#397db8;background:#e5f2fc}.customer-bar-main{min-width:0;flex:1}.customer-bar-main>div:first-child{display:flex;justify-content:space-between;gap:10px}.customer-bar-main strong{max-width:170px;overflow:hidden;color:#566273;font-size:9px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.customer-bar-main span{color:#a0aab7;font:9px var(--mono)}.bar{height:4px;margin-top:7px;border-radius:4px;background:#edf0f4;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:#8175e7}.customer-count{color:#8693a2;font:10px var(--mono)}.subnav-row,.log-toolbar,.mqtt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.filter-tabs{display:flex;align-items:center;gap:5px}.filter-tabs button{padding:8px 10px;border-radius:5px;color:#8995a5;background:transparent;font-size:10px;font-weight:700}.filter-tabs button.active{color:var(--purple);background:#eeecff}.filter-tabs span{margin-left:4px;color:#a1acba;font:9px var(--mono)}.table-actions,.log-toolbar-right{display:flex;align-items:center;gap:8px}.table-search{display:flex;align-items:center;gap:7px;height:34px;width:186px;padding:0 10px;border:1px solid #e0e5ec;border-radius:6px;background:#fff;color:#99a4b2}.table-search input{width:100%;border:0;color:#4a5668;font-size:10px}.table-search input::placeholder{color:#aab3bf}.search-glyph{color:#95a1af;font-size:16px;line-height:1}.table-actions select,.log-toolbar select{height:34px;padding:0 28px 0 10px;border:1px solid #e0e5ec;border-radius:6px;color:#68768a;background:#fff;font-size:10px}.table-panel{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;min-width:790px;border-collapse:collapse}th{padding:13px 19px;color:#9aa5b3;border-bottom:1px solid #edf0f4;font:9px var(--mono);text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}td{padding:14px 19px;color:#697789;border-bottom:1px solid #f0f2f5;font-size:10px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}tbody tr:hover,tbody tr.row-selected{background:#fbfbff}.table-device-cell,.user-table-cell{display:flex;align-items:center;gap:9px;text-align:left;background:transparent}.device-table-icon{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e4e4fb;border-radius:7px;color:#7063d7;background:#f5f4ff}.table-device-cell strong,.user-table-cell strong{display:block;color:#455163;font-size:10px}.table-device-cell span,.user-table-cell span{display:block;color:#9ba6b4;font:9px var(--mono);margin-top:3px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;font:9px var(--mono)}.status-badge>span{width:5px;height:5px;border-radius:50%}.badge-online{color:#25966c;background:#e9f8f1}.badge-online>span{background:#32b883}.badge-warning{color:#ba7b29;background:#fff4df}.badge-warning>span{background:#e5a243}.badge-offline{color:#85909e;background:#f0f2f5}.badge-offline>span{background:#aeb7c1}.connection-cell{display:inline-flex;align-items:center;gap:6px;color:#718095}.connection-cell svg{color:#7e71dd}.customer-cell{color:#69778a}.last-seen{display:flex;align-items:center;gap:7px}.tiny-status{width:5px;height:5px}.expiry-soon{color:#c88730}.row-more{display:grid;place-items:center;width:27px;height:27px;border-radius:5px;color:#a1acb9;background:transparent}.row-more:hover{background:#f0f1ff;color:var(--purple)}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 19px;border-top:1px solid #edf0f4;color:#9ba6b3;font-size:10px}.table-footer strong{color:#586679}.pagination{display:flex;align-items:center;gap:4px}.pagination button{display:grid;place-items:center;width:26px;height:25px;border:1px solid #e8ebf0;border-radius:5px;color:#8793a1;background:#fff;font:10px var(--mono)}.pagination button.active{color:#fff;background:var(--purple);border-color:var(--purple)}.pagination button:disabled{opacity:.45}.pagination span{color:#acb4c0;padding:0 3px}.flip-x{transform:rotate(180deg)}.live-indicator-wrap{display:flex;align-items:center;gap:9px}.live-indicator,.mqtt-online{display:inline-flex;align-items:center;gap:6px;padding:8px 9px;color:#a0aab8;font:9px var(--mono)}.live-indicator span{width:6px;height:6px;border-radius:50%;background:#a9b1bc}.live-indicator.is-live{color:#329b72}.live-indicator.is-live span{background:#32b783;box-shadow:0 0 0 4px #dff6eb}.log-toolbar{padding:12px;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.device-select-wrap{position:relative;display:flex;align-items:center;gap:8px;min-width:240px;padding:0 8px;color:#796be1}.device-select-wrap select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-right:22px;color:#586579;background:transparent;font-size:10px;font-weight:700}.device-select-wrap>svg:last-child{position:absolute;right:7px;color:#9ca7b4;pointer-events:none}.logs-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:15px}.terminal-panel{min-width:0;overflow:hidden;background:#121b25;border-color:#1e2a38;box-shadow:0 10px 24px #131d2a14}.terminal-head{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #263544}.terminal-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.terminal-dot.red{background:#df6f78}.terminal-dot.yellow{background:#e1aa5b}.terminal-dot.green{background:#49be91}.terminal-title{display:inline-flex;align-items:center;gap:6px;color:#bdc8d5;font:9px var(--mono)}.terminal-title svg{color:#8d7ef0}.terminal-count{margin-left:auto;color:#697a8d;font:9px var(--mono)}.terminal-body{height:486px;overflow:auto}.log-row{display:grid;grid-template-columns:78px 24px minmax(0,1fr) 25px;align-items:start;gap:9px;padding:12px 17px;border-bottom:1px solid rgba(61,77,94,.32)}.log-row:hover{background:#172330}.log-row>time{padding-top:2px;color:#657789;font:9px var(--mono)}.log-direction{display:grid;place-items:center;width:20px;height:20px;border-radius:5px}.direction-in{color:#57c89d;background:#34b9841f}.direction-out{color:#a49af9;background:#7362e026}.log-main{min-width:0}.log-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.log-meta strong{color:#bac8d7;font:10px var(--mono);font-weight:500}.msg-id{display:inline-flex;align-items:center;gap:2px;color:#77899b;font:9px var(--mono)}.log-main code{display:block;margin-top:7px;overflow:hidden;color:#8ca1b4;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.log-ack .log-main code{color:#5eb791}.log-command .log-main code{color:#a69bf4}.copy-button{display:grid;place-items:center;width:23px;height:23px;color:#607285;border-radius:4px;background:transparent}.copy-button:hover{color:#b8c8d6;background:#203041}.terminal-footer{display:flex;justify-content:space-between;padding:12px 17px;border-top:1px solid #263544;color:#748699;font:9px var(--mono)}.terminal-footer strong{color:#93a6b8;font-weight:400}.terminal-footer>span:first-child{color:#51b48c}.device-summary,.topic-panel{padding:17px}.device-summary{margin-bottom:15px}.summary-top{display:grid;grid-template-columns:33px 1fr auto;align-items:center;gap:8px}.device-large-icon{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;color:#7063dc;background:#f0eeff}.summary-top strong{display:block;max-width:120px;overflow:hidden;color:#435064;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.summary-top>div:nth-child(2) span{display:block;margin-top:4px;color:#99a5b2;font:9px var(--mono)}.summary-location{display:flex;align-items:center;gap:5px;margin:17px 0;color:#7e8b9b;font-size:10px}.summary-location svg{color:#8992dd}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:13px 0;border-top:1px solid #eff1f4;border-bottom:1px solid #eff1f4}.summary-stats div+div{padding-left:10px;border-left:1px solid #eff1f4}.summary-stats span,.summary-stats strong{display:block}.summary-stats span{color:#a1abb8;font:8px var(--mono)}.summary-stats strong{margin-top:5px;color:#5d6a7b;font-size:10px}.full-button{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:14px;padding:10px;border-radius:6px;color:#6b5ed7;background:#efedff;font-size:10px;font-weight:700}.full-button:hover{background:#e3e0ff}.topic-panel .section-kicker{margin-bottom:13px}.topic-line{display:flex;align-items:center;gap:7px;padding:9px 0;border-bottom:1px solid #f0f2f5}.topic-line code{min-width:0;flex:1;overflow:hidden;color:#69778a;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap}.topic-line>svg{color:#b1bac4}.topic-direction{padding:3px 4px;border-radius:3px;font:8px var(--mono)}.topic-in{color:#25976e;background:#e7f7ef}.topic-out{color:#7164d9;background:#efedff}.ack-note{display:flex;align-items:center;gap:5px;margin-top:14px;color:#47a77e;font-size:9px}.ack-note svg{color:#31b17c}.mqtt-toolbar{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.mqtt-online{padding:8px 11px;color:#319b72;border:1px solid #d9f0e6;border-radius:5px;background:#f0fbf6}.mqtt-contract{display:flex;align-items:center;gap:12px;color:#9aa5b3;font-size:10px}.mqtt-contract strong{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;color:#7668d9;border-radius:4px;background:#f0eeff;font:9px var(--mono);font-weight:400}.mqtt-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;margin-bottom:15px}.compose-panel{overflow:hidden}.panel-tabs{display:flex;padding:0 22px;border-bottom:1px solid var(--line)}.panel-tabs button{display:flex;align-items:center;gap:7px;margin-right:24px;padding:17px 0 14px;color:#9aa5b3;background:transparent;font-size:11px;font-weight:700;border-bottom:2px solid transparent}.panel-tabs button.active{color:#6357cf;border-color:#786be4}.compose-content,.receive-panel{padding:23px}.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#6c788a;font:9px var(--mono);text-transform:uppercase;letter-spacing:.4px}.field-label>span{color:#b0a6f1;font-size:8px;text-transform:lowercase}.topic-input{display:flex;align-items:center;gap:2px;height:40px;margin-bottom:23px;padding:0 12px;border:1px solid #e2e6ed;border-radius:6px;color:#9ca7b4;background:#fafbfc;font:11px var(--mono)}.topic-input strong{color:#665bd3;font-weight:500}.topic-input svg{margin-left:auto;color:#adb7c3}.payload-label{margin-bottom:8px}.format-json{display:inline-flex;align-items:center;gap:4px;color:#7669d8;background:transparent;font:9px var(--mono);text-transform:none}.compose-content textarea{display:block;width:100%;height:224px;resize:vertical;padding:13px;border:1px solid #262e3d;border-radius:6px;color:#b9c6d6;background:#17212d;font:11px/1.7 var(--mono)}.compose-content textarea:focus{border-color:#6d62d6;box-shadow:0 0 0 3px #6958e61a}.compose-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:17px}.compose-foot>span{display:inline-flex;align-items:center;gap:5px;color:#a3adba;font-size:9px}.compose-foot>span svg{color:#4aaf86}.receive-panel{min-height:361px}.topic-input-large{margin-bottom:27px}.receive-callout{display:flex;gap:12px;padding:15px;border:1px solid #e3dfff;border-radius:8px;background:#faf9ff}.callout-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:8px;color:#7467df;background:#eae7ff}.receive-callout strong{display:block;color:#565e78;font-size:11px}.receive-callout p{margin:6px 0 0;color:#8f99aa;font-size:10px;line-height:1.55}.receive-callout code{color:#7063d6;font:10px var(--mono)}.receive-example{margin-top:20px;padding:14px;border-radius:7px;background:#17212d}.receive-example>div{display:flex;justify-content:space-between;margin-bottom:10px;color:#738499;font:9px var(--mono)}.in-label{display:inline-flex;align-items:center;gap:4px;color:#5bb796}.receive-example code{color:#b6c5d5;font:10px var(--mono)}.history-panel{min-height:400px;padding:23px 22px 15px}.history-list{margin:20px 0 15px}.history-row{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #eff1f4}.history-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;color:#7467df;background:#f0eeff}.history-copy{min-width:0;flex:1}.history-copy strong,.history-copy span{display:block}.history-copy strong{color:#5d6879;font-size:10px}.history-copy span{margin-top:4px;color:#a0aab6;font:9px var(--mono)}.history-state{display:inline-flex;align-items:center;gap:3px;padding:4px 5px;color:#33a078;border-radius:4px;background:#eaf8f1;font:8px var(--mono)}.contract-panel{display:flex;align-items:center;gap:50px;padding:24px}.contract-intro{flex:0 0 32%}.contract-intro h2{margin-bottom:8px}.contract-intro p{margin:0;color:#909bab;font-size:10px;line-height:1.6}.contract-flow{display:flex;align-items:center;justify-content:space-around;flex:1}.flow-step{display:grid;justify-items:center;gap:7px;text-align:center}.flow-icon{display:grid;place-items:center;width:34px;height:34px;color:#6e61d9;border-radius:50%;background:#efedff}.flow-step strong{color:#5e697a;font-size:10px}.flow-step code{color:#a2acb8;font:9px var(--mono)}.flow-line{width:70px;height:1px;border-top:1px dashed #ccd1dc}.customer-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.customer-summary-row .metric-card{min-height:130px}.customer-table-panel{padding:22px 22px 0}.customer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;padding-bottom:22px}.customer-card{padding:17px;border:1px solid #e9ecf1;border-radius:8px;background:#fff}.customer-card-top{display:flex;align-items:flex-start;justify-content:space-between}.customer-avatar.large{width:36px;height:36px;border-radius:9px;font-size:10px}.customer-card h3{margin:17px 0 5px;font-size:11px}.customer-email{color:#9ba6b2;font-size:9px}.customer-card-divider{height:1px;margin:16px 0 13px;background:#eef0f3}.customer-card-stats{display:grid;grid-template-columns:repeat(3,1fr)}.customer-card-stats div+div{padding-left:8px;border-left:1px solid #eef0f3}.customer-card-stats strong,.customer-card-stats span{display:block}.customer-card-stats strong{color:#596779;font-size:12px}.customer-card-stats .text-green{color:#32a579}.customer-card-stats span{margin-top:3px;color:#a4adb9;font:8px var(--mono)}.customer-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:#48a77f;font:9px var(--mono)}.customer-card-foot svg{color:#a6afb9}.user-table-panel{padding:22px 22px 0}.access-summary{display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:5px;color:#319c73;background:#edf9f3;font:9px var(--mono)}.avatar-table{width:28px;height:28px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border-radius:4px;font:9px var(--mono)}.role-badge span{width:5px;height:5px;border-radius:50%}.role-superadmin{color:#6f60d9;background:#f0eeff}.role-superadmin span{background:#7666df}.role-admin{color:#2c9a73;background:#eaf8f1}.role-admin span{background:#35b482}.role-user{color:#788697;background:#f0f2f5}.role-user span{background:#a6b0bb}.scope-chip{padding:4px 7px;border:1px solid #e8ebef;border-radius:4px;color:#778496;font:9px var(--mono)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-panel{padding:24px}.settings-panel h2{margin-top:8px}.form-label{display:block;margin-top:19px;color:#6d798b;font:9px var(--mono);text-transform:uppercase;letter-spacing:.4px}.form-label input,.form-label select{display:block;width:100%;height:38px;margin-top:8px;padding:0 11px;border:1px solid #e1e6ed;border-radius:6px;color:#586578;background:#fff;font:11px var(--sans);text-transform:none;letter-spacing:0}.setting-toggle{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:19px;border-top:1px solid #edf0f3}.setting-toggle strong,.setting-toggle span{display:block}.setting-toggle strong{font-size:11px}.setting-toggle span{margin-top:4px;color:#9ba5b2;font-size:10px}.toggle{position:relative;width:35px;height:20px;padding:3px;border-radius:20px;background:#bbc3cc}.toggle.on{background:#6b5edf}.toggle i{display:block;width:14px;height:14px;border-radius:50%;background:#fff;transition:.2s}.toggle.on i{transform:translate(15px)}.connected-box{display:flex;align-items:center;gap:9px;margin-top:22px;padding:11px;border:1px solid #d9f0e6;border-radius:7px;background:#f5fcf8}.connected-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;color:#2aa579;background:#ddf6e9}.connected-box strong,.connected-box span{display:block}.connected-box strong{color:#43826d;font-size:10px}.connected-box>div:nth-child(2) span{margin-top:3px;color:#94aa9f;font:8px var(--mono)}.connected-box .status-badge{margin-left:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:20px;background:#0e151f87;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{width:min(540px,100%);border-radius:12px;background:#fff;box-shadow:0 25px 65px #151b2640;animation:modal-in .2s ease-out}.modal-header{display:flex;justify-content:space-between;gap:20px;padding:25px 26px 19px;border-bottom:1px solid #edf0f3}.modal-header h2{margin:7px 0 4px;font-size:19px;letter-spacing:-.5px}.modal-header p{margin:0;color:#919cab;font-size:11px}.modal form{padding:4px 26px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.full-span{grid-column:1 / -1}.connection-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.connection-toggle button{display:flex;justify-content:center;align-items:center;gap:6px;height:40px;border:1px solid #e1e5ed;border-radius:6px;color:#8894a4;background:#fff;font-size:10px;font-weight:700}.connection-toggle button.active{color:#675ad5;border-color:#afa8ed;background:#f5f3ff;box-shadow:0 0 0 2px #efedff}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px -26px 0;padding:16px 26px;border-top:1px solid #edf0f3}.modal-footer>span{display:flex;align-items:center;gap:5px;color:#a0aab6;font-size:9px}.modal-footer>span svg{color:#54a885}.modal-footer>div{display:flex;gap:7px}.toast{position:fixed;z-index:60;right:25px;bottom:25px;display:flex;align-items:center;gap:10px;min-width:295px;padding:12px;border:1px solid #dceae3;border-radius:8px;background:#fff;box-shadow:0 13px 35px #1a263529;animation:toast-in .3s ease-out}.toast-symbol{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:#269d71;background:#e7f8ef}.toast-info .toast-symbol{color:#7162db;background:#efedff}.toast strong,.toast span{display:block}.toast strong{font-size:10px}.toast span{margin-top:3px;color:#929eac;font-size:9px}.toast button{margin-left:auto;color:#9da8b4;background:transparent}.login-shell{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh;background:#f6f7fa}.login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;overflow:hidden;padding:40px 8%;background:#111a25;color:#fff}.login-visual:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.26;background:radial-gradient(circle at 75% 20%,#6557db 0,transparent 25%),radial-gradient(circle at 25% 85%,#3c8c7b 0,transparent 26%)}.login-visual-top,.login-visual-bottom{position:relative;z-index:1}.login-visual .brand-lockup{padding:0}.login-visual .brand-name{font-size:19px}.login-orbit-art{position:absolute;right:8%;top:20%;width:330px;height:330px;opacity:.82}.login-orbit{position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgba(157,145,255,.35);border-radius:50%}.orbit-l1{transform:rotate(40deg) scaleX(.38)}.orbit-l2{transform:rotate(-42deg) scaleX(.64);border-color:#48c59a4d}.orbit-l3{top:43px;right:43px;bottom:43px;left:43px;transform:rotate(20deg) scaleY(.4);border-color:#eda75847}.login-orbit-core{position:absolute;top:calc(50% - 31px);left:calc(50% - 31px);display:grid;place-items:center;width:62px;height:62px;border:1px solid rgba(173,164,255,.7);border-radius:50%;color:#b9afff;background:#6357d52e;box-shadow:0 0 50px #6d5cea59}.art-node{position:absolute;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(178,169,255,.52);border-radius:50%;color:#b6adff;background:#1a2238}.node-1{top:21px;right:40px;color:#55d0a2;border-color:#55d0a280}.node-2{bottom:37px;left:28px;color:#e9ae65;border-color:#e9ae6580}.node-3{right:19px;bottom:83px;color:#e78bb8;border-color:#e78bb880}.login-visual-bottom{max-width:560px;padding-bottom:14px}.login-visual-bottom h1{margin:17px 0;font-size:clamp(42px,5vw,68px);line-height:.98;letter-spacing:-3px}.login-visual-bottom h1 span{color:#a69bff}.login-visual-bottom p{max-width:390px;color:#91a0b2;font-size:13px;line-height:1.65}.login-stat-row{display:flex;gap:47px;margin-top:45px}.login-stat-row strong,.login-stat-row span{display:block}.login-stat-row strong{font-size:20px;letter-spacing:-.7px}.login-stat-row span{margin-top:4px;color:#778698;font:9px var(--mono)}.login-form-side{display:grid;place-items:center;padding:42px;background:#fafbfc}.login-form-wrap{width:min(360px,100%)}.login-form-header{margin-bottom:31px}.login-form-header h2{margin:10px 0 7px;font-size:25px;letter-spacing:-1px}.login-form-header p{margin:0;color:#8c97a5;font-size:11px}.login-form-wrap .form-label{margin-top:19px}.password-input{position:relative}.password-input input{padding-right:50px}.password-input button{position:absolute;top:8px;right:9px;color:#7367db;background:transparent;font-size:9px;font-weight:700}.login-options{display:flex;justify-content:space-between;align-items:center;margin:16px 0 23px;color:#8e99a6;font-size:10px}.login-options label{display:flex;align-items:center;gap:4px}.login-options input{accent-color:#6b5dde}.login-options button{color:#6d61d5;background:transparent;font-size:10px;font-weight:700}.login-button{width:100%;height:42px}.demo-role{margin-top:31px;padding-top:21px;border-top:1px solid #e7ebf0}.demo-role>span{display:block;margin-bottom:9px;color:#9ba5b3;font:9px var(--mono);text-transform:uppercase;letter-spacing:.6px}.demo-role>div{display:flex;gap:5px}.demo-role button{flex:1;padding:7px 4px;border:1px solid #e3e7ee;border-radius:5px;color:#8d98a6;background:#fff;font:8px var(--mono)}.demo-role button.active{color:#6559d0;border-color:#b6aff1;background:#f2f0ff}.login-footer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:48px;color:#a8b1bd;font-size:9px}.login-footer svg{color:#58a986}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:1120px){.sidebar{width:218px;flex-basis:218px}.topbar{padding:0 28px}.page-container{padding-right:28px;padding-left:28px}.global-search{width:190px}.overview-grid,.lower-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:repeat(2,1fr)}.logs-layout{grid-template-columns:1fr}.log-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.device-summary{margin:0}.contract-panel{gap:25px}.contract-intro{flex-basis:37%}}@media(max-width:820px){.sidebar{position:fixed;left:-270px;top:0;bottom:0;width:254px;transition:left .25s ease;box-shadow:15px 0 35px #0003}.sidebar.sidebar-open{left:0}.mobile-overlay{position:fixed;z-index:10;top:0;right:0;bottom:0;left:0;border:0;background:#0b10176b}.mobile-menu{display:grid;place-items:center;width:31px;height:31px;margin-right:13px;border:1px solid #e4e8ee;border-radius:6px;color:#677588;background:#fff}.topbar{justify-content:flex-start;padding:0 20px}.topbar-actions{margin-left:auto}.global-search,.secure-badge,.topbar-divider{display:none}.page-container{padding:29px 20px 45px}.metric-grid{grid-template-columns:repeat(2,1fr)}.mqtt-grid,.settings-grid{grid-template-columns:1fr}.contract-panel{align-items:flex-start;flex-direction:column}.contract-intro{flex-basis:auto}.contract-flow{width:100%}.subnav-row{align-items:flex-start;flex-direction:column}.table-actions{width:100%}.table-search{flex:1}.customer-summary-row{grid-template-columns:1fr 1fr}.customer-summary-row .metric-card:last-child{grid-column:span 2}.login-shell{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{min-height:100vh}.login-form-wrap{width:min(380px,100%)}}.select-chevron{position:absolute;right:7px;color:#9ca7b4;pointer-events:none}.copy-glyph{margin-left:auto;color:#b1bac4;font-size:13px}.device-select-wrap{min-height:38px;padding:0 36px 0 10px;border:1px solid #dfe5ed;border-radius:7px;background:#fff}.device-select-wrap select{cursor:pointer}.device-select-wrap .select-chevron{right:10px;color:#68768a}.custom-device-select{position:relative;z-index:25;display:flex;align-items:center;gap:8px;width:min(340px,100%);padding-right:8px}.custom-device-select.is-open{border-color:#9b91ee;box-shadow:0 0 0 3px #6958e617}.device-select-trigger{position:relative;display:flex;align-items:center;min-width:0;flex:1;height:36px;padding:0 25px 0 0;color:#586579;background:transparent;text-align:left}.device-select-trigger .select-chevron{position:absolute;right:0;transition:transform .18s ease}.custom-device-select.is-open .select-chevron{transform:rotate(180deg)}.device-select-copy{min-width:0;display:block}.device-select-copy strong,.device-select-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-select-copy strong{color:#4d5b70;font:11px var(--mono);font-weight:500}.device-select-copy small{max-width:240px;margin-top:3px;color:#9aa5b3;font-size:9px}.device-select-menu{position:absolute;z-index:40;top:calc(100% + 7px);left:-1px;width:calc(100% + 2px);max-height:280px;overflow-y:auto;padding:6px;border:1px solid #e1e5ed;border-radius:9px;background:#fff;box-shadow:0 16px 35px #26304529;animation:dropdown-in .16s ease-out}.device-select-option{display:flex;align-items:center;width:100%;gap:9px;padding:9px 8px;border-radius:6px;color:#647286;background:transparent;text-align:left}.device-select-option:hover{background:#f5f4ff}.device-select-option.selected{background:#efedff}.device-option-status{flex:0 0 auto;width:7px;height:7px;border-radius:50%}.device-option-status.status-online{background:#35b986;box-shadow:0 0 0 3px #e7f8f0}.device-option-status.status-warning{background:#e8a044;box-shadow:0 0 0 3px #fff5e5}.device-option-status.status-offline{background:#b8c0ca;box-shadow:0 0 0 3px #f0f2f5}.device-option-copy{min-width:0;flex:1}.device-option-copy strong,.device-option-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-option-copy strong{color:#536176;font:10px var(--mono)}.device-option-copy small{margin-top:4px;color:#9aa5b3;font-size:9px}.device-select-option>svg{color:#685bd5}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.page-heading p,.metric-label,.metric-foot,.section-kicker,.eyebrow,.activity-copy span,.device-mini-copy span,.device-mini-status span,.health-footer,.customer-email,.customer-bar-main span,.table-footer,.empty-inline,.panel-subtitle,.mqtt-contract,.summary-location,.topic-line code,.receive-callout p,.history-copy span{color:#718096}.breadcrumb>span,.global-search input::placeholder,.login-form-header p{color:#7b899b}.table th,.activity-row time,.customer-count,.device-option-copy small{color:#78879a}.page-heading .eyebrow,.section-kicker{color:#71839a}:root{--muted: #50627a;--muted-2: #6b7b90}.breadcrumb{color:#68778a}.breadcrumb>span,.global-search input::placeholder,.login-form-header p{color:#718198}.page-heading p,.metric-label,.metric-foot,.activity-copy span,.device-mini-copy span,.device-mini-status span,.health-footer,.customer-email,.customer-bar-main span,.table-footer,.empty-inline,.panel-subtitle,.mqtt-contract,.summary-location,.topic-line code,.receive-callout p,.history-copy span{color:#5f7187}.page-heading .eyebrow,.section-kicker,.eyebrow{color:#64758b}.table th,.activity-row time,.customer-count,.device-option-copy small{color:#697a8f}.filter-tabs button,.table-actions select,.outline-button,.connection-cell,.customer-cell{color:#566980}.table-search,.global-search{color:#75859a}.table-search input::placeholder{color:#7b8b9f}.table-device-cell span,.user-table-cell span{color:#708198}.row-more,.pagination button,.pagination span{color:#718198}.nav-label{color:#8190a4}.nav-item{color:#aab7c6}.workspace-chip{color:#c5cfdb}.workspace-chip small,.help-card small,.user-copy small{color:#9aa9ba}.brand-caption{color:#9aa7b8}.terminal-title{color:#d2dce7}.terminal-count{color:#a7b6c6}.log-row>time{color:#91a4b7}.msg-id{color:#a8b8c8}.log-main code{color:#b5c6d6}.log-ack .log-main code{color:#79d3ae}.log-command .log-main code{color:#b8afff}.copy-button{color:#8fa3b6}.terminal-footer{color:#9aaabd}.terminal-footer strong{color:#b9c8d6}.summary-top>div:nth-child(2) span{color:#718196}.summary-location{color:#63758a}.summary-stats span{color:#718196}.topic-line code{color:#566a81}.topic-line>svg{color:#8190a3}.login-form-header p{color:#5f7187}.login-form-wrap .form-label{color:#5b6e84}.login-form-wrap .form-label input{color:#334a63}.login-form-wrap .form-label input::placeholder{color:#718198}.login-options{color:#60738a}.login-options button{color:#5d51c8}.demo-role>span{color:#718198}.demo-role button{color:#61738a}.demo-role small,.login-footer{color:#718198}.login-visual-bottom p{color:#a6b4c4}.login-stat-row span{color:#9aaabd}.sidebar{position:fixed;top:0;bottom:0;left:0;height:100vh;overflow-y:auto;overflow-x:hidden}.main-content{margin-left:254px}@media(max-width:1120px){.main-content{margin-left:218px}}@media(max-width:820px){.sidebar{left:-270px}.main-content{margin-left:0}}html{scrollbar-width:thin;scrollbar-color:#9aa8b8 #eef1f5}*{scrollbar-width:thin;scrollbar-color:#9aa8b8 transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{min-height:34px;border:2px solid transparent;border-radius:999px;background:#9aa8b8;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#718298;background-clip:content-box}.sidebar{scrollbar-color:#5e7187 #111821}.sidebar::-webkit-scrollbar-track{background:#111821}.sidebar::-webkit-scrollbar-thumb{border-color:#111821;background:#5e7187;background-clip:padding-box}.sidebar::-webkit-scrollbar-thumb:hover{background:#8b9caf}.terminal-body{scrollbar-gutter:stable;scrollbar-color:#71869b #0e1721}.terminal-body::-webkit-scrollbar-track{background:#0e1721;border-left:1px solid #263544}.terminal-body::-webkit-scrollbar-thumb{border:2px solid #0e1721;background:#71869b;background-clip:padding-box}.terminal-body::-webkit-scrollbar-thumb:hover{background:#a2b2c2}.device-select-menu{scrollbar-color:#9aa8b8 #f4f6fa}.device-select-menu::-webkit-scrollbar-track{background:#f4f6fa}.device-select-menu::-webkit-scrollbar-thumb{border-color:#f4f6fa;background:#9aa8b8;background-clip:padding-box}body,.page-heading h1,.panel h2,.metric-value-row strong,.table-device-cell strong,.user-table-cell strong,.customer-card h3,.customer-bar-main strong,.summary-top strong,.activity-copy strong,.history-copy strong,.flow-step strong,.setting-toggle strong,.receive-callout strong,.contract-intro h2{color:#0b1220}.page-heading p,.metric-label,.metric-foot,.activity-copy span,.device-mini-copy span,.device-mini-status span,.health-footer,.customer-email,.customer-bar-main span,.table-footer,.empty-inline,.panel-subtitle,.mqtt-contract,.summary-location,.topic-line code,.receive-callout p,.history-copy span{color:#34465c}.page-heading .eyebrow,.section-kicker,.eyebrow{color:#40536b}.breadcrumb,.breadcrumb>span{color:#40536b}.global-search input::placeholder,.table-search input::placeholder,.login-form-header p{color:#617086}.table th,.activity-row time,.customer-count,.device-option-copy small{color:#4b5d73}.filter-tabs button,.table-actions select,.outline-button,.connection-cell,.customer-cell,td{color:#34465c}.table-device-cell span,.user-table-cell span{color:#52647a}.table-footer strong,.metric-value-row strong{color:#0b1220}.form-label,.field-label,.login-form-wrap .form-label{color:#263a50}.login-options,.demo-role>span,.demo-role small,.login-footer{color:#40536b}.profile-wrap{z-index:60}.profile-popover{z-index:70;bottom:calc(100% + 8px)}.profile-signout{cursor:pointer;border-radius:5px}.profile-signout:hover{color:#fff;background:#2b3a4c}.sidebar{height:calc(100vh / 1.1);max-height:calc(100vh / 1.1);overflow:hidden;padding-bottom:8px}.sidebar-nav{min-height:0;overflow-y:auto}.sidebar-bottom{flex:0 0 auto;margin-top:0}.sidebar-signout{display:flex;align-items:center;gap:8px;width:calc(100% - 14px);margin:4px 7px 0;padding:8px 7px;border-radius:5px;color:#e2a3ad;background:transparent;font-size:10px;font-weight:700;text-align:left}.sidebar-signout:hover{color:#fff;background:#2b2029}.modal-backdrop{display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:16px}.modal{display:flex;flex-direction:column;width:min(540px,100%);max-height:calc(100vh / 1.1 - 32px);margin:auto;overflow:hidden}.modal-header{flex:0 0 auto}.modal form{min-height:0;overflow-y:auto;scrollbar-gutter:stable}.modal-footer{position:sticky;bottom:0;z-index:1;background:#fff;box-shadow:0 -5px 12px #2330440a}.global-search kbd{display:none}.empty-state{display:grid;justify-items:center;padding:68px 24px;text-align:center}.empty-state-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:13px;border-radius:14px;color:#7366de;background:#efedff}.empty-state h2{margin:0;font-size:16px}.empty-state p{max-width:360px;margin:8px 0 18px;color:#929dac;font-size:11px;line-height:1.55}.empty-inline{display:flex;align-items:center;min-height:96px;color:#9ba6b3;font-size:10px}.login-error{margin:-8px 0 13px;padding:8px 10px;border:1px solid #f2d6dc;border-radius:5px;color:#bd6274;background:#fff6f8;font-size:10px}.demo-role>div{flex-direction:column;gap:4px;padding:9px 11px}.demo-role strong{font:9px var(--mono)}.demo-role small{color:#8f99a8;font-size:9px}.device-actions{display:flex;align-items:center;gap:3px}.action-menu-wrap{position:relative}.row-action-menu{position:absolute;z-index:30;top:calc(100% + 6px);right:0;min-width:158px;padding:5px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;box-shadow:0 14px 28px #1b2a3e29}.row-action-menu button{display:flex;align-items:center;width:100%;gap:8px;padding:8px 9px;border-radius:5px;color:#263a50;background:transparent;font-size:10px;font-weight:700;text-align:left}.row-action-menu button:hover{color:#584ac5;background:#f1efff}.row-action-menu button svg{color:#7365dc}.row-more-danger:hover{color:#d65b6a;background:#fff0f2}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:11px;color:#9aa5b3;pointer-events:none}.input-with-icon input{padding-left:34px}