:root{color-scheme:light;--navy:#0f172a;--ink:#101828;--ink-2:#1f2937;--text:#111827;--text-soft:#334155;--muted:#64748b;--muted-2:#8a97a8;--brand:#2747d9;--brand-strong:#1f36a8;--brand-soft:#eef2ff;--brand-border:#c7d2fe;--focus:#6d5dfc;--accent:#f59e0b;--cyan:#22d3ee;--violet:#7c3aed;--surface:#f3f6fb;--surface-2:#eef2f7;--surface-3:#e8edf5;--card:#ffffff;--border:#d7dfeb;--border-strong:#bcc7d6;--success:#16724c;--success-bg:#ecfdf3;--warning:#a15c07;--warning-bg:#fff7ed;--danger:#b42318;--danger-bg:#fff1f2;--info:#175cd3;--info-bg:#eff6ff;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--radius-pill:999px;--shadow:0 18px 46px rgba(15,23,42,.1);--shadow-soft:0 1px 2px rgba(15,23,42,.05),0 12px 28px rgba(15,23,42,.06);--shadow-panel:0 20px 58px rgba(15,23,42,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 18% 0,rgba(39,71,217,.11),transparent 34rem),linear-gradient(180deg,#f8fafc 0%,var(--surface) 46%,#eef2f7 100%);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:geometricPrecision}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}a{color:inherit}::selection{background:#dbeafe;color:#0b1220}.skip-link{position:fixed;top:0;left:1rem;z-index:1000;transform:translateY(-120%);padding:.7rem .9rem;color:#fff;background:#111827;border-radius:0 0 8px 8px}.skip-link:focus{transform:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(39,71,217,.24);outline-offset:2px}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select,textarea{width:100%;min-height:42px;padding:.62rem .78rem;border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text);background:#fff;box-shadow:0 1px #0f172a05;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}textarea{min-height:96px;resize:vertical}input[type=color]{width:44px;min-height:40px;padding:2px;border:1px solid var(--border-strong);border-radius:var(--radius);background:#fff}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):hover,select:hover,textarea:hover{border-color:#9aa7b7}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px #2747d921;outline:0;background:#fff}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:var(--danger);background:snow}label{color:var(--ink);font-weight:780}label span,label small{color:var(--muted);font-weight:650}fieldset{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin:0;background:#ffffffb8}legend{padding:0 .35rem;color:var(--brand-strong);font-weight:850}h1{margin:.1rem 0;font-size:clamp(1.7rem,2.35vw,2.25rem);line-height:1.08;font-weight:850;letter-spacing:0;color:#0b1220}h2{margin:.1rem 0 .72rem;font-size:1.2rem;line-height:1.22;font-weight:800;letter-spacing:0;color:#111827}h3{letter-spacing:0}.eyebrow{margin:0;color:var(--brand);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.page-header,.module-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.1rem}.page-header p,.module-header p{margin:.25rem 0;color:var(--muted);max-width:900px}.technical{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.panel,.card,.catalog-panel,.checkout-panel,.table-panel,.form-card,.chart-card,.mix-card,.insight,.executive-panel{border:1px solid rgba(203,213,225,.86);border-radius:var(--radius-lg);background:#fffffff0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel,.card,.catalog-panel,.checkout-panel,.table-panel{padding:var(--space-5)}.panel:hover,.card:hover{border-color:#c2ccda}.primary,.secondary,.danger,.ghost,.link-button,.icon-button,.confirm-button,.add-button,.compact,.file-action{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--radius);font-weight:820;text-decoration:none;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease}.primary,.confirm-button,.add-button{border-color:var(--brand);color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 14px 28px #2747d92e}.primary:hover,.confirm-button:hover,.add-button:hover{background:linear-gradient(135deg,#3658e6,#1f36a8);border-color:var(--brand-strong);box-shadow:0 18px 38px #2747d93d;transform:translateY(-1px)}.secondary{border-color:var(--border-strong);color:#223044;background:#fff}.secondary:hover{border-color:#9faaba;background:#f8fafc;transform:translateY(-1px)}.danger,.icon-button{border-color:#f4b9bd;color:var(--danger);background:var(--danger-bg)}.danger:hover,.icon-button:hover{background:#ffe4e6}.ghost,.link-button{border-color:transparent;background:transparent;color:var(--brand-strong)}.compact{min-height:34px;padding:.42rem .62rem}.status,.badge,.count,.count-pill,.chip,.plan-badge{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:max-content;max-width:100%;padding:.3rem .6rem;border-radius:var(--radius-pill);font-size:.73rem;font-weight:820;line-height:1.2;color:var(--info);background:var(--info-bg)}.badge.inactive,.badge.off,.status.off{color:#475467;background:#eef2f6}.alert,.notice{margin:0;padding:.82rem 1rem;border:1px solid transparent;border-radius:var(--radius);font-weight:720}.alert.success,.notice.success,.success{color:var(--success);background:var(--success-bg);border-color:#b6e7cc}.alert.error,.notice.error,.error,.state.error{color:var(--danger);background:var(--danger-bg);border-color:#f3bec4}.notice,.alert.warning{color:var(--warning);background:var(--warning-bg);border-color:#f3d179}.state,.empty-state,.empty{padding:1.5rem;text-align:center;color:var(--muted);border-radius:var(--radius-lg);background:#fbfcfe}.section-heading,.section-title{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.toolbar{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.file-action{position:relative;padding:.48rem .72rem;border-color:var(--border-strong);background:#fff;color:#223044;font-size:.84rem;cursor:pointer}.file-action input{position:absolute;inset:0;opacity:0;cursor:pointer}.table-wrap,.responsive-table{overflow:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-soft)}table{width:100%;border-collapse:separate;border-spacing:0;text-align:left;background:#fff}th,td{padding:.72rem .82rem;border-bottom:1px solid #e7ebf2;vertical-align:middle}th{position:sticky;top:0;z-index:1;color:#566174;background:#f4f6fa;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;font-weight:850}td{font-size:.9rem;color:#1f2937}tbody tr:hover{background:#f8faff}.numeric{text-align:right}.line-items{display:grid;gap:.75rem}.line-items fieldset{display:grid;grid-template-columns:minmax(180px,2fr) repeat(2,minmax(110px,1fr)) auto;gap:.75rem;align-items:end;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff}.metric{display:grid;align-content:center;gap:.34rem;min-height:112px;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.metric span,.metric small{color:var(--muted)}.metric span{font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.metric strong{color:#0b1220;font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.1}body .app-shell .panel.panel,body .app-shell .form-card.form-card,body .app-shell .table-wrap.table-wrap,body .app-shell .product-card.product-card,body .app-shell .customer-option.customer-option,body .app-shell .sale-list button,body .app-shell .history button,body .app-shell .cash-summary article,body .app-shell .catalog-panel.catalog-panel,body .app-shell .checkout-panel.checkout-panel,body .app-shell .executive-panel.executive-panel,body .app-shell .intelligence.intelligence,body .app-shell .chart-card.chart-card,body .app-shell .mix-card.mix-card,body .app-shell .insight.insight,body .app-shell .compact-list li,body .app-shell .quick-actions a{border-radius:var(--radius-lg);border-color:#cbd5e1e0;box-shadow:var(--shadow-soft);background:#fffffff0}body .app-shell .primary.primary,body .app-shell .confirm-button.confirm-button,body .app-shell .add-button.add-button{border:1px solid var(--brand);background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff}body .app-shell .secondary.secondary{border-color:var(--border-strong);color:#223044;background:#fff}body .app-shell .danger.danger{border-color:#f4b9bd;color:var(--danger);background:var(--danger-bg)}body .app-shell .mode-switch.mode-switch,body .app-shell .payment-list>div,body .app-shell .layaway-summary.layaway-summary,body .app-shell .totals-card.totals-card,body .app-shell .search-box.search-box,body .app-shell .choices label{border-color:var(--border);background:#f8fafc}body .app-shell .mode-switch button.active,body .app-shell .mode-switch button[aria-checked=true]{background:#fff;color:var(--brand-strong);box-shadow:var(--shadow-soft)}body .app-shell .product-card.product-card:hover,body .app-shell .customer-option.customer-option:hover,body .app-shell .sale-list button:hover,body .app-shell .history button:hover,body .app-shell .quick-actions a:hover{transform:translateY(-1px);border-color:var(--brand-border);box-shadow:var(--shadow-panel)}main{display:grid;align-content:start;gap:var(--space-5)}h1,h2,h3,p{overflow-wrap:anywhere}code{font-size:.75rem;overflow-wrap:anywhere}.line-heading,.section-heading,.section-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.actions,.row-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.split-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);gap:var(--space-5);align-items:start}.narrow{max-width:1050px}.wide{width:100%}.metrics-grid,.stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-4)}.stock-grid{grid-template-columns:minmax(200px,.55fr) minmax(320px,1.45fr)}.total,.total-row{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--border);font-size:1.05rem}.negative{color:var(--danger);font-weight:850}.positive{color:var(--success);font-weight:850}td small{display:block;margin-top:.16rem;color:var(--muted)}input[type=checkbox],input[type=radio]{width:auto;min-height:auto;padding:0;border:0;background:transparent}input[type=file]{width:auto;min-height:auto;padding:.35rem 0;border:0;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.empty-state strong,.state strong,.empty h3{color:var(--text)}@media(max-width:760px){body{font-size:14px}.page-header,.module-header,.section-heading,.section-title{display:grid;align-items:start}.toolbar,.actions,.row-actions,.toolbar button,.actions button,.row-actions button,.toolbar .file-action{width:100%}.panel,.card,.catalog-panel,.checkout-panel,.table-panel{padding:1rem}.table-wrap table{min-width:620px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}