@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#f8f9fa;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--border-color:#e4e4e7;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--primary:#f97316;--primary-hover:#ea580c;--primary-glow:#f9731614;--success:#10b981;--success-hover:#059669;--success-glow:#10b98114;--warning:#d97706;--warning-hover:#b45309;--warning-glow:#d9770614;--danger:#ef4444;--danger-hover:#dc2626;--danger-glow:#ef444414;--accent-gold:#f59e0b;--font-sans:"Inter", system-ui, sans-serif;--font-heading:"Outfit", sans-serif;--sidebar-bg:#0f172a;--sidebar-text:#94a3b8;--sidebar-text-active:#fff;--sidebar-glow:#f97316;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000008;--shadow-glow:0 0 20px #f973161a;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:600}.app-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background-color:#ffffffd9;justify-content:space-between;align-items:center;padding:.85rem 1.75rem;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #0000000d}.logo-container{align-items:center;gap:.85rem;display:flex}.app-logo{border-radius:var(--radius-sm);object-fit:contain;filter:drop-shadow(0 0 6px #ea580c26);width:auto;height:42px}.logo-text{letter-spacing:.05em;background:linear-gradient(to right, var(--text-primary), var(--primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.user-nav-info{align-items:center;gap:1rem;display:flex}.user-badge{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);align-items:center;gap:.5rem;padding:.4rem 1.15rem;font-size:.875rem;font-weight:600;display:flex}.user-badge .role-indicator{border-radius:50%;width:9px;height:9px}.role-admin{background-color:var(--danger);box-shadow:0 0 6px var(--danger)}.role-manager{background-color:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold)}.role-assistant_manager{background-color:#6366f1;box-shadow:0 0 6px #6366f1}.role-staff{background-color:var(--success);box-shadow:0 0 6px var(--success)}.btn{font-family:var(--font-sans);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-hover);border-color:var(--border-hover)}.btn-danger{background-color:var(--danger-glow);color:var(--danger);border:1px solid #dc262640}.btn-danger:hover{background-color:var(--danger);color:#fff}.btn-success{background-color:var(--success-glow);color:var(--success);border:1px solid #05966940}.btn-success:hover{background-color:var(--success);color:#fff}.btn-sm{border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.85rem}.btn:disabled{opacity:.55;cursor:not-allowed;background-color:var(--bg-tertiary)!important;color:var(--text-muted)!important;border-color:var(--border-color)!important;transform:none!important}.login-container{justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem 1rem;display:flex}.login-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg), 0 0 35px #ea580c0a;text-align:center;animation:slideUp var(--transition-normal);background:#ffffffd9;padding:3rem 2.5rem}.login-logo{object-fit:contain;filter:drop-shadow(0 0 10px #ea580c33);width:auto;height:110px;margin-bottom:1.5rem;animation:4s ease-in-out infinite float}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}.login-title{color:var(--text-primary);letter-spacing:-.01em;margin-bottom:.5rem;font-size:1.85rem}.login-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.pin-display{justify-content:center;gap:1.25rem;margin-bottom:2.25rem;display:flex}.pin-dot{border:2px solid var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .15s cubic-bezier(.4,0,.2,1)}.pin-dot.active{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 12px var(--primary);transform:scale(1.2)}.pin-keyboard{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.key-btn{background:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-heading);cursor:pointer;-webkit-user-select:none;user-select:none;width:70px;height:70px;transition:all var(--transition-fast);border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.5rem;font-weight:600;display:flex}.key-btn:hover{background-color:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 0 15px #ea580c26}.key-btn:active{transform:scale(.92)translateY(0)}.key-btn.action-btn{color:var(--text-secondary);background-color:#0000;border-color:#0000;font-size:1.1rem}.key-btn.action-btn:hover{color:var(--text-primary);box-shadow:none;transform:none}.login-error{color:var(--danger);min-height:20px;margin-top:1.5rem;font-size:.9rem;font-weight:500}.main-content{flex:1;width:100%;max-width:1300px;margin:0 auto;padding:1.5rem}.page-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.page-title{color:var(--text-primary);font-size:1.75rem}.kitchen-container{flex-direction:column;gap:1.5rem;display:flex}.kitchen-progress-bar{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem}.progress-header{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.progress-track{background-color:var(--bg-primary);border-radius:var(--radius-full);height:8px;overflow:hidden}.progress-fill{background:linear-gradient(to right, var(--primary), var(--success));border-radius:var(--radius-full);height:100%;transition:width .3s}.counting-list{flex-direction:column;gap:1rem;display:flex}.count-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.count-card:focus-within,.count-card:hover{border-color:var(--border-hover);background-color:var(--bg-secondary);box-shadow:var(--shadow-md)}.count-card-header{justify-content:space-between;align-items:flex-start;display:flex}.count-item-info{flex:1}.count-item-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.count-item-meta{color:var(--text-secondary);flex-wrap:wrap;gap:1rem;font-size:.85rem;display:flex}.count-item-meta span{align-items:center;gap:.25rem;display:flex}.count-input-group{justify-content:flex-end;align-items:center;gap:.75rem;width:100%;display:flex}.qty-control-btn{border-radius:var(--radius-sm);background-color:var(--bg-tertiary);border:1px solid var(--border-color);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:1.25rem;font-weight:500;display:flex}.qty-control-btn:hover{background-color:var(--primary);border-color:var(--primary);color:#fff}.count-qty-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100px;height:44px;color:var(--text-primary);text-align:center;font-family:var(--font-heading);outline:none;font-size:1.2rem;font-weight:600}.count-qty-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.card-notes-field{width:100%}.card-notes-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s}.card-notes-input:focus{border-color:var(--primary)}.card-badge{border-radius:var(--radius-sm);padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-pending{color:#fcd34d;background-color:#f59e0b26}.badge-done{color:#34d399;background-color:#10b98126}.dashboard-grid,.po-dashboard-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.col-12{grid-column:span 12}.col-8{grid-column:span 8}.col-6{grid-column:span 6}.col-4{grid-column:span 4}@media (width<=1024px){.col-8,.col-6,.col-4{grid-column:span 12}}.stat-card-group{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.stat-card-group{grid-template-columns:repeat(2,1fr)}}.stat-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.25rem;padding:1.25rem;display:flex}.stat-val{font-family:var(--font-heading);color:var(--text-primary);font-size:2.25rem;font-weight:700;line-height:1}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.border-left-primary{border-left:4px solid var(--primary)}.border-left-danger{border-left:4px solid var(--danger)}.border-left-success{border-left:4px solid var(--success)}.border-left-warning{border-left:4px solid var(--warning)}.dashboard-widget{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);height:100%;padding:1.5rem}.widget-title{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:1.25rem;font-size:1.15rem;display:flex}.team-activity-list{flex-direction:column;gap:.75rem;display:flex}.team-activity-item{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.team-member-name{color:var(--text-primary);font-size:.95rem;font-weight:600}.team-member-cat{color:var(--text-secondary);font-size:.75rem}.activity-status{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.pulse-dot{background-color:var(--warning);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.9)}}.filter-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.search-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:200px;color:var(--text-primary);outline:none;flex:1;padding:.5rem 1rem;font-size:.9rem}.search-input:focus{border-color:var(--primary)}.filter-select{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem 1rem;font-size:.9rem}.table-wrapper{border-radius:var(--radius-sm);border:1px solid var(--border-color);overflow-x:auto}.stock-table{border-collapse:collapse;text-align:left;width:100%}.stock-table th{background-color:var(--bg-tertiary);color:var(--text-primary);font-family:var(--font-heading);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.stock-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:.85rem 1rem;font-size:.9rem}.stock-table tr:hover td{background-color:#00000006}.stock-table tr.low-stock-row td{background-color:#dc262608}.stock-table tr.low-stock-row:hover td{background-color:#dc26260f}.status-indicator{border-radius:var(--radius-sm);align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-normal{color:var(--success);background-color:#0596691f}.status-reorder{color:var(--danger);background-color:#dc26261f}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:700px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);font-size:1.35rem}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.po-supplier-group{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:1.25rem;padding:1.25rem}.po-supplier-title{color:var(--text-primary);border-bottom:1px solid var(--border-color);margin-bottom:.75rem;padding-bottom:.5rem;font-size:1.05rem;font-weight:600}.po-item-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.9rem;display:flex}.po-item-name{color:var(--text-primary)}.po-qty-badge{font-family:var(--font-heading);color:var(--text-primary);font-weight:600}.admin-tab-container{border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.admin-tab{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;padding:.5rem 1rem;font-weight:500}.admin-tab.active{background-color:var(--primary-glow);color:var(--primary);font-weight:600}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-control{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:.6rem .85rem;font-size:.95rem}.form-control:focus{border-color:var(--primary)}.category-checkbox-grid{background-color:var(--bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--border-color);flex-direction:column;gap:.35rem;max-height:220px;padding:.5rem;display:flex;overflow-y:auto}.category-checkbox-item{cursor:pointer;background-color:#ffffff05;border:1px solid #ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;transition:all .15s;display:flex}.category-checkbox-item:hover{background-color:#6366f114;border-color:#6366f133}.category-checkbox-item .item-left{align-items:center;gap:.5rem;display:flex}.category-checkbox-item .item-left span{color:var(--text-primary);font-weight:500}.category-checkbox-item .item-count-badge{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);border-radius:10px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.checkbox-label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.po-copy-preview{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#34d399;white-space:pre-wrap;resize:vertical;outline:none;width:100%;min-height:180px;margin-bottom:1rem;padding:.75rem 1rem;font-family:monospace;font-size:.85rem}@media (width<=768px){.desktop-view-container{display:none!important}.mobile-view-container{display:block!important}.app-header{flex-wrap:wrap!important;gap:.5rem!important;padding:.6rem 1rem!important}.logo-text{font-size:1.1rem!important}.app-logo{height:32px!important}.app-header .admin-tab-container{display:none!important}.main-content .admin-tab-container{-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-color);flex-wrap:nowrap!important;gap:.5rem 1rem!important;width:100%!important;margin-bottom:1.25rem!important;padding-bottom:.5rem!important;display:flex!important;overflow-x:auto!important}.main-content .admin-tab-container::-webkit-scrollbar{display:none!important}.main-content .admin-tab{white-space:nowrap!important;flex:none!important;padding:.4rem .85rem!important;font-size:.9rem!important}.app-header .user-nav-info{gap:.5rem!important}.app-header .user-badge{padding:.25rem .5rem!important;font-size:.75rem!important}.app-header .user-badge span.role-indicator{display:none!important}.app-header .user-badge svg{width:12px!important;height:12px!important}.app-header .btn{padding:.35rem .5rem!important;font-size:.75rem!important}.app-header .logout-text,.desktop-only-label{display:none!important}.app-header .logout-btn{border-radius:50%!important;padding:.4rem!important}.filter-select{padding:.25rem .5rem!important;font-size:.8rem!important}.filter-bar{grid-template-columns:1fr!important;gap:.5rem!important;width:100%!important;display:grid!important}.filter-bar .search-input,.filter-bar .filter-select,.filter-bar .checkbox-label{box-sizing:border-box!important;width:100%!important;min-width:0!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;margin-bottom:1.25rem!important}.page-header>div:last-child{flex-wrap:wrap!important;gap:.5rem!important;width:100%!important;display:flex!important}.page-header>div:last-child button{flex:calc(50% - .25rem)!important;padding:.6rem .75rem!important;font-size:.85rem!important}.page-title{font-size:1.4rem!important;line-height:1.3!important}.count-card-actions{flex-direction:column!important;gap:.75rem!important;width:100%!important;margin-top:.5rem!important;display:flex!important}.mobile-qty-selector{align-items:center!important;gap:.5rem!important;width:100%!important;display:flex!important}.mobile-qty-selector .qty-control-btn{flex:1!important;height:48px!important;font-size:1.5rem!important}.mobile-qty-selector .count-qty-input{flex:2!important;width:100%!important;height:48px!important;font-size:1.25rem!important}}@media (width>=769px){.desktop-view-container{display:block!important}.mobile-view-container{display:none!important}}@media print{body{font-size:11pt;color:#000!important;background-color:#fff!important}.app-header,.btn,.filter-bar,.page-header,.modal-footer,.modal-close,.admin-tab-container,.stat-card-group,.desktop-view-container,.mobile-view-container,.dashboard-grid,.mobile-bottom-nav,.po-print-exclude{display:none!important}.po-dashboard-grid{display:block!important}.po-dashboard-grid .col-8{width:100%!important;max-width:100%!important}.modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;padding:0!important;display:block!important;position:absolute!important;top:0!important;left:0!important}.modal-content{box-shadow:none!important;background-color:#fff!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important}.po-supplier-group{page-break-inside:avoid;color:#000!important;background-color:#0000!important;border:1px solid #ccc!important;margin-bottom:2rem!important;padding:1rem!important}.po-supplier-title{color:#000!important;border-bottom:2px solid #000!important}.po-item-row{border-bottom:1px dashed #ddd;color:#000!important}.po-qty-badge{color:#000!important}.qr-print-grid{background-color:#fff!important;border:none!important;grid-template-columns:repeat(4,1fr)!important;gap:15px!important;display:grid!important}}.dashboard-summary-section{grid-template-columns:320px 1fr;gap:1.5rem;margin-bottom:.5rem;display:grid}.dashboard-progress-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.progress-ring{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;transition:background .5s;display:flex;position:relative}.progress-ring-inner{background-color:var(--bg-secondary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:76px;height:76px;display:flex}.progress-ring-percent{font-family:var(--font-heading);color:var(--text-primary);font-size:1.35rem;font-weight:700}.progress-ring-label{color:var(--text-muted);font-size:.65rem;font-weight:500}.progress-info{flex-direction:column;display:flex}.mobile-category-tabs-container{display:none}@media (width<=768px){.dashboard-summary-section{grid-template-columns:1fr;gap:1rem}.dashboard-progress-card{gap:1.25rem;padding:1.25rem}.mobile-only{display:inline-flex!important}.desktop-only{display:none!important}.mobile-category-tabs-container{white-space:nowrap;-webkit-overflow-scrolling:touch;gap:.5rem;width:100%;margin-bottom:.5rem;padding:.25rem .5rem .75rem 0;overflow-x:auto;display:flex!important}.mobile-category-tabs-container::-webkit-scrollbar{display:none!important}.category-tab-btn{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600}.category-tab-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 10px #ea580c33}.toast-container{width:calc(100% - 40px)!important;max-width:380px!important;top:auto!important;bottom:80px!important;right:50%!important;transform:translate(50%)!important}.toast-container>div{text-align:center;width:100%}}@media (width>=769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-container>div{pointer-events:auto}#reader{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:#000;width:100%;max-width:320px;margin:0 auto;position:relative;overflow:hidden}#reader video{object-fit:cover!important;width:100%!important;height:100%!important}.mobile-compact-list-container{flex-direction:column;gap:.5rem;width:100%;display:flex}.compact-item-row{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);overflow:hidden}.compact-item-row.low-stock-row{border-left:4px solid var(--danger);background-color:#dc262603}.compact-item-row.expanded{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.compact-item-main{cursor:pointer;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.compact-item-left{flex:1;align-items:center;gap:.75rem;display:flex}.compact-item-expand-arrow{color:var(--text-muted);width:12px;transition:transform var(--transition-fast);font-size:.75rem;display:inline-block}.compact-item-row.expanded .compact-item-expand-arrow{color:var(--primary)}.compact-item-details{flex-direction:column;display:flex}.compact-item-name{color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.3}.compact-item-meta{color:var(--text-secondary);margin-top:.15rem;font-size:.75rem}.compact-item-right{align-items:center;display:flex}.compact-qty-input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:68px;height:38px;color:var(--text-primary);text-align:center;font-family:var(--font-heading);outline:none;font-size:1.1rem;font-weight:600}.compact-qty-input:focus{border-color:var(--primary);background-color:var(--bg-secondary);box-shadow:0 0 0 2px var(--primary-glow)}.compact-item-expanded-panel{background-color:var(--bg-tertiary);border-top:1px solid #ea580c14;flex-direction:column;gap:.75rem;padding:.85rem 1rem 1rem;animation:.15s ease-out slideUp;display:flex}.expanded-details-grid{color:var(--text-secondary);grid-template-columns:repeat(2,1fr);gap:.4rem 1rem;font-size:.775rem;display:grid}.expanded-label{color:var(--text-muted);margin-right:.25rem}.expanded-val{color:var(--text-primary);font-weight:600}.expanded-po-alert{color:var(--text-primary);background-color:#dc26260f;border:1px solid #dc262626;border-radius:6px;padding:.4rem .6rem;font-size:.8rem;font-weight:500}.expanded-notes-row{align-items:center;gap:.5rem;width:100%;display:flex}.expanded-notes-row .card-notes-input{background-color:var(--bg-secondary);flex:1;height:38px}.expanded-qty-adjusters{flex-shrink:0;gap:.35rem;display:flex}.compact-adjust-btn{background-color:var(--bg-secondary);width:38px;height:38px;font-size:1.1rem}.branch-tag{background-color:var(--primary-glow);color:var(--primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);vertical-align:middle;margin-right:.35rem;padding:.15rem .4rem;font-size:.75rem;font-weight:600;display:inline-block}.staff-branch-tag{background-color:var(--success-glow);color:var(--success);border-radius:var(--radius-sm);border:1px solid #05966926;margin-left:.35rem;padding:.1rem .35rem;font-size:.7rem;font-weight:600;display:inline-block}.app-container-new{background-color:var(--bg-primary);min-height:100vh;display:flex}.app-sidebar{background-color:var(--sidebar-bg);width:270px;color:var(--sidebar-text);z-index:100;height:100vh;transition:transform var(--transition-normal);border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.app-main-wrapper{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.sidebar-logo{border-bottom:1px solid #ffffff0a;align-items:center;gap:.75rem;padding:1.5rem 1.75rem;display:flex}.sidebar-logo .app-logo{border-radius:var(--radius-sm);filter:drop-shadow(0 0 6px #ffffff1a);width:auto;height:38px}.sidebar-logo .logo-text{letter-spacing:.02em;color:#fff;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:unset;font-size:1.15rem;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2rem;padding:1.75rem 1.25rem;display:flex;overflow-y:auto}.menu-group{flex-direction:column;gap:.45rem;display:flex}.menu-group-title{color:#475569;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;padding-left:.75rem;font-size:.75rem;font-weight:700}.menu-item{color:var(--sidebar-text);font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.85rem;width:100%;padding:.8rem 1rem;font-size:.95rem;font-weight:500;display:flex}.menu-item svg{width:18px;height:18px;color:var(--sidebar-text);opacity:.8;transition:all var(--transition-fast);flex-shrink:0}.menu-item:hover{color:var(--sidebar-text-active);background-color:#ffffff0a}.menu-item:hover svg{color:var(--sidebar-text-active);opacity:1}.menu-item.active{color:var(--sidebar-text-active);background-color:var(--primary);font-weight:600;box-shadow:0 4px 12px #c2410c40}.menu-item.active svg{color:var(--sidebar-text-active);opacity:1}.sidebar-footer{border-top:1px solid #ffffff0a;flex-direction:column;gap:.75rem;padding:1.5rem 1.25rem;display:flex}.sidebar-user-badge{border-radius:var(--radius-sm);background-color:#ffffff08;border:1px solid #ffffff05;align-items:center;gap:.75rem;padding:.65rem .85rem;display:flex}.sidebar-user-badge .role-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.user-info-text{flex-direction:column;min-width:0;display:flex}.user-info-text .user-name{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.user-info-text .user-role-label{color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.sidebar-logout-btn{color:#fecaca;border-radius:var(--radius-sm);cursor:pointer;width:100%;height:42px;transition:all var(--transition-fast);background-color:#dc26260a;border:1px solid #dc262633;justify-content:center;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.sidebar-logout-btn:hover{color:#fff;background-color:#dc2626;border-color:#dc2626;box-shadow:0 4px 10px #dc262640}.app-header-new{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);z-index:90;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;display:flex}.header-page-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.header-right{align-items:center;gap:.85rem;display:flex}.header-branch-selector{align-items:center;gap:.5rem;display:flex}.header-branch-selector .filter-select{border-radius:var(--radius-sm);padding:.35rem .85rem;font-size:.85rem}.dashboard-summary-section-new{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:.5rem;display:grid}.kpi-card{border-radius:var(--radius-md);box-shadow:var(--shadow-md);height:130px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:relative;overflow:hidden}.kpi-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-purple{color:#fff;background-color:#4f46e5;border:none}.card-orange{background-color:var(--primary);color:#fff;border:none}.card-teal{color:#fff;background-color:#0d9488;border:none}.card-white-progress{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.kpi-card-content{flex-direction:column;flex:1;justify-content:space-between;min-width:0;height:100%;display:flex}.kpi-label{opacity:.8;text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;overflow:hidden}.kpi-value{font-family:var(--font-heading);white-space:nowrap;text-overflow:ellipsis;margin-top:.25rem;font-size:1.95rem;font-weight:700;line-height:1.1;overflow:hidden}.kpi-unit{opacity:.8;font-size:.9rem;font-weight:500}.kpi-mini-chart{flex-shrink:0;align-items:flex-end;gap:4px;width:56px;height:48px;display:flex}.kpi-mini-chart .bar{width:7px;transition:background-color var(--transition-fast);background-color:#ffffff4d;border-radius:2px}.kpi-card:hover .kpi-mini-chart .bar{background-color:#ffffffb3}.kpi-text-info{opacity:.8;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.75rem;display:-webkit-box;overflow:hidden}.kpi-progress-ring{width:72px;height:72px;box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s;display:flex}.kpi-progress-ring-inner{background-color:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.kpi-progress-ring-percent{font-family:var(--font-heading);color:var(--text-primary);font-size:1.05rem;font-weight:700}.mobile-bottom-nav{display:none}@media (width>=1025px){.desktop-hidden{display:none!important}}@media (width<=1280px){.dashboard-summary-section-new{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.app-sidebar{display:none!important}.app-main-wrapper{margin:0;padding-bottom:75px}.app-header-new{padding:1rem 1.25rem}.dashboard-summary-section-new{grid-template-columns:repeat(2,1fr);gap:1rem}.desktop-hidden{display:inline-flex!important}.mobile-bottom-nav{background-color:var(--sidebar-bg)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;z-index:999!important;height:64px!important;padding-bottom:env(safe-area-inset-bottom)!important;border-top:1px solid #ffffff0d!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -2px 12px #00000026!important}.mobile-bottom-nav .nav-item{color:var(--sidebar-text)!important;cursor:pointer!important;height:100%!important;transition:all var(--transition-fast)!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:2px!important;display:flex!important}.mobile-bottom-nav .nav-item.active{color:var(--sidebar-text-active)!important;font-weight:600!important}.mobile-bottom-nav .nav-item svg{width:20px;height:20px;color:inherit}.mobile-bottom-nav .nav-item .nav-text{font-size:.7rem!important}.main-content{padding-bottom:90px!important}}@media (width<=580px){.dashboard-summary-section-new{grid-template-columns:1fr;gap:.75rem}.kpi-card{height:110px;padding:1.15rem}.kpi-value{font-size:1.75rem}.mobile-hidden{display:none!important}}