:root{--bg:#f7f7f3;--sidebar:#f3f3ed;--panel:#fff;--text:#272b26;--muted:#656a60;--line:#e5e7df;--orange:#bc512c;--orange-dark:#a44222;--orange-tint:#f8e9df;--sage:#6d855c;--sage-tint:#edf2e7;--amber:#a5782b;--amber-tint:#faf1d8;--red:#ae4e43;--red-tint:#f9e9e6;--shadow:0 2px 4px #29302203}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.46}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #cd8056}button{transition:background .15s,color .15s,box-shadow .15s}button:hover:not(:disabled){filter:brightness(.985)}button:active:not(:disabled){transform:translateY(1px)}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);z-index:20;flex-direction:column;width:224px;padding:30px 19px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{letter-spacing:-1.4px;padding-left:9px;font-size:26px;font-weight:750;text-decoration:none;display:block}.brand span{color:var(--orange);font-size:27px;position:relative;top:-4px;left:2px}.internal-label{letter-spacing:1.05px;color:#7e6e5b;background:#e8e8de;border-radius:5px;align-self:flex-start;margin:12px 0 39px 10px;padding:5px 8px;font-size:12px;font-weight:700}.nav-caption{color:#97998e;letter-spacing:1.6px;margin-bottom:13px;padding:0 13px;font-size:12px;font-weight:700}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{text-align:left;color:#666b61;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;height:46px;padding:0 13px;font-size:13px;display:flex}.nav-item.active{color:var(--orange);box-shadow:inset 2px 0 var(--orange);background:#f3e5d9;font-weight:700}.nav-item:hover{background:#eaece3}.nav-item.active:hover{background:#efdfd1}.nav-count{color:#73776c;text-align:center;background:#e8e8e0;border-radius:5px;min-width:21px;height:20px;margin-left:auto;font-size:12px;font-weight:700;line-height:20px}.nav-item.active .nav-count{color:var(--orange);background:#e9d4c4}.sidebar-bottom{margin-top:auto}.privacy-card{color:#657456;background:#e9ede1;border:1px solid #e0e5d7;border-radius:8px;margin:26px 6px 27px;padding:16px 13px 14px}.privacy-card>svg{margin-bottom:10px}.privacy-card strong{max-width:120px;font-size:12px;line-height:1.6;display:block}.privacy-card p{color:#818b76;margin:6px 0 0;font-size:12px;line-height:1.7}.setup-button{color:#797e71;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:12px 10px 18px;font-size:12px;display:flex}.setup-dot{background:#c5a15e;border-radius:50%;width:5px;height:5px;margin-left:auto}.profile{border-top:1px solid #dfe3d6;align-items:center;gap:9px;padding:19px 4px 22px;display:flex}.avatar{color:#637053;background:#e4e8db;border-radius:50%;flex-shrink:0;place-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:grid}.profile>div{flex:1}.profile strong{font-size:12px;display:block}.profile small{color:#8b9081;margin-top:5px;font-size:12px;display:block}.profile>svg{color:#929985}.main-shell{flex:1;min-width:0;margin-left:224px}.topbar{border-bottom:1px solid var(--line);background:#fafbf7;justify-content:space-between;align-items:center;height:70px;padding:0 34px;display:flex}.breadcrumb{color:#969b8e;align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumb span{color:#5b6254}.topbar-right{align-items:center;gap:19px;display:flex}.avatar-small{width:29px;height:29px;font-size:12px}.demo-label{color:#868c7f;align-items:center;gap:6px;font-size:12px;display:flex}.demo-label>i{background:#c9a574;border-radius:50%;width:5px;height:5px}.icon-button{color:#848b7c;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon-button:hover{background:#eff1e9}.alert-button{position:relative}.alert-button>i{background:var(--orange);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.workspace{max-width:1530px;margin:auto;padding:34px 34px 20px}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#8f957f;letter-spacing:1.65px;margin-bottom:12px;font-size:12px;font-weight:700}h1{letter-spacing:-1.1px;margin:0 0 10px;font-size:30px;font-weight:700;line-height:1.18}.page-heading p{color:#82887b;margin:0;font-size:12px;line-height:1.6}.button{white-space:nowrap;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.button-outline{color:#68715e;background:#fff;border-color:#dcdfd4;box-shadow:0 1px 2px #323b1e03}.button-outline:hover{background:#f9faf6;border-color:#c1c8b7}.button-primary{color:#fff;background:var(--orange);border-color:var(--orange);box-shadow:0 2px 3px #a84a1920}.button-primary:hover{background:var(--orange-dark)}.button-tint{color:var(--orange);background:#fff7f1;border-color:#e8c5af}.button-danger{background:var(--red);color:#fff}.danger-text{color:var(--red)}.button-small{min-height:30px;padding:5px 9px;font-size:12px}.reset-button{color:#8b9184;background:0 0;align-self:flex-start;margin-top:24px;font-size:12px;font-weight:400}.demo-banner{color:#8d8e7c;background:#f1f1e8;border:1px solid #e4e6da;border-radius:7px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:23px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.demo-banner>div{align-items:center;gap:10px;display:flex}.demo-banner strong{color:#6b705e;font-weight:600}.demo-indicator{color:#939d7e;align-items:center;display:flex}.demo-banner button{color:#85866e;white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;display:flex}.filter-group{flex-wrap:wrap;gap:8px;display:flex}.filters label{color:#8c947f;height:34px;box-shadow:var(--shadow);background:#fff;border:1px solid #dfe3d7;border-radius:6px;align-items:center;gap:6px;padding:0 9px;display:flex}.filters select{color:#69735e;cursor:pointer;outline-offset:0;background:0 0;border:0;max-width:180px;height:30px;padding:0 20px 0 1px;font-size:12px}.snapshot-time{color:#979d8f;white-space:nowrap;font-size:12px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:9px;min-height:117px;padding:17px 18px 15px}.metric-top{color:#848d77;justify-content:space-between;align-items:center;gap:10px;font-size:12px;display:flex}.metric-top svg{color:#96a18a}.metric>strong{letter-spacing:-.9px;margin:13px 0 8px;font-size:29px;font-weight:600;line-height:1.1;display:block}.metric-note{color:#9a9f93;font-size:12px;line-height:1.5;display:block}.metric-highlight{border-top-color:#dfcbaa}.metric-highlight .metric-top>svg{color:#bf9764}.metric-denominator{color:#aeb5a4;letter-spacing:-.5px;font-size:19px}.metric-unit{letter-spacing:0;color:#99a18e;margin-left:4px;font-size:14px;font-weight:400}.panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:9px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:20px 20px 18px;display:flex}.panel-heading h2,h2{color:#424b38;letter-spacing:-.1px;margin:0;font-size:13px;font-weight:600}.panel-heading p{color:#a0a694;margin:7px 0 0;font-size:12px;line-height:1.55}.count-pill{color:#8d957f;text-align:center;vertical-align:middle;background:#f1f2eb;border-radius:4px;min-width:20px;margin-left:6px;font-size:12px;font-weight:400;line-height:20px;display:inline-block}.search-input{color:#a4ac9a;border:1px solid #e3e7db;border-radius:6px;align-items:center;gap:7px;height:32px;padding:0 9px;display:flex}.search-input input{color:#57624b;outline-offset:4px;background:0 0;border:0;max-width:170px;font-size:12px}.search-input input::placeholder{color:#a3aa98}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}.data-table th{text-align:left;color:#909a82;background:#f7f8f3;border-top:1px solid #eff0e9;border-bottom:1px solid #e9ece1;height:35px;padding:0 20px;font-size:12px;font-weight:500}.data-table td{vertical-align:middle;color:#667158;border-bottom:1px solid #f0f2e9;padding:17px 20px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fcfcf9}.data-table .align-right{text-align:right}.device-table td:first-child{align-items:center;gap:11px;min-height:76px;display:flex}.cell-stack{flex-direction:column;gap:6px;display:inline-flex}.cell-stack>strong{color:#49543c;font-size:12px;font-weight:600}.cell-stack>strong small{color:#a1ab94;margin-left:6px;font-size:12px;font-weight:400}.cell-stack>span{color:#9aa48e;font-size:12px}.device-symbol{color:#96a38a;background:#f1f3ec;border:1px solid #e4e9db;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:34px;display:flex}.device-symbol-pending{color:#c0a171;background:#fcf4e8;border-color:#f0dfc4}.badge{white-space:nowrap;color:#9a9f8f;background:#f3f4ee;border:1px solid #e7e9df;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:3px 7px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.badge-green{color:#74895e;background:#edf3e6;border-color:#e0e9d4}.badge-amber{color:#ad8d45;background:#fcf2dc;border-color:#f1e5c8}.badge-red{color:#b07568;background:#fbece8;border-color:#f3dcd5}.cell-note{color:#a2a998;margin-top:6px;font-size:12px;line-height:1.4;display:block}.connection{color:#758765;white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.connection i{background:#8ba978;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #f0f5eb}.connection-offline i,.connection-unknown i{background:#b7beae;box-shadow:0 0 0 3px #f4f5ef}.connection-stale i{background:#c8b575;box-shadow:0 0 0 3px #f8f5e9}.build-tag{color:#97a18a;font-family:monospace;font-size:12px}.table-footer{color:#a2aa96;background:#fcfdf9;border-top:1px solid #e9ede1;justify-content:space-between;align-items:center;gap:15px;padding:12px 20px;font-size:12px;line-height:1.6;display:flex}.table-footer span{align-items:center;gap:6px;display:flex}.legend-dot{background:#c6ae75;border-radius:50%;width:5px;height:5px}.bottom-grid{grid-template-columns:1fr 1fr;gap:17px;margin-top:21px;display:grid}.note-panel{align-items:flex-start;gap:15px;padding:22px 20px;display:flex}.note-icon{color:#9ba98a;background:#f0f3e9;border-radius:8px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.note-panel h3,h3{color:#59664a;margin:1px 0 9px;font-size:12px;font-weight:600}.note-panel p{color:#9aa48d;max-width:370px;margin:0 0 12px;font-size:12px;line-height:1.9}.text-button{color:#a07f51;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:12px;line-height:1.5;display:inline-flex}.text-button:hover{color:var(--orange)}.compact{padding:18px 18px 12px}.attention-row{text-align:left;color:#6c795c;background:#fff;border:0;border-top:1px solid #f1f3eb;align-items:center;gap:10px;width:100%;padding:12px 19px;font-size:12px;display:flex}.attention-row>span:nth-child(2){flex:1}.attention-row small{color:#a2ac96;margin-top:5px;font-size:12px;display:block}.attention-row>svg{color:#a3ad95}.incident-dot{background:#d8bb81;border-radius:50%;flex-shrink:0;width:6px;height:6px}.severity-critical{background:#d18c77}.severity-medium{background:#bac2a6}.workspace-footer{color:#9ca68d;justify-content:space-between;align-items:center;gap:20px;padding:22px 1px 0;font-size:12px;display:flex}.workspace-footer>span{align-items:center;gap:6px;display:flex}.empty{color:#adb69f;flex-direction:column;align-items:center;gap:12px;padding:45px 25px;display:flex}.empty strong{color:#798669;font-size:13px}.empty p{margin:0;font-size:12px}.subtle{color:#a1ab92;font-size:12px}.attention-panel>.subtle{padding:0 18px 15px}.charts-grid{grid-template-columns:1fr 1.2fr;gap:18px;margin-bottom:22px;display:grid}.feature-bars{padding:14px 25px 7px}.feature-bar{margin-bottom:24px}.feature-bar>div:first-child{align-items:center;gap:9px;margin-bottom:11px;display:flex}.feature-icon{color:#c08a63;background:#f7ece2;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.feature-icon.reception{color:#97aa7f;background:#eef2e7}.feature-bar strong{color:#63714f;font-size:12px}.feature-bar>div>span:last-child{color:#7d896c;margin-left:auto;font-size:12px}.feature-bar small{color:#acb59d;margin-left:4px;font-size:12px}.progress-track{background:#f1f3ec;border-radius:4px;height:9px;overflow:hidden}.progress-fill{background:#c4794d;border-radius:4px;min-width:0;height:100%;display:block}.progress-fill.reception{background:#a1b785}.feature-bar p{color:#a1ac92;margin:8px 0 0;font-size:12px}.card-footnote{color:#a4af95;background:#fcfdf9;border-top:1px solid #eef1e7;align-items:center;gap:7px;padding:13px 20px;font-size:12px;line-height:1.6;display:flex}.chart-legend{color:#98a287;align-items:center;gap:17px;padding:0 20px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:5px;display:flex}.chart-legend i{background:#c4794d;border-radius:2px;width:7px;height:7px}.chart-legend i.reception,.chart-legend i.failed{background:#a1b785}.bar-chart{height:194px;margin:18px 23px 0 28px;padding-bottom:22px;position:relative}.chart-gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0 0 20px}.chart-gridlines span{border-top:1px dashed #e9ede1;width:100%;height:0}.bar-columns{z-index:1;justify-content:space-around;gap:13px;height:100%;display:flex;position:relative}.bar-column{flex-direction:column;flex:1;align-items:center;min-width:0;height:100%;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.bar{background:#c77d52;border-radius:3px 3px 0 0;width:13px;min-height:0;display:block}.bar.reception{background:#acbd94}.bar-label{color:#a3ac96;font-size:12px;position:absolute;bottom:-20px}.bar-chart-dense .bar-columns,.bar-chart-dense .bar-pair{gap:1px}.bar-chart-dense .bar{width:4px}.bar-chart-dense .bar-label{font-size:12px}.chart-data{color:#9eaa8e;border-top:1px solid #eef1e7;margin-top:14px;padding:13px 20px;font-size:12px}.chart-data summary{cursor:pointer;align-items:center;gap:4px;list-style:none;display:flex}.chart-data summary::-webkit-details-marker{display:none}.chart-data[open] summary svg{transform:rotate(90deg)}.chart-data table{border-collapse:collapse;white-space:nowrap;width:100%;margin-top:12px;font-size:12px}.chart-data th,.chart-data td{text-align:left;border-bottom:1px solid #eef1e6;padding:8px 7px;font-weight:400}.chart-data th{color:#7d8a6b;font-weight:600}.definition-panel{justify-content:space-between;align-items:center;gap:30px;padding:24px;display:flex}.definition-panel>div:first-child{max-width:490px;padding-left:57px;position:relative}.definition-icon{color:#9eb18a;background:#f0f4e7;border-radius:9px;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:0;left:0}.definition-panel h3{font-size:12px}.definition-panel p{color:#a1ad91;margin:0;font-size:12px;line-height:1.9}.definition-numbers{flex-shrink:0;gap:27px;display:flex}.definition-numbers>span{color:#a1ad91;flex-direction:column;gap:8px;font-size:12px;display:flex}.definition-numbers strong{color:#758762;font-size:21px;font-weight:500}.traffic-chart-panel>.panel-heading .chart-legend{padding:0}.traffic-chart{gap:19px;height:230px;padding:15px 27px 7px 20px;display:flex}.traffic-axis{color:#a5af96;text-align:right;flex-direction:column;justify-content:space-between;width:32px;padding-bottom:23px;font-size:12px;display:flex}.traffic-plot{flex:1;min-width:0;position:relative}.traffic-plot>svg{z-index:1;width:100%;height:calc(100% - 23px);display:block;position:relative;overflow:visible}.traffic-x-axis{color:#a3af93;justify-content:space-between;height:23px;padding-top:11px;font-size:12px;display:flex}.traffic-x-axis>span{white-space:nowrap;justify-content:center;width:0;display:flex}.traffic-plot>.chart-gridlines{bottom:23px}.traffic-details{padding:21px}.traffic-details h2{margin-bottom:15px}.traffic-details>div{color:#9eaa8d;border-bottom:1px solid #eff2e7;justify-content:space-between;align-items:center;padding:11px 0;font-size:12px;display:flex}.traffic-details strong{color:#7d8b6a;font-size:12px;font-weight:500}.traffic-details>p{color:#acb69c;margin:13px 0 0;font-size:12px;line-height:1.8}.traffic-note{align-items:center}.mini-label{letter-spacing:1.4px;color:#a0af8a;padding:6px 0;font-size:12px;display:inline-block}.incident-table{white-space:normal}.incident-table td{padding-top:20px;padding-bottom:20px}.incident-table .cell-stack>strong,.incident-table .cell-stack>span{font-size:12px;line-height:1.6}.mono{font-family:monospace}.next-step-label{white-space:nowrap;font-size:12px}.repair-pipeline{margin-top:22px}.pipeline-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;padding:4px 24px 25px;display:grid}.pipeline-steps>div{position:relative}.pipeline-steps>div:not(:last-child):after{content:"";border-top:1px dashed #dfe6d3;position:absolute;top:20px;left:53px;right:-12px}.pipeline-step-icon{color:#a2b08d;background:#f8faf2;border:1px solid #e7ecdf;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:13px;display:flex}.pipeline-steps small{color:#b5bea7;margin-bottom:6px;font-size:12px;display:block}.pipeline-steps strong{color:#7e8d69;font-size:12px;font-weight:500;display:block}.pipeline-steps p{color:#a9b59a;margin:7px 0 0;font-size:12px;line-height:1.6}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#27311e50;justify-content:flex-end;animation:.12s fade-in;display:flex;position:fixed;inset:0}.detail-panel{background:#fff;width:480px;max-width:100%;padding:24px 29px 30px;animation:.2s slide-in;overflow-y:auto;box-shadow:-15px 0 60px #18220e15}.detail-top{letter-spacing:1px;color:#a2ad92;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:12px;display:flex}.detail-title{margin-bottom:25px}.detail-icon{color:#9bac87;background:#f2f5ec;border:1px solid #e6ecdc;border-radius:11px;place-items:center;width:53px;height:53px;margin-bottom:17px;display:grid}.detail-icon.warning{color:#c99c65;background:#fcf2e7;border-color:#f0e2cc}.detail-title>.badge{margin-bottom:9px}.device-code{color:#acb79d;letter-spacing:.5px;margin-bottom:8px;font-family:monospace;font-size:12px;display:block}.detail-title h2{color:#47563a;letter-spacing:-.6px;margin:0 0 9px;font-size:25px;line-height:1.25}.detail-title p{color:#98a48a;margin:0;font-size:12px;line-height:1.8}.detail-statuses{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px;display:grid}.detail-statuses>div{background:#fafbf7;border:1px solid #e7ecdf;border-radius:7px;padding:12px}.detail-statuses>div>span:first-child{color:#9ba68e;margin-bottom:8px;font-size:12px;display:block}.detail-section{margin:24px 0}.detail-section>h3{font-size:12px}.detail-section>p{color:#9ca98c;margin:0 0 15px;font-size:12px;line-height:1.9}.button-row{flex-wrap:wrap;gap:9px;display:flex}.button-row>.button{flex:1}.confirm-policy{background:#fffcf6;border:1px solid #e8e0d0;border-radius:7px;padding:15px}.confirm-policy h4{color:#9e8558;margin:0 0 14px;font-size:12px}.field-label{color:#a89a80;margin-bottom:7px;font-size:12px;display:block}.text-field{color:#758266;background:#fff;border:1px solid #e2e3d4;border-radius:5px;width:100%;margin-bottom:13px;padding:9px 10px;font-size:12px}.microcopy{color:#a69d86;margin:12px 0 0;font-size:12px;line-height:1.7}.receipt-card{background:#f5f8ef;border:1px solid #e5ebda;border-radius:8px;margin:23px 0;padding:15px}.receipt-pending{background:#fffbf2;border-color:#eee2c9}.receipt-title{color:#8d9c77;align-items:center;gap:8px;font-size:12px;display:flex}.receipt-pending .receipt-title{color:#b29964}.receipt-grid{grid-template-columns:1fr 1fr 1fr;gap:9px;margin-top:17px;display:grid}.receipt-grid span{color:#a9ac99;font-size:12px;line-height:1.7}.receipt-grid strong{color:#899479;margin-top:6px;font-size:12px;font-weight:500;display:block}.receipt-card p{color:#a9a18b;margin:14px 0;font-size:12px;line-height:1.9}.receipt-card>small{color:#b7aa8e;margin-top:8px;font-size:12px;display:block}.full-width{width:100%}.space-top{margin-top:10px}.detail-facts{margin:22px 0}.detail-facts>div{color:#a1ae90;border-bottom:1px solid #eef1e7;justify-content:space-between;align-items:flex-start;gap:16px;padding:12px 0;font-size:12px;display:flex}.detail-facts strong{color:#83956b;text-align:right;font-weight:400;line-height:1.6}.inset-card{background:#f7f9f1;border:1px solid #e7ecdc;border-radius:8px;margin:21px 0;padding:16px}.inset-card h3{color:#869a6c;font-size:12px}.inset-card p{color:#a0ad90;margin:0;font-size:12px;line-height:1.9}.warning-card{background:#fcf7ed;border-color:#eee1c8}.warning-card h3{color:#af945b}.event-list>div{gap:11px;margin:17px 0;display:flex}.event-list>div>i{background:#b1c093;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:4px}.event-list strong{color:#879a6c;font-size:12px;font-weight:500}.event-list p{color:#a7b197;margin:5px 0;font-size:12px;line-height:1.7}.event-list small{color:#bdc5b0;font-size:12px}.detail-disclaimer{color:#b1bca0;border-top:1px solid #edf1e4;margin-top:24px;padding-top:15px;font-size:12px;line-height:1.9}.detail-disclaimer>svg{vertical-align:middle;margin-right:4px}.brief-ready{color:#9aae81;background:#f2f7e9;border:1px solid #dfebcd;border-radius:7px;align-items:flex-start;gap:9px;margin-top:15px;padding:15px;display:flex}.brief-ready strong{font-size:12px}.brief-ready p{color:#a6b894;margin:6px 0 10px;font-size:12px;line-height:1.7}.brief-ready .text-button{color:#8fa872}.setup-list{margin:26px 0}.setup-list>div{border-bottom:1px solid #eef1e7;align-items:center;gap:13px;padding:15px 0;display:flex}.setup-list-icon{color:#a2b28a;background:#f4f7ed;border-radius:7px;flex-shrink:0;place-items:center;width:35px;height:35px;display:grid}.setup-list>div>div{flex:1}.setup-list strong{color:#8a9c72;font-size:12px;font-weight:500}.setup-list p{color:#a7b596;margin:5px 0 0;font-size:12px;line-height:1.7}.toast{color:#83966c;z-index:80;background:#f8fbf0;border:1px solid #d4dfc4;border-radius:9px;align-items:center;gap:10px;max-width:min(90vw,590px);padding:12px 14px;font-size:12px;line-height:1.7;display:flex;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 7px 35px #35442516}.toast>svg{flex-shrink:0}.toast>.icon-button{margin-left:8px}.loading{color:#8c9c77;justify-content:center;align-items:center;gap:13px;min-height:100vh;font-size:13px;display:flex}.spin{animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:.5;transform:translate(25px)}to{opacity:1;transform:translate(0)}}@media (min-width:1600px){.workspace{padding:40px 48px 25px}.topbar{padding:0 48px}.sidebar{width:240px}.main-shell{margin-left:240px}.metrics-grid{gap:20px}.metric{padding:21px 23px}.metric-top,.metric-note{font-size:12px}.metric>strong{font-size:34px}.data-table td{padding-top:21px;padding-bottom:21px}.data-table,.cell-stack>strong,.cell-stack>span,.badge,.connection,.button,.button-small{font-size:12px}.page-heading p{font-size:13px}h1{font-size:34px}.panel-heading h2{font-size:15px}.panel-heading p{font-size:12px}}@media (max-width:1200px){.sidebar{width:200px;padding-left:13px;padding-right:13px}.main-shell{margin-left:200px}.workspace{padding:28px 24px 20px}.topbar{padding:0 24px}.brand{font-size:24px}.metrics-grid{gap:10px}.metric{padding:15px 13px}.metric-top,.metric-note{font-size:12px}.metric>strong{font-size:27px}.snapshot-time{display:none}.table-scroll>.data-table{min-width:650px}.filters select{max-width:160px}.panel-heading{padding:18px 16px}.data-table td,.data-table th{padding-left:16px;padding-right:16px}.definition-panel{gap:20px}.definition-numbers{gap:15px}.definition-panel>div:first-child{padding-left:48px}.note-panel{gap:11px;padding:18px 16px}.note-icon{width:35px;height:35px}.traffic-chart{padding-right:25px}.incident-table{min-width:760px!important}.pipeline-steps{gap:15px}.demo-banner,.demo-banner button,.page-heading p{font-size:12px}}@media (max-width:1000px){.sidebar{width:182px}.main-shell{margin-left:182px}.brand{font-size:22px}.internal-label{font-size:12px}.nav-item{gap:10px;font-size:12px}.workspace{padding:25px 20px 18px}.topbar{padding:0 20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-height:111px}.metric-top,.metric-note{font-size:12px}.bottom-grid,.charts-grid{grid-template-columns:1fr}.charts-grid{gap:17px}.bar-chart{height:210px}.demo-banner{align-items:flex-start}.demo-banner button{padding-top:3px;font-size:0}.demo-banner button>svg{width:15px;height:15px}.demo-banner button:focus-visible{font-size:12px}.definition-panel{flex-direction:column;align-items:flex-start}.definition-numbers{border-top:1px solid #edf1e5;justify-content:space-around;width:100%;padding-top:17px}.pipeline-steps{gap:13px;padding-left:18px;padding-right:18px}.pipeline-steps>div:not(:last-child):after{left:45px;right:-6px}.pipeline-steps strong,.pipeline-steps p{font-size:12px}.pipeline-step-icon{width:34px;height:34px}.pipeline-steps>div:not(:last-child):after{top:17px}.page-heading{align-items:flex-start}h1{font-size:27px}.reset-button{min-width:31px;margin-top:26px;padding:8px;font-size:0}.reset-button>svg{width:13px;height:13px}.filters label{height:32px}.filters select{max-width:145px;font-size:12px}.filters label>svg{width:13px;height:13px}.workspace-footer{align-items:flex-start;font-size:12px;line-height:1.7}.panel-heading>.badge{font-size:12px}}@media (max-width:740px){.sidebar{align-items:center;width:72px;padding:25px 10px 0}.brand{letter-spacing:0;padding-left:0;font-size:0}.brand span{font-size:30px;position:static}.internal-label,.nav-caption,.nav-item>span:not(.nav-count),.privacy-card,.setup-button>span,.profile>div,.profile>svg{display:none}.sidebar nav{gap:12px;width:100%;margin-top:35px}.nav-item{justify-content:center;height:42px;padding:0;position:relative}.nav-count{min-width:14px;height:14px;font-size:12px;line-height:14px;position:absolute;top:-4px;right:-3px}.nav-item.active{box-shadow:none}.sidebar-bottom{width:100%}.setup-button{justify-content:center;padding:18px 0}.profile{justify-content:center;padding:17px 0}.main-shell{margin-left:72px}.workspace{padding:24px 18px 18px}.topbar{height:61px;padding:0 18px}.topbar-right{gap:11px}.breadcrumb{gap:7px;font-size:12px}.demo-label{font-size:12px}.avatar-small{display:none}.page-heading{margin-bottom:20px}.eyebrow{margin-bottom:10px;font-size:12px}h1{max-width:380px;font-size:25px}.page-heading p{font-size:12px}.demo-banner{margin-bottom:19px;padding:10px 11px}.filter-group{gap:6px}.filters label{padding:0 7px}.filters select{max-width:140px;padding-right:9px}.metrics-grid{margin-bottom:18px}.metric>strong{font-size:27px}.panel-heading{align-items:flex-start;gap:10px}.search-input{max-width:160px}.search-input input{max-width:110px;font-size:12px}.device-table-panel>.panel-heading{flex-direction:column}.search-input,.search-input input{width:100%;max-width:none}.table-footer{align-items:flex-start;padding:11px 15px;font-size:12px}.table-footer>span:last-child{max-width:190px}.bottom-grid{margin-top:17px}.workspace-footer>span:last-child{display:none}.pipeline-steps{grid-template-columns:repeat(3,1fr);gap:23px}.pipeline-steps>div:nth-child(3):after{display:none}.pipeline-steps>div:not(:last-child):after{right:3px}.repair-pipeline>.panel-heading{flex-direction:column}.traffic-chart{height:210px}.traffic-chart-panel>.panel-heading{flex-direction:column}.metric-note,.chart-legend,.panel-heading p{font-size:12px}.snapshot-time{display:none}.toast{font-size:12px;bottom:16px}.traffic-note{align-items:flex-start}.detail-panel{padding:22px 24px}.receipt-grid{gap:7px}}@media (max-width:480px){.sidebar{width:57px;padding:21px 7px 0}.main-shell{margin-left:57px}.brand span{font-size:25px}.sidebar nav{margin-top:28px}.nav-item{height:39px}.nav-item>svg{width:18px;height:18px}.profile .avatar{width:27px;height:27px;font-size:12px}.workspace{padding:21px 13px 17px}.topbar{height:55px;padding:0 13px}.topbar-right{gap:7px}.demo-label{font-size:12px}.breadcrumb{gap:5px;font-size:12px}.topbar-right .icon-button{padding:5px}.topbar-right .icon-button svg{width:16px;height:16px}h1{letter-spacing:-.9px;font-size:23px}.page-heading{gap:8px}.eyebrow{letter-spacing:1.4px;font-size:12px}.page-heading p{font-size:12px;line-height:1.8}.reset-button{min-width:27px;min-height:27px;margin-top:22px;padding:5px}.demo-banner{gap:7px;padding:9px;font-size:12px;line-height:1.9}.demo-banner>div{align-items:flex-start;gap:7px}.demo-indicator{padding-top:3px}.demo-banner button{padding-top:4px}.demo-banner button>svg{width:13px;height:13px}.filters{margin-bottom:15px}.filter-group{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.filters label{min-width:0;height:31px}.filters select{width:100%;min-width:0;max-width:100%;font-size:12px}.filters label>svg{flex-shrink:0;width:11px}.metrics-grid{gap:8px}.metric{border-radius:7px;min-height:104px;padding:12px 11px}.metric-top{gap:5px;font-size:12px;line-height:1.5}.metric-top>svg{flex-shrink:0;width:13px;height:13px}.metric>strong{margin:10px 0 7px;font-size:24px}.metric-note{font-size:12px}.metric-denominator{font-size:16px}.metric-unit{font-size:12px}.panel{border-radius:7px}.panel-heading{padding:15px 13px}.panel-heading h2,.panel-heading p{font-size:12px}.table-footer{flex-direction:column;gap:6px}.table-footer>span:last-child{max-width:none}.note-panel{gap:10px;padding:18px 13px}.note-panel h3{font-size:12px}.note-panel p{font-size:12px;line-height:1.9}.note-icon{width:30px;height:30px}.note-icon>svg{width:18px;height:18px}.attention-row{padding:12px 13px;font-size:12px}.attention-row small{font-size:12px}.compact{padding:15px 13px 11px}.text-button,.workspace-footer{font-size:12px}.workspace-footer>span{align-items:flex-start}.feature-bars{padding:9px 15px 0}.feature-bar strong,.feature-bar>div>span:last-child,.feature-bar small{font-size:12px}.feature-icon{width:25px;height:25px}.feature-icon svg{width:15px;height:15px}.card-footnote{align-items:flex-start;padding:11px 13px;font-size:12px}.card-footnote svg{flex-shrink:0;width:12px}.chart-legend{gap:10px;padding:0 13px;font-size:12px}.bar-chart{height:175px;margin:20px 16px 0}.bar-columns{gap:6px}.bar-pair{gap:3px}.bar{width:10px}.bar-label{font-size:12px}.bar-chart-dense .bar-pair{gap:0}.bar-chart-dense .bar{width:3px}.bar-chart-dense .bar-label{font-size:12px}.chart-data{padding:12px 13px;font-size:12px}.chart-data table{font-size:12px}.definition-panel{padding:17px 13px}.definition-panel>div:first-child{padding-left:42px}.definition-icon{width:31px;height:31px}.definition-icon svg{width:19px;height:19px}.definition-panel h3{font-size:12px;line-height:1.6}.definition-panel p{font-size:12px}.definition-numbers{justify-content:space-between;gap:9px}.definition-numbers>span{font-size:12px}.definition-numbers strong{font-size:19px}.traffic-chart{gap:10px;height:190px;padding-left:9px;padding-right:20px}.traffic-axis{width:28px;font-size:12px}.traffic-x-axis{font-size:12px}.traffic-details{padding:17px 13px}.traffic-details h2,.traffic-details>div,.traffic-details strong{font-size:12px}.pipeline-steps{gap:20px 13px;padding:5px 13px 19px}.pipeline-steps p{font-size:12px}.pipeline-steps strong{font-size:12px;line-height:1.7}.pipeline-step-icon{width:31px;height:31px}.pipeline-steps>div:not(:last-child):after{top:15px;left:40px;right:-6px}.detail-panel{padding:20px 21px}.detail-title h2{font-size:24px}.detail-top{font-size:12px}.receipt-grid{grid-template-columns:1fr 1fr}.receipt-grid span:last-child{grid-column:1/-1}.receipt-grid span:last-child strong{margin-left:10px;display:inline}.setup-list>div{gap:10px}.setup-list strong,.setup-list p{font-size:12px}.toast{gap:8px;max-width:93vw;padding:11px 12px}.toast>.icon-button{margin-left:0}.button,.detail-facts>div,.detail-title p,.detail-section>p{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-heading p,.metric-top,.panel-heading p,.note-panel p,.cell-stack>span,.cell-note,.build-tag,.metric-note,.snapshot-time,.demo-label,.breadcrumb,.workspace-footer,.table-footer,.filters select,.search-input input::placeholder,.subtle,.chart-legend,.feature-bar p,.feature-bar small,.feature-bar>div>span:last-child,.feature-bars strong,.bar-label,.traffic-axis,.traffic-x-axis,.chart-data,.definition-panel p,.definition-numbers>span,.traffic-details>div,.traffic-details>p,.pipeline-steps p,.pipeline-steps small,.mini-label,.card-footnote,.detail-top,.detail-title p,.device-code,.detail-statuses>div>span:first-child,.detail-section>p,.detail-facts>div,.detail-facts strong,.inset-card p,.receipt-grid span,.receipt-grid strong,.receipt-card p,.receipt-card>small,.detail-disclaimer,.event-list p,.event-list small,.setup-list p,.brief-ready p,.field-label,.microcopy{color:#6f7b62}.badge-green{color:#55723c}.badge-amber{color:#916e29}.connection{color:#5e7b45}.connection-stale{color:#917935}.data-table th{color:#71815e}.demo-banner{color:#777962}.attention-row small{color:#77886a}.privacy-card p{color:#717e61}.setup-button{color:#6f7b61}.profile small{color:#718064}.detail-section>h3,.inset-card h3,.receipt-title,.setup-list strong,.event-list strong{color:#69804f}.warning-card h3,.receipt-pending .receipt-title{color:#94732e}.warning-card p{color:#8c7951}.definition-numbers strong{color:#687f4e}.pipeline-steps strong{color:#71825c}.badge{color:#58634c}.badge-green,.connection{color:#486b36}.badge-amber,.connection-stale{color:#805b13}.badge-red{color:#9c4334}.connection-offline,.connection-unknown{color:#687160}.text-button{color:#96502d}.demo-banner,.demo-banner button,.privacy-card p{color:#656a60}.progress-track .progress-fill{margin-left:0}.status-shell{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.status-card{background:var(--panel);border:1px solid var(--line);text-align:center;max-width:460px;box-shadow:var(--shadow);border-radius:14px;padding:36px 32px}.status-card .detail-icon{margin:0 auto 14px}.status-card h1{letter-spacing:-.4px;margin:0 0 8px;font-size:22px}.status-card p{color:var(--muted);margin:0 0 18px;line-height:1.5}.status-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.status-card .microcopy{color:var(--muted);margin-top:16px;font-size:12px}.live-label i{background:var(--sage)}.demo-label-stale i{background:var(--amber)}.stale-banner{border-color:var(--amber);background:var(--amber-tint)}.panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.form-stack{flex-direction:column;gap:8px;margin:18px 0;display:flex}.form-error{color:var(--red);margin:4px 0 0;font-size:13px}.token-box{word-break:break-all;background:var(--bg);border:1px solid var(--line);-webkit-user-select:all;user-select:all;border-radius:8px;padding:14px;font-size:13px;line-height:1.5;display:block}.auth-card{text-align:left}.auth-card .eyebrow{margin-bottom:6px}.auth-card h1{margin-bottom:14px}.auth-card>.detail-icon{margin:0 0 12px}.auth-card>p{line-height:1.6}.auth-qr{border:1px solid var(--line);background:#fff;border-radius:10px;margin:10px auto;padding:10px;display:block}.auth-card .text-button{cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;display:inline-block}.update-state{font-weight:600}.update-ok{color:#486b36}.update-attention{color:#805b13}.update-bad{color:#9c4334}.update-muted{color:#687160;font-weight:400}
