:root{--bg:#f6f6f7;--white:#fff;--ink:#202123;--muted:#7e7f81;--line:#e8e9eb;--lime:#0267e5;--green:#4c8056;--green-bg:#edf5eb;--orange:#b77b2e;--orange-bg:#fcf4e7;--red:#ba5b50;--red-bg:#fbeeea;--radius:13px;--sidebar:230px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:13px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6fa9f1;outline-offset:3px}a{color:inherit;text-decoration:none}svg{display:block}i[data-icon]{display:inline-flex;flex-shrink:0}i[data-icon] svg{width:18px;height:18px;stroke-width:1.65}button{transition:background .16s,box-shadow .16s,transform .16s}button:active:not(:disabled){transform:translateY(1px)}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;width:var(--sidebar);background:#191a1c;color:#a8a9ac;display:flex;flex-direction:column;padding:27px 15px 0}.wordmark{display:flex;align-items:center;gap:10px;color:white;font-size:28px;font-weight:750;letter-spacing:-1.45px;margin:0 12px 29px}.wordmark span{font-size:8px;letter-spacing:1.6px;font-weight:500;border-left:1px solid #525457;padding-left:10px;color:#bbbdc0;line-height:25px}.workspace-switch{display:flex;align-items:center;gap:10px;border:1px solid #37383b;background:#242527;border-radius:9px;padding:11px 9px;text-align:left;color:#eaebec;font-size:11px;margin-bottom:30px}.workspace-switch>span:nth-child(2){flex:1;white-space:nowrap;font-weight:550}.workspace-switch small{display:block;color:#9a9ca0;font-size:10px;margin-top:4px;font-weight:400}.workspace-icon{width:29px;height:30px;background:#3c3e43;color:#d3dced;border-radius:7px;display:grid;place-items:center;font-size:16px;font-weight:650}.workspace-switch svg{width:13px!important}.nav-label{color:#74777b;font-size:9px;font-weight:600;letter-spacing:1.5px;padding:0 14px 12px}.nav-item{display:flex;align-items:center;width:100%;gap:12px;border:0;background:transparent;color:#acadb0;font-size:12px;font-weight:500;text-align:left;border-radius:7px;padding:12px 14px;margin:3px 0;position:relative}.nav-item:hover{background:#282a2d;color:white}.nav-item.active{background:#0267e5;color:#2d2f33}.nav-item.active svg{stroke-width:2}.nav-item .nav-count{font-size:10px;margin-left:auto;color:#abadb0;background:#323336;border-radius:4px;padding:2px 5px;min-width:24px;text-align:center}.nav-item.active .nav-count{background:#c1cad9;color:#44474c}.nav-separator{height:1px;background:#303134;margin:21px 12px}.sidebar-bottom{margin-top:auto;padding-top:30px}.demo-callout{margin:10px 6px 22px;padding:14px 12px;background:radial-gradient(ellipse at 95% 5%,#404348 0,transparent 70%),#282a2d;border:1px solid #3f4146;border-radius:10px;font-size:10px}.demo-spark{display:block;color:#0267e5;margin-bottom:15px}.demo-spark svg{width:20px!important;height:20px!important}.demo-callout strong{color:#e7e9ec;font-size:11px;font-weight:550;display:block}.demo-callout p{color:#9ea1a6;margin:7px 0 16px;font-size:10px}.demo-callout button{display:flex;align-items:center;gap:15px;background:transparent;border:0;color:#0267e5;padding:0;font-size:10px;font-weight:550}.demo-callout button svg{width:14px!important}.settings-item{font-size:11px}.profile{display:flex;align-items:center;gap:10px;background:transparent;width:100%;border:0;border-top:1px solid #353639;color:#e8e9eb;padding:19px 7px 21px;margin-top:10px;text-align:left;font-size:11px}.profile>span:nth-child(2){flex:1;font-weight:500}.profile small{display:block;font-size:10px;color:#929498;margin-top:4px}.profile>i svg{width:13px!important}.avatar{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;font-weight:600;border-radius:8px;width:34px;height:34px;font-size:10px;letter-spacing:.1px}.profile-avatar{background:#e6d9c7;color:#5d5145}.main-shell{margin-left:var(--sidebar);min-height:100vh;display:flex;flex-direction:column}.topbar{height:74px;display:flex;align-items:center;gap:26px;padding:0 31px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px;white-space:nowrap}.breadcrumbs>span{color:#98999b}.breadcrumbs strong{font-weight:500}.breadcrumbs svg{width:11px!important;color:#b0b1b4}.global-search{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#949598;margin-left:32px;font-size:11px;padding:8px}.global-search svg{width:16px!important}.global-search kbd{border:1px solid #e7e8ea;background:#f8f9fa;border-radius:4px;font-size:9px;padding:3px 5px;margin-left:10px;font-family:inherit;color:#9a9c9f}.topbar-end{margin-left:auto;display:flex;align-items:center;gap:18px}.prototype-badge{font-size:10px;white-space:nowrap;color:#777a80;display:flex;align-items:center;gap:5px}.prototype-badge>span{width:5px;height:5px;background:#9aa1ad;border-radius:50%;margin-right:2px}.prototype-badge b{font-weight:400;color:#b2b5b9}.icon-button{display:grid;place-items:center;width:32px;height:32px;border:0;background:transparent;border-radius:6px;color:#76787b}.icon-button:hover{background:#eeeff1}.icon-button svg{width:17px!important;height:17px!important}.notification-button{position:relative}.notification-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;background:#979eaa;border-radius:50%;border:1px solid white}.top-avatar{background:#e8dece;color:#786652;border-radius:50%;width:29px;height:29px;font-size:9px}.mobile-menu{display:none}main{padding:30px 31px 25px;flex:1;max-width:1900px;width:100%;margin:auto;outline:none}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:9px;font-weight:550;letter-spacing:1.6px;color:#8e9095;margin:0 0 10px}.page-heading h1{font-weight:600;font-size:27px;letter-spacing:-.9px;line-height:1.25;margin:0 0 9px}.page-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.heading-actions{display:flex;align-items:center;gap:9px;padding-top:7px}.btn{border:1px solid #e0e2e5;background:white;border-radius:7px;min-height:34px;padding:8px 12px;font-size:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.btn:hover{background:#f2f3f5;box-shadow:0 1px 4px #2b2d300a}.btn svg{width:14px!important;height:14px!important}.btn-primary{background:#25272a;color:white;border-color:#25272a}.btn-primary:hover{background:#3d4045}.btn-lime{background:var(--lime);border-color:var(--lime);color:#35383c}.btn-lime:hover{background:#cad3e3}.btn-danger{color:var(--red);border-color:#e8c7c0;background:#fff8f6}.btn-ghost{border:0;background:transparent;color:#6a6e75;padding:5px}.btn-ghost:hover{background:#eff0f3;box-shadow:none}.btn-small{min-height:28px;padding:5px 9px;font-size:10px}.select-button{position:relative}.select-button select{appearance:none;position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.heading-actions .btn{height:35px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.metric-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:18px 18px 14px;position:relative;overflow:hidden;min-height:137px}.metric-top{display:flex;align-items:center;gap:7px;color:#787a7e;font-size:10px;font-weight:500;margin-bottom:14px}.metric-top svg{width:14px!important;height:14px!important;color:#a4a7ad}.metric-top .source-hint{margin-left:auto;font-size:8px;color:#a6a9ad;font-weight:400}.metric-value{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.15;display:flex;align-items:baseline;gap:5px}.metric-value .metric-denom{font-size:14px;letter-spacing:0;font-weight:400;color:#9c9fa4}.metric-bottom{display:flex;gap:6px;align-items:center;font-size:9px;color:#9a9da2;margin-top:14px}.trend{font-size:9px;color:#4a7953;background:#eef6e9;border-radius:4px;padding:3px 5px;font-weight:500;display:inline-flex;align-items:center;gap:3px}.trend svg{width:10px!important;height:10px!important}.metric-spark{position:absolute;right:14px;bottom:17px;width:69px;height:29px}.metric-context{font-size:9px;margin-top:15px;color:#8b9097}.main-grid{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:19px;margin-bottom:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 21px 0}.panel-header h2{margin:0;font-size:12px;font-weight:600;letter-spacing:-.2px}.panel-header p{font-size:10px;color:#979a9e;margin:6px 0 0}.panel-header .btn-ghost{font-size:9px}.chart-summary{display:flex;align-items:center;gap:10px;padding:18px 21px 0}.chart-summary>strong{font-size:25px;font-weight:550;letter-spacing:-.7px}.chart-summary>span{font-size:10px;color:#94979d}.chart-legend{display:flex;align-items:center;gap:13px;margin-left:auto;font-size:8px;color:#888b91}.legend-dot{width:6px;height:6px;background:#0267e5;display:inline-block;border-radius:50%;margin-right:5px}.legend-dot.previous{background:#b9c7db}.chart-wrap{padding:7px 15px 5px 10px;height:190px;position:relative}.line-chart{height:100%;width:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;z-index:2;background:#25272a;color:white;border-radius:7px;padding:8px 11px;font-size:10px;box-shadow:0 4px 10px #26282b33;display:none}.chart-tooltip strong{display:block;margin-top:4px;font-size:13px}.chart-footer{padding:12px 21px;border-top:1px solid #f0f0f2;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#90949a}.chart-footer svg{height:12px!important;width:12px!important}.chart-footer>span{display:flex;align-items:center;gap:5px}.health-panel .panel-header{padding-bottom:0}.fleet-content{display:flex;align-items:center;gap:23px;padding:19px 22px 15px}.donut{width:113px;height:113px;position:relative;flex-shrink:0}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.donut-center strong{font-size:25px;font-weight:600;letter-spacing:-.7px}.donut-center small{font-size:8px;color:#94989d;margin-top:4px}.health-legend{flex:1}.health-row{display:flex;align-items:center;gap:7px;font-size:10px;margin:12px 0;color:#848890}.health-row>b{margin-left:auto;color:#4b4e54;font-size:11px;font-weight:550}.health-row .tiny-dot{width:6px;height:6px}.health-row .online{background:#0267e5}.health-row .warning{background:#e6b466}.health-row .offline{background:#d7dade}.health-notice{margin:0 20px 16px;padding:10px 11px;border-radius:7px;background:#f6f7f9;display:flex;gap:9px;align-items:center}.health-notice>i{color:#ac925b}.health-notice svg{width:15px!important;height:15px!important}.health-notice strong{display:block;font-size:9px;font-weight:500;color:#6a6f77}.health-notice small{display:block;font-size:9px;color:#999da5;margin-top:4px}.health-notice>.btn{margin-left:auto;padding:3px 4px;min-height:auto;color:#6e737c}.health-footer{border-top:1px solid #f0f0f2;display:flex;justify-content:space-between;padding:12px 21px;font-size:9px;color:#92959b}.health-footer span{display:flex;align-items:center;gap:5px}.health-footer svg{height:12px!important;width:12px!important}.source-mini{font-size:9px;font-weight:450;color:#888b91;display:inline-flex;align-items:center;gap:5px}.source-mini .brand-box{width:16px;height:16px;font-size:8px;border-radius:4px}.table-panel .panel-header{padding-bottom:20px}.table-tools{display:flex;gap:8px;align-items:center}.search-field{display:flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:7px;min-height:33px;padding:0 10px;max-width:320px}.search-field svg{width:14px!important;height:14px!important;color:#a2a6ab}.search-field input{border:0;outline:none!important;background:transparent;width:100%;min-width:0;color:var(--ink);font-size:10px;padding:8px 0}.search-field input::placeholder{color:#a3a6aa}.overview-search{width:197px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}thead{background:#fafafb}th{font-size:9px;font-weight:450;color:#8c8f95;padding:11px 19px;border-top:1px solid #ebedf0;border-bottom:1px solid #ebedf0}td{padding:13px 19px;font-size:10px;border-bottom:1px solid #ebedf0;color:#76797f}.table-panel tbody tr:last-child td{border-bottom:0}.data-row{cursor:pointer;transition:background .14s}.data-row:hover{background:#f9fafc}.data-row:focus-visible{outline:2px solid #0267e5;outline-offset:-2px}.client-cell{display:flex;align-items:center;gap:10px}.client-cell .avatar{width:31px;height:31px;border-radius:7px;font-size:9px;font-weight:600}.client-cell strong{font-size:10px;font-weight:550;color:#3a3c41;display:block}.client-cell small{display:block;font-size:9px;color:#999da3;margin-top:5px}.plan-tag{font-size:9px;border-radius:4px;padding:4px 7px;background:#f1f1ed;color:#7e8185;display:inline-flex;gap:4px;align-items:center}.plan-elite{color:#70704e;background:#f4f3e8}.plan-pro{color:#7f7291;background:#f2eef7}.plan-basic{color:#667b82;background:#edf3f3}.status{display:inline-flex;align-items:center;gap:5px;font-size:9px;border-radius:5px;padding:4px 7px;color:#5b875b;background:#f0f7eb;line-height:1}.status .tiny-dot{background:currentColor;width:4px;height:4px}.status-past_due,.status-warning,.status-attention{color:#b1833c;background:#fcf5e9}.status-offline,.status-canceled,.status-inactive{color:#8e9195;background:#eff0f2}.status-trialing{color:#787ba4;background:#f1f0fa}.status-demo{color:#7c818a;background:#f2f3f6}.mono{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:9px;letter-spacing:-.1px;color:#7c8189}.amount{color:#45494e;font-weight:500}.muted{color:#93969d}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9aa1ad;flex-shrink:0}.row-arrow{color:#a8acb3}.row-arrow svg{height:14px!important;width:14px!important}.table-footer{padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);font-size:9px;color:#93979e}.table-footer .btn{font-size:9px}.pagination{display:flex;gap:5px}.pagination button{background:#fff;border:1px solid var(--line);border-radius:5px;height:26px;min-width:27px;padding:0 7px;font-size:9px}.pagination button.selected{background:#eff1f5;border-color:#d6dbe4;color:#656a72}.pagination svg{height:12px!important;width:12px!important}.integration-strip{display:flex;align-items:center;border:1px solid var(--line);border-radius:var(--radius);background:white;padding:14px 19px;margin-top:22px;gap:22px}.integration-strip>span{font-size:10px;font-weight:500;color:#757a82;margin-right:3px}.integration-strip .source-label{display:flex;align-items:center;gap:8px;font-size:10px;color:#595d64}.integration-strip .source-label small{color:#989ca2;font-size:8px;margin-left:1px}.brand-box{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;font-size:13px;font-weight:700;letter-spacing:-.5px}.brand-stripe{background:#f0eefe;color:#6c56de}.brand-clerk{background:#f0edff;color:#7751c8}.brand-posthog{background:#fff4e8;color:#be8242}.brand-headwind{background:#e8f3f2;color:#488d8d}.integration-strip>.btn{margin-left:auto;font-size:9px}.workspace-footer{display:flex;justify-content:space-between;font-size:8px;color:#9a9ea5;margin:0 31px;padding:8px 0 18px}.workspace-footer>span:first-child{display:flex;align-items:center;gap:6px}.workspace-footer b{font-weight:400;color:#aaadb4;margin-left:6px}.toolbar{display:flex;align-items:center;gap:10px;padding:17px 20px;border-bottom:1px solid var(--line)}.toolbar .search-field{width:290px;max-width:100%}.toolbar .search-field input{font-size:11px}.filter-select{border:1px solid var(--line);background:white;border-radius:6px;padding:8px 27px 8px 10px;font-size:10px;color:#7c8189;max-width:165px}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.result-count{font-size:10px;color:#898e96}.subnav{display:flex;gap:23px;border-bottom:1px solid var(--line);margin:0 0 21px}.subnav button{background:transparent;border:0;padding:4px 1px 13px;font-size:11px;color:#989ba0;position:relative}.subnav button.active{color:#494c52;font-weight:550}.subnav button.active:after{content:"";height:2px;background:#969ca8;position:absolute;bottom:-1px;left:0;right:0}.subnav .tab-count{font-size:9px;padding:2px 5px;border-radius:4px;background:#eef0f3;margin-left:5px}.empty-state{padding:60px 25px;text-align:center;color:#8e939b;font-size:11px}.empty-state i{margin:0 auto 15px;display:flex;justify-content:center;color:#b0b5bd}.empty-state i svg{width:28px;height:28px}.empty-state strong{display:block;font-size:14px;font-weight:550;color:#686d75;margin-bottom:8px}.cards-three{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-bottom:22px}.summary-card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:21px}.summary-card .eyebrow{letter-spacing:.6px;font-size:10px}.summary-card .large-number{font-size:29px;font-weight:550;letter-spacing:-1px;margin:12px 0}.summary-card p{font-size:10px;color:#989da5;line-height:1.6;margin:0}.summary-card .status{margin-top:12px}.activity-layout{display:grid;grid-template-columns:1fr 280px;gap:20px}.activity-list{padding:0 22px}.activity-item{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #ebedf0}.activity-item:last-child{border:0}.event-icon{width:29px;height:29px;flex-shrink:0;border:1px solid #e6e9ed;background:#f6f7f9;border-radius:8px;display:grid;place-items:center;color:#868c96}.event-icon svg{width:13px!important;height:13px!important}.event-icon.billing{background:#f4f0fc;border-color:#ebe4f8;color:#9c86bf}.event-icon.device{background:#f0f6f5;border-color:#e6e9ec;color:#989fab}.activity-item strong{display:block;font-size:10px;font-weight:550;color:#5d6168;margin:2px 0 5px}.activity-item p{font-size:9px;color:#92969e;margin:0;line-height:1.7}.activity-item time{margin-left:auto;white-space:nowrap;font-size:9px;color:#a1a5ad;padding-top:3px}.activity-category{font-size:8px;color:#9b9fa7;display:block;margin-top:4px}.event-filters{padding:18px;display:flex;flex-direction:column;gap:8px}.event-filter-button{display:flex;align-items:center;padding:11px;border:1px solid transparent;border-radius:7px;background:#fff;font-size:11px;color:#8b9099;text-align:left;gap:9px}.event-filter-button.active{background:#f2f4f7;border-color:#e2e6eb;color:#696e76}.event-filter-button b{margin-left:auto;font-size:10px;font-weight:450;color:#9ca0a8}.event-filter-button svg{width:15px!important;height:15px!important}.insight-note{padding:17px;border:1px solid #e0e4ea;background:#f0f2f6;border-radius:10px;margin-top:18px;color:#777d86;font-size:10px;line-height:1.7}.insight-note strong{display:block;color:#60646c;margin-bottom:5px;font-size:11px;font-weight:550}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:22px}.integration-card{padding:24px}.integration-card-top{display:flex;align-items:center;gap:12px;margin-bottom:17px}.integration-card-top .brand-box{width:40px;height:40px;font-size:22px;border-radius:10px}.integration-card-top h2{margin:0;font-size:15px;font-weight:600;letter-spacing:-.3px}.integration-card-top p{font-size:10px;color:#a1a5ab;margin:5px 0 0}.integration-card-top .status{margin-left:auto;font-size:9px}.integration-card>p{color:#8b9097;font-size:11px;line-height:1.8;max-width:420px;margin:0 0 19px}.integration-detail{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:16px 0;border-top:1px solid #eceef1}.integration-detail span{display:block;font-size:9px;color:#a0a4ac;margin-bottom:5px}.integration-detail strong{font-size:10px;color:#7e838c;font-weight:500}.integration-card-footer{display:flex;gap:8px;padding-top:8px}.mapping-table td{white-space:normal;line-height:1.7}.info-banner{display:flex;gap:12px;align-items:center;background:#eef0f3;border:1px solid #dce0e8;border-radius:9px;padding:13px 17px;margin-bottom:22px;font-size:10px;color:#7e848e;line-height:1.7}.info-banner>i{color:#8e949f}.info-banner strong{color:#666b73;font-weight:550}.info-banner p{margin:0}.device-model{display:inline-flex;align-items:center;gap:6px;font-size:10px}.device-model svg{width:14px!important;height:14px!important;color:#8e939c}.progress-bar{height:5px;max-width:100px;border-radius:3px;background:#eaecf0;overflow:hidden;margin-top:6px}.progress-bar span{height:100%;display:block;background:#bec7d6;border-radius:3px}.simple-label{font-size:9px;color:#999ea7;margin-bottom:6px}.drawer-backdrop,.modal-backdrop{position:fixed;inset:0;background:#1c1e2038;z-index:100;animation:fade-in .16s}.drawer{position:absolute;right:0;top:0;bottom:0;width:610px;max-width:100vw;background:#fbfbfc;box-shadow:-10px 0 50px #1c1e2014;display:flex;flex-direction:column;animation:slide-in .23s cubic-bezier(.2,.75,.2,1)}.drawer-top{padding:19px 25px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:8px;font-size:10px;color:#979ca4}.drawer-top .icon-button{margin-left:auto}.drawer-top>i svg{height:12px!important;width:12px!important}.drawer-identity{display:flex;align-items:center;gap:14px;padding:25px 27px 23px;background:white}.drawer-identity .avatar{width:48px;height:48px;font-size:15px;border-radius:11px}.drawer-identity h2{font-size:20px;font-weight:550;letter-spacing:-.5px;margin:0 0 7px}.drawer-identity p{font-size:10px;color:#9499a1;margin:0}.drawer-identity .status{margin-left:auto}.drawer-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);background:white;padding:0 27px}.drawer-tabs button{background:transparent;border:0;padding:10px 0 14px;color:#9da2aa;font-size:10px;position:relative}.drawer-tabs button.active{color:#676c74}.drawer-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;background:#9097a2;height:2px}.drawer-body{overflow:auto;padding:24px 27px;flex:1}.drawer-body .panel{margin-bottom:18px}.drawer-body .panel-header{padding:17px 18px}.drawer-body .panel-header h2{font-size:11px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px;padding:0 18px 18px}.detail-grid dt{font-size:9px;color:#9fa4ac;margin-bottom:7px}.detail-grid dd{font-size:11px;margin:0;color:#6c7179}.detail-grid .full{grid-column:1/-1}.detail-grid dd.inline{display:flex;align-items:center;gap:8px}.detail-grid dd.inline .icon-button{width:20px;height:20px}.detail-grid dd.inline .icon-button svg{width:12px!important;height:12px!important}.drawer-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}.drawer-kpi{padding:15px;background:white;border:1px solid var(--line);border-radius:9px}.drawer-kpi small{color:#999ea6;font-size:9px;display:block;margin-bottom:11px}.drawer-kpi strong{font-size:22px;font-weight:500;letter-spacing:-.5px;color:#585c63}.drawer-footer{border-top:1px solid var(--line);padding:15px 25px;display:flex;justify-content:space-between;background:#fff;align-items:center;gap:10px}.drawer-footer span{color:#a2a6ad;font-size:9px}.drawer-footer .btn{font-size:10px}.drawer-body table td{padding:12px 15px;font-size:10px}.drawer-body table th{padding:10px 15px}.drawer-body .activity-list{padding:0 17px}.identity-mapping{padding:0 18px 9px}.mapping-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eff0f3;font-size:10px;color:#888d97}.mapping-row:last-child{border:0}.mapping-row>.mono{margin-left:auto;font-size:9px;max-width:65%;overflow:hidden;text-overflow:ellipsis}.mapping-row .brand-box{width:21px;height:21px;font-size:11px}.mapping-row .icon-button{width:20px;height:20px}.mapping-row .icon-button svg{width:12px!important;height:12px!important}.member-row{padding:14px 17px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.member-row .avatar{width:30px;height:30px;background:#eef0f4;color:#828892;font-size:9px}.member-row strong{font-size:10px;font-weight:500;color:#6c7179;display:block}.member-row small{display:block;font-size:9px;color:#9ba0a8;margin-top:5px}.member-row .role{margin-left:auto;font-size:9px;color:#9ba0a8}.mdm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.device-preview{height:110px;background:radial-gradient(ellipse at 50% 90%,#e4e7ed,transparent 65%),#f2f4f6;display:grid;place-items:center;position:relative}.device-illustration{width:135px;height:79px;border-radius:6px;background:#282a2d;border:5px solid #3f4144;box-shadow:0 5px 8px #3d404518;display:flex;align-items:center;justify-content:center;color:#0267e5;font-family:"SFMono-Regular",Consolas,monospace;font-size:23px;letter-spacing:-1px;position:relative}.device-illustration:after{content:"";position:absolute;width:47px;height:4px;background:#bbc0c8;bottom:-12px;border-radius:3px}.device-illustration:before{content:"";position:absolute;width:12px;height:7px;background:#bbc0c8;bottom:-9px}.device-preview-label{position:absolute;right:13px;top:13px;color:#9ea3aa;font-size:8px}.modal-backdrop{display:flex;align-items:center;justify-content:center;padding:20px}.modal{width:480px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border:1px solid #e2e4e8;border-radius:14px;box-shadow:0 20px 70px #1c1e2024;animation:modal-in .17s}.modal-header{display:flex;align-items:center;padding:20px 23px;border-bottom:1px solid var(--line);gap:12px}.modal-header h2{font-size:15px;letter-spacing:-.3px;font-weight:550;margin:0}.modal-header .icon-button{margin-left:auto}.modal-body{padding:23px}.modal-body>p{font-size:11px;line-height:1.8;color:#8b919b;margin:0 0 18px}.modal-footer{padding:16px 23px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;background:#fcfcfd}.field{display:block;margin:0 0 17px}.field>span{display:block;margin-bottom:8px;font-size:10px;font-weight:500;color:#757a83}.field>input,.field>select,.field>textarea{width:100%;border:1px solid #dfe2e7;border-radius:6px;background:#fff;padding:10px 11px;font-size:11px;color:#818791}.field>textarea{resize:vertical;min-height:75px}.field>small{display:block;font-size:9px;line-height:1.7;color:#a3a8af;margin-top:6px}.field-row{display:flex;gap:15px}.field-row .field{flex:1}.confirmation-summary{border:1px solid var(--line);background:#f8f9fb;padding:15px;border-radius:8px;margin:15px 0;font-size:11px;color:#797f88;line-height:1.8}.confirmation-summary strong{display:block;color:#62666e;font-size:12px}.search-modal{width:620px;align-self:flex-start;margin-top:10vh}.search-modal .search-box{display:flex;align-items:center;padding:20px;gap:11px;border-bottom:1px solid var(--line)}.search-modal input{border:0;outline:0!important;width:100%;font-size:14px;color:#62666e}.search-modal .search-box>i{color:#949aa6}.search-modal kbd{font-family:inherit;font-size:9px;color:#a3a8af;border:1px solid var(--line);border-radius:4px;padding:4px}.search-results{padding:8px;max-height:55vh;overflow:auto}.search-result{padding:12px 13px;display:flex;align-items:center;gap:12px;cursor:pointer;border:0;width:100%;background:transparent;text-align:left;border-radius:7px}.search-result:hover{background:#f0f2f6}.search-result .avatar{height:30px;width:30px;font-size:9px;background:#e9ecf1;color:#868c96}.search-result strong{display:block;font-size:11px;font-weight:500;color:#6c7179}.search-result small{display:block;font-size:9px;color:#9da2aa;margin-top:5px}.search-result>.search-type{margin-left:auto;font-size:9px;color:#a8acb3}.search-results-label{font-size:9px;letter-spacing:1px;color:#a8acb2;padding:12px 13px 6px}.search-help{display:flex;justify-content:space-between;padding:13px 21px;border-top:1px solid var(--line);font-size:9px;color:#a6abb2}.notification-popover{position:fixed;right:28px;top:64px;width:355px;max-width:calc(100vw - 28px);z-index:80;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 35px #35383c21;padding:19px}.notification-popover h2{font-size:13px;font-weight:550;margin:0 0 17px}.notification-popover .alert-item{display:flex;gap:10px;padding:13px 0;border-top:1px solid #edeff2;font-size:10px;color:#858b95;cursor:pointer}.notification-popover .alert-item>i{color:#b49a63}.notification-popover .alert-item strong{display:block;font-size:10px;color:#737881;font-weight:550;margin-bottom:5px}.notification-popover .alert-item p{margin:0;line-height:1.6;font-size:9px}.notification-popover>p{margin:12px 0 0;color:#a4a9b1;font-size:9px}.toast{position:fixed;bottom:27px;left:calc(50% + 90px);transform:translateX(-50%);background:#2d2f33;color:#e4e8ee;padding:13px 18px;border:1px solid #5c6067;border-radius:9px;box-shadow:0 7px 25px #27292c30;display:flex;align-items:center;gap:9px;z-index:300;font-size:11px;max-width:calc(100vw - 40px);animation:toast-in .2s;line-height:1.6}.toast svg{color:#0267e5;flex-shrink:0;width:16px!important;height:16px!important}.billing-note{font-size:10px;color:#9aa0a9;line-height:1.8;margin:0 0 16px}.license-bar{display:flex;align-items:center;gap:10px;font-size:9px;color:#9ba0aa;padding:0 18px 18px}.license-bar .progress-bar{flex:1;max-width:none;margin:0}.toggle-row{display:flex;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.toggle-row strong{display:block;font-size:11px;font-weight:500;color:#777d86}.toggle-row small{display:block;font-size:9px;color:#9ea3ac;margin-top:5px}.toggle{width:33px;height:19px;border:0;border-radius:12px;background:#dcdfe5;padding:3px;margin-left:auto;flex-shrink:0}.toggle.on{background:#a8b0bd}.toggle:after{content:"";display:block;width:13px;height:13px;border-radius:50%;background:white;transition:transform .16s}.toggle.on:after{transform:translateX(14px)}.compact-mode td{padding-top:8px;padding-bottom:8px}.key-value-list{margin:0}.key-value-list div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.key-value-list dt{color:#9ba0aa}.key-value-list dd{margin:0;color:#737881}.integration-modal-note{font-size:9px;padding:11px;border-radius:6px;background:#f0f3f6;color:#949aa3;line-height:1.8;margin-bottom:18px}.small-pill{font-size:8px;background:#f1f3f6;color:#949aa5;border-radius:4px;padding:3px 5px}.app-shell.nav-open .sidebar{transform:translateX(0)}
@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes slide-in{from{transform:translateX(40px);opacity:.5}to{transform:translateX(0);opacity:1}}@keyframes modal-in{from{transform:translateY(9px);opacity:.4}to{transform:translateY(0);opacity:1}}@keyframes toast-in{from{opacity:0;bottom:20px}to{opacity:1;bottom:27px}}
@media(min-width:1550px){main{padding:35px 38px}.topbar{padding:0 38px}.metrics-grid{gap:20px}.metric-card{min-height:147px;padding:21px}.metric-value{font-size:32px}.main-grid{grid-template-columns:minmax(0,1.9fr) minmax(300px,1fr)}.chart-wrap{height:215px}.fleet-content{padding:28px;gap:32px}.donut{width:135px;height:135px}.health-notice{margin-bottom:25px}td{padding:15px 22px}th{padding:12px 22px}.integration-strip{padding:17px 22px;gap:30px}.health-notice{padding:13px}.page-heading{margin-bottom:29px}}
@media(max-width:1240px){:root{--sidebar:205px}.sidebar{padding-left:12px;padding-right:12px}.wordmark{font-size:25px;margin-left:10px;gap:8px}.wordmark span{font-size:7px;padding-left:8px}.workspace-switch{font-size:10px}.topbar{padding:0 23px;gap:15px}.global-search{margin-left:0}.global-search kbd{display:none}.prototype-badge{font-size:9px}.topbar-end{gap:12px}.topbar .global-search span{max-width:150px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}main{padding:25px 23px}.main-grid{gap:15px;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr)}.metric-card{padding:16px 14px}.metric-top{font-size:9px}.metric-top .source-hint{display:none}.metric-spark{width:50px;right:10px;bottom:16px}.metric-bottom{gap:4px;font-size:8px}.metric-value{font-size:27px}.fleet-content{gap:17px;padding:23px 18px}.donut{width:100px;height:100px}.health-legend .health-row{font-size:9px}.integration-strip{gap:15px}.integration-strip .source-label small{display:none}.integration-strip>span{font-size:9px}.overview-search{width:160px}.panel-header{padding-left:17px;padding-right:17px}td,th{padding-left:15px;padding-right:15px}.chart-legend{gap:7px;font-size:7px}.workspace-footer{margin-left:23px;margin-right:23px}}
@media(max-width:1040px){.global-search span{display:none}.global-search kbd{display:block}.metric-spark{display:none}.main-grid{grid-template-columns:1fr 280px}.metric-bottom{font-size:8px}.heading-actions{gap:5px}.page-heading h1{font-size:25px}.health-notice{margin-left:16px;margin-right:16px}.integration-strip>span{display:none}.source-mini{font-size:8px}.toolbar{flex-wrap:wrap}.activity-layout{grid-template-columns:1fr 230px}.integration-card{padding:20px}.integration-card-top{gap:9px}.integration-card-top .status{font-size:8px}}
@media(max-width:900px){:root{--sidebar:180px}.wordmark{font-size:23px;margin-left:5px}.wordmark span{display:none}.workspace-switch{gap:6px;padding:9px 7px}.workspace-switch>span:nth-child(2){font-size:9px}.workspace-icon{width:25px;height:25px;font-size:13px}.workspace-switch small{font-size:8px}.nav-item{padding:11px 10px;font-size:11px;gap:9px}.demo-callout{padding:12px 9px}.demo-callout strong{font-size:10px}.demo-callout p{font-size:9px}.demo-callout button{font-size:9px;gap:8px}.profile{font-size:10px;gap:7px}.profile small{font-size:8px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.metric-card{min-height:121px}.metric-spark{display:block;width:65px}.metric-top{margin-bottom:12px}.metric-bottom{margin-top:10px}.main-grid{grid-template-columns:1fr}.fleet-content{gap:25px;justify-content:center;padding:15px 22px}.health-legend{max-width:220px}.health-notice{margin:0 22px 15px}.health-panel .panel-header{padding-bottom:10px}.health-panel .health-footer{padding:11px 22px}.health-panel .donut{width:102px;height:102px}.chart-wrap{height:205px}.page-heading p{max-width:340px}.integration-strip{flex-wrap:wrap;gap:14px}.activity-layout{grid-template-columns:1fr}.activity-aside{display:none}.integration-grid{grid-template-columns:1fr}.cards-three{gap:11px}.summary-card{padding:17px}.summary-card .large-number{font-size:25px}.topbar-end{gap:8px}.prototype-badge{font-size:8px}.prototype-badge b{display:none}.top-avatar{display:none}.toolbar-right{margin-left:0}.table-tools .overview-search{width:150px}.page-heading .heading-actions{flex-direction:column;align-items:flex-end;padding-top:0}.heading-actions .btn{height:31px;min-height:31px;font-size:9px}.sidebar-bottom{padding-top:10px}.profile .avatar{width:29px;height:29px;font-size:9px}}
@media(max-width:640px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:transform .2s}.main-shell{margin-left:0}.mobile-menu{display:grid}.topbar{height:61px;padding:0 14px;gap:5px}.breadcrumbs{font-size:10px;gap:6px}.global-search{margin-left:auto;padding:5px}.global-search kbd{display:none}.prototype-badge{font-size:8px}.prototype-badge b{display:inline}.topbar-end{margin-left:0;gap:5px}.notification-button{width:28px}.topbar-end .prototype-badge{gap:3px}.topbar-end .prototype-badge>span{display:none}main{padding:23px 16px 20px}.page-heading{gap:9px;margin-bottom:21px}.page-heading h1{font-size:24px;margin-bottom:7px}.page-heading p{font-size:10px;max-width:220px}.eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading .heading-actions{gap:7px}.heading-actions .btn{font-size:8px;padding:7px 8px;min-height:29px;height:29px;gap:4px}.heading-actions .btn svg{width:12px!important;height:12px!important}.metrics-grid{gap:10px;margin-bottom:16px}.metric-card{padding:15px 13px;min-height:126px}.metric-value{font-size:27px}.metric-spark{width:45px;right:9px;bottom:17px}.metric-top{font-size:9px}.metric-bottom{font-size:7px;gap:3px}.trend{font-size:8px;padding:3px}.main-grid{gap:16px;margin-bottom:16px}.panel-header{padding:18px 16px 0}.panel-header h2{font-size:11px}.panel-header p{font-size:9px}.panel-header .btn-ghost{font-size:8px}.chart-summary{padding:16px 16px 0;gap:6px}.chart-summary>strong{font-size:23px}.chart-summary>span{font-size:8px}.chart-legend{font-size:7px;gap:6px}.chart-wrap{height:190px;padding:7px 10px 5px 0}.chart-footer{padding:11px 16px;font-size:8px}.fleet-content{gap:30px;padding:15px 20px}.health-row{margin:13px 0!important}.health-notice{margin:0 16px 16px}.health-footer{padding:11px 16px!important;font-size:8px}.table-panel .panel-header{padding-bottom:15px}.table-tools .overview-search{width:133px;min-height:29px}.table-tools .overview-search input{font-size:9px}.table-tools .btn-ghost{display:none}.integration-strip{padding:14px;gap:14px 18px;margin-top:16px;justify-content:space-between}.integration-strip .source-label{font-size:9px;gap:6px}.integration-strip .brand-box{width:21px;height:21px;font-size:11px}.integration-strip>.btn{margin:0;font-size:8px}.workspace-footer{margin:0 16px;padding-bottom:17px;font-size:7px}.workspace-footer>span:nth-child(2){display:none}.toolbar{padding:14px;gap:8px}.toolbar .search-field{width:100%;max-width:none}.filter-select{font-size:9px;max-width:140px;padding:7px 20px 7px 8px}.toolbar-right{margin-left:auto}.toolbar-right .result-count{display:none}.toolbar-right .btn{font-size:9px}.subnav{gap:18px}.subnav button{font-size:10px}.cards-three{grid-template-columns:1fr;gap:10px}.summary-card{padding:15px;display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px}.summary-card .eyebrow{margin:0;flex:1}.summary-card .large-number{margin:0;font-size:25px}.summary-card p{width:100%;font-size:9px}.summary-card .status{margin:0}.integration-card{padding:18px}.integration-card-top .brand-box{width:33px;height:33px;font-size:18px}.integration-card-top h2{font-size:14px}.integration-card>p{font-size:10px}.integration-detail{gap:12px}.integration-card-footer .btn{font-size:9px}.info-banner{font-size:9px;padding:12px;gap:9px}.info-banner svg{width:16px!important;height:16px!important}.drawer{width:100%;max-width:100%}.drawer-top{padding:13px 17px}.drawer-identity{padding:22px 18px;gap:10px}.drawer-identity h2{font-size:18px}.drawer-identity .avatar{height:39px;width:39px;font-size:12px}.drawer-identity .status{font-size:8px}.drawer-tabs{padding:0 18px;gap:23px}.drawer-tabs button{font-size:9px}.drawer-body{padding:19px 16px}.drawer-footer{padding:12px 16px}.drawer-footer span{font-size:8px;max-width:150px;line-height:1.6}.drawer-footer .btn{font-size:9px}.detail-grid{gap:16px}.detail-grid dd{font-size:10px}.mapping-row .mono{font-size:8px}.drawer-kpis{gap:9px}.drawer-kpi{padding:13px 11px}.drawer-kpi small{font-size:8px}.drawer-kpi strong{font-size:20px}.modal-backdrop{padding:14px}.modal-header{padding:17px 19px}.modal-body{padding:19px}.modal-footer{padding:14px 19px}.toast{left:50%;font-size:10px;width:max-content;max-width:calc(100vw - 28px)}.activity-item time{font-size:8px}.activity-item p{font-size:9px}.search-modal{margin-top:5vh}.search-modal input{font-size:12px}.nav-item{font-size:12px;padding:12px 14px;gap:12px}.wordmark{font-size:28px;margin-left:12px}.wordmark span{display:inline}.workspace-switch{font-size:11px;padding:11px 9px;gap:10px}.workspace-switch>span:nth-child(2){font-size:11px}.workspace-switch small{font-size:10px}.demo-callout{padding:14px 12px}.demo-callout strong{font-size:11px}.demo-callout p{font-size:10px}.profile{font-size:11px}.profile small{font-size:10px}.sidebar-bottom{padding-top:30px}.notification-popover{right:14px;top:55px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep the fleet footer aligned with the adjacent trend panel. */
.health-panel{display:flex;flex-direction:column}.health-panel .health-footer{margin-top:auto}

.sidebar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d3f44 #191a1c}.sidebar>*{flex-shrink:0}.sidebar-bottom{flex-shrink:0}