@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&display=swap";:root{--color-bg-canvas:#fafafa;--color-bg-surface:#fff;--color-bg-subtle:#f4f4f5;--color-bg-elevated:#fff;--color-border-default:#e4e4e7;--color-border-strong:#d4d4d8;--color-border-light:#f4f4f5;--color-text-primary:#18181b;--color-text-secondary:#71717a;--color-text-disabled:#a1a1aa;--color-text-muted:#71717a;--color-accent:#00b578;--color-accent-hover:#009663;--color-accent-subtle:#00b5781a;--color-accent-border:#00b5784d;--color-accent-fg:#fff;--color-success:#10b981;--color-success-subtle:#10b9811a;--color-success-fg:#047857;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b1a;--color-warning-fg:#b45309;--color-danger:#ef4444;--color-danger-subtle:#ef44441a;--color-danger-fg:#b91c1c;--color-info:#0284c7;--color-info-subtle:#0284c71a;--color-info-fg:#0369a1;--shadow-1:0 1px 2px #0000000a, 0 1px 1px #00000005;--shadow-2:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-3:0 12px 24px -4px #00000014, 0 4px 8px -2px #0000000a;--radius-xs:3px;--radius-sm:5px;--radius-md:7px;--radius-lg:10px;--radius:8px;--bg-page:var(--color-bg-canvas);--bg-surface:var(--color-bg-surface);--bg-subtle:var(--color-bg-subtle);--bg-app:var(--color-bg-canvas);--bg-nav:var(--color-bg-surface);--brand:var(--color-accent);--brand-dark:var(--color-accent-hover);--primary:var(--color-accent);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-main:var(--color-text-primary);--border:var(--color-border-default);--border-strong:var(--color-border-strong);--border-light:var(--color-border-light);--success:var(--color-success);--danger:var(--color-danger);--warning:var(--color-warning);--shadow-sm:var(--shadow-1);--shadow:var(--shadow-1);--shadow-lg:var(--shadow-2);--shadow-xl:var(--shadow-3);--bg-surface-glass:var(--color-bg-surface);--border-glass:var(--color-border-default)}[data-theme=dark]{--color-bg-canvas:#09090b;--color-bg-surface:#121215;--color-bg-subtle:#18181b;--color-bg-elevated:#1a1a1f;--color-border-default:#27272a;--color-border-strong:#3f3f46;--color-border-light:#18181b;--color-text-primary:#f4f4f5;--color-text-secondary:#a1a1aa;--color-text-disabled:#52525b;--color-text-muted:#a1a1aa;--color-accent:#00b578;--color-accent-hover:#009663;--color-accent-subtle:#00b5781a;--color-accent-border:#00b5784d;--color-accent-fg:#09090b;--color-success:#10b981;--color-success-subtle:#10b98126;--color-success-fg:#34d399;--color-warning:#f59e0b;--color-warning-subtle:#f59e0b26;--color-warning-fg:#fbbf24;--color-danger:#ef4444;--color-danger-subtle:#ef444426;--color-danger-fg:#f87171;--color-info:#38bdf8;--color-info-subtle:#38bdf826;--color-info-fg:#7dd3fc;--shadow-1:0 1px 2px #00000080, inset 0 1px 0 0 #ffffff0f;--shadow-2:0 4px 8px #0009, inset 0 1px 0 0 #ffffff0f;--shadow-3:0 16px 24px #000000b3, inset 0 1px 0 0 #ffffff14;--bg-page:var(--color-bg-canvas);--bg-surface:var(--color-bg-surface);--bg-subtle:var(--color-bg-subtle);--bg-app:var(--color-bg-canvas);--bg-nav:var(--color-bg-surface);--brand:var(--color-accent);--brand-dark:var(--color-accent-hover);--primary:var(--color-accent);--text-primary:var(--color-text-primary);--text-secondary:var(--color-text-secondary);--text-muted:var(--color-text-muted);--text-main:var(--color-text-primary);--border:var(--color-border-default);--border-strong:var(--color-border-strong);--border-light:var(--color-border-light);--shadow-sm:var(--shadow-1);--shadow:var(--shadow-1);--shadow-lg:var(--shadow-2);--shadow-xl:var(--shadow-3);--bg-surface-glass:var(--color-bg-surface);--border-glass:var(--color-border-default)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{font-feature-settings:"cv02", "cv03", "cv04", "cv11", "tabular-nums";background-color:var(--color-bg-canvas);color:var(--color-text-primary);letter-spacing:-.011em;-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:-webkit-fill-available;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .15s cubic-bezier(.16,1,.3,1);overflow-x:hidden}button,a,input,select,textarea{touch-action:manipulation;font-family:inherit}@media (width<=768px){input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],select,textarea,.input{font-size:16px!important}}#root{flex-direction:column;min-height:-webkit-fill-available;display:flex}.main-wrapper{background:0 0;flex-direction:column;flex:1;display:flex}.seamless-container{box-sizing:border-box;width:100%;margin:0 auto;padding:1rem 1.5rem}@media (width<=1024px){.seamless-container{padding:.75rem 1rem}}@media (width<=768px){.seamless-container{padding:.5rem .5rem calc(64px + env(safe-area-inset-bottom,0px)) .5rem!important}}.section-panel,.card,.glass{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:1rem;transition:border-color .15s}[data-theme=dark] .section-panel,[data-theme=dark] .card,[data-theme=dark] .glass{border-color:var(--color-border-default);box-shadow:var(--shadow-1)}.section-panel:hover{border-color:var(--color-border-strong)}.bg-glow-blob{display:none!important}.font-mono,.code-text,.tabular-nums{font-feature-settings:"tabular-nums" 1;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Inter,monospace!important}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.8125rem;line-height:1.15rem}.text-base{font-size:.875rem;line-height:1.25rem}.text-secondary{color:var(--color-text-secondary)}.cursor-pointer{cursor:pointer}.text-left{text-align:left!important}kbd,.kbd{border-radius:var(--radius-xs);background:var(--color-bg-subtle);border:1px solid var(--color-border-default);color:var(--color-text-secondary);justify-content:center;align-items:center;padding:.125rem .375rem;font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px #0000000f}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.8125rem;font-weight:600;line-height:1.2;transition:background-color .12s,border-color .12s,transform 80ms;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent-hover);box-shadow:var(--shadow-1)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost,.btn-secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border:1px solid var(--color-border-default);box-shadow:var(--shadow-1)}.btn-ghost:hover,.btn-secondary:hover{background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff;box-shadow:var(--shadow-1);border:1px solid #0000001a}.btn-danger:hover{background:var(--color-danger-fg)}.input,input[type=text].input,input[type=number].input,input[type=password].input{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);width:100%;height:36px;color:var(--color-text-primary);outline:none;padding:.375rem .75rem;font-size:.8125rem;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--color-text-disabled)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.875rem;background-color:var(--color-bg-surface);color:var(--color-text-primary);padding-right:2rem}[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.select-trigger{border:1px solid var(--color-border-default)!important;background:var(--color-bg-surface)!important}.select-dropdown{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border-default)!important;box-shadow:var(--shadow-2)!important}.select-option:hover{background:var(--color-bg-subtle)!important}.gradient-text{color:var(--color-text-primary);font-weight:700}.table-responsive{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-bg-surface);width:100%;box-shadow:var(--shadow-1);overflow-x:auto}table{border-collapse:separate;border-spacing:0;width:100%;font-size:.8125rem}th{text-align:left;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--color-border-default);background:var(--color-bg-subtle);z-index:10;white-space:nowrap;padding:.5rem .75rem;font-size:.6875rem;font-weight:600;position:sticky;top:0}td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);box-sizing:border-box;height:38px;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;line-height:1.25}tr:last-child td{border-bottom:none}tr:hover td{background:var(--color-bg-subtle)}td.numeric,th.numeric{text-align:right;font-feature-settings:"tabular-nums" 1;font-family:JetBrains Mono,Inter,monospace}.status-pill,.badge{white-space:nowrap;letter-spacing:.01em;border-radius:9999px;align-items:center;gap:5px;height:22px;padding:0 7px;font-size:.6875rem;font-weight:600;line-height:1;display:inline-flex}.status-pill.success,.badge.success{background:var(--color-success-subtle);color:var(--color-success-fg);border:1px solid #10b98133}.status-pill.warning,.badge.warning{background:var(--color-warning-subtle);color:var(--color-warning-fg);border:1px solid #f59e0b33}.status-pill.danger,.badge.danger{background:var(--color-danger-subtle);color:var(--color-danger-fg);border:1px solid #ef444433}.status-pill.neutral,.badge.neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary);border:1px solid var(--color-border-default)}.status-dot-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:3000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s cubic-bezier(.16,1,.3,1) forwards modalFadeIn;display:flex;position:fixed;inset:0}.modal-content,.dialog-content,.card-modal{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-3);width:100%;max-width:560px;max-height:90vh;animation:.18s cubic-bezier(.16,1,.3,1) forwards modalScaleUp;overflow-y:auto}.modal-content.sm{max-width:400px}.modal-content.md{max-width:560px}.modal-content.lg{max-width:720px}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{border:2.5px solid var(--color-border-default);border-top-color:var(--color-accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loading-container{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;min-height:160px;display:flex}@media screen{.only-print{display:none!important}}@media print{@page{margin:0!important}html,body{color:#000!important;background:#fff!important;width:80mm!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}#root,.app-container,.content,main{width:80mm!important;height:auto!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important;transform:none!important}.no-print,.sidebar,.sidebar-backdrop,.mobile-menu-toggle,.floating-theme-toggle,.pos-sidebar-toggle,.mobile-app-header,.mobile-bottom-dock,header,footer,aside,nav{display:none!important}body *{visibility:hidden}.only-print,.only-print *{visibility:visible}.only-print{box-sizing:border-box!important;width:80mm!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.section-panel{box-shadow:none!important;border:none!important;padding:0!important}}@media (width<=768px){html,body,#root,.app-container,.main-wrapper,.content{max-width:100vw;overflow-x:hidden}table{min-width:520px}th,td{padding:.45rem .5rem!important;font-size:.75rem!important}.btn,.btn-primary,.btn-ghost,button.btn{border-radius:var(--radius-sm);min-height:34px;padding:.4rem .75rem;font-size:.78rem}.form-drawer-overlay,.modal-overlay{justify-content:center!important;align-items:center!important;padding:.5rem!important}.form-drawer-content,.modal-content,.dialog-content,.card-modal{border-radius:12px;width:95vw!important;max-width:440px!important;height:auto!important;max-height:90vh!important;margin:0 auto!important}.metrics-grid,.stats-grid,.summary-strip-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.stat-card,.summary-stat-card,.section-panel{border-radius:var(--radius-md)!important;padding:.75rem!important}.dashboard-header,.inventory-header,.history-header,.shift-header,.customers-header,.sheet-header,.settings-header-bar,.purchases-header,.users-header,.logs-header{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;height:auto!important;min-height:44px!important;padding:.65rem .75rem!important}.header-titles,.header-left,.header-left-col{width:100%!important}.header-controls,.header-right,.header-right-col,.header-actions-group{flex-flow:wrap!important;align-items:center!important;gap:.4rem!important;width:100%!important;display:flex!important}.panel-control-bar,.panel-top,.sheet-toolbar{border-radius:var(--radius-md);flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;padding:.65rem!important}.search-box-wrap,.sheet-search-wrap,.filter-group{width:100%!important;min-width:100%!important}.tier-filter-pills,.pos-bill-tabs-container,.category-scroll-list,.category-pill-container,.nav-items-list{white-space:nowrap!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch!important;flex-direction:row!important;gap:.35rem!important;padding-bottom:2px!important;display:flex!important;overflow-x:auto!important}.tier-filter-pills::-webkit-scrollbar{display:none!important}.pos-bill-tabs-container::-webkit-scrollbar{display:none!important}.nav-items-list::-webkit-scrollbar{display:none!important}}.app-logo-img{border-radius:6px;padding:4px;background-color:#121215!important}.admin-expenses-root{background:var(--bg-page);flex-direction:column;height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-expenses-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.admin-expenses-main{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden}.admin-expenses-pane{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.shift-summary-bar{background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);flex-direction:column;flex-shrink:0;gap:.35rem;padding:.4rem .65rem;display:flex}[data-theme=dark] .shift-summary-bar{background:var(--color-bg-subtle);border-color:var(--color-border-default)}.shift-banner-title{color:var(--color-accent);align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.shift-metrics-strip{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.s-metric{flex-direction:column;display:flex}.s-metric .lbl{color:var(--text-muted);text-transform:uppercase;font-size:.56rem;font-weight:700}.s-metric .val{color:var(--text-primary);font-size:.76rem;font-weight:700}.s-metric.highlight{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px}.panel-control-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;grid-template-columns:130px 130px 1.2fr 1.2fr 1.4fr 1.2fr;align-items:end;gap:.5rem;padding:.45rem .65rem;display:grid}.filter-item{flex-direction:column;gap:2px;display:flex}.filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.62rem;font-weight:700}.filter-input{width:100%;border:1px solid var(--border-strong)!important;background:var(--bg-subtle)!important;height:28px!important;color:var(--text-primary)!important;border-radius:4px!important;padding:0 .5rem!important;font-size:.74rem!important;font-weight:600!important}.filter-input:focus{border-color:var(--color-accent)!important;background:var(--bg-surface)!important}.expense-table-wrapper{flex:1;min-height:0;overflow:auto}.admin-expense-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.admin-expense-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.admin-expense-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.expense-row{border-bottom:1px solid var(--border);transition:background-color .1s}.expense-row:hover{background-color:var(--bg-subtle)}.admin-expense-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.exp-details-cell{flex-direction:column;gap:1px;display:flex}.exp-title-bold{color:var(--text-primary);font-size:.74rem;font-weight:700}.exp-desc-sub{color:var(--text-muted);font-size:.64rem}.exp-staff-cell{flex-direction:column;gap:1px;display:flex}.staff-name{color:var(--text-primary);font-weight:600}.shift-tag{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.62rem}.exp-amount-pill{color:#dc2626;padding:1px 4px;font-size:.76rem;font-weight:700;display:inline-block}.admin-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}@media (width<=1024px){.panel-control-bar{grid-template-columns:1fr 1fr}}@media (width<=768px){.admin-expenses-header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;padding:.65rem}.panel-control-bar{grid-template-columns:1fr}}.customers-root{background:var(--bg-surface);height:100vh;color:var(--text-primary);flex-direction:column;gap:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}@keyframes fadeFrame{0%{opacity:0}to{opacity:1}}.customers-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.customers-main{background:var(--bg-surface);flex-direction:column;flex:1;min-height:0;display:flex}.tier-filter-pills{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:5px;gap:2px;padding:2px;display:flex}.tier-pill-btn{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:3px;padding:2px 7px;font-size:.64rem;font-weight:600;transition:background-color .15s}.tier-pill-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-1);font-weight:700}.customers-table-container{background:var(--bg-surface);flex:1;min-height:0;overflow:auto}.customers-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.customers-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.customers-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.cust-row{border-bottom:1px solid var(--border);transition:background-color .1s}.cust-row:hover{background-color:var(--bg-subtle)}.customers-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.profile-avatar{border-radius:var(--radius-xs);background:var(--color-bg-subtle);width:24px;height:24px;color:var(--color-text-primary);border:1px solid var(--color-border-default);flex-shrink:0;justify-content:center;align-items:center;font-size:.68rem;font-weight:600;display:flex}[data-theme=dark] .profile-avatar{background:var(--color-bg-subtle);border-color:var(--color-border-strong);color:var(--color-text-primary)}.profile-info{align-items:center;gap:5px;display:flex}.tier-badge{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:.56rem;font-weight:700}.loyalty-badge{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:.64rem;font-weight:700;display:inline-flex}[data-theme=dark] .loyalty-badge{color:#f472b6;background:#83184325;border-color:#be185d40}.date-text{color:var(--text-muted);font-size:.68rem}.customers-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}@media (width<=768px){.customers-root{height:auto;min-height:100vh;padding:.4rem .4rem 4.5rem;overflow:hidden auto}.customers-header{flex-direction:column;align-items:flex-start;gap:.65rem;height:auto;min-height:46px;padding:.65rem .75rem}.header-left{width:100%}.header-right{flex-direction:column;gap:.5rem;width:100%}.customer-stats-chips{grid-template-columns:1fr 1fr;gap:.35rem;width:100%;display:grid}.btn-primary-header{align-self:flex-start;width:auto;height:34px;padding:0 .95rem;font-size:.76rem}.panel-control-bar{flex-direction:column;gap:.5rem;padding:.65rem}.search-box-wrap{width:100%;min-width:100%}.tier-filter-pills{width:100%;padding-bottom:2px;overflow-x:auto}.form-drawer-overlay{justify-content:center;align-items:center;padding:.5rem}.form-drawer-content{border-radius:12px;max-height:90vh;width:96%!important;max-width:440px!important;margin:0 auto!important}}.pos-dashboard{background-color:var(--bg-page);color:var(--text-primary);box-sizing:border-box;flex-direction:column;gap:.55rem;height:100vh;max-height:100vh;padding:.65rem 1rem;font-family:inherit;display:flex;overflow:hidden}.dashboard-header{border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.header-titles{align-items:baseline;gap:.75rem;display:flex}.header-titles .page-heading{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:700}.header-titles .page-subheading{color:var(--text-muted);margin:0;font-size:.75rem}.header-controls{align-items:center;gap:.6rem;display:flex}.timeframe-filter{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .45rem;display:flex}.filter-label{color:var(--text-muted);font-size:.7rem;font-weight:500}.native-select{color:var(--text-primary);cursor:pointer;background:0 0;border:none;outline:none;padding:.1rem .2rem;font-size:.75rem;font-weight:600}.shortcut-actions{align-items:center;gap:.4rem;display:flex}.secondary-btn{background-color:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .6rem;font-size:.74rem;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.secondary-btn:hover{background-color:var(--color-bg-subtle);border-color:var(--color-border-strong)}.primary-btn{background-color:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent-hover);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-1);align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.74rem;font-weight:600;transition:background-color .12s;display:inline-flex}.primary-btn:hover{background-color:var(--color-accent-hover)}.metrics-grid{flex-shrink:0;grid-template-columns:repeat(6,1fr);gap:.55rem;display:grid}.stat-card{background-color:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-1);flex-direction:column;gap:.15rem;padding:.55rem .75rem;display:flex}.stat-header{justify-content:space-between;align-items:center;display:flex}.stat-title{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:600}.stat-icon-wrap{border-radius:var(--radius-xs);justify-content:center;align-items:center;width:22px;height:22px;display:flex}.stat-number{color:var(--color-text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,Inter,monospace;font-size:1.05rem;font-weight:600;line-height:1.2}.stat-footer{margin-top:.1rem}.stat-footnote{color:var(--color-text-muted);font-size:.65rem}.stat-badge{border-radius:3px;padding:.1rem .35rem;font-size:.62rem;font-weight:600;display:inline-block}.dashboard-content-layout{flex:1;grid-template-columns:1fr 290px;gap:.55rem;min-height:0;display:grid}.main-data-column{grid-template-rows:1.15fr 1fr;gap:.55rem;height:100%;min-height:0;display:grid}.sidebar-data-column{height:100%;min-height:0}.content-panel{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;min-height:0;padding:.75rem .85rem;display:flex;box-shadow:0 1px 2px #00000005}.panel-top-bar{flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;display:flex}.chart-title-area{align-items:center;gap:.75rem;display:flex}.panel-title{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:700}.panel-title-small{color:var(--text-primary);margin:0;font-size:.82rem;font-weight:700}.chart-inlined-legend{align-items:center;gap:4px;display:flex}.legend-dot{border-radius:2px;width:7px;height:7px}.legend-txt{color:var(--text-muted);font-size:.68rem;font-weight:500}.cat-total-badge{color:var(--color-success);background:var(--bg-subtle);border-radius:4px;padding:.15rem .4rem;font-size:.72rem;font-weight:700}.table-link-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.7rem;font-weight:600}.table-link-btn:hover{text-decoration:underline}.pill-toggle-group{background-color:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:5px;padding:2px;display:flex}.pill-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.2rem .5rem;font-size:.68rem;font-weight:600;transition:all .15s}.pill-toggle-btn.active{background-color:var(--bg-surface);color:var(--text-primary);font-weight:700;box-shadow:0 1px 2px #0000000d}.chart-panel-wrapper{flex-direction:column;height:100%;min-height:0;display:flex}.chart-container-box{flex:1;width:100%;min-width:0;min-height:0;position:relative}.tables-split-row{grid-template-columns:1fr 1fr;gap:.55rem;height:100%;min-height:0;display:grid}.split-panel{flex-direction:column;height:100%;min-height:0;display:flex}.item-grid-2col{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:.3rem;min-height:0;padding-right:.15rem;display:grid;overflow-y:auto}.product-rank-card-grid{background-color:var(--bg-subtle);border:1px solid var(--border);box-sizing:border-box;border-radius:4px;flex-direction:column;gap:.15rem;padding:.25rem .45rem;font-size:.72rem;display:flex}.product-rank-card-grid .card-line-1{align-items:center;gap:.3rem;display:flex}.product-rank-card-grid .rank-badge{color:var(--text-muted);flex-shrink:0;font-size:.62rem;font-weight:700}.product-rank-card-grid .prod-title{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.7rem;font-weight:600;overflow:hidden}.product-rank-card-grid .prod-rev-col{color:var(--color-success);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:700}.product-rank-card-grid .card-line-2{align-items:center;gap:.35rem;display:flex}.product-rank-card-grid .prod-mini-bar-bg{background-color:var(--color-border-default);border-radius:2px;flex:1;height:3px;overflow:hidden}.product-rank-card-grid .prod-mini-bar-fill{background-color:var(--color-text-primary);border-radius:2px;height:100%}.product-rank-card-grid .prod-qty-col{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.6rem;font-weight:500}.tx-card-grid{background-color:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;box-sizing:border-box;border-radius:4px;flex-direction:column;gap:.15rem;padding:.25rem .45rem;font-size:.72rem;transition:background-color .15s,border-color .15s;display:flex}.tx-card-grid:hover{background-color:var(--bg-surface);border-color:var(--color-border-strong)}.tx-card-grid .card-line-1{align-items:center;gap:.3rem;display:flex}.tx-card-grid .tx-id-badge{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-family:monospace;font-size:.65rem;font-weight:700}.tx-card-grid .tx-cust-title{min-width:0;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.7rem;font-weight:500;overflow:hidden}.tx-card-grid .tx-amt-bold{color:var(--text-primary);white-space:nowrap;flex-shrink:0;font-size:.7rem;font-weight:700}.tx-card-grid .card-line-2{justify-content:space-between;align-items:center;display:flex}.payment-pill{text-transform:uppercase;white-space:nowrap;border-radius:3px;flex-shrink:0;align-items:center;gap:3px;padding:1px 4px;font-size:.56rem;font-weight:600;display:inline-flex}.payment-pill.cash{color:#15803d;background-color:#dcfce7}.payment-pill.card,.payment-pill.credit_card{background-color:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.payment-pill.foodpanda{color:#be185d;background-color:#fce7f3}.tx-time-pill{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.6rem}.category-panel{flex-direction:column;height:100%;min-height:0;display:flex}.donut-chart-box{flex-shrink:0;justify-content:center;align-items:center;width:100%;margin:.1rem 0;display:flex;position:relative}.donut-center-info{text-align:center;position:absolute}.donut-center-info .donut-sub{color:var(--text-muted);text-transform:uppercase;font-size:.58rem;font-weight:600;display:block}.donut-center-info .donut-main{color:var(--text-primary);font-size:.78rem;font-weight:700}.category-breakdown-list{flex-direction:column;flex:1;gap:.4rem;min-height:0;margin-top:.25rem;padding-right:.15rem;display:flex;overflow-y:auto}.category-stat-row{flex-direction:column;gap:.15rem;display:flex}.cat-row-header{justify-content:space-between;align-items:center;display:flex}.cat-name-wrap{align-items:center;gap:.35rem;display:flex}.cat-color-dot{border-radius:50%;width:6px;height:6px}.cat-title{color:var(--text-secondary);font-size:.72rem;font-weight:600}.cat-percentage{color:var(--text-primary);font-size:.7rem;font-weight:700}.cat-bar-bg{background-color:var(--bg-subtle);border-radius:2px;height:3px;overflow:hidden}.cat-bar-fill{border-radius:2px;height:100%}.cat-row-footer{color:var(--text-muted);text-align:right;font-size:.62rem}.profit-margin-summary{border-top:1px solid var(--border-strong);flex-shrink:0;margin-top:auto;padding-top:.4rem}.margin-header{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.margin-title{color:var(--text-primary);font-size:.72rem;font-weight:700;display:block}.margin-sub{color:var(--text-muted);font-size:.62rem}.margin-val{color:var(--text-primary);font-size:.88rem;font-weight:700}.margin-bar-track{background-color:var(--bg-subtle);border-radius:2px;height:4px;margin-bottom:.25rem;overflow:hidden}.margin-bar-progress{border-radius:2px;height:100%}.margin-note{color:var(--text-muted);font-size:.62rem}.no-data-placeholder{text-align:center;color:var(--text-muted);padding:1rem .5rem;font-size:.72rem}.custom-chart-tooltip{background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;padding:.5rem .7rem;box-shadow:0 4px 6px -1px #0000001a}.tooltip-date{color:var(--text-secondary);margin-bottom:.25rem;font-size:.68rem;font-weight:700}.tooltip-divider{background-color:var(--border);height:1px;margin-bottom:.25rem}.tooltip-row{align-items:center;gap:.35rem;font-size:.72rem;display:flex}.tooltip-indicator{border-radius:50%;width:6px;height:6px}.tooltip-label{color:var(--text-muted)}.tooltip-value{color:var(--text-primary);margin-left:auto;font-weight:700}::-webkit-scrollbar{width:3px;height:3px}@media (width<=1024px){.pos-dashboard{gap:.75rem;height:auto;min-height:100vh;max-height:none;padding:.75rem;overflow-y:auto}.metrics-grid{grid-template-columns:repeat(3,1fr)}.dashboard-content-layout{grid-template-columns:1fr}.main-data-column{flex-direction:column;height:auto;display:flex}.chart-panel-wrapper{min-height:220px}.chart-container-box{height:190px}}@media (width<=768px){.pos-dashboard{gap:.65rem;height:auto;min-height:100vh;max-height:none;padding:.5rem .5rem 5rem;overflow-y:auto}.dashboard-header{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:12px;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem .75rem}.header-controls{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.45rem;width:100%;display:flex}.timeframe-filter{flex-shrink:0}.shortcut-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.shortcut-actions .secondary-btn,.shortcut-actions .primary-btn{white-space:nowrap;border-radius:6px;height:32px;padding:.35rem .65rem;font-size:.72rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.45rem}.stat-card{border-radius:10px;padding:.65rem .75rem}.stat-number{font-size:1.05rem}.tables-split-row{grid-template-columns:1fr;gap:.65rem}}.expenses-sheet-root{background:var(--bg-surface);height:100vh;color:var(--text-primary);flex-direction:column;gap:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.sheet-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.sheet-kpi-group{gap:1rem;display:flex}.kpi-cell{text-align:right;flex-direction:column;display:flex}.kpi-lbl{color:var(--text-muted);text-transform:uppercase;font-size:.56rem;font-weight:600}.kpi-val{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.text-brand{color:var(--text-primary)}.header-btn-actions{align-items:center;gap:.5rem;display:flex}.btn-export-csv{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:.35rem .75rem;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.btn-export-csv:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.btn-add-record{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--border-strong);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;transition:background-color .15s;display:flex}.btn-add-record:hover:not(:disabled){background:var(--color-accent-hover)}.btn-add-record:disabled{opacity:.5;cursor:not-allowed}.sheet-viewport{background:var(--bg-surface);flex-direction:column;flex:1;min-height:0;display:flex}.sheet-toolbar{border-bottom:1px solid var(--border-strong);background:var(--bg-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.toolbar-left{flex:1;align-items:center;gap:.65rem;min-width:0;display:flex}.sheet-search-wrap{background:var(--bg-subtle);border:1px solid var(--border-strong);height:28px;color:var(--text-muted);border-radius:5px;flex-shrink:0;align-items:center;gap:6px;width:210px;padding:0 .55rem;display:flex}.sheet-search-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.74rem}.category-sheet-pills{gap:3px;padding-bottom:1px;display:flex;overflow-x:auto}.cat-pill-btn{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:600;transition:all .12s}.cat-pill-btn:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.cat-pill-btn.active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-border-strong);font-weight:700}.toolbar-right{flex-shrink:0;align-items:center;gap:.65rem;display:flex}.scope-toggle-pills{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:5px;gap:2px;padding:2px;display:flex}.scope-pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 7px;font-size:.64rem;font-weight:600;transition:background-color .15s}.scope-pill-btn.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-1);font-weight:700}.shift-indicator-badge{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:.65rem;font-weight:600;display:flex}.status-dot.active{background:#10b981}.status-dot.inactive{background:#f59e0b}.excel-table-container{background:var(--bg-surface);flex:1;min-height:0;overflow:auto}.excel-grid-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.excel-grid-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.excel-grid-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.38rem .65rem;font-size:.62rem;font-weight:700}.th-row-num{text-align:center}.grid-row{border-bottom:1px solid var(--border);transition:background-color .1s}.grid-row:hover{background-color:var(--bg-subtle)}.excel-grid-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.td-row-num{text-align:center;color:var(--text-muted);background:var(--bg-subtle);user-select:none;font-family:JetBrains Mono,monospace;font-size:.65rem}.td-mono{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.7rem}.td-time{color:var(--text-muted);font-size:.65rem}.title-bold{color:var(--text-primary);font-weight:600}.excel-cat-pill{text-transform:uppercase;border:1px solid;border-radius:3px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.staff-user-cell{color:var(--text-secondary);align-items:center;gap:4px;font-size:.7rem;font-weight:600;display:flex}.user-icon-dot{background:var(--color-success);border-radius:50%;width:5px;height:5px}.notes-text{color:var(--text-muted);text-overflow:ellipsis;max-width:260px;font-size:.7rem;display:inline-block;overflow:hidden}.amount-cell{color:#dc2626;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700}[data-theme=dark] .amount-cell{color:#f87171}.grid-action-btns{justify-content:center;gap:3px;display:flex}.btn-grid-act{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;transition:all .15s;display:inline-flex}.btn-grid-act.edit:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-bg-subtle)}.btn-grid-act.delete:hover{color:var(--color-danger);border-color:var(--color-danger);background:var(--color-danger-subtle)}.sheet-empty-state{color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3.5rem 1rem;font-size:.75rem;display:flex}.btn-add-inline{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-accent-hover);border-radius:var(--radius-sm);cursor:pointer;margin-top:.4rem;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.sheet-status-bar{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-default);flex-shrink:0;justify-content:space-between;align-items:center;padding:.38rem 1rem;font-size:.68rem;display:flex}.status-left{color:var(--color-text-secondary);align-items:center;gap:.65rem;display:flex}.status-item strong{color:var(--color-text-primary);font-family:JetBrains Mono,monospace}.status-sep{color:var(--color-border-default)}.status-right{align-items:center;gap:.5rem;display:flex}.sum-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.65rem;font-weight:600}.sum-value{color:var(--color-danger);font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600}[data-theme=dark] .sum-value{color:var(--color-danger-fg)}.scrollable-x{scrollbar-width:none}.scrollable-x::-webkit-scrollbar{display:none}@media (width<=900px){.expenses-sheet-root{height:auto;min-height:100vh;padding:.4rem .4rem 4.5rem;overflow:hidden auto}.sheet-header{flex-direction:column;align-items:flex-start;gap:.65rem;height:auto;min-height:46px;padding:.65rem .75rem}.header-left{width:100%}.header-right{flex-direction:column;gap:.5rem;width:100%}.btn-primary-header{align-self:flex-start;width:auto;height:34px;padding:0 .95rem;font-size:.76rem}.sheet-toolbar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.65rem}.toolbar-left,.toolbar-right{width:100%}.sheet-search-wrap{width:100%;min-width:100%}.sheet-status-bar{flex-direction:column;align-items:stretch;gap:.4rem;padding:.65rem}.status-left,.status-right{justify-content:space-between;width:100%}.form-drawer-overlay{justify-content:center;align-items:center;padding:.5rem}.form-drawer-content{border-radius:12px;width:96%!important;max-width:440px!important;height:auto!important;max-height:90vh!important;margin:0 auto!important}}.inventory-root{background:var(--bg-page);flex-direction:column;gap:0;height:calc(100vh - 48px);max-height:calc(100vh - 48px);padding:0;display:flex;overflow:hidden}.inventory-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.h-chip .v{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.btn-primary-header{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 .65rem;font-size:.72rem;font-weight:700;transition:background-color .15s;display:flex}.btn-secondary-header{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 .65rem;font-size:.72rem;font-weight:600;transition:background-color .15s;display:flex}.inventory-subnav{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;align-items:center;height:36px;padding:0 1rem;display:flex}.subnav-pills-scroll{align-items:center;gap:.35rem;width:100%;display:flex;overflow-x:auto}.subnav-pill{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;transition:all .15s;display:flex}.subnav-pill:hover{background:var(--bg-subtle);color:var(--text-primary)}.subnav-pill.active{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border-default);box-shadow:var(--shadow-1);font-weight:600}[data-theme=dark] .subnav-pill.active{background:var(--color-bg-subtle);color:var(--color-text-primary);border-color:var(--color-border-strong)}.inventory-main-content{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden}.tab-pane-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-bar-titles h2{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:700}.search-box-wrap.barcode-accent{border-color:var(--border-strong);background:var(--bg-subtle)}.category-filter-select{min-width:180px}.inventory-table-container{flex:1;min-height:0;overflow:auto}.inventory-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.inventory-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.inventory-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.inv-row{border-bottom:1px solid var(--border);transition:background-color .1s}.inv-row:hover{background-color:var(--bg-subtle)}.inventory-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.total-highlight-row{background:var(--bg-subtle);border-top:2px solid var(--border-strong);font-weight:800}.prod-cell{align-items:center;gap:.5rem;display:flex}.prod-thumb{object-fit:contain;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:24px;height:24px}.prod-meta{flex-direction:column;gap:1px;display:flex}.prod-name-title{color:var(--text-primary);font-size:.74rem;font-weight:700}.mono-barcode-badge{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;align-items:center;gap:3px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.68rem;font-weight:700;display:inline-flex}.category-pill-tag{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:.65rem;font-weight:600;display:inline-block}.td-mono{font-family:JetBrains Mono,monospace;font-size:.72rem}.td-strong{color:var(--text-primary);font-weight:700}.margin-badge.normal{background:var(--bg-subtle);color:var(--text-primary);border:1px solid var(--border-subtle)}.stock-pill{text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-block}.stock-pill.ok{color:#15803d;background:#dcfce7}.stock-pill.low{color:#b45309;background:#fef3c7}.stock-pill.out{color:#dc2626;background:#fee2e2}.row-action-btns{justify-content:flex-end;align-items:center;gap:3px;display:flex}.btn-act{background:var(--bg-surface);border:1px solid var(--border-strong);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn-act:hover{background:var(--bg-subtle);color:var(--text-primary);border-color:var(--border-strong)}.btn-act.primary{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--border-strong)}.btn-act.primary:hover{background:var(--color-accent-hover)}.btn-act.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.btn-quick-adjust{color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.68rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-quick-adjust:hover{background:var(--color-accent);color:var(--color-accent-fg)}.categories-grid-container{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:.5rem;padding:.75rem;display:grid}.category-entry-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:5px;justify-content:space-between;align-items:center;padding:.65rem .75rem;transition:border-color .15s;display:flex}.category-entry-card:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.cat-card-left{align-items:center;gap:.5rem;display:flex}.cat-icon-box{background:var(--bg-subtle);width:28px;height:28px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:4px;justify-content:center;align-items:center;display:flex}.cat-card-info{flex-direction:column;display:flex}.cat-name-bold{color:var(--text-primary);font-size:.78rem;font-weight:700}.cat-sub-text{color:var(--text-muted);font-size:.62rem}.barcode-layout-grid{grid-template-columns:1fr 340px;gap:.5rem;height:100%;min-height:0;display:grid}.print-settings-pane{flex-direction:column;min-height:0;display:flex}.queue-items-scroll{flex-direction:column;flex:1;gap:.35rem;min-height:0;padding:.5rem;display:flex;overflow-y:auto}.queue-row-item{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:4px;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .5rem;display:flex}.q-meta{flex-direction:column;flex:1;min-width:0;display:flex}.q-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;font-weight:700;overflow:hidden}.q-sku{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.62rem}.q-counter-wrap{align-items:center;gap:2px;display:flex}.q-stepper-btn{border:1px solid var(--border-strong);background:var(--bg-surface);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex}.q-count-input{text-align:center;border:1px solid var(--border-strong);background:var(--bg-surface);width:32px;height:20px;color:var(--text-primary);border-radius:3px;padding:0;font-size:.72rem;font-weight:700}.q-remove-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.q-remove-btn:hover{color:#dc2626}.print-controls-box{border-top:1px solid var(--border-strong);background:var(--bg-surface);flex-direction:column;flex-shrink:0;gap:.5rem;padding:.65rem;display:flex}.print-control-row{flex-direction:column;gap:2px;display:flex}.print-control-row label{color:var(--text-muted);text-transform:uppercase;font-size:.64rem;font-weight:700}.select-preset-input{border:1px solid var(--border-strong);background:var(--bg-surface);height:28px;color:var(--text-primary);border-radius:4px;padding:0 .4rem;font-family:inherit;font-size:.75rem}.checkboxes-2col{grid-template-columns:1fr 1fr;gap:.35rem;display:grid}.chk-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;font-size:.68rem;font-weight:600;display:flex}.btn-print-sheet-action{background:var(--color-accent);height:32px;color:var(--color-accent-fg);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:.76rem;font-weight:700;transition:background-color .15s;display:flex}.btn-print-sheet-action:hover:not(:disabled){background:var(--color-accent-hover)}.btn-print-sheet-action:disabled{opacity:.5;cursor:not-allowed}.inventory-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}.inventory-empty-state.compact{padding:1.5rem 1rem}.btn-add-inline{background:var(--bg-subtle);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;border-radius:4px;margin-top:.25rem;padding:4px 10px;font-size:.72rem;font-weight:700}.form-drawer-overlay{backdrop-filter:blur(2px);z-index:2000;background:#00000073;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.form-drawer-content{background:var(--bg-surface);border:1px solid var(--border-strong);width:90%;max-width:380px;max-height:calc(100vh - 2rem);box-shadow:var(--shadow-lg);border-radius:6px;flex-direction:column;margin-right:1rem;animation:.2s ease-out slideInRight;display:flex;overflow:hidden}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem}.drawer-field-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:.64rem;font-weight:700;display:block}.drawer-input{width:100%;font-weight:600;border:1px solid var(--border-strong)!important;background:var(--bg-surface)!important;border-radius:4px!important;height:30px!important;padding:0 .5rem!important;font-size:.76rem!important}.btn-generate-sku{background:var(--bg-subtle);border:1px solid var(--border-strong);height:30px;color:var(--text-primary);cursor:pointer;border-radius:4px;padding:0 .5rem;font-size:.68rem;font-weight:800}.btn-drawer-primary{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;height:32px;font-size:.76rem;font-weight:700}.btn-drawer-primary:hover{background:var(--color-accent-hover)}.btn-drawer-cancel{background:var(--bg-subtle);color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;height:32px;font-size:.76rem;font-weight:600}.audit-product-preview{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.audit-info{flex-direction:column;display:flex}.audit-prod-name{color:var(--text-primary);font-size:.78rem;font-weight:700}.audit-sku-mono{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.62rem}.audit-cost-pill{color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:2px 6px;font-size:.68rem;font-weight:700}.qty-stepper-btn{background:var(--bg-subtle);border:1px solid var(--border-strong);cursor:pointer;width:30px;height:30px;color:var(--text-primary);border-radius:4px;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.audit-impact-box{background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:4px;flex-direction:column;gap:3px;padding:.5rem .65rem;display:flex}.audit-impact-header{color:var(--text-muted);letter-spacing:.05em;font-size:.58rem;font-weight:800}.audit-impact-row{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;display:flex}@media (width<=768px){.inventory-root{height:auto;min-height:100vh;padding:.4rem .4rem 4.5rem;overflow-x:hidden}.inventory-header{flex-direction:column;align-items:flex-start;gap:.65rem;height:auto;padding:.65rem .75rem}.header-left{width:100%}.header-right{flex-direction:column;gap:.5rem;width:100%}.header-stats-chips{grid-template-columns:1fr 1fr;gap:.35rem;width:100%;display:grid}.h-chip{padding:4px 8px}.header-actions-group{flex-wrap:wrap;gap:.4rem;width:100%;display:flex}.header-actions-group button{flex:0 auto;justify-content:center;width:auto;height:34px;padding:0 .85rem;font-size:.74rem}.panel-control-bar{flex-direction:column;align-items:stretch;gap:.5rem;padding:.65rem}.search-box-wrap,.category-filter-select{width:100%;min-width:100%}.matched-count-tag{text-align:center;width:100%}.barcode-layout-grid{grid-template-columns:1fr}.form-drawer-overlay{justify-content:center;align-items:center;padding:.5rem}.form-drawer-content{border-radius:12px;max-height:90vh;width:96%!important;max-width:440px!important;margin:0 auto!important}.valuation-summary-strip{grid-template-columns:1fr 1fr;gap:.4rem}.adjustments-layout-grid{grid-template-columns:1fr}}.logs-root{background:var(--bg-page);flex-direction:column;height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.logs-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.btn-secondary-header.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.logs-main{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden}.logs-pane{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-control-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.45rem .65rem;display:flex}.search-box-wrap{background:var(--bg-subtle);border:1px solid var(--border-strong);min-width:280px;height:28px;color:var(--text-muted);border-radius:4px;align-items:center;gap:5px;padding:0 .5rem;display:flex}.clear-search-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0;font-size:.85rem}.logs-table-wrapper{flex:1;min-height:0;overflow:auto}.logs-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.logs-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.logs-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.log-row{border-bottom:1px solid var(--border);transition:background-color .1s}.log-row:hover{background-color:var(--bg-subtle)}.logs-data-table td{vertical-align:middle;border-right:1px solid var(--border);padding:.35rem .65rem}.user-meta-cell{flex-direction:column;gap:1px;display:flex}.user-name-bold{color:var(--text-primary);font-size:.74rem;font-weight:700}.user-role-sub{color:var(--brand);text-transform:capitalize;font-size:.62rem}.system-pill{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:3px;padding:1px 4px;font-size:.62rem;font-weight:700;display:inline-block}.action-pill-tag{color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border);text-transform:capitalize;border-radius:3px;padding:1px 6px;font-size:.65rem;font-weight:700;display:inline-block}.details-cell-wrap{white-space:normal;word-break:break-word;line-height:1.35}.details-text-val{color:var(--text-secondary);font-size:.73rem}.logs-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}@media (width<=768px){.logs-header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;padding:.65rem}}@keyframes slideDownPulse{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.panda-pulse-icon{animation:1s infinite alternate pandaPulse}@keyframes pandaPulse{0%{filter:drop-shadow(0 0 2px #fff);transform:scale(1)}to{filter:drop-shadow(0 0 8px gold);transform:scale(1.25)}}.purchases-root{background:var(--bg-page);flex-direction:column;height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.purchases-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.h-chip .v{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.header-actions-group{gap:.4rem;display:flex}.btn-secondary-header{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:.35rem .65rem;font-size:.72rem;font-weight:600;display:flex}.btn-secondary-header:hover{color:var(--text-primary);background:var(--bg-subtle)}.draft-count-tag{background:var(--color-accent);color:var(--color-accent-fg);border-radius:3px;padding:0 4px;font-size:.58rem;font-weight:800}.purchases-main{flex:1;min-height:0;display:flex;overflow:hidden}.purchases-grid{box-sizing:border-box;flex:1;grid-template-columns:1fr 340px;gap:.75rem;min-height:0;padding:.75rem 1rem;display:grid}.pane-left-entry{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.entry-top-control-bar{border-bottom:1px solid var(--border-strong);background:var(--bg-surface);flex-direction:column;gap:.5rem;padding:.65rem .85rem;display:flex}.ctrl-row{grid-template-columns:1.2fr 1.5fr 1fr;gap:.5rem;display:grid}.ctrl-group{flex-direction:column;gap:2px;display:flex}.ctrl-label{color:var(--text-muted);text-transform:uppercase;font-size:.62rem;font-weight:700}.ctrl-input{width:100%;border:1px solid var(--border-strong)!important;background:var(--bg-subtle)!important;height:28px!important;color:var(--text-primary)!important;border-radius:4px!important;padding:0 .5rem!important;font-size:.74rem!important;font-weight:600!important}.ctrl-input:focus{border-color:var(--color-accent)!important;background:var(--bg-surface)!important}.scan-form-rel{width:100%;position:relative}.scan-input{border-color:var(--color-border-strong)!important;background:var(--bg-subtle)!important;padding-left:1.6rem!important}.scan-icon-badge{color:var(--text-secondary);pointer-events:none;align-items:center;display:flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.inward-table-wrapper{flex:1;min-height:0;overflow:auto}.inward-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.inward-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.inward-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .5rem;font-size:.62rem;font-weight:700}.inward-row{border-bottom:1px solid var(--border);transition:background-color .1s}.inward-row:hover{background-color:var(--bg-subtle)}.inward-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.25rem .4rem}.item-title-meta{flex-direction:column;gap:1px;display:flex}.item-name-bold{color:var(--text-primary);font-size:.74rem;font-weight:700}.item-sku-mono{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.62rem}.table-cell-input{width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:3px;outline:none;padding:2px 4px;font-size:.74rem}.table-cell-input:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.table-cell-input:focus{background:var(--bg-surface);border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.btn-del-row{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.btn-del-row:hover{color:#dc2626;background:#fee2e2}.empty-inward-box{text-align:center;color:var(--text-muted);padding:4rem 1rem;font-size:.75rem}.empty-inward-box p{color:var(--text-secondary);margin:.5rem 0 .2rem;font-weight:700}.sub-hint{color:var(--text-muted);font-size:.68rem}.pane-right-voucher{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.voucher-card{flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.voucher-header{flex-direction:column;gap:2px;display:flex}.v-tag{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.58rem;font-weight:700}.voucher-header h3{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.voucher-meta-list{flex-direction:column;gap:.35rem;display:flex}.v-row{justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.v-row .label{color:var(--text-muted)}.v-row .value{color:var(--text-primary)}.voucher-total-box{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:5px;flex-direction:column;gap:2px;padding:.6rem;display:flex}.v-total-label{color:var(--text-muted);letter-spacing:.04em;font-size:.58rem;font-weight:800}.v-total-amount{color:var(--color-success);align-items:baseline;gap:3px;font-size:1.3rem;font-weight:800;display:flex}.v-total-amount .currency{opacity:.7;font-size:.75rem}.voucher-actions-group{flex-direction:column;gap:.35rem;margin-top:.25rem;display:flex}.btn-complete-invoice{background:var(--color-accent);height:34px;color:var(--color-accent-fg);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:.76rem;font-weight:700;transition:background-color .15s;display:flex}.btn-complete-invoice:hover:not(:disabled){background:var(--color-accent-hover)}.btn-complete-invoice:disabled{opacity:.5;cursor:not-allowed}.btn-save-draft{background:var(--bg-surface);height:30px;color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:5px;font-size:.72rem;font-weight:600;display:flex}.btn-save-draft:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--color-border-strong)}.voucher-notice{color:#059669;background:#05966914;border:1px solid #05966926;border-radius:4px;align-items:center;gap:4px;padding:4px 6px;font-size:.62rem;font-weight:600;display:flex}.drafts-modal-overlay{backdrop-filter:blur(2px);z-index:2000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.drafts-modal-content{background:var(--bg-surface);border:1px solid var(--border-strong);width:90%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:6px;overflow:hidden}.drafts-modal-header{border-bottom:1px solid var(--border-strong);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.drafts-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.drafts-modal-body{max-height:380px;padding:.75rem;overflow-y:auto}.drafts-list{flex-direction:column;gap:.35rem;display:flex}.draft-card{border:1px solid var(--border-strong);background:var(--bg-surface);border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem .65rem;display:flex}.draft-card:hover{border-color:var(--brand)}.draft-info{flex-direction:column;flex:1;gap:1px;min-width:0;margin-right:.5rem;display:flex}.draft-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:700;overflow:hidden}.draft-meta{color:var(--text-muted);align-items:center;gap:4px;font-size:.64rem;display:flex}.vendor-tag{color:var(--brand);font-weight:700}.draft-actions{align-items:center;gap:3px;display:flex}.draft-action-btn{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;font-size:.68rem;font-weight:700;display:flex}.draft-action-btn.load{color:var(--brand);background:#6366f11a;border:1px solid #6366f133;padding:2px 8px}.draft-action-btn.load:hover{background:var(--brand);color:#fff}.draft-action-btn.delete{color:#ef4444;background:#ef44441a;border:1px solid #ef444433;padding:3px 5px}.text-right{text-align:right}.text-center{text-align:center}.margin-badge{border-radius:3px;padding:1px 4px;font-family:JetBrains Mono,monospace;font-size:.62rem;font-weight:700;display:inline-block}.margin-badge.high{color:#10b981;background:#10b9811f}.margin-badge.normal{color:var(--brand);background:#6366f11f}.margin-badge.zero{background:var(--bg-subtle);color:var(--text-muted)}@media (width<=1024px){.purchases-2col-layout{grid-template-columns:1fr}.inward-control-toolbar{grid-template-columns:1fr 1fr}}@media (width<=768px){.purchases-root{height:auto;min-height:100vh;padding:.4rem .4rem 5rem;overflow:hidden auto}.purchases-header{flex-direction:column;align-items:stretch;gap:.55rem;height:auto;padding:.65rem .75rem}.header-left,.header-right{width:100%}.inward-control-toolbar{grid-template-columns:1fr;gap:.45rem}}.recent-invoices-root{background:var(--bg-page);flex-direction:column;height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.recent-invoices-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.recent-invoices-main{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden}.recent-invoices-pane{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.panel-control-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.65rem;padding:.45rem .65rem;display:flex}.filter-presets-group{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.btn-filter-pill{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:600;transition:all .15s}.btn-filter-pill:hover{background:var(--bg-subtle);color:var(--text-primary)}.btn-filter-pill.active{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-1);font-weight:700}.filter-input-date{border:1px solid var(--border-strong)!important;background:var(--bg-subtle)!important;height:28px!important;color:var(--text-primary)!important;border-radius:4px!important;padding:0 .5rem!important;font-size:.74rem!important}.select-supplier-input{min-width:180px;border:1px solid var(--border-strong)!important;background:var(--bg-subtle)!important;height:28px!important;color:var(--text-primary)!important;border-radius:4px!important;padding:0 .5rem!important;font-size:.74rem!important}.invoices-table-wrapper{flex:1;min-height:0;overflow:auto}.invoices-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.invoices-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.invoices-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.invoice-row{border-bottom:1px solid var(--border);transition:background-color .1s}.invoice-row:hover{background-color:var(--bg-subtle)}.invoices-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.bill-num-badge{font-size:.72rem;display:inline-block}.vendor-meta-cell{flex-direction:column;gap:1px;display:flex}.vendor-name-title{color:var(--text-primary);font-size:.74rem;font-weight:700}.system-id-sub{color:var(--text-muted);font-size:.62rem}.status-pill.ok{color:#15803d;background:#dcfce7}.btn-view-voucher{color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.68rem;font-weight:700;transition:all .12s;display:inline-flex}.btn-view-voucher:hover{background:var(--bg-surface);border-color:var(--color-border-strong)}.invoices-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}.modal-voucher-overlay{backdrop-filter:blur(2px);z-index:2000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-voucher-content{background:var(--bg-surface);border:1px solid var(--border-strong);width:90%;max-width:650px;max-height:85vh;box-shadow:var(--shadow-lg);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.modal-voucher-header{border-bottom:1px solid var(--border-strong);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:.65rem .85rem;display:flex}.modal-tag{color:var(--brand);text-transform:uppercase;font-size:.58rem;font-weight:700}.modal-voucher-header h2{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.btn-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:.85rem}.modal-voucher-body{flex:1;padding:.85rem;overflow-y:auto}.voucher-meta-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.vm-item{justify-content:space-between;font-size:.72rem;display:flex}.vm-item .label{color:var(--text-muted)}.vm-item .value{color:var(--text-primary)}.voucher-divider{border-top:1px dashed var(--border-strong);margin:.65rem 0}.voucher-items-table-wrap{border:1px solid var(--border-strong);border-radius:4px;overflow:hidden}.voucher-items-table{border-collapse:collapse;width:100%;font-size:.72rem}.voucher-items-table th{background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);text-transform:uppercase;color:var(--text-secondary);padding:.35rem .5rem;font-size:.62rem}.voucher-items-table td{border-bottom:1px solid var(--border);padding:.35rem .5rem}.modal-voucher-footer{border-top:1px solid var(--border-strong);background:var(--bg-subtle);justify-content:flex-end;align-items:center;gap:.5rem;padding:.65rem .85rem;display:flex}.btn-print-voucher{background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;border-radius:4px;align-items:center;gap:4px;height:30px;padding:0 .75rem;font-size:.72rem;font-weight:700;display:inline-flex}.btn-close-voucher{background:var(--bg-surface);height:30px;color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;border-radius:4px;padding:0 .75rem;font-size:.72rem;font-weight:600}@media (width<=768px){.recent-invoices-header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;padding:.65rem}.voucher-meta-grid{grid-template-columns:1fr}}.history-root{background:var(--bg-surface);height:100vh;color:var(--text-primary);flex-direction:column;gap:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.history-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.history-tag{color:var(--brand);text-transform:uppercase;align-items:center;gap:4px;margin-bottom:1px;font-size:.6rem;font-weight:700;display:flex}.history-stats{gap:.85rem;display:flex}.h-stat{text-align:right;flex-direction:column;display:flex}.h-stat .l{color:var(--text-muted);text-transform:uppercase;font-size:.56rem;font-weight:600}.h-stat .v{font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:700}.h-btn{border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:flex}.h-btn.primary{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-border-strong);font-weight:700}.h-btn.primary:hover{background:var(--color-accent-hover)}.history-main{flex:1;min-height:0}.history-grid{grid-template-columns:1fr 380px;gap:0;height:100%;display:grid}.panel{background:var(--bg-surface);flex-direction:column;display:flex;overflow:hidden}.transaction-panel{border-right:1px solid var(--border-strong);padding:.5rem 1rem}.panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.panel-top .titles{align-items:baseline;gap:.5rem;display:flex}.panel-top h2{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.entry-count-badge{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.64rem;font-weight:600}.controls-row{align-items:center;gap:.5rem;display:flex}.search-box-ledger{background:var(--bg-subtle);border:1px solid var(--border-strong);height:28px;color:var(--text-muted);border-radius:5px;align-items:center;gap:6px;padding:0 .5rem;display:flex}.search-box-ledger input{color:var(--text-primary);background:0 0;border:none;outline:none;width:170px;font-family:inherit;font-size:.74rem}.clear-search{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1}.filter-group{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:5px;gap:2px;padding:2px;display:flex}.filter-group button{color:var(--text-secondary);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:3px;padding:2px 7px;font-size:.64rem;font-weight:600;transition:background-color .15s}.filter-group button.active{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-1);font-weight:700}.ledger-table-container{background:var(--bg-surface);flex:1;min-height:0;overflow:auto}.ledger-empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}.ledger-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.ledger-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.ledger-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.ledger-row{border-bottom:1px solid var(--border);cursor:pointer;transition:background-color .1s}.ledger-row:hover{background-color:var(--bg-subtle)}.ledger-row.selected,[data-theme=dark] .ledger-row.selected{background-color:var(--color-bg-subtle)}.ledger-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--color-border-light);padding:.35rem .65rem}.mono-invoice-tag{color:var(--color-accent);font-family:JetBrains Mono,monospace;font-size:.74rem;font-weight:600}.datetime-cell{color:var(--text-secondary);font-size:.68rem;font-weight:500}.customer-cell{flex-direction:column;gap:1px;display:flex}.cust-primary-name{color:var(--text-primary);font-size:.72rem;font-weight:600}.cust-sub-phone{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.6rem}.items-count-badge{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:600;display:inline-block}.pay-pill{text-transform:uppercase;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:.62rem;font-weight:600;display:inline-flex}.pay-pill.cash{color:#15803d;background:#dcfce7}.pay-pill.credit_card,.pay-pill.card{background:var(--color-bg-subtle);color:var(--text-primary);border:1px solid var(--border)}.pay-pill.foodpanda{color:#be185d;background:#fce7f3}.amount-bold{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700}.status-pill{text-transform:uppercase;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;height:max-content;padding:4px 8px;font-size:.65rem;font-weight:700;line-height:1;display:inline-flex}.status-pill.completed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill.refunded{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.table-print-btn{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;transition:all .15s;display:inline-flex}.table-print-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-subtle)}.pagination-bar{border-top:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;margin-top:.25rem;padding:.38rem 0;display:flex}.page-size-selector{align-items:center;gap:3px;display:flex}.ps-label{color:var(--text-muted);text-transform:uppercase;margin-right:2px;font-size:.62rem;font-weight:600}.ps-btn{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:.62rem;font-weight:600;transition:all .15s}.ps-btn:hover{background:var(--bg-surface);border-color:var(--border-strong);color:var(--text-primary)}.ps-btn.active{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-border-strong);font-weight:700}.page-nav-controls{align-items:center;gap:.5rem;display:flex}.page-total-summary{color:var(--text-muted);font-size:.65rem}.page-total-summary strong{color:var(--text-primary)}.receipt-panel{background:var(--bg-subtle)}.receipt-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.icon-ring{background:var(--bg-surface);border:1px dashed var(--border-strong);opacity:.7;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.receipt-viewer-area{flex-direction:column;flex:1;height:100%;display:flex}.receipt-view-header{border-bottom:1px solid var(--border-strong);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.h-titles h2{margin:0;font-size:.82rem;font-weight:700}.h-id{color:var(--text-muted);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:600}.receipt-actions{gap:.4rem;display:flex}.r-action{cursor:pointer;border:1px solid var(--border-strong);border-radius:5px;padding:4px 10px;font-size:.65rem;font-weight:600;transition:background-color .15s}.r-action.print{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-border-strong);align-items:center;gap:4px;font-weight:700;display:flex}.r-action.print:hover{background:var(--color-accent-hover)}.r-action.refund{color:#dc2626;background:#fff1f2;border-color:#fecdd3;font-weight:700}.receipt-paper-wrapper{flex:1;justify-content:center;padding:1.25rem;display:flex;overflow-y:auto}.paper-receipt{color:#1e293b;width:100%;max-width:300px;box-shadow:var(--shadow-md);background:#fff;border:1px solid #e2e8f0;border-radius:4px;height:fit-content;padding:1.25rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;position:relative}.paper-header{text-align:center;margin-bottom:1rem}.paper-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:900}.paper-header .addr{color:#64748b;margin:2px 0;font-size:.7rem;font-weight:700}.paper-header .tel{color:#64748b;margin:0;font-size:.7rem;font-weight:700}.paper-divider{border-bottom:1.5px dashed #cbd5e1;margin:.65rem 0}.paper-meta{flex-direction:column;gap:3px;font-size:.7rem;font-weight:600;display:flex}.p-row{justify-content:space-between;display:flex}.upper{text-transform:uppercase}.paper-items{flex-direction:column;gap:.55rem;display:flex}.p-item{justify-content:space-between;align-items:flex-start;display:flex}.p-item-n-q{flex-direction:column;gap:1px;display:flex}.p-item-n-q .n{color:#0f172a;font-size:.75rem;font-weight:800}.p-item-n-q .q{color:#64748b;font-size:.65rem;font-weight:700}.p-item-v{color:#0f172a;font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:800}.paper-summary{flex-direction:column;gap:4px;display:flex}.s-row{justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.s-row.grand{color:#0f172a;border-top:1.5px solid #000;margin-top:2px;padding-top:4px;font-size:.95rem;font-weight:950}.paper-footer{text-align:center;margin-top:1.25rem}.paper-footer p{color:#64748b;margin:0;font-size:.65rem;font-weight:800}.brand-tag{color:#94a3b8;margin-top:4px;font-size:.55rem;font-weight:700;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}@media (width<=992px){.history-grid{grid-template-columns:1fr;height:auto}}@media (width<=768px){.history-root{height:auto;min-height:100vh;padding:.5rem .5rem 1.5rem;overflow-y:auto}.history-header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;min-height:52px;padding:.65rem .85rem}.header-right{flex-wrap:wrap;justify-content:space-between;gap:.5rem;width:100%}.history-stats{gap:.75rem}.transaction-panel{padding:.85rem}.panel-top{flex-direction:column;gap:.5rem}.filter-group{justify-content:space-between;width:100%}.receipt-view-header,.receipt-paper-wrapper{padding:.85rem}}@media screen{.only-print{display:none!important}}@media print{@page{size:80mm auto;margin:0!important}html,body{print-color-adjust:exact!important;background:#fff!important;width:80mm!important;margin:0!important;padding:0!important}.no-print,header,nav,aside{display:none!important}.only-print{visibility:visible!important;box-sizing:border-box!important;width:80mm!important;margin:0!important;padding:0 4mm 4mm!important;display:block!important}.only-print *{visibility:visible!important}}.settings-page-root{background:var(--bg-page);height:100vh;color:var(--text-primary);flex-direction:column;font-family:inherit;display:flex;overflow:hidden}.settings-header-bar{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:48px;padding:0 1.25rem;display:flex}.header-brand-group{align-items:center;gap:.65rem;display:flex}.header-tag-pill{background:var(--bg-subtle);border:1px solid var(--border);color:var(--brand);text-transform:uppercase;letter-spacing:.02em;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:.64rem;font-weight:700;display:inline-flex}.header-main-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.settings-search-wrap{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;align-items:center;gap:5px;width:175px;height:30px;padding:0 .55rem;transition:width .15s,border-color .15s;display:flex}.settings-search-wrap:focus-within{border-color:var(--brand);background:var(--bg-surface);width:210px}.settings-search-field{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.75rem;font-weight:600}.btn-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:1px;display:flex}.status-badge-pill{border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:.68rem;font-weight:750;display:inline-flex}.status-badge-pill.warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b4d}.status-badge-pill.success{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.pill-dot{border-radius:50%;width:6px;height:6px}.pill-dot.warning{background:#d97706}.header-btn-cluster{align-items:center;gap:.4rem;display:flex}.btn-header-subtle{background:var(--bg-subtle);border:1px solid var(--border);height:30px;color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:0 .65rem;font-size:.72rem;font-weight:650;transition:all .12s}.btn-header-subtle:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-header-save{background:var(--brand);border:1px solid var(--brand-dark);color:#fff;cursor:pointer;border-radius:5px;align-items:center;gap:5px;height:30px;padding:0 .75rem;font-size:.72rem;font-weight:750;transition:background-color .12s;display:flex}.btn-header-save:hover:not(:disabled){background:var(--brand-dark)}.btn-header-save:disabled{opacity:.55;cursor:not-allowed}.shortcut-tag{background:#fff3;border-radius:3px;margin-left:2px;padding:1px 4px;font-size:.58rem}.settings-layout-body{flex:1;min-height:0;display:flex;overflow:hidden}.settings-nav-sidebar{background:var(--bg-surface);border-right:1px solid var(--border-strong);flex-direction:column;flex-shrink:0;width:230px;padding:.5rem .4rem;display:flex;overflow-y:auto}.nav-items-list{flex-direction:column;gap:.2rem;display:flex}.nav-tab-button{text-align:left;cursor:pointer;color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.6rem;padding:.45rem .65rem;transition:all .12s;display:flex;position:relative}.nav-tab-button:hover{background:var(--bg-subtle);color:var(--text-primary)}.nav-tab-button.active{background:var(--bg-subtle);border-color:var(--border);color:var(--brand)}.nav-icon-container{color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-label-stack{flex-direction:column;flex:1;min-width:0;display:flex}.nav-tab-label{color:inherit;font-size:.76rem;font-weight:750;line-height:1.2}.nav-tab-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.62rem;overflow:hidden}.nav-tab-badge{background:var(--bg-page);border:1px solid var(--border);color:var(--text-secondary);border-radius:4px;padding:1px 5px;font-size:.58rem;font-weight:750}.nav-active-bar{background:var(--brand);border-radius:0 2px 2px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.settings-content-pane{background:var(--bg-page);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.content-scroll-box{flex-direction:column;flex:1;gap:1rem;padding:1rem 1.25rem 3rem;display:flex;overflow-y:auto}.pane-section-header{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding-bottom:.5rem;display:flex}.pane-category-crumb{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:4px;font-size:.65rem;font-weight:650;display:flex}.crumb-slash{color:var(--border-strong)}.crumb-active{color:var(--brand);font-weight:750}.pane-title{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:850}.pane-subtitle{color:var(--text-secondary);margin:0;font-size:.74rem}.settings-form-stack{flex-direction:column;gap:.85rem;display:flex}.store-overview-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;align-items:center;padding:.85rem 1rem;display:flex}.store-meta-group{flex-direction:column;gap:.35rem;width:100%;display:flex}.store-title-row{align-items:center;gap:.5rem;display:flex}.store-heading{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:800}.badge-verified{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:.62rem;font-weight:750;display:inline-flex}.store-address-line{color:var(--text-secondary);margin:0;font-size:.72rem}.store-chips-row{flex-wrap:wrap;gap:.4rem;display:flex}.meta-chip{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:600}.form-card-container{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:.75rem;padding:.95rem 1.15rem;display:flex}.form-card-header{border-bottom:1px solid var(--border);align-items:center;gap:.55rem;padding-bottom:.55rem;display:flex}.card-icon-box{background:var(--bg-subtle);border:1px solid var(--border);width:28px;height:28px;color:var(--brand);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card-heading{color:var(--text-primary);margin:0;font-size:.84rem;font-weight:800}.card-subheading{color:var(--text-muted);margin:1px 0 0;font-size:.68rem}.card-description-text{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.4}.form-grid-2col{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-group{flex-direction:column;gap:.25rem;display:flex}.form-group.full-width{grid-column:span 2}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.68rem;font-weight:750}.label-presets-row{justify-content:space-between;align-items:center;display:flex}.presets-pill-wrap{gap:3px;display:flex}.preset-btn{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;border-radius:3px;padding:1px 5px;font-size:.62rem;font-weight:750}.preset-btn.active,.preset-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.form-input-clean{border:1px solid var(--border-strong);background:var(--bg-subtle);height:34px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:0 .65rem;font-size:.78rem;font-weight:600;transition:border-color .12s}.form-input-clean:focus{border-color:var(--brand);background:var(--bg-surface)}.form-input-clean.textarea-clean{resize:vertical;height:auto;padding:.45rem .65rem;font-family:inherit}.input-help-text{color:var(--text-muted);margin-top:1px;font-size:.64rem}.input-action-wrapper{align-items:center;display:flex;position:relative}.input-action-wrapper .form-input-clean{padding-right:2rem}.btn-field-icon{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:.5rem}.btn-field-icon:hover{color:var(--text-primary)}.btn-form-action{background:var(--brand);border:1px solid var(--brand-dark);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:5px;width:fit-content;height:34px;padding:0 .85rem;font-size:.74rem;font-weight:750;transition:background-color .12s;display:inline-flex}.btn-form-action:hover:not(:disabled){background:var(--brand-dark)}.btn-form-action:disabled{opacity:.55;cursor:not-allowed}.toggle-list-group{flex-direction:column;gap:.35rem;display:flex}.toggle-item-row{border:1px solid var(--border);background:var(--bg-subtle);cursor:pointer;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:.55rem .75rem;transition:all .12s;display:flex}.toggle-item-row:hover{background:var(--bg-surface);border-color:var(--border-strong)}.toggle-item-row.active{border-color:var(--border-strong)}.toggle-text-block{flex-direction:column;flex:1;gap:2px;display:flex}.toggle-headline{align-items:center;gap:.45rem;display:flex}.toggle-title{color:var(--text-primary);font-size:.76rem;font-weight:750}.tag-status{text-transform:uppercase;border-radius:3px;padding:1px 4px;font-size:.58rem;font-weight:750}.tag-status.active{color:#10b981;background:#10b9811a}.tag-status.inactive{color:var(--text-muted);background:var(--bg-page)}.tag-status.warning{color:#d97706;background:#f59e0b1a}.toggle-description{color:var(--text-muted);margin:0;font-size:.68rem;line-height:1.3}.switch-control-pill{background:var(--border-strong);border-radius:20px;flex-shrink:0;width:32px;height:18px;margin-left:.65rem;transition:background-color .15s;position:relative}.switch-control-pill:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle-item-row.active .switch-control-pill{background:var(--brand)}.toggle-item-row.active .switch-control-pill:after{transform:translate(14px)}.hardware-split-grid{grid-template-columns:1.15fr .85fr;gap:1rem;display:grid}.hardware-preview-pane{flex-direction:column;display:flex}.receipt-preview-wrapper{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:.65rem;padding:.75rem;display:flex}.preview-top-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.45rem;display:flex}.preview-indicator{color:var(--text-secondary);align-items:center;gap:5px;font-size:.68rem;font-weight:750;display:flex}.live-preview-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.preview-mode-switch{gap:3px;display:flex}.mode-btn{background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:2px 7px;font-size:.65rem;font-weight:750}.mode-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.receipt-paper-shell{background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:6px;justify-content:center;min-height:420px;padding:.85rem;display:flex}.thermal-paper-slip{color:#000;background:#fff;border-radius:2px;flex-direction:column;gap:.35rem;padding:.85rem .75rem;font-family:JetBrains Mono,Courier New,monospace;font-size:.68rem;line-height:1.35;display:flex;box-shadow:0 4px 12px #00000040}.thermal-paper-slip.mode-80{width:260px}.thermal-paper-slip.mode-58{width:200px;font-size:.62rem}.receipt-header-center,.receipt-footer-center{text-align:center}.slip-store-name{text-transform:uppercase;margin:0;font-size:.88rem;font-weight:900}.slip-sub-text{color:#333;margin:1px 0 0;font-size:.62rem}.slip-dash-line{border-bottom:1px dashed #666;margin:2px 0}.slip-solid-line{border-bottom:1px solid #222;margin:2px 0}.slip-row-meta{justify-content:space-between;font-size:.62rem;display:flex}.slip-col-header{grid-template-columns:2fr 1fr 1.5fr;font-size:.62rem;font-weight:800;display:grid}.slip-items-list{flex-direction:column;gap:2px;display:flex}.slip-item-row{grid-template-columns:2fr 1fr 1.5fr;font-size:.62rem;display:grid}.item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.align-center{text-align:center}.align-right{text-align:right}.slip-totals-block{flex-direction:column;gap:1px;display:flex}.slip-total-row{justify-content:space-between;font-size:.62rem;display:flex}.slip-total-row.highlight-net{border-top:1px dashed #444;border-bottom:1px dashed #444;margin:2px 0;padding:2px 0;font-size:.74rem;font-weight:900}.slip-footer-notes{margin:2px 0 4px;font-size:.6rem}.barcode-mockup-box{flex-direction:column;align-items:center;gap:2px;margin-top:4px;display:flex}.barcode-lines{background:repeating-linear-gradient(90deg,#000,#000 2px,#0000 2px 4px);width:80%;height:24px}.barcode-caption{letter-spacing:.1em;font-size:.58rem}.slip-duplicate-tag{margin-top:3px;font-size:.6rem;font-weight:800}.ai-feature-banner{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:.65rem;padding:.95rem 1.15rem;display:flex}.ai-badge-icon{background:var(--bg-subtle);border:1px solid var(--border);color:var(--brand);text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:.62rem;font-weight:750;display:inline-flex}.banner-title{color:var(--text-primary);margin:4px 0 2px;font-size:.95rem;font-weight:800}.banner-desc{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.35}.ai-chips-group{flex-wrap:wrap;gap:.4rem;display:flex}.ai-chip{color:var(--text-secondary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:.65rem;font-weight:650}.backups-3col-grid{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.backup-actions-stack{flex-direction:column;gap:.45rem;margin-top:.35rem;display:flex}.backup-action-card{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-primary);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:.65rem;padding:.65rem .75rem;transition:all .12s;display:flex}.backup-action-card:hover{background:var(--bg-surface);border-color:var(--border-strong)}.action-text-stack{flex-direction:column;display:flex}.action-primary{font-size:.74rem;font-weight:750}.action-secondary{color:var(--text-muted);font-size:.62rem}.info-banner-box{background:var(--bg-subtle);border:1px solid var(--border);border-radius:6px;padding:.55rem .65rem;font-size:.68rem}.info-banner-box strong{color:var(--text-primary);margin-bottom:2px;font-weight:750;display:block}.info-banner-box p{color:var(--text-secondary);margin:0;line-height:1.3}.btn-whatsapp-action{color:#fff;cursor:pointer;background:#25d366;border:1px solid #20ba5a;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;height:34px;font-size:.74rem;font-weight:750;transition:background-color .12s;display:flex}.btn-whatsapp-action:hover:not(:disabled){background:#20ba5a}.btn-whatsapp-action:disabled{opacity:.55;cursor:not-allowed}.btn-discord-action{color:#fff;cursor:pointer;background:#5865f2;border:1px solid #4752c4;border-radius:6px;justify-content:center;align-items:center;gap:5px;width:100%;height:34px;font-size:.74rem;font-weight:750;transition:background-color .12s;display:flex}.btn-discord-action:hover:not(:disabled){background:#4752c4}.btn-discord-action:disabled{opacity:.55;cursor:not-allowed}.foodpanda-banner-card{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;padding:.85rem 1rem}.fp-banner-content{color:#d70f64;align-items:center;gap:.65rem;display:flex}.fp-banner-title{margin:0;font-size:.95rem;font-weight:850}.fp-banner-desc{color:var(--text-secondary);margin:2px 0 0;font-size:.72rem;line-height:1.35}.foodpanda-actions-row{border-top:1px solid var(--border);gap:.5rem;margin-top:.85rem;padding-top:.85rem;display:flex}.btn-outline-action{background:var(--bg-surface);border:1px solid var(--border-strong);height:34px;color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;font-size:.75rem;font-weight:750;transition:all .12s;display:flex}.btn-outline-action:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--brand);color:var(--brand)}.btn-fp-sync-action{color:#fff;cursor:pointer;background:#d70f64;border:1px solid #b80c55;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;height:34px;font-size:.75rem;font-weight:800;transition:background-color .12s;display:flex}.btn-fp-sync-action:hover:not(:disabled){background:#b80c55}.btn-fp-sync-action:disabled,.btn-outline-action:disabled{opacity:.55;cursor:not-allowed}.floating-save-panel{z-index:50;width:90%;max-width:600px;position:absolute;bottom:.85rem;left:50%;transform:translate(-50%)}.floating-panel-card{background:var(--bg-surface-elevated,#18181b);border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);color:var(--text-main);border-radius:6px;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .85rem;display:flex}.panel-msg-group{align-items:center;gap:.55rem;display:flex}.panel-warn-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:7px;height:7px}.panel-msg-title{color:#f8fafc;font-size:.76rem;font-weight:750;display:block}.panel-msg-sub{color:#94a3b8;font-size:.65rem;display:block}.panel-btn-group{align-items:center;gap:.4rem;display:flex}.btn-panel-discard{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;height:28px;padding:0 .65rem;font-size:.7rem;font-weight:650}.btn-panel-discard:hover{background:#ffffff26}.btn-panel-save{background:var(--brand);border:1px solid var(--brand-dark);color:#fff;cursor:pointer;border-radius:4px;align-items:center;gap:4px;height:28px;padding:0 .75rem;font-size:.72rem;font-weight:750;display:flex}.btn-panel-save:hover:not(:disabled){background:var(--brand-dark)}@media (width<=1050px){.backups-3col-grid,.hardware-split-grid{grid-template-columns:1fr}}@media (width<=768px){.settings-header-bar{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;padding:.5rem .75rem}.header-actions-group{justify-content:space-between;width:100%}.settings-search-wrap{flex:1;width:auto}.settings-layout-body{flex-direction:column}.settings-nav-sidebar{border-right:none;border-bottom:1px solid var(--border-strong);width:100%;padding:.35rem .5rem}.nav-items-list{flex-direction:row;gap:.35rem;overflow-x:auto}.nav-tab-button{flex-shrink:0;width:auto;padding:.35rem .65rem}.nav-tab-sub,.nav-active-bar{display:none}.form-grid-2col{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}.shift-history-root{background:var(--bg-page);flex-direction:column;height:calc(100vh - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden}.shift-history-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.header-left h1{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:.92rem;font-weight:700}.header-stats-chips{align-items:center;gap:.65rem;display:flex}.h-chip .v{color:var(--text-primary);font-size:.82rem;font-weight:700}.header-actions-group{align-items:center;gap:.4rem;display:flex}.btn-secondary-header{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 .65rem;font-size:.72rem;font-weight:600;display:flex}.btn-secondary-header:hover{background:var(--bg-subtle)}.shift-history-main{flex-direction:column;flex:1;min-height:0;padding:.5rem 1rem;display:flex;overflow:hidden}.shift-history-pane{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.shift-table-wrapper{flex:1;min-height:0;overflow:auto}.shift-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.shift-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.shift-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.shift-row{border-bottom:1px solid var(--border);transition:background-color .1s}.shift-row:hover{background-color:var(--bg-subtle)}.shift-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.staff-meta-cell{flex-direction:column;gap:1px;display:flex}.staff-name-bold{color:var(--text-primary);font-size:.74rem;font-weight:700}.shift-num-sub{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.62rem}.time-meta-cell{flex-direction:column;gap:1px;display:flex}.date-main{color:var(--text-primary);font-weight:600}.time-sub{color:var(--text-muted);font-size:.64rem}.diff-pill{border-radius:3px;padding:1px 5px;font-size:.68rem;font-weight:700;display:inline-block}.diff-pill.pos{color:#10b981;background:#10b9811f}.diff-pill.neg{color:#ef4444;background:#ef44441f}.diff-pill.zero{background:var(--bg-subtle);color:var(--text-muted)}.live-status-pill{color:#10b981;text-transform:uppercase;background:#10b9811f;border-radius:3px;align-items:center;gap:4px;padding:1px 6px;font-size:.62rem;font-weight:700;display:inline-flex}.pulsing-dot{background:#10b981;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.3)}to{opacity:.7;transform:scale(.95)}}.closed-status-pill{color:var(--text-muted);background:var(--bg-subtle);text-transform:uppercase;border-radius:3px;padding:1px 6px;font-size:.62rem;font-weight:600;display:inline-block}.shift-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}.pagination-bar{border-top:1px solid var(--border-strong);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:.35rem .65rem;display:flex}.pagination-summary{color:var(--text-muted);font-size:.65rem}.pagination-summary strong{color:var(--text-primary)}.pagination-nav{align-items:center;gap:2px;display:flex}.p-nav-btn{border:1px solid var(--border-strong);background:var(--bg-subtle);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;display:flex}.p-nav-btn:disabled{opacity:.4;cursor:not-allowed}.p-num-btn{border:1px solid var(--border-strong);background:var(--bg-subtle);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:3px;font-size:.68rem;font-weight:700}.p-num-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.font-mono{font-family:JetBrains Mono,monospace}.font-bold{font-weight:700}.td-mono-subtle{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.65rem}.text-primary{color:var(--brand)}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-muted{color:var(--text-muted)}@media (width<=768px){.shift-history-header{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto;padding:.65rem}}.shift-page-root{background:var(--bg-page);height:100vh;color:var(--text-primary);box-sizing:border-box;flex-direction:column;padding:.85rem 1.25rem;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.shift-container{flex-direction:column;gap:.85rem;height:100%;min-height:0;display:flex}.shift-header{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-shrink:0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.header-left-col{flex-direction:column;gap:2px;display:flex}.header-title-wrap{align-items:center;gap:.75rem;display:flex}.header-title-wrap h1{letter-spacing:-.01em;color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:850}.status-indicator-badge{background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-dot.online{background:#10b981}.status-dot.offline{background:var(--text-muted)}.status-label{color:var(--text-secondary);font-size:.68rem;font-weight:750}.header-subtitle{color:var(--text-muted);align-items:center;gap:6px;font-size:.72rem;display:flex}.header-subtitle strong{color:var(--text-secondary);font-weight:700}.sep{opacity:.4}.header-right-col{align-items:center;gap:.65rem;display:flex}.duration-timer-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;align-items:center;gap:6px;padding:.4rem .75rem;display:flex}.timer-label{color:var(--text-muted);text-transform:uppercase;font-size:.62rem;font-weight:700}.timer-value{color:var(--brand);font-family:monospace;font-size:.85rem;font-weight:800}.btn-header{cursor:pointer;border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text-primary);border-radius:10px;align-items:center;gap:5px;padding:.45rem .85rem;font-size:.75rem;font-weight:750;transition:all .15s;display:flex}.btn-header:hover{border-color:var(--brand);color:var(--brand)}.btn-header.btn-primary-header{background:var(--brand);color:#fff;border:none}.btn-header.btn-primary-header:hover{opacity:.9}.btn-header.loading svg{animation:1s linear infinite spin}.shift-summary-strip{flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;display:grid}.summary-stat-card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;padding:.75rem 1rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:750}.stat-number{color:var(--text-primary);margin-top:2px;font-size:1.15rem;font-weight:850}.stat-sub{color:var(--text-muted);margin-top:2px;font-size:.65rem}.summary-stat-card.highlight-card{border-color:var(--brand);background:#6366f10a}.summary-stat-card.highlight-card .stat-number{color:var(--brand)}.shift-main-body{flex-direction:column;flex:1;min-height:0;display:flex}.open-shift-card{background:var(--bg-surface);border:1px solid var(--border);max-width:480px;box-shadow:var(--shadow-md);border-radius:16px;margin:auto;padding:2rem}.open-card-top h2{margin:0 0 .4rem;font-size:1.25rem;font-weight:850}.open-card-top p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.8rem;line-height:1.4}.open-shift-form{flex-direction:column;gap:1.25rem;display:flex}.presets-block label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.45rem;font-size:.7rem;font-weight:750;display:block}.presets-row{flex-wrap:wrap;gap:.4rem;display:flex}.preset-btn{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.35rem .65rem;font-size:.72rem;font-weight:750;transition:all .15s}.preset-btn:hover{border-color:var(--brand);color:var(--brand)}.preset-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.form-group-opening label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.45rem;font-size:.72rem;font-weight:750;display:block}.amount-input-box{align-items:center;display:flex;position:relative}.rs-prefix{color:var(--brand);font-size:1.1rem;font-weight:850;position:absolute;left:1rem}.input-opening-field{border:1.5px solid var(--border-strong);background:var(--bg-subtle);width:100%;height:48px;color:var(--text-primary);box-sizing:border-box;border-radius:10px;outline:none;padding-left:3rem;padding-right:1rem;font-size:1.2rem;font-weight:850}.input-opening-field:focus{border-color:var(--brand);background:var(--bg-surface)}.btn-open-session{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;height:46px;font-size:.9rem;font-weight:800;transition:opacity .2s;display:flex}.btn-open-session:hover{opacity:.92}.open-card-foot{border-top:1px solid var(--border);color:var(--text-muted);justify-content:space-between;margin-top:1.5rem;padding-top:.75rem;font-size:.7rem;display:flex}.active-overview-grid{grid-template-columns:1.2fr 1fr;gap:.85rem;height:100%;min-height:0;display:grid}.overview-left-col,.overview-right-col{flex-direction:column;gap:.85rem;height:100%;min-height:0;display:flex}.panel-box{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;padding:1rem 1.15rem;display:flex}.panel-box-header{justify-content:space-between;align-items:center;margin-bottom:.85rem;display:flex}.panel-box-header h3{color:var(--text-primary);margin:0;font-size:.85rem;font-weight:850}.tag-status-pill{color:#10b981;background:#10b9811a;border-radius:6px;padding:2px 7px;font-size:.62rem;font-weight:800}.session-timer-pill{color:var(--brand);background:#6366f11a;border-radius:6px;padding:2px 7px;font-family:monospace;font-size:.75rem;font-weight:800}.drawer-balance-equation{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex}.eq-item{flex-direction:column;display:flex}.eq-l{color:var(--text-muted);text-transform:uppercase;font-size:.6rem;font-weight:700}.eq-v{font-size:.85rem;font-weight:850}.eq-sign{color:var(--text-muted);opacity:.5;font-size:.9rem;font-weight:750}.eq-item.eq-highlight{background:var(--brand);color:#fff;border-radius:8px;padding:.35rem .65rem}.eq-item.eq-highlight .eq-l{color:#ffffffd9}.channel-distribution-block{flex-direction:column;gap:.35rem;margin-top:.85rem;display:flex}.channel-header{color:var(--text-muted);justify-content:space-between;font-size:.68rem;font-weight:700;display:flex}.channel-progress-bar{background:var(--bg-subtle);border-radius:5px;gap:1px;height:10px;display:flex;overflow:hidden}.channel-segment.ch-cash{background:#10b981}.channel-segment.ch-card{background:var(--brand)}.channel-segment.ch-fp{background:#ec4899}.channel-segment.empty{color:var(--text-muted);justify-content:center;align-items:center;width:100%;font-size:.6rem;display:flex}.channel-legend{color:var(--text-secondary);gap:.85rem;font-size:.65rem;font-weight:700;display:flex}.l-dot{border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.l-dot.cash{background:#10b981}.l-dot.card{background:var(--brand)}.l-dot.fp{background:#ec4899}.btn-action-small{border:1px solid var(--border-strong);color:var(--danger);cursor:pointer;background:0 0;border-radius:6px;padding:2px 7px;font-size:.68rem;font-weight:750}.btn-action-small:hover{background:#ef444414}.expenses-container-list{flex:1;min-height:120px;max-height:160px;overflow-y:auto}.expenses-table{border-collapse:collapse;width:100%;font-size:.72rem}.expenses-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:4px 6px;font-size:.62rem;font-weight:800}.expenses-table td{border-bottom:1px solid var(--border-light);padding:5px 6px}.empty-placeholder{height:80px;color:var(--text-muted);justify-content:center;align-items:center;font-size:.72rem;display:flex}.session-stats-table{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.45rem;padding:.65rem .85rem;display:flex}.s-stat-row{justify-content:space-between;font-size:.74rem;display:flex}.s-lbl{color:var(--text-muted);font-weight:600}.s-val{color:var(--text-primary);font-weight:750}.shift-action-buttons{flex-direction:column;gap:.55rem;display:flex}.btn-action-tile{border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;text-align:left;color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:10px;align-items:center;gap:.85rem;padding:.85rem 1rem;transition:all .18s ease-in-out;display:flex}.btn-action-tile:hover{background:var(--bg-subtle);border-color:var(--brand);transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.btn-action-tile:hover svg:last-child{color:var(--brand);transform:translate(3px)}.btn-action-tile svg:last-child{color:var(--text-muted);transition:transform .18s,color .18s}.btn-action-tile.danger-tile{background:var(--bg-surface);border-color:#dc262640}.btn-action-tile.danger-tile:hover{border-color:var(--danger);background:#dc26260d;box-shadow:0 3px 10px #dc26261f}.btn-action-tile.danger-tile:hover svg:last-child{color:var(--danger)}.tile-icon-box{background:var(--bg-subtle);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .18s;display:flex}.btn-action-tile:hover .tile-icon-box{transform:scale(1.06)}.tile-icon-box.danger{color:var(--danger);background:#dc26261a}.tile-text{flex-direction:column;flex:1;gap:2px;display:flex}.tile-text strong{color:var(--text-primary);font-size:.82rem;font-weight:800}.tile-text span{color:var(--text-muted);font-size:.68rem;line-height:1.3}.spot-check-box{background:var(--bg-subtle);border:1px solid var(--border);border-radius:10px;margin-top:.5rem;padding:.75rem}.spot-head{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.spot-head h4{margin:0;font-size:.75rem;font-weight:800}.spot-head button{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-weight:800}.spot-input-line{align-items:center;gap:.45rem;display:flex}.spot-input-wrap{flex:1;align-items:center;display:flex;position:relative}.spot-input-wrap span{color:var(--text-muted);font-size:.75rem;font-weight:800;position:absolute;left:.65rem}.spot-input-wrap input{border:1px solid var(--border-strong);background:var(--bg-surface);width:100%;height:34px;color:var(--text-primary);border-radius:8px;outline:none;padding-left:2rem;padding-right:.5rem;font-size:.8rem;font-weight:800}.spot-tag{white-space:nowrap;border-radius:6px;padding:.3rem .6rem;font-size:.68rem;font-weight:800}.spot-tag.bal{color:#10b981;background:#10b98126}.spot-tag.over{color:var(--brand);background:#6366f126}.spot-tag.short{color:#ef4444;background:#ef444426}.closing-layout-grid{grid-template-columns:1fr 1.3fr;gap:.75rem;height:100%;min-height:0;display:grid}.closing-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.panel-head h3{margin:0;font-size:.85rem;font-weight:700}.pill-time{color:var(--text-primary);background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.72rem;font-weight:700}.btn-text-action{border:1px solid var(--border-strong);background:var(--bg-subtle);color:var(--text-muted);cursor:pointer;border-radius:6px;padding:3px 9px;font-size:.68rem;font-weight:600;transition:all .15s}.btn-text-action:hover{color:var(--danger);border-color:var(--danger);background:#dc26260f}.audit-body-scroll{flex-direction:column;flex:1;gap:.65rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.info-summary-table{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:6px;flex-direction:column;gap:.25rem;padding:.6rem .75rem;font-size:.72rem;display:flex}.info-row{justify-content:space-between;display:flex}.info-row span{color:var(--text-muted)}.info-row strong{color:var(--text-primary);font-weight:700}.section-divider-title{color:var(--text-muted);letter-spacing:.04em;margin-top:.25rem;font-size:.62rem;font-weight:700}.standard-data-table{border-collapse:collapse;width:100%;font-size:.74rem}.standard-data-table td{border-bottom:1px solid var(--border-light);padding:.4rem .5rem}.standard-data-table .text-right{text-align:right}.target-row{background:var(--bg-subtle);color:var(--text-primary);font-size:.8rem;font-weight:700}.target-amount{color:var(--color-success);font-size:.85rem;font-weight:700}.expenses-simple-list{flex-direction:column;gap:.25rem;display:flex}.expense-simple-row{background:var(--bg-subtle);border-radius:4px;justify-content:space-between;padding:.35rem .5rem;font-size:.68rem;display:flex}.exp-left-text{flex-direction:column;display:flex}.exp-t{font-weight:600}.exp-c{color:var(--text-muted);font-size:.58rem}.exp-a{color:var(--danger);font-weight:700}.tally-form{flex-direction:column;flex:1;gap:.75rem;padding:.85rem 1rem;display:flex;overflow-y:auto}.denom-table-container{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:6px;overflow:hidden}.denom-table{border-collapse:collapse;width:100%;font-size:.72rem}.denom-table th{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);color:var(--text-muted);text-transform:uppercase;padding:6px 8px;font-size:.62rem;font-weight:700}.denom-table td{border-bottom:1px solid var(--border-light);padding:4px 8px}.denom-table tr.row-active{background:var(--bg-surface)}.denom-name{font-size:.72rem}.denom-stepper-cell{text-align:center}.stepper-wrap{align-items:center;gap:2px;display:inline-flex}.stepper-btn{border:1px solid var(--border-strong);background:var(--bg-surface);width:22px;height:22px;color:var(--text-primary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--bg-subtle)}.stepper-btn:disabled{opacity:.3;cursor:not-allowed}.stepper-input{border:1px solid var(--border-strong);background:var(--bg-surface);width:40px;height:24px;color:var(--text-primary);text-align:center;border-radius:5px;outline:none;font-size:.78rem;font-weight:600}.stepper-input:focus{border-color:var(--brand)}.denom-subtotal-cell{text-align:right;color:var(--text-primary);font-weight:700}.drawer-tally-results{background:var(--bg-subtle);border:1px solid var(--border-strong);border-radius:8px;grid-template-columns:1.3fr 1fr;align-items:flex-end;gap:.65rem;padding:.65rem .85rem;display:grid}.counted-cash-field label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.counted-input-wrap{align-items:center;display:flex;position:relative}.counted-input-wrap .rs-tag{color:var(--brand);font-size:.9rem;font-weight:700;position:absolute;left:.75rem}.input-actual-cash{border:1px solid var(--border-strong);background:var(--bg-surface);width:100%;height:38px;color:var(--text-primary);box-sizing:border-box;border-radius:6px;outline:none;padding-left:2.2rem;padding-right:.65rem;font-size:.95rem;font-weight:700;transition:border-color .15s}.input-actual-cash:focus{border-color:var(--brand)}.discrepancy-status-card{border-radius:6px;flex-direction:column;justify-content:center;height:38px;padding:0 .75rem;display:flex}.disc-heading{text-transform:uppercase;opacity:.85;font-size:.55rem;font-weight:700}.disc-val{font-size:.82rem;font-weight:800}.discrepancy-status-card.is-balanced,.discrepancy-status-card.is-excess{color:var(--success);background:#0596691a;border:1px solid #05966940}.discrepancy-status-card.is-short{color:var(--danger);background:#dc26261a;border:1px solid #dc262640}.closing-notes-wrap label{color:var(--text-muted);text-transform:uppercase;margin-bottom:.25rem;font-size:.65rem;font-weight:700;display:block}.closing-textarea{border:1px solid var(--border-strong);background:var(--bg-subtle);width:100%;color:var(--text-primary);box-sizing:border-box;resize:none;border-radius:6px;outline:none;padding:.45rem .65rem;font-size:.72rem;transition:border-color .15s}.closing-textarea:focus{border-color:var(--brand)}.closing-actions{grid-template-columns:1fr 2fr;gap:.6rem;margin-top:auto;padding-top:.4rem;display:grid}.btn-cancel{border:1px solid var(--border-strong);background:var(--bg-subtle);height:40px;color:var(--text-primary);cursor:pointer;border-radius:8px;font-size:.8rem;font-weight:650;transition:all .15s}.btn-cancel:hover{background:var(--bg-surface);border-color:var(--brand);color:var(--brand)}.btn-submit-close{border:1px solid var(--danger);background:var(--danger);color:#fff;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.45rem;height:40px;font-size:.82rem;font-weight:750;transition:all .15s;display:flex;box-shadow:0 2px 4px #dc262633}.btn-submit-close:hover{background:#b91c1c;border-color:#b91c1c;box-shadow:0 3px 8px #dc262659}.animate-fade-in{animation:.25s ease-out fadeIn}@media (width<=992px){.shift-summary-strip{grid-template-columns:repeat(3,1fr)}.active-overview-grid,.closing-layout-grid{grid-template-columns:1fr}}@media (width<=768px){.shift-page-root{height:auto;min-height:100vh;padding:.5rem .5rem 1.5rem;overflow:hidden auto}.shift-container{gap:.65rem;height:auto}.shift-summary-strip{grid-template-columns:repeat(2,1fr);gap:.45rem}.summary-stat-card{border-radius:10px;padding:.6rem .75rem}.summary-stat-card .stat-number{font-size:1rem}.shift-header{flex-direction:column;align-items:flex-start;gap:.65rem;padding:.65rem .85rem}.header-left-col{width:100%}.header-right-col{flex-wrap:wrap;justify-content:flex-start;gap:.4rem;width:100%}.duration-timer-pill{padding:.25rem .5rem}.btn-header{padding:.35rem .65rem;font-size:.7rem}.drawer-balance-equation{flex-wrap:wrap;justify-content:space-between;gap:.35rem;padding:.5rem .65rem}.eq-item{min-width:42%}.eq-sign{display:none}.eq-item.eq-highlight{text-align:center;width:100%;min-width:100%}.drawer-tally-results{grid-template-columns:1fr;gap:.5rem}.closing-actions{grid-template-columns:1fr 1fr;gap:.4rem}.open-shift-card{width:100%;margin:.5rem auto;padding:1.25rem 1rem}}@media (width<=480px){.shift-summary-strip{grid-template-columns:1fr 1fr}.closing-actions{grid-template-columns:1fr}}.suppliers-root{background:var(--bg-surface);height:100vh;color:var(--text-primary);flex-direction:column;gap:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;display:flex;overflow:hidden}.animate-fade{animation:.25s ease-out fadeFrame}.suppliers-header{background:var(--bg-surface);border-bottom:1px solid var(--border-strong);flex-shrink:0;justify-content:space-between;align-items:center;height:46px;padding:0 1rem;display:flex}.header-left h1{letter-spacing:-.01em;margin:0;font-size:.92rem;font-weight:700}.header-tag{color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:4px;margin-bottom:1px;font-size:.6rem;font-weight:700;display:flex}.header-right{align-items:center;gap:1rem;display:flex}.header-stats-chips{gap:.85rem;display:flex}.h-chip{text-align:right;flex-direction:column;display:flex}.h-chip .l{color:var(--text-muted);text-transform:uppercase;font-size:.56rem;font-weight:600}.h-chip .v{font-size:.82rem;font-weight:700}.text-success{color:#059669}.btn-primary-header{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:.35rem .85rem;font-size:.72rem;font-weight:700;transition:background-color .15s;display:flex}.btn-primary-header:hover{background:var(--color-accent-hover)}.suppliers-main{background:var(--bg-surface);flex-direction:column;flex:1;min-height:0;display:flex}.panel-control-bar{border-bottom:1px solid var(--border-strong);background:var(--bg-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.search-box-wrap{background:var(--bg-subtle);border:1px solid var(--border-strong);height:28px;color:var(--text-muted);border-radius:5px;align-items:center;gap:6px;width:320px;padding:0 .55rem;display:flex}.search-box-wrap input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.74rem}.clear-search-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:0 2px;font-size:.9rem;line-height:1}.matched-count-tag{color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.64rem;font-weight:600}.suppliers-table-container{background:var(--bg-surface);flex:1;min-height:0;overflow:auto}.suppliers-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.74rem}.suppliers-data-table thead{z-index:5;background:var(--bg-subtle);border-bottom:1px solid var(--border-strong);position:sticky;top:0}.suppliers-data-table th{text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary);white-space:nowrap;border-right:1px solid var(--border);padding:.4rem .65rem;font-size:.62rem;font-weight:700}.supp-row{border-bottom:1px solid var(--border);transition:background-color .1s}.supp-row:hover{background-color:var(--bg-subtle)}.suppliers-data-table td{vertical-align:middle;white-space:nowrap;border-right:1px solid var(--border);padding:.35rem .65rem}.profile-cell{align-items:center;gap:.5rem;display:flex}.profile-name{color:var(--text-primary);font-size:.76rem;font-weight:650}.trust-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:4px;padding:1px 5px;font-size:.58rem;font-weight:700}.contact-person-text{color:var(--text-secondary);font-size:.72rem;font-weight:600}.mono-phone{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.72rem;font-weight:600}.email-text{color:var(--text-muted);font-size:.7rem}.address-text{color:var(--text-secondary);text-overflow:ellipsis;max-width:320px;font-size:.7rem;display:inline-block;overflow:hidden}.row-action-btns{justify-content:flex-end;gap:3px;display:flex}.btn-action-icon{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:2px 5px;transition:all .15s;display:inline-flex}.btn-action-icon.edit:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--bg-subtle)}.btn-action-icon.delete:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.suppliers-empty-state{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:3rem 1rem;font-size:.75rem;display:flex}.btn-add-inline{background:var(--color-accent);color:var(--color-accent-fg);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:5px;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.btn-add-inline:hover{background:var(--color-accent-hover)}.panel-footer-bar{background:var(--bg-subtle);border-top:1px solid var(--border-strong);color:var(--text-muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:.38rem 1rem;font-size:.65rem;display:flex}.form-drawer-overlay{z-index:2000;background:#00000080;justify-content:flex-end;align-items:center;display:flex;position:fixed;inset:0}.form-drawer-content{background:var(--bg-surface);border:1px solid var(--border-strong);width:100%;max-width:380px;height:auto;max-height:95vh;box-shadow:var(--shadow-xl);border-radius:12px;flex-direction:column;margin-right:12px;display:flex}.form-drawer-header{border-bottom:1px solid var(--border-strong);background:var(--bg-subtle);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.drawer-title-wrap{align-items:center;gap:6px;display:flex}.drawer-title-wrap h3{color:var(--text-primary);margin:0;font-size:.88rem;font-weight:700}.form-drawer-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;display:flex}.form-drawer-close:hover{color:#dc2626}.form-drawer-body{flex:1;padding:1rem;overflow-y:auto}.form-field-group{flex-direction:column;gap:2px;display:flex}.drawer-row-2col{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.drawer-field-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.65rem;font-weight:700}.drawer-input{border:1px solid var(--border-strong);background:var(--bg-page);color:var(--text-primary);border-radius:5px;outline:none;height:32px;padding:0 .65rem;font-family:inherit;font-size:.78rem;font-weight:500;transition:border-color .15s}.drawer-input:focus{border-color:var(--color-accent);background:var(--bg-surface)}textarea.drawer-input{resize:vertical;height:65px;padding:.4rem .65rem}.drawer-actions-row{gap:.5rem;margin-top:.5rem;display:flex}.btn-drawer-submit{background:var(--color-accent);height:34px;color:var(--color-accent-fg);border:1px solid var(--color-border-strong);cursor:pointer;border-radius:5px;flex:1.5;font-size:.775rem;font-weight:700;transition:background-color .15s}.btn-drawer-submit:hover:not(:disabled){background:var(--color-accent-hover)}.btn-drawer-cancel{background:var(--bg-subtle);height:34px;color:var(--text-secondary);border:1px solid var(--border-strong);cursor:pointer;border-radius:5px;flex:1;font-size:.775rem;font-weight:600}.scrollable{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}@media (width<=768px){.suppliers-root{height:auto;min-height:100vh;padding:.4rem .4rem 5rem;overflow:hidden auto}.suppliers-header{flex-direction:column;align-items:flex-start;gap:.65rem;height:auto;min-height:46px;padding:.65rem .75rem}.header-left{width:100%}.header-right{flex-direction:column;gap:.5rem;width:100%}.supplier-stats-chips{grid-template-columns:1fr 1fr;gap:.35rem;width:100%;display:grid}.btn-primary-header{align-self:flex-start;width:auto;height:34px;padding:0 .95rem;font-size:.76rem}.panel-control-bar{flex-direction:column;gap:.5rem;padding:.65rem}.search-box-wrap{width:100%;min-width:100%}.form-drawer-overlay{justify-content:center;align-items:center;padding:.5rem}.form-drawer-content{border-radius:12px;width:96%!important;max-width:440px!important;height:auto!important;max-height:90vh!important;margin:0 auto!important}}.custom-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#020617a6;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s fadeIn;display:flex;position:fixed;top:0;left:0}.custom-modal-card{background:var(--bg-surface-glass);border:1px solid var(--border-glass);width:100%;max-width:400px;box-shadow:var(--shadow-2xl);color:var(--text-primary);border-radius:16px;flex-direction:column;gap:1.25rem;padding:2rem;display:flex}.custom-modal-header{justify-content:space-between;align-items:center;display:flex}.custom-modal-header h3{margin:0;font-size:1.25rem;font-weight:700}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.close-modal-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.modal-subtitle{color:var(--text-secondary);margin:0;font-size:.85rem}.modal-form-group{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.modal-form-group label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.modal-form-group input{border:1px solid var(--border-strong);background:var(--bg-subtle);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.modal-form-group input:focus{border-color:var(--brand)}.modal-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.modal-btn-secondary{border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;padding:.65rem 1.2rem;font-size:.875rem;font-weight:600;transition:background .2s}.modal-btn-secondary:hover{background:var(--bg-subtle)}.modal-btn-primary{background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.2rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.modal-btn-primary:hover{opacity:.9}.modal-btn-primary:disabled{opacity:.6;cursor:not-allowed}.change-pass-btn-compact:hover{background:var(--bg-subtle)!important;color:var(--brand)!important;border-color:var(--brand)!important}@media (width>=769px){.directory-container{box-sizing:border-box;flex-direction:column;gap:.75rem;max-width:100%;height:calc(100vh - 20px);padding:1.25rem 1.5rem;display:flex;overflow:hidden}}@media (width<=768px){.directory-container{flex-direction:column;gap:.75rem;padding:1rem;display:flex}}.page-header-compact{border-bottom:1px solid var(--border-strong);justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.header-left{align-items:center;gap:1.5rem;display:flex}.title-group{flex-direction:column;display:flex}.premium-badge{color:var(--brand);text-transform:uppercase;letter-spacing:.08em;background:#6366f114;border-radius:4px;align-self:flex-start;margin-bottom:.15rem;padding:2px 6px;font-size:.6rem;font-weight:800}.header-title{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:1.35rem;font-weight:800;line-height:1.1}.inline-stats{align-items:center;gap:.4rem;display:flex}.stat-pill{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-secondary);box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:.3rem;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.stat-pill b{color:var(--text-primary);font-weight:750}.onboard-btn-premium-compact{background:var(--brand);color:#fff;border:1px solid var(--brand);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:background-color .15s;display:inline-flex;box-shadow:none!important}.onboard-btn-premium-compact:hover{background:var(--brand-hover);transform:none;box-shadow:none!important}.onboard-btn-premium-compact:active{transform:none}.filter-shelf-compact{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:6px;justify-content:space-between;align-items:center;height:38px;padding:.25rem .4rem;display:flex}.search-pill-compact{flex:1;align-items:center;gap:.4rem;max-width:280px;padding-left:.4rem;display:flex}.search-pill-compact input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.8rem;font-weight:500}.search-pill-compact input::placeholder{color:var(--text-muted);opacity:.7}.filter-actions-compact{gap:.15rem;display:flex}.pill-premium-compact{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem .65rem;font-size:.72rem;font-weight:600;transition:background-color .15s}.pill-premium-compact:hover{background:var(--bg-subtle);color:var(--text-primary)}.pill-premium-compact.active{background:var(--brand);color:#fff;box-shadow:none!important}.table-container-premium{background:var(--bg-surface);border:1px solid var(--border-strong);box-shadow:none;border-radius:8px;flex:1;position:relative;overflow:hidden auto}.table-container-premium::-webkit-scrollbar{width:6px}.table-container-premium::-webkit-scrollbar-track{background:0 0}.table-container-premium::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}.table-container-premium::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.directory-table{border-collapse:collapse;text-align:left;width:100%}.directory-table th{background:var(--bg-subtle);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-strong);z-index:5;padding:.6rem .85rem;font-size:.65rem;font-weight:700;position:sticky;top:0}.directory-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.5rem .85rem}.table-row-premium{transition:background-color .15s}.table-row-premium:hover{background-color:var(--bg-subtle)}.table-row-premium:last-child td{border-bottom:none}.avatar-glow-ring-small{background:var(--border-strong);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:1px;display:flex;position:relative}.avatar-inner-box-small{background:var(--bg-surface);width:24px;height:24px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex}.table-row-premium.role-manager .avatar-inner-box-small{color:var(--brand)}.table-row-premium.role-snr_cashier .avatar-inner-box-small{color:#059669}.table-row-premium.role-cashier .avatar-inner-box-small{color:#d97706}.user-info-cell{align-items:center;gap:.6rem;display:flex}.user-details-text{flex-direction:column;display:flex}.username-row{align-items:center;gap:.3rem;display:flex}.username-text{color:var(--text-primary);font-size:.8rem;font-weight:700}.user-subtext{color:var(--text-muted);font-size:.65rem;font-weight:500}.self-account-tag-small{color:var(--brand);text-transform:uppercase;letter-spacing:.02em;background:#6366f114;border-radius:3px;padding:.5px 3.5px;font-size:.5rem;font-weight:800}.select-wrapper-compact{max-width:140px}.select-wrapper-compact .select-box{border-radius:6px;height:28px;padding:0 .4rem;font-size:.75rem}.select-wrapper-compact .select-content{gap:.3rem}.system-owner-pill-small{background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border-strong);border-radius:5px;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.switch-small{width:32px;height:18px;display:inline-block;position:relative}.switch-small input{opacity:0;width:0;height:0}.slider-small{cursor:pointer;background-color:var(--border-strong);border-radius:18px;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider-small:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 1px 2px #0000001a}input:checked+.slider-small{background-color:var(--brand)}input:checked+.slider-small:before{transform:translate(14px)}.permission-cell-content{align-items:center;gap:.4rem;display:flex}.permission-label-text{color:var(--text-secondary);font-size:.75rem;font-weight:600}.delete-btn-compact{border:1px solid var(--border-strong);width:26px;height:26px;color:var(--danger);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex;padding:0!important}.delete-btn-compact:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 2px 6px #ef444426}.empty-directory-card-compact{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2.5rem 1rem;display:flex}.empty-directory-card-compact h3{color:var(--text-primary);margin:0;font-size:.95rem;font-weight:750}.empty-directory-card-compact p{color:var(--text-muted);margin:0;font-size:.72rem}@media (width<=768px){.page-header-compact{flex-direction:column;align-items:flex-start;gap:.5rem;padding-bottom:.75rem;padding-left:0}.header-left{flex-direction:column;align-items:flex-start;gap:.5rem}.inline-stats{margin-top:.15rem}.onboard-btn-premium-compact{justify-content:center;width:100%}.filter-shelf-compact{flex-direction:column;gap:.4rem;height:auto;padding:.4rem}.search-pill-compact{border-bottom:1px solid var(--border-strong);width:100%;max-width:none;padding-bottom:.4rem}.filter-actions-compact{scrollbar-width:none;width:100%;overflow-x:auto}.pill-premium-compact{text-align:center;white-space:nowrap;flex:1}.directory-table,.directory-table thead,.directory-table tbody,.directory-table tr,.directory-table td{box-sizing:border-box;width:100%;display:block}.directory-table thead{display:none}.directory-table tr{border:1px solid var(--border-strong);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:10px;margin-bottom:.6rem;padding:.6rem}.directory-table td{border-bottom:none;padding:.3rem 0}.directory-table td:not(:last-child){border-bottom:1px solid var(--border-light);margin-bottom:.4rem;padding-bottom:.4rem}.select-wrapper-compact{width:100%;max-width:none}.permission-cell-content{justify-content:space-between}.directory-table td:last-child{justify-content:flex-end;margin-bottom:0;padding-bottom:0;display:flex}.delete-btn-compact{width:auto;min-width:80px;height:30px;padding:0 .75rem}}.purchases-main-workspace{background:var(--color-bg-canvas);flex-direction:column;flex:1;padding:.75rem;display:flex;overflow:hidden}.purchases-2col-layout{flex:1;grid-template-columns:1fr 340px;gap:.75rem;min-height:0;display:grid;overflow:hidden}.pane-left-inward,.pane-right-summary{background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.inward-control-toolbar{border-bottom:1px solid var(--color-border-default);background:var(--color-bg-surface);grid-template-columns:2fr 1.2fr 1.2fr 2fr 2fr;align-items:end;gap:.75rem;padding:.75rem;display:grid}.ctrl-box{flex-direction:column;gap:.35rem;display:flex}.ctrl-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:600}.ctrl-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-bg-surface);height:32px;color:var(--color-text-primary);width:100%;padding:0 .5rem;font-size:.8rem}.ctrl-input:focus{border-color:var(--color-accent);outline:none}.scan-form-rel{position:relative}.scan-icon-badge{color:var(--color-text-muted);position:absolute;top:50%;right:8px;transform:translateY(-50%)}.inward-table-wrapper{background:var(--color-bg-surface);flex:1;overflow-y:auto}.inward-data-table{border-collapse:collapse;width:100%}.inward-data-table th{background:var(--color-bg-subtle);color:var(--color-text-secondary);text-transform:uppercase;text-align:left;border-bottom:1px solid var(--color-border-strong);z-index:10;padding:.65rem;font-size:.75rem;font-weight:600;position:sticky;top:0}.inward-data-table td{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);vertical-align:middle;padding:.5rem .65rem;font-size:.85rem}.inward-data-table input.td-input{border:1px solid var(--color-border-default);text-align:right;background:var(--color-bg-canvas);width:100%;height:28px;color:var(--color-text-primary);border-radius:4px;padding:0 .35rem;font-size:.85rem;transition:all .2s}.inward-data-table input.td-input:focus{border-color:var(--color-accent);outline:none}.td-actions{justify-content:flex-end;gap:.5rem;display:flex}.del-btn{color:var(--color-danger);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.del-btn:hover{background:var(--color-danger);color:#fff}.summary-header{border-bottom:1px solid var(--color-border-default);background:var(--color-bg-subtle);padding:1rem}.summary-header h2{align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;display:flex}.summary-body{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.summary-row.total{border-top:1px dashed var(--color-border-strong);color:var(--color-accent);padding-top:1rem;font-size:1.15rem;font-weight:700}.summary-actions{border-top:1px solid var(--color-border-default);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.btn-primary-block{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem;font-size:.95rem;font-weight:600;transition:opacity .2s;display:flex}.btn-primary-block:hover{opacity:.9}.btn-secondary-block{background:var(--color-bg-subtle);width:100%;color:var(--color-text-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);cursor:pointer;padding:.65rem;font-size:.85rem;font-weight:600;transition:all .2s}.btn-secondary-block:hover{background:var(--color-border-light)}input[type=file].drawer-input{background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:1px dashed var(--border-color);border-radius:6px;padding:6px}input[type=file].drawer-input::file-selector-button{background:var(--color-accent);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-right:12px;padding:6px 14px;font-weight:600;transition:opacity .2s,transform .1s;box-shadow:0 2px 4px #0000001a}input[type=file].drawer-input::file-selector-button:hover{opacity:.9}input[type=file].drawer-input::file-selector-button:active{transform:scale(.97)}.app-container{background-color:var(--bg-page);width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;position:relative;overflow-x:hidden}.app-container.with-sidebar{padding-left:250px;transition:padding-left .3s cubic-bezier(.4,0,.2,1)}@media (width<=1024px){.app-container.with-sidebar{padding-left:70px}}@media (width<=768px){.app-container.with-sidebar{padding-left:0}.content{padding-top:calc(52px + env(safe-area-inset-top,0px));padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.app-container:has(.pos-main-layout) .content,.content:has(.pos-main-layout){padding-top:0!important;padding-bottom:0!important}}.content{background-color:var(--bg-page);flex-direction:column;flex:1;width:100%;min-width:0;display:flex;position:relative}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}