.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{--nav:#101522;--nav2:#171d2d;--bg:#f4f6fa;--card:#fff;--text:#182033;--muted:#788298;--line:#e7eaf0;--blue:var(--color-primary);--green:#19a979;--red:#ec5262;--amber:#e6a023;--radius:14px}*{box-sizing:border-box}body{font:var(--font-weight-regular) var(--font-body-size)/var(--font-body-line) var(--font-family-sans);color:var(--text);background:var(--bg);margin:0}button,select,input,textarea{font:inherit}.sidebar{background:var(--nav);color:#dce2f0;z-index:10;flex-direction:column;width:246px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line);align-items:center;gap:11px;padding:0 10px 28px;display:flex}.brand small,.profile small{color:#7e899e;font-size:var(--font-caption-size);font-weight:500;line-height:var(--font-caption-line);display:block}.brandmark{background:linear-gradient(145deg,var(--color-primary-highlight),var(--color-primary-hover));color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}nav{flex:1;overflow:auto}.nav-label{font-size:var(--font-caption-size);color:#626d82;text-transform:uppercase;letter-spacing:.12em;line-height:var(--font-caption-line);padding:22px 13px 8px}.nav-item{color:#99a4ba;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;margin:2px 0;padding:10px 13px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#252c40}.nav-item.active{box-shadow:inset 3px 0 var(--blue)}.nav-item .ico{text-align:center;width:18px}.profile{border-top:1px solid #282f40;align-items:center;gap:9px;padding:18px 6px 0;display:flex}.profile b{font-size:var(--font-caption-size);line-height:var(--font-caption-line)}.profile>button{color:#7e899e;background:0 0;border:0;margin-left:auto}.avatar{width:34px;height:34px;color:var(--color-primary-highlight);font-size:var(--font-caption-size);font-weight:700;line-height:var(--font-caption-line);background:#303954;border-radius:50%;place-items:center;display:grid}main{min-height:100vh;margin-left:246px}header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:90px;padding:0 34px;display:flex}h1{font-size:var(--font-page-title-size);letter-spacing:-.02em;line-height:var(--font-page-title-line);margin:0}header p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:4px 0 0}.header-tools{align-items:center;gap:9px;display:flex}.icon-btn,#range,.secondary{border:1px solid var(--line);background:#fff;border-radius:9px;height:38px;padding:0 13px}.icon-btn{width:38px;padding:0}.notification{position:relative}.notification i{background:var(--red);border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}#range{color:#465066}#app{max-width:1700px;margin:auto;padding:26px 34px 50px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric,.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #16203a08}.metric{padding:18px}.metric-top{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);justify-content:space-between;display:flex}.metric-icon{background:var(--color-primary-soft);width:30px;height:30px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.metric strong{font-size:var(--font-page-title-size);letter-spacing:-.03em;line-height:var(--font-page-title-line);margin:8px 0 3px;display:block}.trend{font-size:var(--font-caption-size);color:var(--green);line-height:var(--font-caption-line)}.trend.down{color:var(--red)}.trend span{color:var(--muted)}.grid{grid-template-columns:1.55fr 1fr;gap:16px;margin-top:16px;display:grid}.card{min-width:0;padding:20px}.card-head{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.card h2{font-size:var(--font-body-size);line-height:var(--font-body-line);margin:0}.card-head p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:4px 0}.chart{border-bottom:1px solid var(--line);background:repeating-linear-gradient(#0000,#0000 54px,#edf0f5 55px);align-items:end;gap:8px;height:220px;padding-top:15px;display:flex}.bar{background:linear-gradient(var(--color-primary-highlight),var(--color-primary));opacity:.9;border-radius:5px 5px 0 0;flex:1;min-width:6px}.donut-wrap{justify-content:center;align-items:center;gap:28px;height:220px;display:flex}.donut{background:conic-gradient(var(--green) 0 72%,#7c89ff 72% 88%,var(--amber) 88% 96%,var(--red) 96%);border-radius:50%;place-items:center;width:148px;height:148px;display:grid}.donut:after{content:"1,248\a TENANTS";white-space:pre;text-align:center;width:92px;height:92px;font-weight:700;font-size:var(--font-body-size);line-height:var(--font-body-line);background:#fff;border-radius:50%;place-items:center;display:grid}.legend{gap:10px;display:grid}.legend span:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.service-row{border-top:1px solid var(--line);font-size:var(--font-caption-size);line-height:var(--font-caption-line);grid-template-columns:1.4fr .8fr .7fr .7fr;align-items:center;gap:10px;padding:11px 0;display:grid}.service-row:first-of-type{border:0}.status{color:#168866;width:max-content;font-size:var(--font-caption-size);font-weight:700;line-height:var(--font-caption-line);background:#eaf8f3;border-radius:99px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.status:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px}.status.DEGRADED,.status.WARNING,.status.PAST_DUE{color:#b57a0a;background:#fff5df}.status.DOWN,.status.SUSPENDED,.status.LOCKED,.status.FAILED,.status.CRITICAL,.status.REFUNDED{color:#c53b4b;background:#ffedef}.status.TRIAL,.status.MAINTENANCE,.status.PENDING{background:var(--color-primary-soft);color:var(--color-primary)}.table-card{padding:0;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);gap:10px;padding:18px 20px;display:flex}.toolbar input,.toolbar select{border:1px solid var(--line);background:#fff;border-radius:8px;height:38px;padding:0 11px}.toolbar input{flex:1;min-width:260px;max-width:420px}.toolbar .spacer{flex:1}.primary{color:#fff;background:var(--blue);cursor:pointer;border:0;border-radius:8px;padding:9px 14px}table{border-collapse:collapse;white-space:nowrap;width:100%}th{text-align:left;color:#8992a5;font-size:var(--font-caption-size);border-bottom:1px solid var(--line);line-height:var(--font-caption-line);background:#fafbfc;padding:11px 16px}td{border-bottom:1px solid var(--line);font-size:var(--font-caption-size);line-height:var(--font-caption-line);padding:13px 16px}td b{display:block}td small{color:var(--muted)}tr:hover td{background:#fafbff}.more{font-size:var(--font-section-title-size);color:#758096;cursor:pointer;line-height:var(--font-section-title-line);background:0 0;border:0}.pagination{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);justify-content:space-between;padding:14px 18px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 10px}.progress{background:#edf0f4;border-radius:9px;height:6px;margin-top:5px;overflow:hidden}.progress i{background:var(--blue);border-radius:9px;height:100%;display:block}.alert{border:1px solid var(--line);border-radius:10px;gap:12px;margin-top:10px;padding:13px;display:flex}.alert-icon{color:#c47300;background:#fff0e0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.alert p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:2px 0}.empty{text-align:center;color:var(--muted);padding:70px}.loader{border:3px solid #dfe3ee;border-top-color:var(--blue);border-radius:50%;width:28px;height:28px;margin:100px auto;animation:.8s linear infinite spin}@keyframes spin{to{rotate:360deg}}dialog{border:0;border-radius:16px;width:min(430px,100% - 30px);padding:0;box-shadow:0 25px 80px #10152255}dialog::backdrop{background:#11182799}.modal-icon{width:42px;height:42px;color:var(--red);background:#ffedef;border-radius:50%;place-items:center;font-weight:700;display:grid}dialog form{padding:25px}dialog h2{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line);margin:14px 0 5px}dialog p{font-size:var(--font-caption-size);color:var(--muted);line-height:var(--font-caption-line)}dialog label{font-size:var(--font-caption-size);font-weight:600;line-height:var(--font-caption-line);margin-top:18px;display:block}dialog label span{color:var(--red)}textarea{resize:vertical;border:1px solid var(--line);border-radius:9px;width:100%;min-height:90px;margin-top:7px;padding:10px;display:block}.modal-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.modal-actions button{cursor:pointer;border-radius:8px;padding:9px 16px}.danger{background:var(--red);color:#fff;border:0}#toast{color:#fff;opacity:0;pointer-events:none;z-index:30;background:#172033;border-radius:9px;padding:12px 18px;transition:all .2s;position:fixed;bottom:25px;right:25px;transform:translateY(12px)}#toast.show{opacity:1;transform:none}.mobile-menu{display:none}@media (max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:none}main{margin-left:0}.mobile-menu{font-size:var(--font-section-title-size);line-height:var(--font-section-title-line);background:0 0;border:0;display:block}header{justify-content:flex-start;gap:16px}.header-tools{margin-left:auto}}@media (max-width:650px){header{padding:0 16px}.header-tools .icon-btn{display:none}#app{padding:18px 14px}.metrics{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar input{min-width:100%}.table-card{overflow:auto}.grid{gap:12px}.metric{padding:15px}}
.quota-block{border-top:1px solid var(--line);padding:18px 0}.quota-grid,.flag-grid,.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.quota-grid span{font-size:var(--font-caption-size);line-height:var(--font-caption-line);justify-content:space-between;display:flex}.quota-grid small{color:var(--muted)}.flag{border:1px solid var(--line);border-radius:12px;padding:18px}.flag small{color:var(--muted);margin-top:8px;display:block}.toggle{cursor:pointer;background:#cbd1dc;border:0;border-radius:20px;width:42px;height:24px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;display:block}.toggle.on{background:var(--green)}.toggle.on i{transform:translate(18px)}.settings-card{max-width:850px}.form-grid{grid-template-columns:1fr 1fr}.form-grid label{font-size:var(--font-caption-size);color:var(--muted);line-height:var(--font-caption-line)}.form-grid input,.form-grid select,#note-tenant{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:40px;margin-top:6px;padding:0 10px;display:block}.setting-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;display:flex}.setting-row p{color:var(--muted);font-size:var(--font-caption-size);line-height:var(--font-caption-line);margin:3px 0}@media (max-width:700px){.quota-grid,.flag-grid,.form-grid{grid-template-columns:1fr}}.sidebar{height:100dvh;padding-bottom:14px;overflow:hidden}.sidebar nav{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#3d465d transparent;min-height:0;padding-right:3px}.sidebar nav::-webkit-scrollbar{width:5px}.sidebar nav::-webkit-scrollbar-track{background:0 0}.sidebar nav::-webkit-scrollbar-thumb{background:#3d465d;border-radius:999px}.sidebar nav::-webkit-scrollbar-button{display:none}.sidebar .nav-label{padding-top:14px;padding-bottom:5px}.sidebar .nav-item{padding-top:8px;padding-bottom:8px}.sidebar .profile{background:var(--nav);z-index:2;flex:none;position:relative}@media (min-height:900px){.sidebar .nav-label{padding-top:12px}.sidebar .nav-item{padding-top:7px;padding-bottom:7px}}:root{--blue:var(--color-primary);--green:#10a779;--amber:#d99820;--red:#e54858;--nav:var(--color-surface);--nav2:var(--color-surface-raised);--bg:var(--color-page-bg);--card:var(--color-surface-raised);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border)}.brandmark{background:var(--blue)}.nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text);box-shadow:inset 3px 0 var(--color-primary-border-strong)}.metric-icon{background:var(--color-icon-primary-soft);color:var(--color-icon-primary)}.bar{background:linear-gradient(180deg,#8b91ff 0%,var(--blue) 100%)}.progress i,.primary{background:var(--blue)}.primary:hover{background:var(--color-primary)}.toolbar input:focus,.toolbar select:focus,.form-grid input:focus,.form-grid select:focus,textarea:focus{border-color:var(--blue);outline:3px solid color-mix(in srgb, var(--color-primary) 10%, transparent)}.sidebar{max-width:100vw;left:0;overflow-x:hidden}.sidebar>*{max-width:100%}.sidebar nav{overflow-x:hidden}.brand,.profile{margin-left:0;transform:none}.nav-item{max-width:100%;overflow:hidden}.nav-item .ico{color:var(--color-icon-muted);flex:0 0 18px}.nav-item:not(.active){color:var(--color-text-muted)}.nav-item:not(:disabled):hover .ico{color:var(--color-icon-hover)}.nav-item.active .ico,.nav-item[aria-current=page] .ico{color:var(--color-icon-selected)}.progress i[style*=\#ec5262]{background:var(--red)!important}.progress i[style*=\#e6a023]{background:var(--amber)!important}.progress i[style*="var(--color-primary)"]{background:var(--blue)!important}.donut{background:conic-gradient(var(--green) 0 72%,var(--blue) 72% 88%,var(--amber) 88% 96%,var(--red) 96%)}.status{color:#087d5a;background:#e8f8f2}.status.DEGRADED,.status.WARNING,.status.PAST_DUE{color:#a86d00;background:#fff5df}.status.DOWN,.status.SUSPENDED,.status.LOCKED,.status.FAILED,.status.CRITICAL,.status.REFUNDED{color:#bd3344;background:#ffedef}.status.TRIAL,.status.MAINTENANCE,.status.PENDING{background:var(--color-primary-soft);color:var(--color-primary)}.theme-moon,:root[data-theme=dark] .theme-sun{display:none}:root[data-theme=dark] .theme-moon{display:inline}.theme-sun,.theme-moon{font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:var(--color-page-bg);--card:var(--color-surface-raised);--control:var(--color-control-bg);--text:var(--color-text);--muted:var(--color-text-muted);--line:var(--color-surface-border);--nav:var(--color-surface);--nav2:var(--color-surface-raised)}:root[data-theme=dark] body{background:var(--bg);color:var(--text)}:root[data-theme=dark] header,:root[data-theme=dark] .card,:root[data-theme=dark] .metric,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .icon-btn,:root[data-theme=dark] #range,:root[data-theme=dark] .secondary,:root[data-theme=dark] .pagination button{background:var(--card);color:var(--text);border-color:var(--line)}:root[data-theme=dark] th{background:var(--color-table-header-bg);color:var(--color-text-muted);border-color:var(--color-surface-border)}:root[data-theme=dark] td,:root[data-theme=dark] .service-row,:root[data-theme=dark] .setting-row,:root[data-theme=dark] .quota-block{border-color:var(--line)}:root[data-theme=dark] tr:hover td{background:#1a2236}:root[data-theme=dark] .toolbar input,:root[data-theme=dark] .toolbar select,:root[data-theme=dark] .form-grid input,:root[data-theme=dark] .form-grid select,:root[data-theme=dark] #note-tenant,:root[data-theme=dark] textarea{background:var(--color-control-bg);color:var(--color-text);border-color:var(--color-control-border)}:root[data-theme=dark] .metric-icon{background:var(--color-icon-primary-soft);color:var(--color-icon-primary)}:root[data-theme=dark] .chart{border-color:var(--line);background:repeating-linear-gradient(#0000,#0000 54px,#273047 55px)}:root[data-theme=dark] .donut:after{background:var(--card)}:root[data-theme=dark] .progress{background:#2a3348}:root[data-theme=dark] .flag,:root[data-theme=dark] .alert{border-color:var(--line);background:#121a2b}:root[data-theme=dark] dialog{background:var(--card);color:var(--text)}:root[data-theme=dark] dialog::backdrop{background:#020617c7}:root[data-theme=dark] .sidebar,:root[data-theme=dark] .profile{background:var(--nav)}:root[data-theme=light] .sidebar{background:var(--color-surface);color:var(--color-text);border-right:1px solid var(--color-surface-border)}:root[data-theme=light] .sidebar .brand small,:root[data-theme=light] .sidebar .profile small{color:#758198}:root[data-theme=light] .sidebar .nav-label{color:#8b95a8}:root[data-theme=light] .sidebar .nav-item{color:var(--color-text-muted)}:root[data-theme=light] .sidebar .nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}:root[data-theme=light] .sidebar .nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text);box-shadow:inset 3px 0 var(--color-primary-border-strong)}:root[data-theme=light] .sidebar .profile{border-color:var(--line);background:#fff}:root[data-theme=light] .sidebar nav{scrollbar-color:#cbd2df transparent}:root[data-theme=light] .sidebar nav::-webkit-scrollbar-thumb{background:#cbd2df}:root[data-theme=dark] .sidebar{border-right:1px solid #1d2638}:root[data-theme=dark] .sidebar .nav-item{color:var(--color-text-muted)}:root[data-theme=dark] .sidebar .nav-item:hover{background:var(--color-surface-hover);color:var(--color-text)}:root[data-theme=dark] .sidebar .nav-item.active{background:var(--color-surface-selected);color:var(--color-accent-text)}
: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)}
html,body,button,input,select,textarea,option,optgroup,table{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.next-shell{min-height:100vh}.page-error{text-align:center;padding:60px}.clickable{cursor:pointer}.theme-icon{color:var(--color-icon-muted);font-size:var(--font-dialog-title-size);line-height:var(--font-dialog-title-line)}button:hover .theme-icon,button:focus-visible .theme-icon{color:var(--color-icon-hover)}button:disabled .theme-icon,[aria-disabled=true] .theme-icon{color:var(--color-icon-disabled)}.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}: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}body,button,input,select,textarea{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)}.tenant-logout{font-weight:700;line-height:var(--font-section-title-line);place-items:center;color:var(--color-icon-danger)!important;font-size:var(--font-section-title-size)!important;display:grid!important}.tenant-logout:hover{background:color-mix(in srgb,var(--color-icon-danger) 12%,transparent)!important}.auth-checking{min-height:100vh;color:var(--color-icon-muted);background:var(--color-page-bg);place-items:center;display:grid}input,textarea,select,option,optgroup,input::placeholder,textarea::placeholder{font-weight:400!important}
.landing-logo>span,.login-brand>span,.onboarding-panel>header>span{overflow:hidden;color:#0000!important;box-shadow:none!important;text-shadow:none!important;background-color:#0000!important;background-image:url(/images/musezu-pos-logo-v1.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;border-radius:0!important}.landing-logo>span{width:42px;height:42px}.login-brand>span{width:66px;height:66px}.onboarding-panel>header>span{flex:0 0 44px;width:44px;height:44px}
: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}}
: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)}}