.um-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px;display:grid}.um-kpi{--um-ink-strong:var(--ink-1,#e6edf5);--um-ink-soft:#c9d2de;background:var(--bg-1,#10161e);border:1px solid var(--line,#202a38);border-radius:12px;flex-direction:column;gap:8px;min-width:0;padding:14px 16px;transition:border-color .25s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.um-kpi-users{--um-accent:var(--ok,#34d399)}.um-kpi-confirmed{--um-accent:var(--info,#60a5fa)}.um-kpi-pending{--um-accent:var(--warn,#fbbf24)}.um-kpi-roles{--um-accent:#a78bfa}body.light .um-kpi{--um-ink-soft:var(--ink-2,#475569)}.um-kpi:before{content:"";background:var(--um-accent,var(--bg-3));border-radius:0 2px 2px 0;width:2px;position:absolute;top:12px;bottom:12px;left:0}.um-kpi:hover{border-color:var(--line-2,#2a3547);box-shadow:var(--elev-1,0 1px 2px #00000047)}.um-kpi-label{min-width:0;color:var(--um-ink-strong);align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.um-kpi-ico{background:var(--bg-3,#1c2532);width:22px;height:22px;color:var(--ink-1,#e6edf5);border-radius:6px;flex:none;place-items:center;display:grid}.um-kpi-label-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-kpi-val{letter-spacing:-.02em;min-height:1.15em;color:var(--um-ink-strong);align-items:baseline;gap:5px;font-size:22px;font-weight:600;line-height:1.15;display:flex}.um-kpi-val small{color:var(--um-ink-soft);letter-spacing:0;font-size:12px;font-weight:500}.um-kpi-num{align-items:baseline;gap:inherit;min-width:0;display:inline-flex}.um-kpi-sub{min-width:0;min-height:16px;color:var(--um-ink-soft);font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:11.5px;display:flex}.um-kpi-sub-inner{flex:auto;align-items:center;min-width:0;display:inline-flex}.um-kpi-sub b{color:var(--um-ink-strong);font-weight:600}.um-kpi-sub-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-bar{background:var(--bg-3,#1c2532);border-radius:2px;height:4px;overflow:hidden}.um-bar>i{background:var(--um-accent,var(--ink-3));transform-origin:0;border-radius:2px;width:100%;height:100%;display:block}.um-share{border-radius:3px;gap:2px;height:6px;display:flex;overflow:hidden}.um-share[data-empty]{background:var(--bg-3,#1c2532)}.um-share>i{flex:1 1 var(--w,0%);background:var(--um-accent,var(--ink-3));min-width:3px;opacity:calc(1 - var(--i,0) * .28);transform-origin:0}.um-legend{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 8px;width:100%;min-width:0;display:grid}.um-legend-item{display:contents}.um-swatch{background:var(--um-accent,var(--ink-3));width:8px;height:8px;opacity:calc(1 - var(--i,0) * .28);border-radius:2px}.um-legend-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.um-legend-item b{text-align:right;font-variant-numeric:tabular-nums}.um-table .ms-dg-toolbar{flex-wrap:wrap;row-gap:8px;container-type:inline-size}.um-table .ms-dg-tb-search{margin-left:2px}.um-table .ms-dg-tb-search input,.um-table .ms-dg-tb-search input:focus{width:190px}.um-refresh-wrap{display:inline-flex}@container (max-width:1120px){.um-table .um-seg{flex:100%;order:1}}.um-seg-count{text-align:center;font-variant-numeric:tabular-nums;min-width:16px;color:var(--ink-3,#7c8899);background:var(--bg-3,#1c2532);border-radius:8px;padding:0 5px;font-size:10.5px;line-height:16px}.Mui-selected .um-seg-count{color:var(--ink-2,#a6b3c4)}.um-tb-meta{color:var(--ink-3,#7c8899);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:12px;display:inline-flex}.um-tb-meta b{color:var(--ink-2,#a6b3c4);font-weight:600}.um-tb-clear{display:inline-flex}.um-table .dg-redesign .MuiDataGrid-cell.MuiDataGrid-cellEmpty{padding:0!important}.um-table .MuiDataGrid-columnHeader[data-field=actions] .MuiDataGrid-columnSeparator{display:none!important}.um-user{align-items:center;gap:10px;min-width:0;display:flex}.um-user.is-disabled .dg-um-av{opacity:.55}.um-user-text{flex-direction:column;min-width:0;display:flex}.um-user-email{color:var(--ink-3,#7c8899);font-size:11.5px;line-height:1.3}.um-truncate{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.um-status{color:var(--ink-2,#a6b3c4);white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.um-status>i{background:var(--err,#f87171);border-radius:50%;flex:none;width:8px;height:8px}.um-status[data-on]>i{background:var(--ok,#34d399)}.um-time{font-variant-numeric:tabular-nums;flex-direction:column;min-width:0;display:flex}.um-time-rel{color:var(--ink-1,#e6edf5);font-size:13px;line-height:1.3}.um-time-abs{color:var(--ink-3,#7c8899);font-size:11.5px;line-height:1.3}.um-dash{color:var(--ink-4,#5a6576)}.um-tag-dot{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;margin-right:6px}.um-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;height:100%;padding:24px;display:flex}.um-empty>*{flex-shrink:0}.um-empty-card{min-height:220px}.um-empty-ico{border:1px solid var(--line,#202a38);background:var(--bg-2,#151c26);width:40px;height:40px;color:var(--ink-3,#7c8899);border-radius:12px;place-items:center;margin-bottom:6px;display:grid}body.light .um-table .dg-tag-ok{color:#047857;background:#0596691a;border-color:#0596694d}body.light .um-table .dg-tag-warn{color:#b45309;background:#d977061a;border-color:#d9770652}body.light .um-table .dg-tag-info{color:#1d4ed8;background:#2563eb14;border-color:#2563eb47}body.light .um-table .dg-tag-err{color:#b91c1c;background:#dc262614;border-color:#dc262647}body.light .um-table .dg-tag-brand{color:var(--brand-active-text,#047857)}@media (max-width:1100px){.um-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.um-kpi{padding:12px 14px}.um-kpi-val{font-size:20px}}@media (max-width:480px){.um-kpis{grid-template-columns:1fr;gap:10px}}@keyframes um-row-in-a{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes um-row-in-b{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.um-table .MuiDataGrid-row.um-row-a{animation:.3s cubic-bezier(.2,.8,.2,1) backwards um-row-in-a}.um-table .MuiDataGrid-row.um-row-b{animation:.3s cubic-bezier(.2,.8,.2,1) backwards um-row-in-b}.um-table .MuiDataGrid-row.um-d1{animation-delay:30ms}.um-table .MuiDataGrid-row.um-d2{animation-delay:60ms}.um-table .MuiDataGrid-row.um-d3{animation-delay:90ms}.um-table .MuiDataGrid-row.um-d4{animation-delay:.12s}.um-table .MuiDataGrid-row.um-d5{animation-delay:.15s}.um-table .MuiDataGrid-row.um-d6{animation-delay:.18s}.um-table .MuiDataGrid-row.um-d7{animation-delay:.21s}.um-table .MuiDataGrid-row.um-d8{animation-delay:.24s}.um-table .MuiDataGrid-row.um-d9{animation-delay:.27s}.um-table .MuiDataGrid-row.um-d10{animation-delay:.3s}.um-table .MuiDataGrid-row.um-d11{animation-delay:.33s}@media (prefers-reduced-motion:reduce){.um-kpi{transition:none}.um-table .MuiDataGrid-row.um-row-a,.um-table .MuiDataGrid-row.um-row-b{animation:none}}
.cm-kpi-customers{--um-accent:var(--brand,#4ade80)}.cm-kpi-sites{--um-accent:var(--info,#60a5fa)}.cm-kpi-mix{--um-accent:#a78bfa}.cm-kpi-largest{--um-accent:var(--warn,#fbbf24)}.cm-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;width:100%;min-width:0;display:grid}.cm-legend-item{white-space:nowrap;align-items:center;gap:5px;min-width:0;display:flex}.cm-legend-label{text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.cm-kpi-name{color:var(--um-ink-strong);font-weight:600}.cm-table .MuiDataGrid-row{cursor:pointer}.cm-table .MuiDataGrid-row.is-open,.cm-table .MuiDataGrid-row.is-open:hover{background:var(--bg-2,#151c26)!important}.cm-table .MuiDataGrid-cell[data-field=__detail_panel_toggle__]{padding:0 0 0 8px!important}.cm-table .MuiDataGrid-columnHeader[data-field=__detail_panel_toggle__] .MuiDataGrid-columnSeparator,.cm-table .MuiDataGrid-columnHeader--last .MuiDataGrid-columnSeparator{display:none!important}.cm-table .MuiDataGrid-detailPanelToggleCell.MuiIconButton-root{width:28px;height:28px;color:var(--ink-3,#7c8899);border-radius:6px;transition:color .18s,background-color .18s}.cm-table .MuiDataGrid-detailPanelToggleCell.MuiIconButton-root:hover{color:var(--ink-1,#e6edf5);background:var(--bg-3,#1c2532)}.cm-table .MuiDataGrid-detailPanelToggleCell svg{font-size:18px;transition:transform .22s cubic-bezier(.2,.8,.2,1)}.cm-table .MuiDataGrid-detailPanelToggleCell--expanded.MuiIconButton-root{color:var(--brand-active-text,#bbf7d0)}.cm-table .MuiDataGrid-detailPanelToggleCell--expanded svg{transform:rotate(180deg)}.cm-table .MuiDataGrid-row.is-closing .MuiDataGrid-detailPanelToggleCell.MuiIconButton-root{color:var(--ink-3,#7c8899)}.cm-table .MuiDataGrid-row.is-closing .MuiDataGrid-detailPanelToggleCell svg{transform:none}.cm-table .MuiDataGrid-detailPanel{border-bottom:1px solid var(--line,#202a38);background:var(--bg-2,#151c26)!important;overflow:hidden!important}@keyframes cm-row-new{0%{box-shadow:inset 3px 0 0 var(--brand,#4ade80), inset 0 0 0 999px var(--brand-soft,#4ade801a)}60%{box-shadow:inset 3px 0 0 var(--brand,#4ade80), inset 0 0 0 999px var(--brand-soft,#4ade801a)}to{box-shadow:inset 3px 0 #0000,inset 0 0 0 999px #0000}}.cm-table .MuiDataGrid-row.is-new{animation:.3s cubic-bezier(.2,.8,.2,1) backwards um-row-in-a,2.6s ease-out both cm-row-new}.cm-customer{align-items:center;gap:10px;min-width:0;display:flex}.cm-avatar.MuiAvatar-root{background:var(--bg-3,#1c2532);width:28px;height:28px;color:var(--ink-3,#7c8899);box-shadow:inset 0 0 0 1px var(--line-2,#2a3547);flex:none;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1}.cm-customer-name{color:var(--ink-1,#e6edf5);font-size:13px;font-weight:600}.cm-customer-name.is-unnamed{color:var(--ink-3,#7c8899);font-style:italic;font-weight:500}.cm-id{border:1px solid var(--line,#202a38);background:var(--bg-2,#151c26);height:22px;color:var(--ink-2,#a6b3c4);letter-spacing:.02em;font-variant-numeric:tabular-nums;cursor:copy;border-radius:6px;align-items:center;padding:0 8px;font-family:JetBrains Mono,SF Mono,ui-monospace,Menlo,monospace;font-size:11.5px;transition:border-color .18s,color .18s,background-color .18s;display:inline-flex}.cm-id:hover{border-color:var(--line-2,#2a3547);color:var(--ink-1,#e6edf5)}.cm-id:focus-visible{outline:2px solid var(--brand-line);outline-offset:1px}.cm-id .cm-id-ico{opacity:0;width:0;margin-left:0;font-size:12px;transition:width .18s,margin-left .18s,opacity .18s}.cm-table .MuiDataGrid-row:hover .cm-id-ico,.cm-id:focus-visible .cm-id-ico,.cm-id.is-copied .cm-id-ico{opacity:.8;width:12px;margin-left:6px}.cm-id.is-copied{color:var(--brand-active-text,#bbf7d0);border-color:var(--brand-line);background:var(--brand-soft)}.cm-table .cm-id.is-copied .cm-id-ico{opacity:1}.cm-sites{color:var(--ink-1,#e6edf5);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.cm-sites.is-zero{color:var(--ink-4,#5a6576);font-weight:500}.cm-panel-clip{overflow:hidden}.cm-panel{padding:12px 16px 16px 60px}.cm-panel-head{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.cm-panel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3,#7c8899);margin:0;font-size:11px;font-weight:600}.cm-panel-meta{color:var(--ink-3,#7c8899);font-variant-numeric:tabular-nums;font-size:11.5px}.cm-site-list{background:var(--bg-1,#10161e);border:1px solid var(--line,#202a38);border-radius:8px;margin:0;padding:0;list-style:none;transition:opacity .2s;overflow:hidden}.cm-panel[aria-busy=true] .cm-site-list{opacity:.6}.cm-site-list>li+li{border-top:1px solid var(--line,#202a38)}.cm-site{min-height:44px;color:inherit;align-items:center;gap:10px;padding:8px 12px;transition:background-color .15s;display:flex}a.cm-site:hover{background:var(--bg-2,#151c26)}a.cm-site:focus-visible{outline:2px solid var(--brand-line);outline-offset:-2px}.cm-site-text{flex-direction:column;flex:1;min-width:0;display:flex}.cm-site-name{color:var(--ink-1,#e6edf5);font-size:13px;font-weight:500;line-height:1.3;transition:color .15s}a.cm-site:hover .cm-site-name{color:var(--brand-active-text,#bbf7d0)}.cm-site-sub{color:var(--ink-3,#7c8899);font-size:11.5px;line-height:1.3}.cm-site-size{color:var(--ink-2,#a6b3c4);font-variant-numeric:tabular-nums;flex:none;font-size:12.5px;font-weight:500}.cm-site .cm-site-go{color:var(--ink-4,#5a6576);opacity:0;flex:none;font-size:16px;transition:opacity .18s,transform .18s,color .18s;transform:translate(-2px,2px)}a.cm-site:hover .cm-site-go,a.cm-site:focus-visible .cm-site-go{opacity:1;color:var(--ink-2,#a6b3c4);transform:none}.cm-panel-note-box{border:1px dashed var(--line-2,#2a3547);background:var(--bg-1,#10161e);min-height:44px;color:var(--ink-3,#7c8899);border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;line-height:1.4;display:flex}.cm-panel-note-box>svg{color:var(--ink-4,#5a6576);flex:none;font-size:18px}.cm-panel-note-box>span{flex:1;min-width:0}.cm-panel-note-box b{color:var(--ink-2,#a6b3c4);font-weight:600}.cm-panel-note-box.is-error>svg{color:var(--err,#f87171)}.cm-panel-note{color:var(--ink-3,#7c8899);margin:8px 0 0;font-size:11.5px}.cm-dialog.MuiPaper-root{max-width:440px}.cm-dialog .cm-dialog-title.MuiDialogTitle-root{align-items:flex-start;gap:12px;display:flex;padding:18px 20px 16px!important}.cm-dialog-ico{background:var(--brand-soft);width:34px;height:34px;color:var(--brand-active-text,#bbf7d0);box-shadow:inset 0 0 0 1px var(--brand-line);border-radius:9px;flex:none;place-items:center;display:grid}.cm-dialog-ico svg{font-size:18px}.cm-dialog-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.cm-dialog-heading{color:var(--ink-1,#e6edf5);font-size:15px;font-weight:600;line-height:1.3}.cm-dialog-sub{color:var(--ink-3,#7c8899);font-size:12.5px;font-weight:400;line-height:1.4}.cm-dialog .MuiDialogContent-root{padding:22px 20px 6px!important}.cm-dialog .MuiOutlinedInput-root{background:var(--bg-2,#151c26);border-radius:8px;transition:box-shadow .2s,background-color .2s}.cm-dialog .MuiOutlinedInput-notchedOutline{border-color:var(--line,#202a38);transition:border-color .2s}.cm-dialog .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--line-2,#2a3547)}.cm-dialog .MuiOutlinedInput-root.Mui-focused{box-shadow:0 0 0 4px var(--brand-soft)}.cm-dialog .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--brand,#4ade80)!important;border-width:1px!important}.cm-dialog .MuiOutlinedInput-root.Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f8717199!important}.cm-dialog .MuiOutlinedInput-root.Mui-error.Mui-focused{box-shadow:0 0 0 4px #f871711a}.cm-dialog .MuiInputAdornment-root{color:var(--ink-3,#7c8899);transition:color .18s}.cm-dialog .Mui-focused .MuiInputAdornment-root,.cm-dialog .MuiInputLabel-root.Mui-focused:not(.Mui-error){color:var(--brand-active-text,#bbf7d0)}.cm-dialog .MuiFormHelperText-root{color:var(--ink-3,#7c8899);margin:6px 2px 0;font-size:11.5px}.cm-dialog .MuiFormHelperText-root.Mui-error{color:var(--err,#f87171)}.cm-count{color:var(--ink-4,#5a6576);font-variant-numeric:tabular-nums;font-size:11px}.cm-dialog .MuiDialogActions-root{justify-content:flex-end}@keyframes cm-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.cm-dialog.MuiPaper-root{animation:.26s cubic-bezier(.2,.8,.2,1) both cm-dialog-in}@media (max-width:900px){.cm-panel{padding-left:16px}}@media (max-width:600px){.cm-site-sub{display:none}}@media (prefers-reduced-motion:reduce){.cm-table .MuiDataGrid-detailPanelToggleCell svg,.cm-id,.cm-id .cm-id-ico,.cm-site,.cm-site .cm-site-go,.cm-site-list{transition:none}.cm-table .MuiDataGrid-row.is-new{box-shadow:inset 3px 0 0 var(--brand,#4ade80);animation:none}.cm-dialog.MuiPaper-root{animation:none}}
.su-strip{background:var(--bg-1,#10161e);border-bottom:1px solid var(--line,#202a38);flex-direction:column;gap:10px;padding:14px 16px 12px;display:flex}.su-strip-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;min-width:0;display:flex}.su-strip-title{min-width:0;min-height:26px;color:var(--ink-1,#e6edf5);font-variant-numeric:tabular-nums;align-items:baseline;gap:7px;margin:0;display:inline-flex}.su-strip-num{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.1}.su-strip-text{color:var(--ink-2,#a6b3c4);font-size:13px;font-weight:500;line-height:1.3}[data-role=admin]{--su-role:var(--brand,#4ade80)}[data-role=customerAdmin]{--su-role:var(--info,#60a5fa)}[data-role=custom]{--su-role:var(--ink-4,#5a6576)}body.light [data-role=custom]{--su-role:#94a3b8}.su-bar{background:var(--bg-3,#1c2532);border-radius:4px;gap:2px;height:8px;display:flex;overflow:hidden}.su-bar>i{flex:1 1 var(--w,0%);background:var(--su-role,var(--ink-3));transform-origin:0;min-width:4px;height:100%;transition:flex-basis .35s cubic-bezier(.2,.8,.2,1),opacity .2s;display:block}.su-bar>i[data-dim]{opacity:.28}.su-swatch{background:var(--su-role,transparent);border-radius:2px;flex:none;width:8px;height:8px}.su-views .su-view{gap:5px}.su-toolbar{position:relative}.su-selbar{z-index:2;background:var(--bg-1,#10161e);border-bottom:1px solid var(--line,#202a38);align-items:center;gap:6px;padding:0 10px;display:flex;position:absolute;inset:0}.su-selbar .sep{flex:1}.su-selbar-count{color:var(--ink-2,#a6b3c4);white-space:nowrap;font-variant-numeric:tabular-nums;margin:0 6px 0 4px;font-size:12.5px}.su-selbar-count b{color:var(--ink-1,#e6edf5);font-weight:600}.su-user-name{color:var(--ink-1,#e6edf5);font-size:13px;font-weight:600;line-height:1.3}.su-access{color:var(--ink-2,#a6b3c4);white-space:nowrap;font-size:12.5px}mark.su-hl{background:rgba(var(--brand-rgb,74, 222, 128), .22);color:inherit;border-radius:2px;padding:0 1px}body.light mark.su-hl{background:rgba(var(--brand-rgb,74, 222, 128), .32)}.su-table .MuiCheckbox-root{color:var(--ink-4,#5a6576);padding:6px}.su-table .MuiCheckbox-root svg{font-size:20px;transition:transform .22s cubic-bezier(.2,.8,.2,1),color .18s}.su-table .MuiCheckbox-root.Mui-checked,.su-table .MuiCheckbox-root.MuiCheckbox-indeterminate{color:var(--brand,#4ade80)}body.light .su-table .MuiCheckbox-root.Mui-checked,body.light .su-table .MuiCheckbox-root.MuiCheckbox-indeterminate{color:var(--brand-dark,#047857)}.su-table .MuiCheckbox-root.Mui-checked svg{transform:scale(1.08)}.su-table .MuiDataGrid-row:hover .MuiCheckbox-root:not(.Mui-checked){color:var(--ink-3,#7c8899)}.su-table .MuiCheckbox-root.Mui-focusVisible{outline:2px solid var(--brand-line,#4ade8047);outline-offset:-2px;border-radius:4px}.su-table .dg-redesign .MuiDataGrid-row.Mui-selected,.su-table .dg-redesign .MuiDataGrid-row.Mui-selected:hover{box-shadow:inset 3px 0 0 var(--brand,#4ade80);background:rgba(var(--brand-rgb,74, 222, 128), .09)!important}.su-table .MuiDataGrid-columnHeaderCheckbox,.su-table .MuiDataGrid-cellCheckbox{padding:0!important}.su-table .MuiDataGrid-columnHeader[data-field=__check__] .MuiDataGrid-columnSeparator,.su-table .MuiDataGrid-columnHeader--last .MuiDataGrid-columnSeparator{display:none!important}@media (max-width:720px){.su-strip{padding:12px 14px 10px}.su-strip-num{font-size:20px}.su-selbar{gap:4px;padding:0 8px}}@media (prefers-reduced-motion:reduce){.su-bar>i,.su-table .MuiCheckbox-root svg{transition:none}}