body,html{overflow-y:auto!important;overflow-x:hidden!important;height:auto!important;min-height:100%!important;margin:0;padding:0}.topbar{position:sticky!important;top:0!important;z-index:300!important}.app-shell{overflow:visible!important;min-height:100vh!important;height:auto!important;width:100%!important;display:flex;flex-direction:column}.app-layout{display:none!important}.app-body{flex:1;overflow:visible!important;display:flex;align-items:flex-start!important;position:relative}.sidebar{position:sticky!important;top:var(--topbar-h,54px)!important;align-self:flex-start!important;height:calc(100vh - var(--topbar-h,54px))!important;width:var(--sidebar-w,200px);min-width:var(--sidebar-w,200px);background:var(--bg);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:10px 8px;gap:1px;overflow-y:auto;overflow-x:hidden;transition:width .22s,min-width .22s,transform .22s,box-shadow .22s;scrollbar-width:none;flex-shrink:0}.sidebar::-webkit-scrollbar{display:none}.sidebar.collapsed{width:54px;min-width:54px}.app-shell.sidebar-collapsed .sidebar{position:fixed!important;top:var(--topbar-h,54px)!important;left:0!important;bottom:0!important;height:calc(100vh - var(--topbar-h,54px))!important;transform:translateX(-100%);z-index:500;box-shadow:none;width:var(--sidebar-w,200px)!important;min-width:var(--sidebar-w,200px)!important}.app-shell.sidebar-collapsed .sidebar .nav-label{display:block!important}.app-shell.sidebar-collapsed .sidebar .nav-plan-badge{display:inline-flex!important}.app-shell.sidebar-collapsed .sidebar .nav-btn{justify-content:flex-start!important;padding:0 9px!important}.app-shell.sidebar-collapsed .sidebar .sidebar-brand-text{display:block!important}.app-shell.sidebar-collapsed .sidebar .sidebar-logo-wrap{display:flex!important}.app-shell.sidebar-collapsed .sidebar .sidebar-top{justify-content:space-between!important;padding:4px 4px 10px!important}.app-shell.sidebar-collapsed .sidebar .sidebar-tip-card{display:block!important}.app-shell.sidebar-collapsed.sidebar-open .sidebar{transform:translateX(0);box-shadow:4px 0 32px rgba(0,0,0,.6)}.app-shell.sidebar-pinned .sidebar{position:sticky!important;transform:translateX(0)!important;box-shadow:none!important;width:var(--sidebar-w,200px)!important;min-width:var(--sidebar-w,200px)!important}.sidebar-hover-zone{display:none;position:fixed;top:var(--topbar-h,54px);left:0;bottom:0;width:14px;z-index:499;cursor:pointer}.app-shell.sidebar-collapsed .sidebar-hover-zone{display:block}.app-shell.sidebar-collapsed.sidebar-open .sidebar-hover-zone{display:none}.sidebar-toggle-floating{display:none;position:fixed;top:calc(var(--topbar-h,54px) + 14px);left:8px;z-index:502;width:32px;height:32px;border-radius:8px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:var(--muted,#64748b);cursor:pointer;align-items:center;justify-content:center;transition:background .15s,color .15s,box-shadow .15s}.sidebar-toggle-floating:hover{background:rgba(255,255,255,.13);color:var(--text,#eef3ff);box-shadow:0 2px 12px rgba(0,0,0,.3)}.sidebar-toggle-floating svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.app-shell.sidebar-collapsed .sidebar-toggle-floating{display:flex}.app-shell.sidebar-collapsed.sidebar-open .sidebar-toggle-floating{display:none}.sidebar-scrim{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:498}.app-shell.sidebar-collapsed.sidebar-open .sidebar-scrim{display:block}.sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px;margin-bottom:2px;overflow:hidden;flex-shrink:0}.sidebar-logo-wrap{display:flex;align-items:center;gap:8px;overflow:hidden}.sidebar-brand-text{overflow:hidden;white-space:nowrap}.sidebar-brand-text strong{display:block;font-size:12px;font-weight:700}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .sidebar-logo-wrap{display:none}.sidebar.collapsed .sidebar-top{justify-content:center;padding:4px 0 10px}.nav-btn{display:flex!important;align-items:center;gap:8px}.nav-btn:has(.nav-icon)::before{display:none!important;content:''!important}.nav-icon{width:18px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-plan-badge{display:none}.sidebar.collapsed .nav-btn{justify-content:center;padding:0}.sidebar.collapsed .nav-btn::before{display:none!important}.sidebar-sep{height:1px;background:var(--line);margin:5px 0;flex-shrink:0}.sidebar-tip-card{margin-top:auto;padding:11px 10px;border-radius:10px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.15);overflow:hidden;flex-shrink:0}.sidebar-tip-card strong{display:flex;align-items:center;gap:5px;font-size:11px;color:#93c5fd;margin-bottom:4px}.sidebar-tip-card p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.sidebar.collapsed .sidebar-tip-card{display:none}.sidebar-toggle-btn{width:28px;height:28px;border-radius:7px;border:1px solid var(--line2,rgba(255,255,255,.11));background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,color .15s}.sidebar-toggle-btn:hover{background:rgba(255,255,255,.09);color:var(--text)}.sidebar-toggle-btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round}.content-area{flex:1;min-width:0;overflow:visible!important;background:var(--bg);padding:22px 24px 60px}.main-fullscreen{width:100%}.app-shell.sidebar-collapsed .content-area{width:100%;max-width:100%}.page{overflow:visible!important;min-height:0}.page:not(.hidden){display:block!important}.page.active{overflow:visible!important;display:block}.kpi-sparkline{display:block;width:100%;height:28px;margin-top:8px}.dashboard-kpi-card .kpi-icon svg{stroke:currentColor}.dashboard-kpi-card.blue .kpi-icon,.dashboard-kpi-card.cyan .kpi-icon,.dashboard-kpi-card.green .kpi-icon,.dashboard-kpi-card.purple .kpi-icon,.dashboard-kpi-card.yellow .kpi-icon{display:grid;place-items:center}@media (max-width:1100px){.pdv-pro-main{grid-template-columns:160px minmax(0,1fr) 200px}}@media (max-width:860px){.pdv-pro-main{grid-template-columns:1fr}.pdv-qty-payment-row{grid-template-columns:1fr 1fr}}@media (max-width:980px){.sidebar{width:54px!important;min-width:54px!important}.sidebar .nav-label,.sidebar .nav-plan-badge,.sidebar .sidebar-brand-text,.sidebar .sidebar-logo-wrap,.sidebar .sidebar-tip-card{display:none!important}.sidebar .nav-btn{justify-content:center!important;padding:0!important}.sidebar .sidebar-top{justify-content:center!important;padding:4px 0 10px!important}.app-shell.sidebar-collapsed .sidebar,.app-shell.sidebar-pinned .sidebar{width:var(--sidebar-w,200px)!important;min-width:var(--sidebar-w,200px)!important}}