html[data-skin=saas]{--bg:#0c0f10;--bg-2:#131718;--surface:#131718;--card:#131718;--card-2:#191e20;--glass:#131718;--glass-2:#191e20;--input-bg:#191e20;--hairline:#242a2c;--line-soft:#1d2224;--ink:#ecefee;--ink-dim:#b2b9bb;--ink-faint:#868d8f;--brand:#3fd18c;--brand-2:#7fadf2;--brand-ink:#3fd18c;--on-brand:#06251a;--success:#3fd18c;--warning:#e8a73c;--danger:#f07a6a;--overlay:#06080894;--r-sm:7px;--r-md:9px;--r-lg:13px;--shadow:0 1px 2px #00000080;--shadow-lg:0 1px 3px #00000080, 0 8px 20px -14px #000000e6;--sidebar-w:224px;--s-accent:#ecefee;--s-on-accent:#0c0f10;--s-pad:15px}html[data-skin=saas][data-theme=light]{--bg:#f7f8f7;--bg-2:#fff;--surface:#fff;--card:#fff;--card-2:#f2f4f2;--glass:#fff;--glass-2:#f2f4f2;--input-bg:#fff;--hairline:#e2e5e2;--line-soft:#edefed;--ink:#0e1110;--ink-dim:#41474a;--ink-faint:#6b7275;--brand:#0a9d5c;--brand-2:#2b5fb5;--brand-ink:#0a7a48;--on-brand:#fff;--success:#0a9d5c;--warning:#b4730a;--danger:#c0392b;--overlay:#0e11106b;--shadow:0 1px 2px #0e11100d;--shadow-lg:0 1px 3px #0e11100f, 0 8px 20px -14px #0e11104d;--s-accent:#0e1110;--s-on-accent:#fff}html[data-skin=saas][data-density=compact]{--s-pad:11px}html[data-skin=saas] body{background:var(--bg);font-size:13.5px;line-height:1.45}html[data-skin=saas] body:before,html[data-skin=saas] body:after{display:none!important}html[data-skin=saas] .font-black,html[data-skin=saas] .font-extrabold{font-weight:600}html[data-skin=saas] .font-bold{font-weight:500}html[data-skin=saas] .muted{color:var(--ink-dim);font-weight:400}html[data-skin=saas] .faint{color:var(--ink-faint);font-weight:400}html[data-skin=saas] .sidebar{background:var(--surface);border-right:1px solid var(--hairline);-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px 8px}html[data-skin=saas] .nav-group{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin:14px 0 4px;padding:0 9px;font-size:10.5px;font-weight:700}html[data-skin=saas] .nav-item,html[data-skin=saas] .nav-subitem{height:32px;color:var(--ink-dim);box-shadow:none;background:0 0;border:0;border-radius:8px;gap:9px;padding:0 9px;font-size:13px;font-weight:500;position:relative}html[data-skin=saas] .nav-item:hover,html[data-skin=saas] .nav-subitem:hover{background:var(--card-2);color:var(--ink)}html[data-skin=saas] .nav-item.active,html[data-skin=saas] .nav-subitem.active{background:var(--card-2);color:var(--ink);font-weight:600}html[data-skin=saas] .nav-item.active:before{content:"";background:var(--s-accent);border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:-8px}html[data-skin=saas] .nav-icon{opacity:.75}html[data-skin=saas] .nav-item.active .nav-icon{opacity:1}html[data-skin=saas] .nav-tag{background:var(--card-2);color:var(--ink-faint);border:0;border-radius:999px;padding:1px 6px;font-size:10.5px;font-weight:600}html[data-skin=saas] .top-search{background:var(--bg);border:1px solid var(--hairline);border-radius:8px;height:32px;font-size:13px}html[data-skin=saas] .page-title{letter-spacing:-.02em;font-size:22px;font-weight:600}html[data-skin=saas] .eyebrow{letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:12px;font-weight:500}html[data-skin=saas] .panel,html[data-skin=saas] .card,html[data-skin=saas] .metric-card,html[data-skin=saas] .glass{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}html[data-skin=saas] .panel-head{border-bottom:1px solid var(--hairline);margin-bottom:11px;padding-bottom:11px}html[data-skin=saas] .panel-title{letter-spacing:-.018em;font-size:14px;font-weight:600}html[data-skin=saas] .panel-link{color:var(--ink-faint);font-size:12px;font-weight:500}html[data-skin=saas] .panel-link:hover{color:var(--ink)}html[data-skin=saas] .btn-base{letter-spacing:0;text-transform:none;height:32px;box-shadow:none;border-radius:8px;font-size:13px;font-weight:600}html[data-skin=saas] .btn-base:active{transform:translateY(1px)}html[data-skin=saas] .btn-primary{background:var(--s-accent);color:var(--s-on-accent);border:1px solid var(--s-accent)}html[data-skin=saas] .btn-primary:hover{opacity:.9;background:var(--s-accent)}html[data-skin=saas] .btn-ghost{border:1px solid var(--hairline);color:var(--ink-dim);background:0 0}html[data-skin=saas] .btn-ghost:hover{background:var(--card-2);color:var(--ink)}html[data-skin=saas] .icon-btn{color:var(--ink-faint);background:0 0;border:1px solid #0000;border-radius:8px}html[data-skin=saas] .icon-btn:hover{background:var(--card-2);color:var(--ink)}html[data-skin=saas] .chip{letter-spacing:0;text-transform:none;background:var(--card-2);height:21px;color:var(--ink-dim);border:1px solid var(--hairline);box-shadow:none;border-radius:6px;padding:0 8px;font-size:11.5px;font-weight:600}html[data-skin=saas] .chip.ok{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success);border-color:color-mix(in srgb, var(--success) 30%, transparent)}html[data-skin=saas] .chip.warn{background:color-mix(in srgb, var(--warning) 12%, transparent);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}html[data-skin=saas] .chip.bad{background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 30%, transparent)}html[data-skin=saas] .chip.info{background:color-mix(in srgb, var(--brand-2) 12%, transparent);color:var(--brand-2);border-color:color-mix(in srgb, var(--brand-2) 30%, transparent)}html[data-skin=saas] .data-table th,html[data-skin=saas] table th{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);background:var(--card-2);border-bottom:1px solid var(--hairline);padding:9px var(--s-pad);font-size:11px;font-weight:600}html[data-skin=saas] .data-table td,html[data-skin=saas] table td{padding:10px var(--s-pad);border-bottom:1px solid var(--hairline);font-size:13px}html[data-skin=saas] table tbody tr:hover{background:var(--card-2)}html[data-skin=saas] .mono,html[data-skin=saas] .metric-value,html[data-skin=saas] .total-row span:last-child{font-variant-numeric:tabular-nums}html[data-skin=saas] .table-thumb{background:var(--card-2);color:var(--ink-faint);border:1px solid var(--hairline);border-radius:8px}html[data-skin=saas] .list-row{border-bottom:1px solid var(--hairline);padding:10px 0}html[data-skin=saas] .metric-label{letter-spacing:0;text-transform:none;color:var(--ink-faint);font-size:12px;font-weight:500}html[data-skin=saas] .metric-value{letter-spacing:-.03em;color:var(--ink);font-size:25px;font-weight:600}html[data-skin=saas] .metric-note{color:var(--ink-faint);font-size:12px;font-weight:400}html[data-skin=saas] .metric-icon{background:var(--card-2);width:30px;height:30px;color:var(--ink-dim);border:1px solid var(--hairline);box-shadow:none;border-radius:9px}html[data-skin=saas] .field-label{letter-spacing:0;text-transform:none;color:var(--ink-dim);font-size:12.5px;font-weight:600}html[data-skin=saas] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html[data-skin=saas] select,html[data-skin=saas] textarea{background:var(--input-bg);border:1px solid var(--hairline);border-radius:var(--r-md);color:var(--ink);box-shadow:none;font-size:13.5px}html[data-skin=saas] input:focus,html[data-skin=saas] select:focus,html[data-skin=saas] textarea:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent);outline:0}html[data-skin=saas] .modal-backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}html[data-skin=saas] .pos-modal,html[data-skin=saas] .pos-dialog{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:16px}html[data-skin=saas] .product-tile{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-md);box-shadow:none;min-height:104px}html[data-skin=saas] .product-tile:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-lg)}html[data-skin=saas] .product-tile:active{transform:scale(.975)}html[data-skin=saas] .product-tile.is-out-of-stock{opacity:.5}html[data-skin=saas] .product-name{font-size:13.5px;font-weight:600;line-height:1.28}html[data-skin=saas] .product-sku{color:var(--ink-faint);font-size:10.5px}html[data-skin=saas] .product-price{font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}html[data-skin=saas] .product-stock{color:var(--ink-faint);font-size:10.5px}html[data-skin=saas] .product-mark{background:var(--card-2);width:26px;height:26px;color:var(--ink-faint);border:1px solid var(--hairline);border-radius:7px;font-size:10px;font-weight:700}html[data-skin=saas] .category-tab{border:1px solid var(--hairline);background:var(--card);height:30px;color:var(--ink-dim);white-space:nowrap;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:500}html[data-skin=saas] .category-tab.active{background:var(--s-accent);color:var(--s-on-accent);border-color:var(--s-accent);font-weight:600}html[data-skin=saas] .cart-panel{background:var(--surface);border:1px solid var(--hairline)}html[data-skin=saas] .cart-line{border-bottom:1px solid var(--hairline)}html[data-skin=saas] .qty-stepper{border:1px solid var(--hairline);background:0 0;border-radius:999px;overflow:hidden}html[data-skin=saas] .total-row{color:var(--ink-dim);font-size:13px}html[data-skin=saas] .total-row.total{color:var(--ink);letter-spacing:-.03em;font-size:21px;font-weight:600}html[data-skin=saas] .keypad button{border:1px solid var(--hairline);background:var(--card-2);border-radius:var(--r-md);font-variant-numeric:tabular-nums;height:46px;font-size:17px;font-weight:500}html[data-skin=saas] .quick-amounts .chip{border-radius:999px;height:30px;padding:0 11px;font-size:12.5px}html[data-skin=saas] .pos-terminal-tab{height:30px;color:var(--ink-faint);background:0 0;border:0;border-radius:7px;padding:0 12px;font-size:13px;font-weight:500}html[data-skin=saas] .pos-terminal-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-weight:600}html[data-skin=saas] .pos-terminal-tabs{background:var(--card-2);border:1px solid var(--hairline);border-radius:10px;gap:3px;padding:3px}html[data-skin=saas] .pos-shell-fullscreen{background:var(--bg);padding:10px 12px}html[data-skin=saas] .pos-shell-fullscreen~* .sidebar{display:none}html[data-skin=saas] body:has(.pos-shell-fullscreen) .sidebar{display:none}html[data-skin=saas] body:has(.pos-shell-fullscreen) .topbar{display:none}html[data-skin=saas] .auth-screen{background:var(--bg)}html[data-skin=saas] .login-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:16px}html[data-skin=saas] .login-title{letter-spacing:-.022em;font-size:20px;font-weight:600}html[data-skin=saas] .login-subtitle{color:var(--ink-faint);font-size:13px}html[data-skin=saas] .login-tabs{background:var(--card-2);border:1px solid var(--hairline);border-radius:10px;padding:3px}html[data-skin=saas] .login-tab{height:30px;color:var(--ink-faint);border-radius:8px;font-size:13px;font-weight:500}html[data-skin=saas] .login-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow);font-weight:600}html[data-skin=saas] .brandmark{background:var(--s-accent);color:var(--s-on-accent);box-shadow:none;border-radius:10px}@media (prefers-reduced-motion:reduce){html[data-skin=saas] *{transition-duration:.01ms!important;animation-duration:.01ms!important}}html[data-skin=saas] .s-auth{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:26px 18px;display:flex}html[data-skin=saas] .s-auth-wrap{width:100%;max-width:400px}html[data-skin=saas] .s-auth-brand{justify-content:center;align-items:center;gap:9px;margin-bottom:18px;display:flex}html[data-skin=saas] .s-auth-mark{background:var(--s-accent);width:26px;height:26px;color:var(--s-on-accent);border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid;overflow:hidden}html[data-skin=saas] .s-auth-mark img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}html[data-skin=saas] .s-auth-name{letter-spacing:-.025em;color:var(--ink);font-size:17px;font-weight:700}html[data-skin=saas] .s-auth-card{background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}html[data-skin=saas] .s-auth-ctx{background:var(--card-2);border-bottom:1px solid var(--hairline);color:var(--ink-faint);align-items:center;gap:8px;padding:11px 18px;font-size:12px;display:flex}html[data-skin=saas] .s-auth-ctx-live{color:var(--success);align-items:center;gap:6px;margin-left:auto;font-weight:600;display:inline-flex}html[data-skin=saas] .s-pulse{background:currentColor;border-radius:50%;width:6px;height:6px;position:relative}html[data-skin=saas] .s-pulse:after{content:"";opacity:.5;border:1px solid;border-radius:50%;animation:2.6s cubic-bezier(.2,.8,.3,1) infinite s-ping;position:absolute;inset:-3px}@keyframes s-ping{0%{opacity:.55;transform:scale(.6)}70%,to{opacity:0;transform:scale(1.6)}}html[data-skin=saas] .s-auth-body{padding:20px 18px 18px}html[data-skin=saas] .s-auth-head{text-align:center;margin-bottom:16px}html[data-skin=saas] .s-auth-title{letter-spacing:-.022em;color:var(--ink);font-size:20px;font-weight:600}html[data-skin=saas] .s-auth-sub{color:var(--ink-faint);margin-top:4px;font-size:13px}html[data-skin=saas] .s-switch{background:var(--card-2);border:1px solid var(--hairline);border-radius:10px;grid-template-columns:1fr 1fr;margin-bottom:16px;padding:3px;display:grid;position:relative}html[data-skin=saas] .s-switch-thumb{background:var(--surface);border:1px solid var(--hairline);width:calc(50% - 3px);height:calc(100% - 6px);box-shadow:var(--shadow);border-radius:8px;transition:transform .34s cubic-bezier(.2,.8,.3,1);position:absolute;top:3px;left:3px}html[data-skin=saas] .s-switch-thumb.is-pin{transform:translate(100%)}html[data-skin=saas] .s-switch button{z-index:1;height:30px;color:var(--ink-faint);background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:500;transition:color .25s;position:relative}html[data-skin=saas] .s-switch button[aria-selected=true]{color:var(--ink);font-weight:600}html[data-skin=saas] .s-auth-form{animation:.26s cubic-bezier(.2,.8,.3,1) both s-fade}@keyframes s-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}html[data-skin=saas] .s-field{margin-bottom:12px;display:block}html[data-skin=saas] .s-field-label{color:var(--ink-dim);align-items:center;margin-bottom:5px;font-size:12.5px;font-weight:600;display:flex}html[data-skin=saas] .s-field-label a{color:var(--ink-faint);margin-left:auto;font-size:12px;font-weight:500}html[data-skin=saas] .s-field-label a:hover{color:var(--ink)}html[data-skin=saas] .s-field input{width:100%;height:42px}html[data-skin=saas] .s-remember{color:var(--ink-dim);cursor:pointer;align-items:center;gap:8px;margin:2px 0 14px;font-size:13px;display:flex}html[data-skin=saas] .s-auth-submit{border-radius:10px;width:100%;height:44px;font-size:14.5px}html[data-skin=saas] .s-auth-error{border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);background:color-mix(in srgb, var(--danger) 12%, transparent);color:var(--danger);border-radius:10px;margin-bottom:12px;padding:9px 11px;font-size:12.5px;font-weight:600}html[data-skin=saas] .s-dots{justify-content:center;gap:11px;margin:4px 0 14px;display:flex}html[data-skin=saas] .s-dots i{border:1.5px solid var(--hairline);border-radius:50%;width:11px;height:11px;transition:all .2s cubic-bezier(.2,.8,.3,1)}html[data-skin=saas] .s-dots i.on{background:var(--s-accent);border-color:var(--s-accent);transform:scale(1.12)}html[data-skin=saas] .s-keys{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}html[data-skin=saas] .s-keys button{border:1px solid var(--hairline);background:var(--card-2);font-variant-numeric:tabular-nums;height:46px;color:var(--ink);border-radius:10px;font-size:17px;font-weight:500;transition:background .12s,transform 80ms}html[data-skin=saas] .s-keys button:active{transform:scale(.96)}html[data-skin=saas] .s-keys .s-key-aux{color:var(--ink-faint);background:0 0;border-color:#0000;font-size:12.5px}html[data-skin=saas] .s-auth-foot{border-top:1px solid var(--hairline);background:var(--card-2);align-items:center;gap:9px;padding:12px 18px;display:flex}html[data-skin=saas] .s-auth-mode{margin-left:auto}html[data-skin=saas] .s-auth-note{text-align:center;color:var(--ink-faint);margin-top:14px;font-size:11.5px}html[data-skin=saas] .s-till{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-wrap:wrap;align-items:center;gap:11px;margin-bottom:12px;padding:10px 14px;display:flex}html[data-skin=saas] .s-till-mark{background:var(--s-accent);width:30px;height:30px;color:var(--s-on-accent);border-radius:9px;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}html[data-skin=saas] .s-till-who{min-width:0;line-height:1.25}html[data-skin=saas] .s-till-who b{color:var(--ink);font-size:13.5px;font-weight:600;display:block}html[data-skin=saas] .s-till-who span{color:var(--ink-faint);font-size:11.5px;display:block}html[data-skin=saas] .s-till-stats{flex-wrap:wrap;align-items:center;gap:18px;margin-left:auto;display:flex}html[data-skin=saas] .s-till-stat{align-items:center;gap:7px;display:flex}html[data-skin=saas] .s-till-stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);font-size:10.5px;font-weight:700}html[data-skin=saas] .s-till-stat b.mono{color:var(--ink);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}@media (width<=720px){html[data-skin=saas] .s-till-stats{gap:12px;width:100%}}html[data-skin=saas] .owner-shell{max-width:52rem}html[data-skin=saas] .owner-tiles{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}html[data-skin=saas] .owner-tile{padding:13px 14px}html[data-skin=saas] .owner-tile strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:25px;font-weight:600}html[data-skin=saas] .owner-bar{background:var(--card-2);height:6px}html[data-skin=saas] .owner-bar>span{background:var(--success)}html[data-skin=saas] .owner-trend>span{background:var(--ink-faint);border-radius:4px 4px 2px 2px}html[data-skin=saas] .owner-trend>span:last-child{background:var(--success)}html[data-skin=saas] .owner-list>*+*{border-top:1px solid var(--hairline)}html[data-skin=saas] .owner-tile strong{overflow-wrap:normal;font-size:clamp(17px,2.1vw,25px)}html[data-skin=saas] .topbar{background:var(--surface);border-bottom:1px solid var(--hairline);gap:8px;height:52px}html[data-skin=saas] .top-select{border:1px solid var(--hairline);background:var(--card);height:32px;color:var(--ink-dim);border-radius:8px;align-items:center;gap:7px;padding:0 10px;transition:border-color .15s,background .15s;display:flex}html[data-skin=saas] .top-select:hover{border-color:var(--ink-faint)}html[data-skin=saas] .top-select svg{color:var(--ink-faint)!important}html[data-skin=saas] .top-select select{height:auto;box-shadow:none;color:var(--ink);cursor:pointer;background-color:#0000;background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 5px) 8px,calc(100% - 1px) 8px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:0;padding:0 16px 0 0;font-size:13px;font-weight:600}html[data-skin=saas] .top-select select:focus{box-shadow:none}html[data-skin=saas] .top-search{max-width:380px}html[data-skin=saas] .s-account{border-left:1px solid var(--hairline);align-items:center;gap:4px;margin-left:auto;padding-left:8px;display:flex}html[data-skin=saas] .s-account-link{border-radius:999px;align-items:center;gap:8px;padding:3px 8px 3px 3px;transition:background .15s;display:flex}html[data-skin=saas] .s-account-link:hover{background:var(--card-2)}html[data-skin=saas] .s-account-avatar{background:var(--card-2);width:26px;height:26px;color:var(--ink-dim);border-radius:50%;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}html[data-skin=saas] .s-account-copy{min-width:0;line-height:1.15}html[data-skin=saas] .s-account-copy b{color:var(--ink);font-size:12.5px;font-weight:600;display:block}html[data-skin=saas] .s-account-copy span{color:var(--ink-faint);font-size:10.5px;display:block}html[data-skin=saas] .side-user{display:none}@media (width<=900px){html[data-skin=saas] .s-account-copy{display:none}}html[data-skin=saas] .sidebar{width:var(--sidebar-w)}html[data-skin=saas] .nav-label{font-size:13px}html[data-skin=saas] .nav-icon svg{width:15px;height:15px}html[data-skin=saas] .product-tile{text-align:left;flex-direction:column;gap:7px;min-height:118px;padding:11px;display:flex}html[data-skin=saas] .product-tile>div:last-child,html[data-skin=saas] .product-tile-bottom{margin-top:auto}html[data-skin=saas] .product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;line-height:1.3;display:-webkit-box;overflow:hidden}html[data-skin=saas] .product-sku{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}html[data-skin=saas] .product-tile-bottom{justify-content:space-between;align-items:baseline;gap:6px;display:flex}html[data-skin=saas] .product-price{color:var(--ink)}html[data-skin=saas] .product-stock{color:var(--ink-faint)}html[data-skin=saas] .product-stock.is-depleted{color:var(--danger);font-weight:600}html[data-skin=saas] .pos-page-head{align-items:center;margin-bottom:12px}html[data-skin=saas] .pos-page-head>div:first-child,html[data-skin=saas] .pos-page-head .pos-status-chip{display:none}html[data-skin=saas] .s-brand{align-items:center;gap:8px;padding-right:2px;display:flex}html[data-skin=saas] .s-brand-mark{background:var(--s-accent);width:24px;height:24px;color:var(--s-on-accent);border-radius:7px;flex:none;place-items:center;display:grid;overflow:hidden}html[data-skin=saas] .s-brand-mark img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}html[data-skin=saas] .s-brand-name{letter-spacing:-.025em;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:700}html[data-skin=saas] .s-topbar-divider{background:var(--hairline);flex:none;width:1px;height:22px}@media (width<=720px){html[data-skin=saas] .s-brand-name{display:none}}html[data-skin=saas] [data-keyboard-payment]{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:stretch;align-items:stretch;padding:0}html[data-skin=saas] [data-keyboard-payment]>.pos-modal{width:100%;max-width:none;height:100vh;max-height:none;box-shadow:none;background:var(--bg);border:0;border-radius:0;flex-direction:column;margin:0;padding:0;animation:.28s cubic-bezier(.2,.8,.3,1) both s-co-in;display:flex;position:fixed;inset:0;overflow:hidden}@keyframes s-co-in{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:none}}html[data-skin=saas] [data-keyboard-payment]>.pos-modal>.panel-head{border-bottom:1px solid var(--hairline);background:var(--surface);flex:none;margin:0;padding:13px 20px}html[data-skin=saas] [data-keyboard-payment]>.pos-modal>.panel-head .panel-title{font-size:17px}html[data-skin=saas] [data-keyboard-payment]>.pos-modal>.grid{flex:1;align-content:start;gap:16px;width:100%;max-width:1180px;margin:0 auto;padding:16px 20px 24px;overflow-y:auto}html[data-skin=saas] [data-keyboard-payment] .panel{background:var(--card);border:1px solid var(--hairline)}html[data-skin=saas] [data-keyboard-payment] .total-row.total{font-size:20px}html[data-skin=saas] [data-keyboard-payment] .payment-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:7px;display:grid}html[data-skin=saas] [data-keyboard-payment] .payment-grid .category-tab{border-radius:var(--r-md);justify-content:center;height:54px}html[data-skin=saas] [data-keyboard-payment] .keypad{grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:none;display:grid}html[data-skin=saas] [data-keyboard-payment] .keypad button{width:100%;height:58px;font-size:19px}html[data-skin=saas] [data-keyboard-payment] .quick-amounts{flex-wrap:wrap;gap:8px;display:flex}html[data-skin=saas] [data-keyboard-payment] input[x-ref=tenderedInput]{height:48px;font-size:20px}@media (width<=1000px){html[data-skin=saas] [data-keyboard-payment]>.pos-modal>.grid{grid-template-columns:minmax(0,1fr)}}html[data-skin=saas] [data-pos-customer-modal]>.pos-modal,html[data-skin=saas] [data-pos-camera-dialog]>.pos-dialog,html[data-skin=saas] [data-pos-removal-dialog]>.pos-dialog{border-radius:16px}html[data-skin=saas] .top-search{border:1px solid var(--hairline);background:var(--bg);border-radius:8px;align-items:center;gap:0;width:100%;height:32px;padding:0 11px 0 32px;display:flex;position:relative}html[data-skin=saas] .top-search:focus-within{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent)}html[data-skin=saas] .top-search-icon{width:15px;height:15px;color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}html[data-skin=saas] .top-search input{width:100%;height:30px;box-shadow:none;color:var(--ink);background:0 0;border:0;padding:0;font-size:13px}html[data-skin=saas] .top-search input:focus{box-shadow:none}html[data-skin=saas] .top-search input::placeholder{color:var(--ink-faint)}html[data-skin=saas] .global-search-popover,html[data-skin=saas] .notification-popover{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:none;backdrop-filter:none;padding:10px}html[data-skin=saas] .global-search-head{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--hairline);padding:4px 6px 8px;font-size:11px;font-weight:600}html[data-skin=saas] .global-search-result{border-radius:9px;gap:10px;padding:9px 10px}html[data-skin=saas] .global-search-result:hover,html[data-skin=saas] .global-search-result.active{background:var(--card-2)}html[data-skin=saas] .global-search-footer{border-top:1px solid var(--hairline);color:var(--ink-faint);text-align:center;margin-top:8px;padding-top:9px;font-size:12px;font-weight:600;display:block}html[data-skin=saas] .global-search-footer:hover{color:var(--ink)}html[data-skin=saas] .notification-popover{width:min(380px,100vw - 24px);padding:0}html[data-skin=saas] .notification-popover .panel-head{border-bottom:1px solid var(--hairline);margin:0;padding:13px 14px}html[data-skin=saas] .notification-popover>.space-y-2{max-height:60vh;padding:4px;overflow-y:auto}html[data-skin=saas] .notification-popover>.space-y-2>*+*{margin-top:0!important}html[data-skin=saas] .notification-row{border:0;border-bottom:1px solid var(--hairline);background:0 0;border-radius:9px;align-items:flex-start;gap:10px;display:flex;padding:11px 12px!important}html[data-skin=saas] .notification-row:last-child{border-bottom:0}html[data-skin=saas] .notification-row:hover{background:var(--card-2)}html[data-skin=saas] .notification-row.unread{background:0 0}html[data-skin=saas] .notification-severity{background:var(--ink-faint);border-radius:50%;flex:none;width:7px;height:7px;margin-top:6px}html[data-skin=saas] .notification-severity.ok{background:var(--success)}html[data-skin=saas] .notification-severity.warn{background:var(--warning)}html[data-skin=saas] .notification-severity.bad{background:var(--danger)}html[data-skin=saas] .notif-badge{background:var(--danger);color:#fff;border:2px solid var(--surface);border-radius:999px;min-width:15px;height:15px;padding:0 4px;font-size:9px;font-weight:700}html[data-skin=saas] .sync-pill{border:1px solid color-mix(in srgb, var(--success) 30%, transparent);background:color-mix(in srgb, var(--success) 12%, transparent);height:30px;color:var(--success);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:12px;font-weight:600;display:inline-flex}html[data-skin=saas] .sync-pill .status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}html[data-skin=saas] .sync-pill.border-\[var\(--warning\)\]{background:color-mix(in srgb, var(--warning) 14%, transparent);color:var(--warning);animation:2s cubic-bezier(.2,.8,.3,1) infinite s-offline-blink;border-color:color-mix(in srgb, var(--warning) 45%, transparent)!important}html[data-skin=saas] .sync-pill.border-\[var\(--danger\)\]{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger);animation:1.4s cubic-bezier(.2,.8,.3,1) infinite s-offline-blink;border-color:color-mix(in srgb, var(--danger) 45%, transparent)!important}@keyframes s-offline-blink{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 40%, transparent)}55%{box-shadow:0 0 0 5px #0000}}html[data-skin=saas] body:has(.sync-pill.border-\[var\(--warning\)\]):after{content:"";pointer-events:none;z-index:120;border:2px solid var(--warning);opacity:0;animation:2s cubic-bezier(.2,.8,.3,1) infinite s-edge-blink;position:fixed;inset:0}html[data-skin=saas] body:has(.sync-pill.border-\[var\(--danger\)\]):after{content:"";pointer-events:none;z-index:120;border:2px solid var(--warning);opacity:0;animation:2s cubic-bezier(.2,.8,.3,1) infinite s-edge-blink;position:fixed;inset:0}html[data-skin=saas] body:has(.sync-pill.border-\[var\(--danger\)\]):after{border-color:var(--danger)}@keyframes s-edge-blink{0%,to{opacity:0}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){html[data-skin=saas] .sync-pill,html[data-skin=saas] body:after{animation:none!important}}html[data-skin=saas] .theme-option.is-selected{border-color:var(--s-accent);box-shadow:0 0 0 1px var(--s-accent)}html[data-skin=saas] .theme-option.is-selected .theme-tick{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-on-accent)}html[data-skin=saas] .accent-option.is-selected{border-color:var(--s-accent);background:var(--card-2)}html[data-skin=saas] .top-search{background:var(--bg);border-radius:999px;height:32px;padding:0 14px 0 34px}html[data-skin=saas] .top-search-icon{left:12px}html[data-skin=saas] .top-search input{font-size:13px}html[data-skin=saas] .top-search:focus-within{border-color:var(--brand-2)}html[data-skin=saas] .app-main>main,html[data-skin=saas] main>.page-head{animation:.34s cubic-bezier(.16,1,.3,1) both s-rise}@keyframes s-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}html[data-skin=saas] .panel,html[data-skin=saas] .metric-card,html[data-skin=saas] .n-kpi{animation:.38s cubic-bezier(.16,1,.3,1) both s-rise}html[data-skin=saas] .n-kpis>:first-child,html[data-skin=saas] .metrics-grid>:first-child{animation-delay:20ms}html[data-skin=saas] .n-kpis>:nth-child(2),html[data-skin=saas] .metrics-grid>:nth-child(2){animation-delay:60ms}html[data-skin=saas] .n-kpis>:nth-child(3),html[data-skin=saas] .metrics-grid>:nth-child(3){animation-delay:.1s}html[data-skin=saas] .n-kpis>:nth-child(4),html[data-skin=saas] .metrics-grid>:nth-child(4){animation-delay:.14s}html[data-skin=saas] .nav-item,html[data-skin=saas] .chip,html[data-skin=saas] .btn-base,html[data-skin=saas] .product-tile,html[data-skin=saas] .top-select{transition:background .16s cubic-bezier(.2,.8,.3,1),color .16s,border-color .16s,box-shadow .18s,transform .12s cubic-bezier(.2,.8,.3,1)}html[data-skin=saas] .panel:hover{border-color:var(--line-soft)}html[data-skin=saas] .global-search-popover,html[data-skin=saas] .notification-popover,html[data-skin=saas] .action-menu,html[data-skin=saas] .dropdown-panel{transform-origin:100% 0;animation:.22s cubic-bezier(.16,1,.3,1) both s-pop}@keyframes s-pop{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:none}}html[data-skin=saas] .top-select{position:relative}html[data-skin=saas] .top-select:focus-within{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent)}html[data-skin=saas] .top-select select option{background:var(--surface);color:var(--ink)}html[data-skin=saas] input[type=checkbox]:not(.form-check-input),html[data-skin=saas] input[type=radio]:not(.form-check-input){appearance:none;border:1.5px solid var(--line-soft);background:var(--card-2);cursor:pointer;border-radius:5px;flex:none;place-content:center;width:17px;height:17px;transition:background .16s,border-color .16s,transform .12s cubic-bezier(.2,.8,.3,1);display:inline-grid}html[data-skin=saas] input[type=radio]:not(.form-check-input){border-radius:50%}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):hover,html[data-skin=saas] input[type=radio]:not(.form-check-input):hover{border-color:var(--ink-faint)}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):before{content:"";width:9px;height:9px;box-shadow:inset 1em 1em var(--s-on-accent);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transition:transform .16s cubic-bezier(.2,.8,.3,1);transform:scale(0)}html[data-skin=saas] input[type=radio]:not(.form-check-input):before{content:"";width:7px;height:7px;box-shadow:inset 1em 1em var(--s-on-accent);border-radius:50%;transition:transform .16s cubic-bezier(.2,.8,.3,1);transform:scale(0)}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):checked,html[data-skin=saas] input[type=radio]:not(.form-check-input):checked{background:var(--s-accent);border-color:var(--s-accent)}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):checked:before,html[data-skin=saas] input[type=radio]:not(.form-check-input):checked:before{transform:scale(1)}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):focus-visible,html[data-skin=saas] input[type=radio]:not(.form-check-input):focus-visible{outline:2px solid var(--brand-2);outline-offset:2px}html[data-skin=saas] input[type=checkbox]:not(.form-check-input):active,html[data-skin=saas] input[type=radio]:not(.form-check-input):active{transform:scale(.92)}html[data-skin=saas] .product-name,html[data-skin=saas] .n-row-name,html[data-skin=saas] .pname,html[data-skin=saas] .metric-value,html[data-skin=saas] .owner-tile strong,html[data-skin=saas] .panel-title{overflow-wrap:anywhere}html[data-skin=saas] .n-row-name,html[data-skin=saas] .pname{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}html[data-skin=saas] td,html[data-skin=saas] .data-table td{overflow-wrap:anywhere}html[data-skin=saas] .list-row .min-w-0{min-width:0}html[data-skin=saas] .n-row-amount,html[data-skin=saas] .total-row span:last-child,html[data-skin=saas] td.r{white-space:nowrap}html[data-skin=saas] .finance-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}html[data-skin=saas] .finance-kpi-grid>*{background:var(--card);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--shadow);min-width:0;padding:13px 14px}html[data-skin=saas] .finance-kpi-grid>* :is(.text-3xl,.text-2xl,.metric-value){letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:23px;font-weight:600}html[data-skin=saas] .finance-kpi-grid>* :is(.metric-label,.eyebrow){color:var(--ink-faint);text-transform:none;letter-spacing:0;font-size:12px}html[data-skin=saas] .insight-split,html[data-skin=saas] .health-visuals{gap:12px}@media (prefers-reduced-motion:reduce){html[data-skin=saas] .app-main>main,html[data-skin=saas] .panel,html[data-skin=saas] .metric-card,html[data-skin=saas] .n-kpi,html[data-skin=saas] .global-search-popover,html[data-skin=saas] .notification-popover{animation:none!important}}html[data-skin=saas] .form-check-box{border:1.5px solid var(--line-soft);background:var(--card-2);box-shadow:none;border-radius:5px;transition:background .16s cubic-bezier(.2,.8,.3,1),border-color .16s,color .16s}html[data-skin=saas] .form-check-input:checked+.form-check-box,html[data-skin=saas] .form-check-input:indeterminate+.form-check-box{background:var(--s-accent);border-color:var(--s-accent);color:var(--s-on-accent);box-shadow:none}html[data-skin=saas] .form-check-input:indeterminate+.form-check-box:after{background:var(--s-on-accent)}html[data-skin=saas] .form-check-input:focus-visible+.form-check-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 18%, transparent)}html[data-skin=saas] .form-check-label{color:var(--ink-dim);font-size:13px;font-weight:500}html[data-skin=saas] .top-search,html[data-skin=saas] .top-search-shell .top-search{width:100%;max-width:none;height:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}html[data-skin=saas] .top-search:focus-within{box-shadow:none;border-color:#0000}html[data-skin=saas] .top-search input,html[data-skin=saas] input[type=search]{border:1px solid var(--hairline);background:var(--input-bg);width:100%;height:34px;min-height:34px;color:var(--ink);box-shadow:none;border-radius:999px;padding:0 13px 0 34px;font-size:13px;transition:border-color .16s,box-shadow .16s,background .16s}html[data-skin=saas] input[type=search]:not(.top-search input){padding-left:13px}html[data-skin=saas] .top-search input::-moz-placeholder{color:var(--ink-faint)}html[data-skin=saas] input[type=search]::-moz-placeholder{color:var(--ink-faint)}html[data-skin=saas] .top-search input::placeholder,html[data-skin=saas] input[type=search]::placeholder{color:var(--ink-faint)}html[data-skin=saas] .top-search input:focus,html[data-skin=saas] input[type=search]:focus{border-color:var(--brand-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-2) 16%, transparent);outline:0}html[data-skin=saas] .top-search-icon{width:15px;height:15px;color:var(--ink-faint);pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}html[data-skin=saas] .topbar .top-search input{height:32px;min-height:32px}html[data-skin=saas] .top-search-shell{flex:1;min-width:0;max-width:400px}html[data-skin=saas] .pos-search-row .top-search input{height:40px;min-height:40px;font-size:14.5px}html[data-skin=saas] input[type=search]::-webkit-search-cancel-button{filter:grayscale()opacity(.6);cursor:pointer}html[data-skin=saas] .top-search input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html[data-skin=saas] input[type=search]:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){border-radius:999px}html[data-skin=saas] input[type=search]:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){padding-left:13px}html[data-skin=saas] .top-search input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){padding-left:34px}