:root{--pdv-bg: #fbf8fa;--pdv-font: "Inter", system-ui, "Segoe UI", Roboto, sans-serif;font-family:var(--pdv-font);line-height:1.5}html,body{margin:0;height:100%;min-height:100dvh;overflow:hidden;background:var(--pdv-bg)}:root{--pdv-navy: #091426;--pdv-surface: #fbf8fa;--pdv-card: #ffffff;--pdv-border: #c5c6cd;--pdv-text: #1b1b1d;--pdv-muted: #45474c;--pdv-action: #0058be;--pdv-action-hover: #2170e4;--pdv-danger: #ba1a1a;--pdv-radius: 8px;--pdv-sidebar-w: 260px;--pdv-sidebar-drawer-w: min(88vw, max(240px, var(--pdv-sidebar-w)))}.pdv-theme{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--pdv-text);background:var(--pdv-surface)}.pdv-app{display:flex;container-type:inline-size;container-name:pdv-layout;height:100vh;height:100dvh;overflow:hidden;position:relative}.pdv-sidebar{width:var(--pdv-sidebar-w);flex-shrink:0;background:var(--pdv-navy);color:#fff;display:flex;flex-direction:column;padding:1.25rem 0;z-index:120}.pdv-sidebar__brand{padding:0 1.25rem 1.25rem;font-weight:700;font-size:1.1rem;letter-spacing:-.02em}.pdv-sidebar__nav{display:flex;flex-direction:column;gap:4px}.pdv-sidebar__link{display:block;padding:.65rem 1.25rem;color:#ffffffd9;text-decoration:none;font-size:.9375rem;border-left:4px solid transparent}.pdv-sidebar__link:hover{background:#ffffff0f}.pdv-sidebar__link--active{background:#ffffff14;border-left-color:var(--pdv-action);color:#fff}.pdv-nav-backdrop{display:none}.pdv-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;max-width:1200px;overflow:hidden}.pdv-main__topbar{display:none;flex-shrink:0;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--pdv-card);border-bottom:1px solid color-mix(in srgb,var(--pdv-border) 70%,transparent)}.pdv-nav-toggle{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .65rem;min-height:44px;min-width:44px;border-radius:8px;border:1px solid color-mix(in srgb,var(--pdv-border) 80%,transparent);background:var(--pdv-card);color:var(--pdv-text);font:inherit;font-weight:600;font-size:.875rem;cursor:pointer}.pdv-nav-toggle:focus-visible{outline:2px solid var(--pdv-action);outline-offset:2px}.pdv-nav-toggle__icon{display:flex;flex-direction:column;gap:4px;width:1.1rem}.pdv-nav-toggle__bar{display:block;height:2px;border-radius:1px;background:var(--pdv-text)}.pdv-main__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.5rem 1.75rem}@container pdv-layout (max-width: 899px){.pdv-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:none;padding:0;margin:0;background:#09142673;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.pdv-app[data-nav-open=true] .pdv-nav-backdrop{opacity:1;pointer-events:auto}.pdv-sidebar{position:fixed;left:0;top:0;width:var(--pdv-sidebar-drawer-w);height:100vh;height:100dvh;max-width:var(--pdv-sidebar-drawer-w);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:4px 0 24px #0000002e;transform:translate(-104%);transition:transform .22s ease;overflow-y:auto;visibility:hidden;pointer-events:none}.pdv-app[data-nav-open=true] .pdv-sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.pdv-main__topbar{display:flex}.pdv-main__body{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0))}}@media (max-width: 899px){.pdv-nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;border:none;padding:0;margin:0;background:#09142673;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.pdv-app[data-nav-open=true] .pdv-nav-backdrop{opacity:1;pointer-events:auto}.pdv-sidebar{position:fixed;left:0;top:0;width:var(--pdv-sidebar-drawer-w);height:100vh;height:100dvh;max-width:var(--pdv-sidebar-drawer-w);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:4px 0 24px #0000002e;transform:translate(-104%);transition:transform .22s ease;overflow-y:auto;visibility:hidden;pointer-events:none}.pdv-app[data-nav-open=true] .pdv-sidebar{transform:translate(0);visibility:visible;pointer-events:auto}.pdv-main__topbar{display:flex}.pdv-main__body{padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,0))}}.pdv-pdv-layout{display:grid;gap:1.25rem;align-items:start;max-width:1400px;container-type:inline-size;container-name:pdv-checkout;grid-template-columns:1fr}@container pdv-checkout (min-width: 880px){.pdv-pdv-layout{grid-template-columns:minmax(0,1fr) minmax(0,min(400px,40cqi))}}.pdv-subgrid-price-qty{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr))}.pdv-master-detail{display:grid;gap:1rem;align-items:start;container-type:inline-size;container-name:master-detail;grid-template-columns:1fr}@container master-detail (min-width: 700px){.pdv-master-detail{grid-template-columns:minmax(200px,min(32cqi,320px)) minmax(0,1fr)}}.pdv-toolbar--fluid .pdv-field{margin-bottom:0;flex:1 1 min(100%,12rem);min-width:0}.pdv-toolbar--fluid .pdv-btn{flex:0 0 auto}.pdv-perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:.5rem 1rem;max-height:min(420px,50dvh);overflow-y:auto;padding:.25rem 0}.pdv-main__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.pdv-main__header h1{margin:0;font-size:1.25rem;font-weight:600}.pdv-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;border:none;font-family:inherit}.pdv-btn--primary{background:var(--pdv-action);color:#fff}.pdv-btn--primary:hover:not(:disabled){background:var(--pdv-action-hover)}.pdv-btn--primary:disabled{opacity:.5;cursor:not-allowed}.pdv-btn--ghost{background:transparent;color:var(--pdv-text);border:1px solid var(--pdv-border)}.pdv-btn--ghost:hover{background:#0000000a}.pdv-btn--danger{background:transparent;color:var(--pdv-danger);border:1px solid color-mix(in srgb,var(--pdv-danger) 40%,transparent)}.pdv-btn--sm{padding:.35rem .65rem;font-size:.8125rem}.pdv-card{background:var(--pdv-card);border:1px solid color-mix(in srgb,var(--pdv-border) 70%,transparent);border-radius:var(--pdv-radius);overflow:hidden}.pdv-table-wrap{overflow-x:auto}.pdv-table{width:100%;border-collapse:collapse;font-size:.875rem}.pdv-table thead{background:var(--pdv-navy);color:#fff}.pdv-table th,.pdv-table td{padding:.75rem 1rem;text-align:left}.pdv-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--pdv-border) 50%,transparent)}.pdv-table tbody tr:hover{background:#f5f3f4}.pdv-table td.num{text-align:right;font-variant-numeric:tabular-nums}.pdv-chip{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.pdv-chip--ok{background:color-mix(in srgb,#0a7 12%,transparent);color:#065f46}.pdv-chip--off{background:color-mix(in srgb,var(--pdv-muted) 15%,transparent);color:var(--pdv-muted)}.pdv-chip--danger{background:color-mix(in srgb,var(--pdv-danger) 15%,transparent);color:var(--pdv-danger)}.pdv-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09142673;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.pdv-modal{background:var(--pdv-card);border-radius:var(--pdv-radius);width:100%;max-width:420px;padding:1.25rem;box-shadow:0 16px 48px #0000001f}.pdv-modal h2{margin:0 0 1rem;font-size:1.1rem}.pdv-field{margin-bottom:1rem}.pdv-field label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--pdv-muted);margin-bottom:.35rem}.pdv-field input[type=text],.pdv-field input[type=number],.pdv-field select{width:100%;padding:.5rem .65rem;border:1px solid var(--pdv-border);border-radius:6px;font:inherit;box-sizing:border-box}.pdv-field input:focus,.pdv-field select:focus{outline:none;border-color:var(--pdv-action);box-shadow:0 0 0 2px color-mix(in srgb,var(--pdv-action) 25%,transparent)}.pdv-toggle{display:flex;align-items:center;gap:.5rem}.pdv-modal__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.pdv-breadcrumb{font-size:.8125rem;color:var(--pdv-muted);margin-bottom:.75rem}.pdv-breadcrumb a{color:var(--pdv-action);text-decoration:none}.pdv-breadcrumb a:hover{text-decoration:underline}.pdv-error{color:var(--pdv-danger);font-size:.875rem;margin:.5rem 0 0}.pdv-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.pdv-empty{padding:2rem;text-align:center;color:var(--pdv-muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--pdv-bg, #fbf8fa);font-family:var(--pdv-font, "Inter", system-ui, sans-serif)}.login-card{width:min(420px,100%);background:#fff;border:1px solid #e4e2e3;border-radius:12px;padding:2rem 1.75rem;box-shadow:0 1px 3px #0f172a0f,0 20px 40px -12px #0f172a14}.login-title{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:#091426}.login-subtitle{margin:.35rem 0 1.5rem;color:#45474c;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:.35rem}.login-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#45474c;margin-top:.5rem}.login-input{width:100%;box-sizing:border-box;padding:.65rem .85rem;border:1px solid #c5c6cd;border-radius:6px;font-size:1rem;background:#f5f3f4;color:#1b1b1d}.login-input:focus{outline:none;border-color:#2170e4;background:#fff;box-shadow:0 0 0 2px #2170e433}.login-password-row{display:flex;gap:.5rem;align-items:stretch}.login-password-row .login-input{flex:1}.login-toggle{flex-shrink:0;padding:0 .75rem;border:1px solid #c5c6cd;border-radius:6px;background:#fff;color:#0058be;font-size:.85rem;cursor:pointer}.login-toggle:hover{background:#f0edef}.login-error{margin:.5rem 0 0;font-size:.875rem;color:#ba1a1a}.login-submit{margin-top:1.25rem;width:100%;padding:.75rem 1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#091426,#1e293b);cursor:pointer}.login-submit:hover:not(:disabled){filter:brightness(1.05)}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-forgot{display:block;width:100%;margin-top:1rem;border:none;background:none;color:#75777d;font-size:.875rem;text-decoration:underline;cursor:not-allowed}.login-hint{margin:1.5rem 0 0;text-align:center;font-size:.875rem}.login-hint a{color:#0058be;text-decoration:none}.login-hint a:hover{text-decoration:underline}.pdv-shell{max-width:40rem;margin:2rem auto;padding:0 1rem}.home-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.home-header h1{margin:0;font-size:1.5rem}.logout-btn{padding:.4rem .85rem;border:1px solid color-mix(in srgb,CanvasText 20%,transparent);border-radius:8px;background:transparent;cursor:pointer;font-size:.875rem}.logout-btn:hover{background:color-mix(in srgb,CanvasText 8%,transparent)}.muted{opacity:.75}.card{margin-top:1.5rem;padding:1rem 1.25rem;border:1px solid color-mix(in srgb,CanvasText 15%,transparent);border-radius:8px}[data-status=ok]{color:#0a7}[data-status=error]{color:#c00}