:root{--vpos-accent:#2563eb;--tpl-bg:#eef3f8;--tpl-card:#fff;--tpl-ink:#071225;--tpl-text:#0f172a;--tpl-muted:#66768a;--tpl-line:#d7e2ee;--tpl-blue:#2563eb;--tpl-soft:#f7faff;--tpl-shadow:0 18px 42px rgba(15,23,42,.09)}
*{box-sizing:border-box}html,body{min-height:100%;margin:0}body.vpos-template{background:linear-gradient(180deg,#f8fbff,#eef3f8);color:var(--tpl-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"SF Pro Display","Segoe UI",sans-serif}.vpos-shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr);gap:14px;padding:12px;background:radial-gradient(circle at 72% 0,rgba(37,99,235,.10),transparent 35%)}.vpos-sidebar{position:sticky;top:12px;height:calc(100vh - 24px);border:1px solid var(--tpl-line);border-radius:26px;background:linear-gradient(180deg,#fff,#f4f8fc);box-shadow:var(--tpl-shadow);padding:16px 12px;display:flex;flex-direction:column;overflow:hidden}.vpos-sidebar:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(37,99,235,.11),transparent 34%);pointer-events:none}.vpos-sidebar>*{position:relative;z-index:1}.vpos-brand{display:flex;justify-content:center;align-items:center;margin:0 auto 16px;width:154px;height:116px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(240,247,255,.78));border:1px solid rgba(214,226,238,.8);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 14px 28px rgba(15,23,42,.07);overflow:hidden}.vpos-brand img{width:132px;height:auto;display:block;filter:drop-shadow(0 10px 18px rgba(15,23,42,.18))}.vpos-side-nav{display:flex;flex-direction:column;gap:6px}.vpos-side-nav a{display:flex;align-items:center;gap:12px;min-height:45px;border-radius:15px;padding:0 13px;color:#334155;text-decoration:none;font-weight:900;border:1px solid transparent;letter-spacing:-.01em}.vpos-side-nav a span{width:18px;text-align:center;color:#64748b}.vpos-side-nav a:hover,.vpos-side-nav a.active{background:linear-gradient(180deg,#eef6ff,#fff);border-color:#bfdbfe;color:#071225;box-shadow:inset 4px 0 0 var(--tpl-blue),0 12px 24px rgba(37,99,235,.10)}.vpos-side-nav a:hover span,.vpos-side-nav a.active span{color:var(--tpl-blue)}.vpos-terminal-button{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:48px;border-radius:16px;background:linear-gradient(180deg,#2f6ff0,#1d4ed8);color:#fff;text-decoration:none;font-weight:950;box-shadow:0 16px 30px rgba(37,99,235,.22)}.screen-dot{width:15px;height:11px;border-radius:3px;border:2px solid currentColor}.vpos-copyright{text-align:center;color:#66768a;font-size:12px;margin-top:12px}.vpos-main{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.vpos-topbar{min-height:68px;border:1px solid var(--tpl-line);border-radius:24px;background:rgba(255,255,255,.92);box-shadow:var(--tpl-shadow);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 16px;margin-bottom:14px}.vpos-menu-toggle{width:42px;height:42px;border-radius:14px;border:1px solid var(--tpl-line);background:#fff;color:#0f172a;font-size:22px;font-weight:900;cursor:pointer}.vpos-topbar-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.vpos-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow:auto}.vpos-tabs a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border-radius:14px;color:#334155;text-decoration:none;font-weight:900;white-space:nowrap}.vpos-tabs a:hover,.vpos-tabs a.active{background:#eff6ff;color:#1d4ed8}.vpos-topbar-right{display:flex;align-items:center;gap:8px}.vpos-auth-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;background:linear-gradient(180deg,#2563eb,#1d4ed8);color:#fff!important;text-decoration:none;font-weight:950;box-shadow:0 12px 24px rgba(37,99,235,.18)}.vpos-auth-button.subtle{background:#fff;color:#0f172a!important;border:1px solid var(--tpl-line);box-shadow:none}.vpos-user{border:1px solid var(--tpl-line);border-radius:15px;background:#fff;padding:8px 13px;color:#0f172a;font-weight:950;line-height:1.05}.vpos-user small{color:#66768a;font-weight:750}.vpos-content{min-width:0;min-height:0;border:1px solid var(--tpl-line);border-radius:28px;background:rgba(255,255,255,.52);box-shadow:var(--tpl-shadow);padding:12px;overflow:auto}.is-vpos-terminal .vpos-topbar{display:none}.is-vpos-terminal .vpos-content{padding:0;border-radius:0;border:0;background:transparent;box-shadow:none;overflow:hidden}.is-vpos-terminal .vpos-main{grid-template-rows:minmax(0,1fr)}.vpos-filter-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.vpos-filter-card,.vpos-card,.vpos-login-glass{background:#fff;border:1px solid var(--tpl-line);border-radius:22px;box-shadow:0 12px 28px rgba(15,23,42,.07);padding:18px}.vpos-filter-card span,.vpos-card-head span{display:block;color:#66768a;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.vpos-filter-card strong{display:block;margin-top:4px;font-size:15px}.vpos-login-panel{min-height:60vh;display:grid;place-items:center}.vpos-login-glass{width:min(640px,95%);text-align:center}.vpos-login-glass h1{font-size:34px;letter-spacing:-.06em;margin:0 0 8px}.vpos-login-glass p{color:#66768a;line-height:1.6}.vpos-demo-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.vpos-card h2{margin:0;color:#071225}.vpos-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.vpos-card-head button,.quick-grid a{border:1px solid var(--tpl-line);background:#f8fbff;border-radius:999px;padding:8px 12px;font-weight:900;color:#334155;text-decoration:none}.vpos-sales-number{font-size:42px;font-weight:950;letter-spacing:-.06em;margin-top:12px}.positive{color:#16a34a;font-weight:850}.sparkline{height:84px;background:linear-gradient(135deg,#eff6ff,#fff);border-radius:16px}.vpos-metrics,.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.vpos-metrics div,.quick-grid a{background:#f8fbff;border:1px solid var(--tpl-line);border-radius:16px;padding:12px}.stock-row,.transaction-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;border-bottom:1px solid #edf2f7;padding:10px 0}.stock-row i{grid-column:1/4;height:7px;border-radius:999px;background:linear-gradient(90deg,#2563eb var(--w),#e2e8f0 var(--w))}.transaction-row small{display:block;color:#66768a}.closeout-card .ring{height:130px;display:grid;place-items:center}.closeout-card .ring span{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-align:center;border:10px solid #2563eb;background:#eff6ff;font-size:24px;font-weight:950}.closeout-card .ring small{display:block;font-size:11px;color:#66768a}.low-stock div{border-bottom:1px solid #edf2f7;padding:12px 0}.low-stock span{display:block;color:#66768a;margin-top:2px}.vpos-footer{color:#66768a;font-size:12px;padding:10px 4px}@media(max-width:1100px){.vpos-shell{grid-template-columns:1fr}.vpos-sidebar{position:relative;height:auto}.vpos-side-nav{display:grid;grid-template-columns:repeat(4,1fr)}.vpos-terminal-button{margin-top:8px}.vpos-demo-grid,.vpos-filter-row{grid-template-columns:1fr 1fr}}@media(max-width:720px){.vpos-shell{padding:8px}.vpos-topbar{align-items:flex-start;flex-direction:column;height:auto;padding:12px}.vpos-topbar-right{flex-wrap:wrap}.vpos-side-nav,.vpos-demo-grid,.vpos-filter-row{grid-template-columns:1fr}.vpos-tabs{width:100%}}