.language-switcher{color:var(--text,#172033);font:inherit;align-items:center;gap:8px;display:inline-flex}.language-switcher>span{font-size:12px}.locale-toolbar{background:var(--card,#fff);flex-wrap:wrap;justify-content:flex-end;padding:8px 16px;display:flex}:root:not([lang=vi]) .tenant-sidebar nav .nav-submenu .nav-item>span,:root:not([lang=vi]) .tenant-sidebar nav .nav-group-toggle>span{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}:root:not([lang=vi]) .tenant-sidebar nav .nav-item{height:auto}:root:not([lang=vi]) .feature-page-header,:root:not([lang=vi]) .feature-config-heading,:root:not([lang=vi]) .payroll-heading-actions{flex-wrap:wrap}:root:not([lang=vi]) .payroll-summary article{min-width:0}:root:not([lang=vi]) .payroll-summary article>div{overflow-wrap:anywhere;min-width:0}.language-switcher .pos-select{min-width:140px}
.pos-snackbar-viewport{color:inherit;z-index:11000;bottom:auto;left:auto;top:calc(var(--snackbar-top-offset,72px) + var(--snackbar-top-gap,12px) + env(safe-area-inset-top,0px));right:max(20px, env(safe-area-inset-right,0px));pointer-events:none;background:0 0;border:0;gap:10px;width:min(420px,100vw - 40px);margin:0;padding:0;display:grid;position:fixed;overflow:visible;transform:none}.pos-snackbar{--snackbar-accent:var(--color-primary);border:1px solid color-mix(in srgb, var(--snackbar-accent) 34%, #cbd5e1);border-left:4px solid var(--snackbar-accent);border-radius:var(--snackbar-radius,12px);background:var(--snackbar-surface,var(--color-surface-raised));color:var(--snackbar-text,var(--color-text));pointer-events:auto;grid-template-columns:32px minmax(0,1fr) 30px;align-items:center;gap:10px;padding:14px;animation:.18s ease-out pos-snackbar-enter;display:grid;overflow:hidden;box-shadow:0 16px 40px #0f172a38}.pos-snackbar--success{--snackbar-accent:#059669}.pos-snackbar--error{--snackbar-accent:#dc2626}.pos-snackbar--warning{--snackbar-accent:#d97706}.pos-snackbar--info{--snackbar-accent:var(--color-icon-info)}.pos-snackbar__icon{background:color-mix(in srgb, var(--snackbar-accent) 14%, transparent);width:28px;height:28px;color:var(--snackbar-accent);border-radius:999px;place-items:center;font-weight:800;display:grid}.pos-snackbar__content{min-width:0}.pos-snackbar__icon svg,.pos-snackbar__close svg{flex-shrink:0;width:14px;height:14px;display:block}.pos-snackbar__content strong{margin:1px 0 4px;font-size:14px;display:block}.pos-snackbar__content p{color:var(--snackbar-muted,var(--color-text-muted));overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:2px 0 0;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.pos-snackbar__action,.pos-snackbar__close{color:var(--snackbar-accent);cursor:pointer;font:inherit;background:0 0;border:0}.pos-snackbar__action{margin-top:9px;padding:0;font-weight:750}.pos-snackbar__close{box-sizing:border-box;width:30px;min-width:30px;height:30px;min-height:30px;color:var(--snackbar-muted,var(--color-icon-muted));border-radius:7px;flex-shrink:0;align-self:center;place-items:center;margin:0;padding:0;font-size:22px;line-height:1;display:inline-grid}.pos-snackbar__action:focus-visible,.pos-snackbar__close:focus-visible{outline:2px solid var(--snackbar-accent);outline-offset:2px}.pos-snackbar__close:hover{background:color-mix(in srgb, currentColor 9%, transparent)}html[data-theme=dark] .pos-snackbar,body.dark .pos-snackbar,.dark .pos-snackbar{--snackbar-surface:var(--color-surface-raised);--snackbar-text:var(--color-text);--snackbar-muted:var(--color-text-muted)}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar{--snackbar-text:#fff;--snackbar-muted:#fff;--snackbar-accent:#fff;border-radius:var(--snackbar-radius,12px);background:var(--snackbar-status-bg,#4055df);color:#fff;border:0;grid-template-columns:20px minmax(0,1fr) 24px;align-items:center;gap:8px;padding:10px 12px;box-shadow:0 4px 12px #0000002e}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar--info{--snackbar-status-bg:#4055df}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar--success{--snackbar-status-bg:#087f5b}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar--warning{--snackbar-status-bg:#a94b0a}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar--error{--snackbar-status-bg:#c92332}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__icon{width:18px;height:18px;color:var(--snackbar-status-bg);background:#fff;font-size:12px}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__content{flex-wrap:wrap;align-items:center;gap:10px;min-height:24px;display:flex}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__content p{color:#fff;flex:160px;margin:0;font-size:13px;line-height:20px}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__content strong{color:#fff;margin:0;font-size:13px}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__action{color:#fff;margin:0 0 0 auto;font-size:12px}:is(html[data-theme=dark],body.dark,.dark) .pos-snackbar__close{box-sizing:border-box;color:#fff;align-self:center;width:24px;min-width:24px;height:24px;min-height:24px;margin:0;padding:0;line-height:1}@keyframes pos-snackbar-enter{0%{opacity:0;transform:translate(14px,-4px)}to{opacity:1;transform:translate(0,0)}}@media (max-width:640px){.pos-snackbar-viewport{top:auto;right:max(16px, env(safe-area-inset-right,0px));bottom:calc(var(--snackbar-bottom-offset,88px) + env(safe-area-inset-bottom,0px));left:max(16px, env(safe-area-inset-left,0px));width:auto;transform:none}}@media (prefers-reduced-motion:reduce){.pos-snackbar{animation:none}}
:root{--close-icon-size:20px;--icon-button-size:36px}:where(button:has(>.app-close-icon:only-child)),.app-icon-button{width:var(--app-icon-button-size,var(--icon-button-size));min-width:var(--app-icon-button-size,var(--icon-button-size));height:var(--app-icon-button-size,var(--icon-button-size));box-sizing:border-box;border-radius:6px;flex:none;place-items:center!important;padding:0!important;line-height:1!important;display:inline-grid!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button)>:is(svg,.app-close-icon){width:var(--close-icon-size)!important;height:var(--close-icon-size)!important;flex:0 0 var(--close-icon-size)!important;vertical-align:initial!important;margin:0!important;display:block!important;transform:none!important}.app-icon-button--compact{--app-icon-button-size:28px;--close-icon-size:16px}.app-icon-button--danger{color:var(--color-danger,#d3495f)!important}.app-icon-button--danger:hover:not(:disabled){border-color:color-mix(in srgb, currentColor 45%, transparent)!important;background:color-mix(in srgb, currentColor 12%, transparent)!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button):focus-visible{outline-offset:2px;outline:2px solid var(--color-primary-highlight,#6872e5)!important}:where(button:has(>.app-close-icon:only-child),.app-icon-button):disabled{opacity:.45;cursor:not-allowed}:root[data-theme=dark]{--close-button-bg:#252e42;--close-button-color:#cbd5e5;--close-button-border:#3b4760}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger){box-shadow:none;transition:background-color .15s,color .15s,border-color .15s;background:var(--close-button-bg)!important;color:var(--close-button-color)!important;border-color:var(--close-button-border)!important}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger):hover:not(:disabled){transform:none;color:#fff!important;background:#35415a!important;border-color:#687895!important}:root[data-theme=dark] button:has(>.app-close-icon):not(.app-icon-button--danger):active:not(:disabled){background:#414f6a!important}:root[data-theme=dark] button:has(>.app-close-icon):disabled{opacity:.45;cursor:not-allowed}:root[data-theme=dark] .app-icon-button--danger{color:#ff7186!important;background:#2c222c!important;border-color:#593544!important}:root[data-theme=dark] button:has(>.app-close-icon):focus-visible{outline-offset:2px;outline:2px solid var(--color-primary-highlight)!important}button:is([aria-label=Đóng],[aria-label="Đóng mã QR"],.entity-close,.receipt-close,.payment-qr-preview-close,.pos-order-tab-close,.cart-line-remove),.advanced-modal>.advanced-modal-head>button{flex-shrink:0;font-size:var(--close-icon-size)!important;justify-content:center!important;align-items:center!important;font-weight:400!important;line-height:1!important;display:inline-flex!important}.advanced-modal>header>button:not(:has(svg)){flex-shrink:0;font-size:var(--close-icon-size)!important;justify-content:center!important;align-items:center!important;font-weight:400!important;line-height:1!important;display:inline-flex!important}button:is([aria-label=Đóng],[aria-label="Đóng mã QR"],.entity-close,.receipt-close) svg{width:20px;height:20px}button.app-dismiss-button{box-sizing:border-box;flex:none;width:var(--app-icon-button-size,var(--icon-button-size,36px))!important;height:var(--app-icon-button-size,var(--icon-button-size,36px))!important;min-width:var(--app-icon-button-size,var(--icon-button-size,36px))!important;min-height:var(--app-icon-button-size,var(--icon-button-size,36px))!important;justify-content:center!important;align-items:center!important;gap:0!important;padding:0!important;line-height:1!important;display:inline-flex!important}button.app-dismiss-button>svg{width:var(--close-icon-size,20px)!important;height:var(--close-icon-size,20px)!important;flex:none!important;display:block!important}button.app-dismiss-button:focus-visible{outline:2px solid var(--color-primary-highlight,#6872e5);outline-offset:2px}@media screen{:where(html,body,body *):has(:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop)){filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;perspective:none!important;contain:none!important;content-visibility:visible!important;will-change:auto!important;isolation:auto!important;z-index:auto!important;transform:translate(0,0)rotate(0)scale(1)!important}:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop){box-sizing:border-box;z-index:10000!important;width:100%!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;position:fixed!important;inset:0!important}body.has-open-modal{overflow:hidden!important}body:has(:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop)){overflow:hidden!important}body>:is(.advanced-backdrop,.feature-dialog-backdrop,.feature-command-backdrop,.receipt-backdrop,.debt-modal-backdrop,.split-payment-backdrop,.topping-backdrop,.payment-qr-preview-backdrop,.pos-order-tab-confirm-backdrop,.customer-option-backdrop){z-index:10000!important}}
:where(table,[role=table],[role=grid]) :where(thead th,[role=columnheader]),:where(.table-header,.table-column-header){letter-spacing:normal;font-variant-caps:normal;text-transform:none!important}:where(table,[role=table],[role=grid]) :where(tbody td,[role=cell],[role=gridcell]){text-transform:none}
:root{--color-primary:var(--user-accent,#5758e6);--color-primary-hover:var(--user-accent-hover,#494bcf);--color-primary-active:var(--user-accent-active,#3d3fb8);--color-primary-highlight:color-mix(in srgb, var(--color-primary) 72%, white);--color-primary-soft:var(--user-accent-soft,#eef);--color-primary-soft-strong:var(--user-accent-soft-strong,#dfe1ff);--color-primary-border:var(--user-accent-border,#b9bcff);--color-primary-focus:var(--user-accent-focus,#5758e647);--color-on-primary:var(--user-accent-contrast,#fff);--color-header-bg:var(--user-header-bg,#f3f3ff);--color-header-bg-hover:var(--user-header-bg-hover,#e8e9ff);--color-header-border:var(--user-header-border,#cfd1ff);--color-header-text:var(--user-header-text,#202151);--color-header-muted:var(--user-header-muted,#5d6084);--color-header-control-bg:var(--user-header-control-bg,#fff);--color-header-control-border:var(--user-header-control-border,#bfc2ef);--color-header-control-hover:var(--user-header-control-hover,#e5e6ff);--color-page-bg:var(--user-surface-page,#f7f7ff);--color-surface:var(--user-surface-surface,#fdfdff);--color-surface-raised:var(--user-surface-raised,#fff);--color-surface-sunken:var(--user-surface-sunken,#f0f0fb);--color-surface-hover:var(--user-surface-hover,#f0f0ff);--color-surface-active:var(--user-surface-active,#e6e7ff);--color-surface-selected:var(--user-surface-selected,#dfe1ff);--color-surface-border:var(--user-surface-border,#dfe0ef);--color-surface-border-strong:var(--user-surface-border-strong,#c6c8df);--color-control-bg:var(--user-surface-control,#fff);--color-control-bg-hover:var(--user-surface-control-hover,#f5f5ff);--color-control-bg-active:var(--color-surface-active);--color-control-border:var(--color-surface-border);--color-control-border-hover:var(--color-surface-border-strong);--color-control-border-focus:var(--color-primary);--color-control-hover:var(--color-control-bg-hover);--color-primary-border-strong:color-mix(in srgb, var(--color-primary) 72%, var(--color-surface-border-strong));--color-modal-bg:var(--user-surface-modal,#fff);--color-modal-header-bg:var(--user-surface-modal-header,#fbfbff);--color-modal-footer-bg:var(--user-surface-modal-footer,#f8f8ff);--color-modal-border:var(--color-surface-border);--color-modal-backdrop:var(--user-surface-backdrop,#12142a85);--color-dropdown-bg:var(--user-surface-dropdown,#fff);--color-dropdown-hover:var(--color-surface-hover);--color-dropdown-active:var(--color-surface-selected);--color-dropdown-border:var(--color-surface-border);--color-dropdown-shadow:#0f172a33;--color-table-header-bg:var(--user-surface-table-header,#f2f2fc);--color-table-border:var(--color-surface-border);--color-table-row-hover:var(--color-surface-hover);--color-table-row-selected:var(--color-surface-selected);--color-text:var(--user-surface-text,#182033);--color-text-muted:var(--user-surface-muted,#626b82);--color-text-subtle:var(--user-surface-subtle,#7b8398);--color-placeholder:var(--color-text-subtle,#7b8396);--color-placeholder-dark:#737b8d;--color-accent-text:var(--user-surface-accent-text,var(--color-primary));--color-text-on-accent:var(--color-on-primary);--color-icon:var(--color-text);--color-icon-muted:var(--color-text-muted);--color-icon-subtle:var(--color-text-subtle);--color-icon-hover:var(--color-accent-text);--color-icon-active:var(--color-accent-text);--color-icon-selected:var(--color-accent-text);--color-icon-disabled:color-mix(in srgb, var(--color-text-muted) 48%, transparent);--color-icon-on-primary:var(--color-on-primary);--color-icon-on-header:var(--color-header-text);--color-icon-on-header-muted:var(--color-header-muted);--color-icon-primary:var(--color-accent-text);--color-icon-primary-hover:var(--color-primary-hover);--color-icon-primary-soft:var(--color-primary-soft);--color-icon-primary-border:var(--color-primary-border);--color-icon-success:#12805c;--color-icon-warning:#a86300;--color-icon-danger:#d92d46;--color-icon-info:var(--color-accent-text);--color-focus-ring:var(--color-primary-focus);--color-success:#087f5b;--color-warning:#935400;--color-danger:#bd223c;--color-info:#2358ba;--color-disabled-bg:var(--color-surface-sunken);--color-disabled-text:var(--color-text-muted);--shadow-surface:0 8px 28px color-mix(in srgb, var(--color-text) 7%, transparent);--shadow-modal:0 30px 80px color-mix(in srgb, var(--color-text) 24%, transparent);--bg:var(--color-page-bg);--page:var(--color-page-bg);--card:var(--color-surface-raised);--surface:var(--color-surface);--bg-soft:var(--color-surface-sunken);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--border:var(--color-surface-border);--primary:var(--color-primary);--accent:var(--color-primary);--blue:var(--color-primary)}:root[data-theme]{--bg:var(--color-page-bg);--page:var(--color-page-bg);--card:var(--color-surface-raised);--surface:var(--color-surface);--panel:var(--color-surface-raised);--bg-soft:var(--color-surface-sunken);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--border:var(--color-surface-border);--primary:var(--color-primary);--accent:var(--color-primary);--blue:var(--color-primary)}:root[data-theme=dark]{--color-page-bg:var(--user-surface-page,#11121a);--color-surface:var(--user-surface-surface,#181923);--color-surface-raised:var(--user-surface-raised,#20212c);--color-surface-sunken:var(--user-surface-sunken,#0e0f16);--color-surface-hover:var(--user-surface-hover,#272936);--color-surface-active:var(--user-surface-active,#2d3040);--color-surface-selected:var(--user-surface-selected,#34384b);--color-surface-border:var(--user-surface-border,#333645);--color-surface-border-strong:var(--user-surface-border-strong,#4c5064);--color-control-bg:var(--user-surface-control,#22232f);--color-control-bg-hover:var(--user-surface-control-hover,#2a2c3a);--color-modal-bg:var(--user-surface-modal,#1d1e29);--color-modal-header-bg:var(--user-surface-modal-header,#23242f);--color-modal-footer-bg:var(--user-surface-modal-footer,#191a24);--color-modal-backdrop:var(--user-surface-backdrop,#03040eb8);--color-dropdown-bg:var(--user-surface-dropdown,#20212c);--color-table-header-bg:var(--user-surface-table-header,#242631);--color-text:var(--user-surface-text,#f1f2ff);--color-text-muted:var(--user-surface-muted,#b1b5cb);--color-text-subtle:var(--user-surface-subtle,#969bb3);--color-accent-text:var(--user-surface-accent-text,#aeb0ff);--color-success:#72e1ba;--color-warning:#ffd084;--color-danger:#ff9aaa;--color-info:#9bc5ff;--color-placeholder:var(--color-placeholder-dark);--color-primary-soft:var(--user-accent-soft-dark,#292d55);--color-primary-soft-strong:var(--user-accent-soft-strong-dark,#343965);--color-primary-border:var(--user-accent-border-dark,#6669c8);--color-header-bg:var(--user-header-bg,#171936);--color-header-bg-hover:var(--user-header-bg-hover,#202348);--color-header-border:var(--user-header-border,#393d6d);--color-header-text:var(--user-header-text,#f5f5ff);--color-header-muted:var(--user-header-muted,#b8bbe5);--color-header-control-bg:var(--user-header-control-bg,#24274c);--color-header-control-border:var(--user-header-control-border,#484d7f);--color-header-control-hover:var(--user-header-control-hover,#30355f);--color-icon-success:#72e1ba;--color-icon-warning:#ffd084;--color-icon-danger:#ff9aaa}:where(input,textarea)::placeholder{color:var(--color-placeholder);-webkit-text-fill-color:var(--color-placeholder);opacity:1}:where(.ui-icon,.nav-icon,[data-ui-icon]){color:var(--color-icon-muted)}:where(.ui-icon,.nav-icon,[data-ui-icon]) svg{color:inherit}:where(svg[data-icon],.svg-inline--fa){fill:currentColor}:where(button,[role=button]):disabled :where(.ui-icon,.nav-icon,[data-ui-icon]){color:var(--color-icon-disabled)}:where(button,a,input,select,textarea,[role=button]):focus-visible{outline:2px solid var(--color-accent-text);outline-offset:2px}:where(input[type=checkbox],input[type=radio],progress){accent-color:var(--color-primary)}:where(.primary,.advanced-primary):not(:disabled):hover{background:var(--color-primary-hover)!important}:where(.primary,.advanced-primary):not(:disabled):active{background:var(--color-primary-active)!important}::selection{background:var(--color-primary-soft-strong)}
.metrics .metric-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.metrics .metric-icon>svg{flex-shrink:0;width:18px;height:18px;display:block}.next-shell{min-height:100vh}.page-error{text-align:center;padding:60px}.clickable{cursor:pointer}.theme-icon{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}.react-table-wrap{overflow:auto}.react-table-wrap table{min-width:900px}.sidebar-toggle{display:none}a,button,select,[role=button]{cursor:pointer}button:disabled,select:disabled,[aria-disabled=true]{cursor:not-allowed}@media (max-width:1050px){.sidebar-toggle{display:block}}:is(:root[data-theme=dark] input:invalid,:root[data-theme=dark] input[aria-invalid=true],:root[data-theme=dark] input:user-invalid){-webkit-text-fill-color:var(--color-text,#f3f5fb);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--color-control-bg,#202638)!important;color:var(--color-text,#f3f5fb)!important}:root[data-theme=dark] input:-webkit-autofill{caret-color:var(--color-text,#f3f5fb);border-color:var(--color-control-border,#3a4358);-webkit-box-shadow:0 0 0 1000px var(--color-control-bg,#202638) inset!important;-webkit-text-fill-color:var(--color-text,#f3f5fb)!important}:root[data-theme=dark] input:-webkit-autofill:hover{caret-color:var(--color-text,#f3f5fb);border-color:var(--color-control-border,#3a4358);-webkit-box-shadow:0 0 0 1000px var(--color-control-bg,#202638) inset!important;-webkit-text-fill-color:var(--color-text,#f3f5fb)!important}:root[data-theme=dark] input:-webkit-autofill:focus{caret-color:var(--color-text,#f3f5fb);border-color:var(--color-control-border,#3a4358);-webkit-box-shadow:0 0 0 1000px var(--color-control-bg,#202638) inset!important;-webkit-text-fill-color:var(--color-text,#f3f5fb)!important}html,body{font-family:var(--font-family-sans)}body{font-size:var(--font-body-size);line-height:var(--font-body-line)}button,input,select,textarea,option,table{font-family:var(--font-family-sans);font-size:var(--font-body-size);line-height:var(--font-body-line)}small{font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.invoice-paper,.account-code{font-family:var(--font-family-sans)!important}.sortable-column{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .16s,background-color .16s;position:relative;padding-right:34px!important}.sortable-column:after{content:"";font-size:var(--font-small-size);color:#9aa4bb;opacity:.72;font-weight:700;line-height:var(--font-small-line);position:absolute;top:50%;right:12px;translate:0 -50%}.sortable-column:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 5%, transparent)}.sortable-column:focus-visible{outline:2px solid var(--color-primary);outline-offset:-3px}.sortable-column[aria-sort=ascending]:after,.sortable-column[aria-sort=descending]:after{content:"";color:var(--color-primary);opacity:1}input,textarea,select,option,optgroup,input::placeholder,textarea::placeholder{font-weight:400!important}.overview-dashboard{gap:18px;display:grid}.overview-intro{border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--line));background:linear-gradient(118deg,color-mix(in srgb,var(--color-primary-soft) 72%,var(--card)) 0%,var(--card) 62%);border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 32px #1720330d}.overview-intro:after{content:"";background:radial-gradient(circle,color-mix(in srgb,var(--color-primary) 14%,transparent),transparent 68%);pointer-events:none;border-radius:50%;width:230px;height:230px;position:absolute;top:-90px;right:12%}.eyebrow,.card-kicker{color:var(--color-primary);letter-spacing:.11em;font-size:11px;font-weight:800;line-height:1.4;display:block}.overview-intro h2{letter-spacing:-.035em;margin:5px 0 4px;font-size:24px;line-height:1.25}.overview-intro p{color:var(--muted);margin:0;font-size:13px}.overview-intro p b{color:var(--text)}.live-state{z-index:1;white-space:nowrap;border:1px solid var(--line);background:color-mix(in srgb,var(--card) 88%,transparent);border-radius:999px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:700;display:flex;position:relative;box-shadow:0 4px 14px #1720330d}.live-state>i,.health-summary>i{background:var(--green);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb,var(--green) 14%,transparent);border-radius:50%}.live-state span{color:var(--muted);font-weight:500}.overview-dashboard .metrics{gap:16px}.overview-dashboard .metric{min-height:154px;padding:20px 21px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden;box-shadow:0 9px 28px #1720330e}.overview-dashboard .metric:hover{transform:translateY(-2px);box-shadow:0 14px 32px #17203317}.overview-dashboard .metric:after{content:"";background:color-mix(in srgb,var(--color-primary) 5%,transparent);border-radius:50%;width:110px;height:110px;position:absolute;bottom:-42px;right:-26px}.overview-dashboard .metric-top{font-size:13px;font-weight:650}.overview-dashboard .metric-icon{border-radius:11px;width:36px;height:36px;font-size:15px}.overview-dashboard .metric strong{margin:12px 0 5px;font-size:28px}.overview-dashboard .trend{font-weight:750}.overview-dashboard .trend span{font-weight:500}.metric-note{color:var(--muted);font-size:11px;position:absolute;bottom:18px;right:20px}.overview-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr);gap:18px;display:grid}.overview-lower-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,.72fr) minmax(300px,.86fr);gap:18px;display:grid}.overview-dashboard .card{border-radius:16px;padding:22px 24px;box-shadow:0 9px 28px #1720330b}.overview-dashboard .card-head{margin-bottom:20px}.overview-dashboard .card h2{letter-spacing:-.015em;margin-top:3px;font-size:16px}.overview-dashboard .card-head p{margin-top:5px}.card-highlight{text-align:right;grid-template-columns:auto auto;gap:1px 10px;display:grid}.card-highlight span{color:var(--muted);grid-column:1/-1;font-size:11px}.card-highlight b{font-size:16px}.card-highlight em{color:var(--green);align-self:center;font-size:11px;font-style:normal;font-weight:750}.revenue-chart{grid-template-columns:36px 1fr;height:245px;display:grid}.chart-scale{color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;padding:0 7px 24px 0;font-size:10px;display:flex}.chart-bars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 72px);background-size:100% 73px;grid-template-columns:repeat(12,minmax(18px,1fr));align-items:stretch;gap:8px;display:grid}.chart-column{grid-template-rows:1fr 20px;min-width:0;display:grid}.bar-wrap{align-items:end;height:224px;display:flex}.chart-column .bar{border-radius:6px 6px 2px 2px;flex:none;width:100%;min-height:12px;transition:filter .16s,transform .16s;position:relative}.chart-column:hover .bar{filter:saturate(1.25);transform:scaleX(1.07)}.chart-column .bar span{opacity:0;background:var(--text);color:var(--card);white-space:nowrap;border-radius:5px;padding:3px 6px;font-size:9px;font-style:normal;transition:opacity .15s;position:absolute;top:-22px;left:50%;translate:-50%}.chart-column:hover .bar span{opacity:1}.chart-column small{color:var(--muted);text-align:center;padding-top:7px;font-size:10px}.tenant-breakdown{grid-template-columns:150px 1fr;align-items:center;gap:24px;min-height:245px;display:grid}.tenant-donut{width:150px;height:150px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 70%,transparent);border-radius:50%;place-items:center;display:grid}.tenant-donut>div{text-align:center;background:var(--card);border-radius:50%;place-content:center;width:98px;height:98px;display:grid;box-shadow:0 3px 14px #1720330f}.tenant-donut strong{font-size:22px;line-height:1.1}.tenant-donut span{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:3px;font-size:11px}.tenant-legend{gap:12px;display:grid}.tenant-legend>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding-bottom:11px;font-size:12px;display:flex}.tenant-legend>div:last-child{border:0;padding-bottom:0}.tenant-legend span{color:var(--muted);align-items:center;display:flex}.tenant-legend i{border-radius:50%;width:8px;height:8px;margin-right:8px}.health-summary{color:var(--green);align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.service-list{display:grid}.service-health-row{border-top:1px solid var(--line);grid-template-columns:32px minmax(130px,1.3fr) minmax(75px,.65fr) minmax(75px,.6fr) auto;align-items:center;gap:11px;padding:12px 0;font-size:11px;display:grid}.service-health-row>div:nth-child(n+3){gap:2px;display:grid}.service-health-row span{color:var(--muted)}.service-health-row b{font-size:12px}.service-dot{background:color-mix(in srgb,var(--green) 11%,transparent);border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.service-dot i{background:var(--green);border-radius:50%;width:7px;height:7px}.service-dot.DEGRADED{background:color-mix(in srgb,var(--amber) 13%,transparent)}.service-dot.DEGRADED i{background:var(--amber)}.service-health-row .status{font-size:10px}.retention-row{grid-template-columns:1fr auto;gap:6px 12px;margin-top:17px;display:grid}.retention-row>div{display:grid}.retention-row b{font-size:12px}.retention-row span{color:var(--muted);font-size:10px}.retention-row strong{font-size:13px}.retention-row .progress{grid-column:1/-1;height:7px;margin:2px 0 0}.alert-count{background:color-mix(in srgb,var(--red) 12%,transparent);min-width:27px;height:27px;color:var(--red);border-radius:9px;place-items:center;font-size:11px;font-weight:800;display:grid}.alert-item{border-top:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.alert-item-icon{background:color-mix(in srgb,var(--red) 11%,transparent);width:30px;height:30px;color:var(--red);border-radius:9px;place-items:center;font-weight:850;display:grid}.alert-item>div{gap:3px;min-width:0;display:grid}.alert-item b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.alert-item span{color:var(--muted);font-size:10px}.alert-item .status{color:#bd3344}.alert-link{border:0;border-top:1px solid var(--line);width:100%;color:var(--color-primary);text-align:left;background:0 0;margin-top:10px;padding:10px 0;font-size:11px;font-weight:750}.alert-link span{float:right;font-size:15px}.overview-dashboard .status.HEALTHY{color:#087d5a;background:#e8f8f2}:root[data-theme=dark] .overview-intro{background:linear-gradient(118deg,color-mix(in srgb,var(--color-primary-soft) 24%,var(--card)),var(--card) 62%)}:root[data-theme=dark] .live-state{background:color-mix(in srgb,var(--card) 92%,transparent)}:root[data-theme=dark] .overview-dashboard .metric,:root[data-theme=dark] .overview-dashboard .card{box-shadow:0 10px 30px #00000021}:root[data-theme=dark] .tenant-donut>div{background:var(--card)}:root[data-theme=dark] .chart-column .bar span{color:#161c2a;background:#eef1fb}:root[data-theme=dark] .overview-dashboard .status.HEALTHY{color:#62d4b1;background:#173d34}@media (max-width:1380px){.overview-main-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr)}.overview-lower-grid{grid-template-columns:1.2fr .8fr}.alert-card{grid-column:1/-1}.tenant-breakdown{grid-template-columns:130px 1fr}.tenant-donut{width:130px;height:130px}.tenant-donut>div{width:84px;height:84px}}@media (max-width:900px){.overview-intro{flex-direction:column;align-items:flex-start}.overview-main-grid,.overview-lower-grid{grid-template-columns:1fr}.alert-card{grid-column:auto}.revenue-chart{height:220px}.bar-wrap{height:199px}.service-health-row{grid-template-columns:32px 1fr auto}.service-health-row>div:nth-child(3),.service-health-row>div:nth-child(4){display:none}}@media (max-width:650px){.overview-intro{padding:20px}.overview-intro h2{font-size:21px}.live-state span{display:none}.overview-dashboard .card{padding:18px}.overview-dashboard .metric{min-height:140px}.metric-note{display:none}.chart-bars{gap:4px}.chart-column small{font-size:9px}.tenant-breakdown{grid-template-columns:1fr;justify-items:center}.tenant-legend{width:100%}.card-highlight{display:none}}.service-health-row>div:nth-child(2){gap:2px;display:grid}.trend.neutral{color:var(--muted);font-weight:500}.widget-empty{min-height:150px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;display:grid}.widget-empty>span{border:1px dashed var(--line);border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.widget-empty p{max-width:280px;margin:0;font-size:12px}.service-list .widget-empty{min-height:112px}.dashboard-skeleton{gap:18px;display:grid}.skeleton-line{border:1px solid var(--line);background:var(--card);border-radius:16px;height:150px;position:relative;overflow:hidden}.skeleton-line:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent);animation:1.3s infinite skeleton-sweep;position:absolute;inset:0;translate:-100%}.skeleton-hero{height:126px}.skeleton-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.skeleton-panels{grid-template-columns:1.65fr .85fr;gap:18px;display:grid}.skeleton-panels .skeleton-line{height:360px}@keyframes skeleton-sweep{to{translate:100%}}@media (max-width:900px){.skeleton-metrics{grid-template-columns:repeat(2,1fr)}.skeleton-panels{grid-template-columns:1fr}}@media (max-width:650px){.skeleton-metrics{grid-template-columns:1fr}.live-state span{display:inline}}
:root{--font-family-sans:Inter, "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-display-size:32px;--font-display-line:40px;--font-page-title-size:24px;--font-page-title-line:32px;--font-section-title-size:20px;--font-section-title-line:28px;--font-dialog-title-size:18px;--font-dialog-title-line:26px;--font-subheading-size:16px;--font-subheading-line:24px;--font-body-size:14px;--font-body-line:20px;--font-small-size:13px;--font-small-line:18px;--font-caption-size:12px;--font-caption-line:16px;--font-button-size:var(--font-body-size);--font-button-line:var(--font-body-line);--font-label-size:var(--font-body-size);--font-label-line:var(--font-body-line);--font-table-head-size:var(--font-small-size);--font-table-head-line:var(--font-small-line);--font-table-cell-size:var(--font-body-size);--font-table-cell-line:var(--font-body-line);--font-print-micro-size:8px;--font-print-micro-line:10px;--font-print-caption-size:9px;--font-print-caption-line:11px;--font-print-small-size:10px;--font-print-small-line:12px;--font-print-body-size:11px;--font-print-body-line:14px;--icon-size-sm:16px;--icon-size-md:20px;--icon-size-lg:24px;--font-icon-small-size:var(--icon-size-sm);--font-icon-size:var(--icon-size-md);--font-icon-line:var(--icon-size-md)}@media screen{:is(button,a,summary,nav) :is(svg.svg-inline--fa,svg.lucide,i.fa-solid,i.fa-regular,i.fa-brands){vertical-align:middle;flex-shrink:0;width:var(--control-icon-size,var(--icon-size-md))!important;height:var(--control-icon-size,var(--icon-size-md))!important;font-size:var(--control-icon-size,var(--icon-size-md))!important;line-height:1!important}:is(button,a)>svg.svg-inline--fa:only-child{width:var(--control-icon-size,var(--icon-size-lg))!important;height:var(--control-icon-size,var(--icon-size-lg))!important}.icon-label-button{justify-content:center;align-items:center;gap:8px;display:inline-flex}}html,body,button,input,select,textarea,option,table{font-family:var(--font-family-sans)}body{font-size:var(--font-body-size);font-weight:var(--font-weight-regular);line-height:var(--font-body-line)}h1,.type-page-title{font-size:var(--font-page-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-page-title-line)}h2,.type-section-title{font-size:var(--font-section-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-section-title-line)}h3,.type-dialog-title,dialog h1,dialog h2,[role=dialog] h1,[role=dialog] h2,.modal h1,.modal h2,.modal-title{font-size:var(--font-dialog-title-size);font-weight:var(--font-weight-bold);line-height:var(--font-dialog-title-line)}h4,h5,h6,.type-subheading,.card-title{font-size:var(--font-subheading-size);font-weight:var(--font-weight-semibold);line-height:var(--font-subheading-line)}p,li,dd,dt,.type-body{font-size:var(--font-body-size);line-height:var(--font-body-line)}small,.caption,.helper-text,.field-hint,.type-caption{font-size:var(--font-caption-size);font-weight:var(--font-weight-regular);line-height:var(--font-caption-line)}.type-small,.meta,.metadata{font-size:var(--font-small-size);font-weight:var(--font-weight-regular);line-height:var(--font-small-line)}button,[role=button],.button,.btn,.primary,.secondary,.danger{font-size:var(--font-button-size)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--font-button-line)!important}label,.form-label,.field-label{font-size:var(--font-label-size)!important;font-weight:var(--font-weight-medium)!important;line-height:var(--font-label-line)!important}input,select,textarea,option{font-size:var(--font-body-size)!important;font-weight:var(--font-weight-regular)!important;line-height:var(--font-body-line)!important}th,.table-header{font-size:var(--font-table-head-size)!important;font-weight:var(--font-weight-semibold)!important;line-height:var(--font-table-head-line)!important}td,.table-cell{font-size:var(--font-table-cell-size)!important;font-weight:var(--font-weight-regular)!important;line-height:var(--font-table-cell-line)!important}.sidebar nav button,.tenant-sidebar nav button,.nav-item{font-size:var(--font-body-size);font-weight:var(--font-weight-medium);line-height:var(--font-body-line)}.sidebar nav button.active,.tenant-sidebar nav button.active,.nav-item.active{font-weight:var(--font-weight-semibold)}.eyebrow,[class*=eyebrow],.nav-label,.section-label{font-size:var(--font-small-size);font-weight:var(--font-weight-semibold);line-height:var(--font-small-line);letter-spacing:.06em}.landing-hero h1,.login-brand h1,.hero-title,.type-display{font-size:var(--font-display-size);font-weight:var(--font-weight-bold);line-height:var(--font-display-line)}@media (max-width:720px){h1,.type-page-title{font-size:var(--font-page-title-size);line-height:var(--font-page-title-line)}.landing-hero h1,.login-brand h1,.hero-title,.type-display{font-size:var(--font-display-size);line-height:var(--font-display-line)}}