@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:wght@600&display=swap";@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root,[data-theme=light]{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#eef2ff;--secondary:#64748b;--bg-dark:#fff;--bg-main:#f8fafc;--bg-card:#fff;--bg-surface:#fff;--bg-input:#fff;--bg-hover:#f8fafc;--text-main:#0f172a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--border-color:#e2e8f0;--input-border:#cbd5e1;--sidebar-width:260px;--navbar-height:70px;--radius-lg:12px;--radius-md:8px;--glass:#ffffffd9;--shadow-lg:0 10px 25px -5px #00000014;--shadow-md:0 4px 20px #0000000f;--dropdown-bg:#fff;--dropdown-border:#e2e8f0;--modal-bg:#fff;--modal-overlay:#0f172a66;--table-header-bg:#f8fafc;--table-row-hover:#f1f5f9;--bg-contrast:#fff;--contrast-white:#fff}[data-theme=dark],html.dark,body.dark{--primary:#6366f1;--primary-hover:#818cf8;--primary-light:#6366f133;--secondary:#94a3b8;--bg-dark:#0b0f19;--bg-main:#0b0f19;--bg-card:#1e293b;--bg-surface:#1e293b;--bg-input:#0f172a;--bg-hover:#334155;--text-main:#f8fafc;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border:#334155;--border-color:#334155;--input-border:#334155;--glass:#1e293bf2;--shadow-lg:0 10px 25px -5px #00000080;--shadow-md:0 4px 20px #0006;--dropdown-bg:#1e293b;--dropdown-border:#334155;--modal-bg:#1e293b;--modal-overlay:#000000bf;--table-header-bg:#0f172a;--table-row-hover:#334155;--bg-contrast:#1e293b;--contrast-white:#1e293b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;transition:background-color .25s ease-out,color .25s ease-out}.nav-icon,.section-icon,.sidebar .nav-item svg,.sidebar .nav-section-header-clickable svg,.navbar .icon-btn-border,.navbar .menu-toggle-btn{box-shadow:none!important;background:0 0!important;border:none!important;transition:all .25s ease-out!important}.sidebar .nav-item:hover{color:#6366f1!important;box-shadow:none!important;cursor:pointer!important;background-color:#6366f126!important;border-radius:10px!important}.sidebar .nav-item.active{color:#fff!important;cursor:pointer!important;background-color:#6366f1!important;border-left:3px solid #a5b4fc!important;border-radius:10px!important;box-shadow:0 4px 14px #6366f166!important}.navbar .nav-link:hover,.navbar .nav-link.active,.navbar .icon-btn-border:hover,.navbar .menu-toggle-btn:hover{color:#fff!important;cursor:pointer!important;background-color:#6366f1!important;border-radius:10px!important;box-shadow:0 4px 14px #6366f159!important}.sidebar .nav-item:hover svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon),.sidebar .nav-item:hover .nav-icon{color:#6366f1!important;stroke:#6366f1!important}.sidebar .nav-item.active svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon),.sidebar .nav-item.active .nav-icon,.navbar .nav-link:hover svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon),.navbar .nav-link.active svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon),.navbar .icon-btn-border:hover svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon),.navbar .menu-toggle-btn:hover svg:not(.add-product-custom-icon):not(.product-list-custom-icon):not(.variant-master-custom-icon):not(.stock-entry-custom-icon):not(.stock-list-custom-icon):not(.stock-status-custom-icon){color:#fff!important;stroke:#fff!important}.add-product-custom-icon,.product-list-custom-icon,.variant-master-custom-icon,.stock-entry-custom-icon,.stock-list-custom-icon,.stock-status-custom-icon{vertical-align:middle;transition:transform .2s cubic-bezier(.4,0,.2,1);display:inline-block}.sidebar .nav-item:hover .add-product-custom-icon,.sidebar .nav-item.active .add-product-custom-icon,.sidebar .nav-item:hover .product-list-custom-icon,.sidebar .nav-item.active .product-list-custom-icon,.sidebar .nav-item:hover .variant-master-custom-icon,.sidebar .nav-item.active .variant-master-custom-icon,.sidebar .nav-item:hover .stock-entry-custom-icon,.sidebar .nav-item.active .stock-entry-custom-icon,.sidebar .nav-item:hover .stock-list-custom-icon,.sidebar .nav-item.active .stock-list-custom-icon,.sidebar .nav-item:hover .stock-status-custom-icon,.sidebar .nav-item.active .stock-status-custom-icon{filter:drop-shadow(0 2px 6px #00000040);transform:scale(1.08)}[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] .app-container,[data-theme=dark] .dashboard-container,[data-theme=dark] .product-container,[data-theme=dark] .product-list-container,[data-theme=dark] .new-product-container,[data-theme=dark] .stock-container,[data-theme=dark] .vm-root,[data-theme=dark] .main-content,[data-theme=dark] .content-wrapper,[data-theme=dark] .page-container,[data-theme=dark] .layout{color:var(--text-main)!important;background:#0b0f19!important}[data-theme=dark] .layout h1,[data-theme=dark] .layout h2,[data-theme=dark] .layout h3,[data-theme=dark] .layout h4,[data-theme=dark] .layout h5,[data-theme=dark] .layout h6,[data-theme=dark] .main-content h1,[data-theme=dark] .main-content h2,[data-theme=dark] .main-content h3,[data-theme=dark] .main-content h4,[data-theme=dark] .main-content h5,[data-theme=dark] .main-content h6,[data-theme=dark] .dashboard-header h1,[data-theme=dark] .page-header h1{color:var(--text-primary)!important}[data-theme=dark]:not(:has(.bs-page,.ps-page,.ss-page,.sst-page)) h1:not(.bs-header h1,.ps-header h1,.ss-header h1,.sst-header h1,.iso-title){color:var(--text-primary)!important}[data-theme=dark] .layout p,[data-theme=dark] .layout label,[data-theme=dark] .main-content p,[data-theme=dark] .main-content label,[data-theme=dark] .dashboard-header p,[data-theme=dark] .modal-content p,[data-theme=dark] .card p{color:var(--text-secondary)!important}[data-theme=dark] .sidebar{color:#f8fafc!important;background-color:#1e293b!important;border-right-color:#334155!important}[data-theme=dark] .sidebar .logo-text{color:#fff!important}.sidebar .nav-section-header-clickable{box-shadow:none!important;background:0 0!important;border:none!important}.sidebar .sidebar-header-left span{letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700;color:#475569!important}[data-theme=dark] .sidebar .nav-section-header-clickable{color:#94a3b8!important;background:0 0!important}[data-theme=dark] .sidebar .sidebar-header-left span{color:#94a3b8!important}[data-theme=dark] .sidebar .nav-section-header-clickable:hover{color:#818cf8!important;background-color:#6366f126!important}[data-theme=dark] .sidebar .nav-item{color:#cbd5e1!important}[data-theme=dark] .sidebar .nav-item:hover{color:#818cf8!important;background-color:#6366f12e!important}[data-theme=dark] .sidebar .nav-item.active{color:#fff!important;background-color:#6366f1!important;border-left:3px solid #a5b4fc!important}[data-theme=dark] .sidebar .settings-btn:hover{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .sidebar .logout-btn:hover{color:#fff!important;background-color:#ef4444!important}[data-theme=dark] .card,[data-theme=dark] .dashboard-card,[data-theme=dark] .stat-card,[data-theme=dark] .summary-card,[data-theme=dark] .dashboard-summary-card,[data-theme=dark] .table-container,[data-theme=dark] .modal-content,[data-theme=dark] .modal-body,[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer,[data-theme=dark] .dropdown-menu,[data-theme=dark] .popover,[data-theme=dark] .active-selection-dropdown,[data-theme=dark] .form-container,[data-theme=dark] .panel,[data-theme=dark] .box,[data-theme=dark] .container-card,[data-theme=dark] .supplier-table-card,[data-theme=dark] .table-controls,[data-theme=dark] .quick-action-item,[data-theme=dark] .selection-card-custom,[data-theme=dark] .action-card,[data-theme=dark] div[class*=modal-content],[data-theme=dark] div[class*=modal-card],[data-theme=dark] div[class*=modal-body],[data-theme=dark] div[class*=modal-box],[data-theme=dark] div[class*=pop-card],[data-theme=dark] div[class*=popup]{background-color:var(--bg-card)!important;background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}[data-theme=dark] div[class*=modal] h1,[data-theme=dark] div[class*=modal] h2,[data-theme=dark] div[class*=modal] h3,[data-theme=dark] div[class*=modal] h4,[data-theme=dark] div[class*=modal] label,[data-theme=dark] div[class*=modal] span:not([class*=badge]),[data-theme=dark] div[class*=modal] p{color:#f8fafc!important}[data-theme=dark] div[class*=modal-header],[data-theme=dark] div[class*=modal-footer]{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] div[class*=modal-close],[data-theme=dark] button[class*=close]{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .quick-action-item:hover:not(.no-hover),[data-theme=dark] .action-card:hover{background-color:var(--bg-hover)!important}[data-theme=dark] .action-title,[data-theme=dark] .profile-email-text,[data-theme=dark] .profile-name-text{color:var(--text-primary)!important}[data-theme=dark] .action-subtitle,[data-theme=dark] .profile-role-text,[data-theme=dark] .menu-section-header,[data-theme=dark] .action-arrow{color:var(--text-muted)!important}[data-theme=dark] input:not([type=submit]):not([type=button]):not([type=checkbox]):not([type=radio]),[data-theme=dark] select,[data-theme=dark] textarea{background-color:var(--bg-input)!important;color:var(--text-primary)!important;border-color:var(--input-border)!important}input:focus,select:focus,textarea:focus{box-shadow:none!important;border-color:#6366f1!important;outline:none!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:none!important;border-color:#818cf8!important;outline:none!important}[data-theme=dark] table,[data-theme=dark] th,[data-theme=dark] td{color:var(--text-primary);border-color:var(--border-color)!important}[data-theme=dark] th{background-color:var(--table-header-bg)!important;color:var(--text-secondary)!important}[data-theme=dark] td{background-color:var(--bg-card)!important;color:var(--text-primary)!important}[data-theme=dark] tr:hover td{background-color:var(--table-row-hover)!important}.glass{background:var(--glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:var(--shadow-md);transition:background .25s ease-out,border-color .25s ease-out}.icon-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.icon-btn:hover{color:#fff!important;background:#6366f1!important}@media (width>=1025px){.mobile-only{display:none!important}}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modern-filter-card,.universal-filter-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#eef2f7);box-sizing:border-box;border-radius:16px;align-items:flex-end;gap:20px;width:100%;margin-bottom:22px;padding:22px 28px;display:flex;box-shadow:0 4px 20px -2px #12263f0a,0 2px 6px -1px #12263f05}.modern-filter-field{flex-direction:column;gap:8px;display:flex}.modern-filter-field.field-search,.filter-field-group.field-search{flex:1;min-width:0}.modern-filter-field.field-show,.filter-field-group.field-show{flex:0 0 110px;width:110px}.modern-filter-label,.filter-field-group .filter-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11.5px;font-weight:700}.modern-search-box,.search-input-box{box-sizing:border-box;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#38bdf8 0%,#595fe1 25%,#7f4ed8 50%,#bd4fd4 75%,#ec4899 100%) border-box;border:2px solid #0000;border-radius:20px;align-items:center;width:100%;height:50px;padding:0 18px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 8px -2px #7f4ed80f}.modern-search-box:focus-within,.search-input-box:focus-within{box-shadow:0 0 14px #7f4ed838}.modern-search-box .search-box-icon,.search-input-box .search-box-icon{color:#1c1c1c;pointer-events:none;flex-shrink:0}.modern-search-divider,.search-input-divider{background-color:#cbd5e1;flex-shrink:0;width:1px;height:24px;margin:0 14px 0 12px}.modern-search-box input,.search-input-box input{color:#1e293b;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0;font-size:15px}.modern-search-box input::placeholder,.search-input-box input::placeholder{color:#757575;font-weight:400}.modern-show-dropdown,.show-dropdown-box{width:100%;position:relative}.modern-show-dropdown select,.show-dropdown-box select{color:#1e293b;appearance:none;cursor:pointer;box-sizing:border-box;background-color:#fff;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='%2364748b' 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 14px center;background-repeat:no-repeat;background-size:14px 14px;border:1.8px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:50px;padding:0 34px 0 16px;font-size:14.5px;font-weight:600;transition:all .2s}.modern-show-dropdown select:focus,.show-dropdown-box select:focus{border-color:#7f4ed8;box-shadow:0 0 12px #7f4ed82e}.modern-table-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#eef2f7);box-sizing:border-box;border-radius:16px;width:100%;padding:24px 28px;box-shadow:0 4px 20px -2px #12263f0a,0 2px 6px -1px #12263f05}.modern-card-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.modern-table-heading{color:#1e293b;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:800}.modern-data-table,.modern-product-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.modern-data-table th,.modern-product-table th{text-transform:uppercase;letter-spacing:.6px;color:#8a94a6;white-space:nowrap;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.modern-data-table th.text-right,.modern-data-table td.text-right,.modern-product-table th.text-right,.modern-product-table td.text-right{text-align:right;padding-right:14px}.modern-data-table td,.modern-product-table td{color:#475569;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:13.5px;transition:background-color .15s}.modern-data-table tr:hover td,.modern-product-table tr:hover td{background-color:#f8fafc}.table-action-square-btn.edit-icon-btn{color:#64748b;border-color:#cbd5e1}.table-action-square-btn.edit-icon-btn:hover{color:#2b5cf6;background-color:#eff4ff;border-color:#2b5cf6}.table-action-square-btn.delete-icon-btn{color:#ef4444;border-color:#fecaca}.table-action-square-btn.delete-icon-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#dc2626}.modern-table-bottom-bar,.product-table-bottom-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}[data-theme=dark] .modern-filter-card,[data-theme=dark] .modern-table-card{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .modern-filter-label,[data-theme=dark] .modern-table-heading{color:#f8fafc!important}[data-theme=dark] .modern-search-box,[data-theme=dark] .search-input-box{background:linear-gradient(#0f172a,#0f172a) padding-box padding-box,linear-gradient(90deg,#38bdf8 0%,#595fe1 25%,#7f4ed8 50%,#bd4fd4 75%,#ec4899 100%) border-box!important}[data-theme=dark] .modern-search-box input,[data-theme=dark] .search-input-box input{color:#f8fafc!important}[data-theme=dark] .modern-search-box input::placeholder,[data-theme=dark] .search-input-box input::placeholder{color:#94a3b8!important}[data-theme=dark] .modern-show-dropdown select,[data-theme=dark] .show-dropdown-box select{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .modern-data-table th,[data-theme=dark] .modern-product-table th{color:#94a3b8!important;border-bottom-color:#334155!important}[data-theme=dark] .modern-data-table td,[data-theme=dark] .modern-product-table td{color:#cbd5e1!important;border-bottom-color:#334155!important}[data-theme=dark] .modern-data-table tr:hover td,[data-theme=dark] .modern-product-table tr:hover td{background-color:#334155!important}[data-theme=dark] .modern-table-bottom-bar,[data-theme=dark] .product-table-bottom-bar{border-top-color:#334155!important}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}@page{size:A4 portrait;margin:10mm 14mm}body>:not(#__invoice_print_root__){visibility:hidden!important;display:none!important}#__invoice_print_root__{visibility:visible!important;z-index:auto!important;background:#fff!important;width:100%!important;display:block!important;position:static!important}#__invoice_print_root__ *{visibility:visible!important}#__invoice_print_root__ table{border-collapse:collapse!important;width:100%!important;display:table!important}#__invoice_print_root__ thead{display:table-header-group!important}#__invoice_print_root__ tbody{display:table-row-group!important}#__invoice_print_root__ tr{display:table-row!important}#__invoice_print_root__ th,#__invoice_print_root__ td{display:table-cell!important}#__invoice_print_root__ [style*="display: flex"],#__invoice_print_root__ [style*=display\:flex]{display:flex!important}}.bs-page{box-sizing:border-box;background:linear-gradient(135deg,#dbe4f9 0%,#c9d6f3 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2.5rem 1.5rem;font-family:Inter,sans-serif;display:flex;position:relative;overflow-x:hidden}.bs-overlay{pointer-events:none;z-index:0;background:0 0;position:absolute;inset:0}.bs-white-card-wrapper{z-index:10;box-sizing:border-box;background:#fff;border-radius:28px;width:100%;max-width:1140px;padding:40px 44px;animation:.6s ease-out bs-fadeUp;position:relative;box-shadow:0 20px 60px #6478b426}@keyframes bs-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bs-header{text-align:center;margin-bottom:1.5rem}.bs-logo-icon{color:#6366f1;background:#ebf2fe;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1rem;display:flex;box-shadow:0 4px 12px #6366f11f}.bs-header h1{letter-spacing:-.02em;margin-bottom:.4rem;font-size:1.85rem;font-weight:800;color:#0f172a!important}.bs-header p{margin:0;font-size:.95rem;line-height:1.5;color:#64748b!important}.bs-search-wrapper{width:100%;max-width:460px;margin:0 auto 1.8rem;position:relative}.bs-search-box{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;width:100%;height:46px;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #0f172a08}.bs-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126,0 4px 12px #6366f114}.bs-search-icon{color:#94a3b8;flex-shrink:0;margin-right:10px;transition:color .2s}.bs-search-box:focus-within .bs-search-icon{color:#6366f1}.bs-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px;font-weight:500}.bs-search-input::placeholder{color:#94a3b8;font-weight:400}.bs-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;padding:0;transition:all .2s;display:flex}.bs-search-clear:hover{color:#0f172a;background:#cbd5e1}.bs-search-empty{padding:40px 20px!important}.bs-search-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.bs-btn-clear-search{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.bs-btn-clear-search:hover{color:#0f172a;background:#e2e8f0}.bs-slider-container{justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:1.8rem;display:flex;position:relative}.bs-slider-content{flex:1;width:100%;overflow:hidden}.bs-slider-arrow{color:#475569;cursor:pointer;z-index:5;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0f172a0f}.bs-slider-arrow:hover:not(:disabled){color:#fff;background:#6366f1;border-color:#6366f1;transform:scale(1.08);box-shadow:0 4px 14px #6366f159}.bs-slider-arrow:active:not(:disabled){transform:scale(.96)}.bs-slider-arrow:disabled{opacity:.25;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f8fafc;border-color:#f1f5f9}.bs-slider-arrow.hidden-arrow{visibility:hidden;pointer-events:none}.bs-slide-from-right{animation:.32s cubic-bezier(.16,1,.3,1) forwards bsSlideRight}.bs-slide-from-left{animation:.32s cubic-bezier(.16,1,.3,1) forwards bsSlideLeft}.bs-fade-in{animation:.3s ease-out forwards bsFadeIn}@keyframes bsSlideRight{0%{opacity:.3;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes bsSlideLeft{0%{opacity:.3;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes bsFadeIn{0%{opacity:.4}to{opacity:1}}.bs-grid{grid-template-columns:repeat(3,1fr);gap:22px;width:100%;display:grid}@media (width<=960px){.bs-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (width<=640px){.bs-grid{grid-template-columns:1fr;gap:16px}.bs-slider-container{gap:8px}.bs-slider-arrow{width:36px;height:36px}.bs-white-card-wrapper{padding:28px 18px}}.bs-photo-card{cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:210px;padding:28px 20px 24px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 18px #0f172a0d}.bs-photo-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #6366f11f}.bs-photo-card.selected{background:#fbfbfe;border-color:#6366f1;box-shadow:0 0 0 2px #6366f1,0 12px 28px #6366f12e}.bs-card-select-btn{cursor:pointer;z-index:5;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex;position:absolute;top:14px;right:14px}.bs-card-select-btn:hover{transform:scale(1.1)}.bs-card-selected-badge{background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) bs-popIn;display:flex;box-shadow:0 3px 10px #6366f166}@keyframes bs-popIn{0%{transform:scale(0)}to{transform:scale(1)}}.bs-card-unselected-ring{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:22px;height:22px;transition:all .2s}.bs-photo-card:hover .bs-card-unselected-ring{border-color:#94a3b8}.bs-card-center-icon{justify-content:center;align-items:center;margin-bottom:14px;transition:transform .25s;display:flex}.bs-building-3d-img{object-fit:contain;filter:drop-shadow(0 8px 18px #0f172a1f);width:82px;height:82px;transition:transform .25s;display:block}.bs-photo-card:hover .bs-building-3d-img{transform:scale(1.08)}.bs-card-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.bs-card-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3;overflow:hidden;color:#0f172a!important}.bs-card-subtitle{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:13.5px;font-weight:500;line-height:1.45;overflow:hidden;color:#64748b!important}.bs-pagination-dots{justify-content:center;align-items:center;gap:6px;margin-top:-6px;margin-bottom:1.8rem;display:flex}.bs-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .25s}.bs-dot.active{background:#6366f1;width:24px}.bs-loading,.bs-empty{flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.bs-loading-dots{gap:8px;margin-bottom:16px;display:flex}.bs-loading-dots span{background:#6366f1;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both bs-bounce}.bs-loading-dots span:first-child{animation-delay:-.32s}.bs-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bs-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.bs-loading-text{color:#64748b;font-size:14px;font-weight:600}.bs-empty-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.bs-empty h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.bs-empty p{color:#64748b;text-align:center;margin:0 0 20px;font-size:14px}.bs-btn-create{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.bs-btn-create:hover{background:#4f46e5;transform:translateY(-1px)}.bs-actions{justify-content:center;display:flex}.bs-btn-continue{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 2.8rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 24px #6366f159}.bs-btn-continue:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 10px 32px #6366f173}.bs-btn-continue:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.bs-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite bs-spin}@keyframes bs-spin{to{transform:rotate(360deg)}}.bs-footer{text-align:center;margin-top:1.8rem}.bs-footer p{color:#94a3b8;font-size:13px}.bs-toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s bs-toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000026}.bs-toast.success{color:#fff;background:#10b981}.bs-toast.error{color:#fff;background:#ef4444}@keyframes bs-toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-biz-bg-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;perspective:1200px;transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.biz-ambient-glow{pointer-events:none;filter:blur(100px);opacity:.35;z-index:0;border-radius:50%;position:absolute}.glow-tl{background:radial-gradient(circle,#c4b5fd66 0%,#eef2ff00 70%);width:450px;height:450px;top:-10%;left:-5%}.glow-br{background:radial-gradient(circle,#a5b4fc59 0%,#f3e8ff00 70%);width:480px;height:480px;bottom:-10%;right:-5%}.glow-center{background:radial-gradient(circle,#e0e7ff4d 0%,#f8fafc00 70%);width:500px;height:500px;top:30%;left:30%}.biz-float-item{transform-style:preserve-3d;will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.biz-3d-svg{filter:drop-shadow(0 12px 20px #1e293b1a);width:100%;height:100%;transition:filter .3s;display:block;overflow:visible}.building-svg{width:80px;height:94px}.store-svg{width:84px;height:80px}.box-svg{width:74px;height:74px}.briefcase-svg{width:82px;height:74px}@keyframes bizAnim1{0%{transform:translate(0,0)rotateX(10deg)rotateY(-16deg)rotate(-4deg)}25%{transform:translate3d(12px,-18px,20px)rotateX(18deg)rotateY(-8deg)rotate(2deg)}50%{transform:translate3d(-8px,-30px,40px)rotateX(-6deg)rotateY(12deg)rotate(6deg)}75%{transform:translate3d(-16px,-12px,15px)rotateX(4deg)rotateY(-6deg)rotate(0)}to{transform:translate(0,0)rotateX(10deg)rotateY(-16deg)rotate(-4deg)}}.anim-biz-1{animation:18s ease-in-out infinite bizAnim1}@keyframes bizAnim2{0%{transform:translate(0,0)rotateX(-8deg)rotateY(15deg)rotate(4deg)}33%{transform:translate3d(14px,-16px,-15px)rotateX(12deg)rotateY(-12deg)rotate(-4deg)}66%{transform:translate3d(-10px,-8px,25px)rotateX(4deg)rotateY(20deg)rotate(8deg)}to{transform:translate(0,0)rotateX(-8deg)rotateY(15deg)rotate(4deg)}}.anim-biz-2{animation:15s ease-in-out infinite bizAnim2}@keyframes bizAnim3{0%{transform:translate(0,0)rotateX(14deg)rotateY(20deg)rotate(-6deg)}50%{transform:translate3d(-12px,-24px,35px)rotateX(-12deg)rotateY(-16deg)rotate(6deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(20deg)rotate(-6deg)}}.anim-biz-3{animation:13s ease-in-out infinite bizAnim3}@keyframes bizAnim4{0%{transform:translate(0,0)rotateX(-12deg)rotateY(-18deg)rotate(-6deg)}50%{transform:translate3d(16px,-22px,30px)rotateX(12deg)rotateY(14deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-12deg)rotateY(-18deg)rotate(-6deg)}}.anim-biz-4{animation:21s ease-in-out infinite bizAnim4}@keyframes bizAnim5{0%{transform:translate(0,0)rotateX(14deg)rotateY(-10deg)rotate(6deg)}35%{transform:translate3d(-10px,-18px,20px)rotateX(-10deg)rotateY(12deg)rotate(-4deg)}70%{transform:translate3d(8px,12px,-15px)rotateX(8deg)rotateY(-14deg)rotate(8deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(-10deg)rotate(6deg)}}.anim-biz-5{animation:16s ease-in-out infinite bizAnim5}@keyframes bizAnim6{0%{transform:translate(0,0)rotateX(-14deg)rotateY(14deg)rotate(-4deg)}50%{transform:translate3d(14px,-20px,30px)rotateX(10deg)rotateY(-14deg)rotate(8deg)}to{transform:translate(0,0)rotateX(-14deg)rotateY(14deg)rotate(-4deg)}}.anim-biz-6{animation:20s ease-in-out infinite bizAnim6}@keyframes bizAnim7{0%{transform:translate(0,0)rotateX(10deg)rotateY(18deg)rotate(4deg)}50%{transform:translate3d(-14px,-26px,25px)rotateX(-12deg)rotateY(-12deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(10deg)rotateY(18deg)rotate(4deg)}}.anim-biz-7{animation:14s ease-in-out infinite bizAnim7}@keyframes bizAnim8{0%{transform:translate(0,0)rotateX(-8deg)rotateY(-16deg)rotate(-8deg)}50%{transform:translate3d(-12px,-20px,25px)rotateX(10deg)rotateY(14deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-8deg)rotateY(-16deg)rotate(-8deg)}}.anim-biz-8{animation:17s ease-in-out infinite bizAnim8}@keyframes bizAnim9{0%{transform:translate(0,0)rotateX(16deg)rotateY(-14deg)rotate(6deg)}50%{transform:translate3d(12px,-22px,35px)rotateX(-10deg)rotateY(16deg)rotate(-4deg)}to{transform:translate(0,0)rotateX(16deg)rotateY(-14deg)rotate(6deg)}}.anim-biz-9{animation:19s ease-in-out infinite bizAnim9}@keyframes bizAnim10{0%{transform:translate(0,0)rotateX(22deg)rotateY(12deg)rotate(0)}50%{transform:translate3d(-12px,-18px,25px)rotateX(-14deg)rotateY(-18deg)rotate(180deg)}to{transform:translate(0,0)rotateX(22deg)rotateY(12deg)rotate(360deg)}}.anim-biz-10{animation:24s linear infinite bizAnim10}@keyframes bizAnim11{0%{transform:translate(0,0)rotateX(-16deg)rotateY(20deg)rotate(6deg)}33%{transform:translate3d(-16px,-18px,35px)rotateX(4deg)rotateY(8deg)rotate(-2deg)}66%{transform:translate3d(8px,12px,-15px)rotateX(14deg)rotateY(-16deg)rotate(10deg)}to{transform:translate(0,0)rotateX(-16deg)rotateY(20deg)rotate(6deg)}}.anim-biz-11{animation:22s ease-in-out infinite bizAnim11}@keyframes bizAnim12{0%{transform:translate(0,0)rotateX(-10deg)rotateY(22deg)rotate(8deg)}50%{transform:translate3d(12px,-20px,-20px)rotateX(12deg)rotateY(-18deg)rotate(-8deg)}to{transform:translate(0,0)rotateX(-10deg)rotateY(22deg)rotate(8deg)}}.anim-biz-12{animation:12s ease-in-out infinite bizAnim12}@keyframes bizAnim13{0%{transform:translate(0,0)rotateX(-6deg)rotateY(14deg)rotate(-4deg)}50%{transform:translate3d(-10px,-24px,25px)rotateX(12deg)rotateY(-10deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-6deg)rotateY(14deg)rotate(-4deg)}}.anim-biz-13{animation:16s ease-in-out infinite bizAnim13}@keyframes bizAnim14{0%{transform:translate(0,0)rotateX(12deg)rotateY(14deg)rotate(-4deg)}50%{transform:translate3d(10px,-18px,20px)rotateX(-12deg)rotateY(-10deg)rotate(4deg)}to{transform:translate(0,0)rotateX(12deg)rotateY(14deg)rotate(-4deg)}}.anim-biz-14{animation:14s ease-in-out infinite bizAnim14}@media (prefers-reduced-motion:reduce){.biz-float-item{animation:none!important;transform:none!important}}@media (width<=1200px){.hide-tablet{display:none!important}.building-svg{width:68px;height:80px}.store-svg{width:72px;height:68px}.briefcase-svg{width:70px;height:64px}.chart-svg{width:66px;height:66px}.card-svg{width:72px;height:52px}.shield-svg{width:60px;height:64px}}@media (width<=860px){.hide-mobile{display:none!important}.pos-top-left{top:2%;left:3%}.pos-top-right{top:2%;right:3%}.pos-bot-left{bottom:2%;left:3%}.pos-bot-right{bottom:2%;right:3%}.building-svg{width:54px;height:64px}.briefcase-svg{width:56px;height:50px}.chart-svg{width:52px;height:52px}.bag-svg{width:48px;height:54px}.card-svg{width:60px;height:42px}.shield-svg{width:52px;height:56px}}.animated-plat-bg-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;perspective:1200px;transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.plat-ambient-glow{pointer-events:none;filter:blur(100px);opacity:.4;z-index:0;border-radius:50%;position:absolute}.plat-glow-tl{background:radial-gradient(circle,#c7d2fe73 0%,#eef2ff00 70%);width:500px;height:500px;top:-10%;left:-5%}.plat-glow-tr{background:radial-gradient(circle,#ddd6fe66 0%,#f5f3ff00 70%);width:480px;height:480px;top:-8%;right:-5%}.plat-glow-br{background:radial-gradient(circle,#a5b4fc66 0%,#eef2ff00 70%);width:520px;height:520px;bottom:-10%;right:-5%}.plat-glow-bl{background:radial-gradient(circle,#e9d5ff59 0%,#f5f3ff00 70%);width:460px;height:460px;bottom:-8%;left:-5%}.plat-defs-svg{width:0;height:0;position:absolute;overflow:hidden}.plat-float-item{transform-style:preserve-3d;will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.plat-3d-svg{filter:drop-shadow(0 14px 24px #1e293b1f);width:100%;height:100%;transition:filter .3s;display:block;overflow:visible}.layer-plat-svg{width:84px;height:84px}.cloud-plat-svg{width:88px;height:72px}.browser-svg{width:82px;height:74px}.server-svg{width:78px;height:86px}.sync-svg{width:80px;height:72px}.database-svg{width:74px;height:82px}.api-cube-svg{width:78px;height:78px}.monitor-svg{width:84px;height:78px}.mobile-svg{width:68px;height:86px}.network-svg{width:82px;height:82px}.pos-svg{width:74px;height:82px}.store-platform-svg{width:84px;height:76px}.dash-svg{width:82px;height:78px}.connection-svg{width:78px;height:78px}@keyframes platAnim1{0%{transform:translate(0,0)rotateX(12deg)rotateY(-18deg)rotate(-4deg)}25%{transform:translate3d(18px,-24px,25px)rotateX(24deg)rotateY(-8deg)rotate(3deg)}50%{transform:translate3d(-12px,-38px,45px)rotateX(-8deg)rotateY(16deg)rotate(8deg)}75%{transform:translate3d(-22px,-16px,18px)rotateX(6deg)rotateY(-10deg)rotate(-2deg)}to{transform:translate(0,0)rotateX(12deg)rotateY(-18deg)rotate(-4deg)}}.anim-plat-1{animation:16s ease-in-out infinite platAnim1}@keyframes platAnim2{0%{transform:translate(0,0)rotateX(-10deg)rotateY(14deg)rotate(3deg)}33%{transform:translate3d(16px,-20px,-20px)rotateX(10deg)rotateY(-12deg)rotate(-3deg)}66%{transform:translate3d(-14px,-10px,30px)rotateX(5deg)rotateY(22deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-10deg)rotateY(14deg)rotate(3deg)}}.anim-plat-2{animation:19s ease-in-out infinite platAnim2}@keyframes platAnim3{0%{transform:translate(0,0)rotateX(15deg)rotateY(-14deg)rotate(5deg)}50%{transform:translate3d(-16px,-26px,35px)rotateX(-12deg)rotateY(18deg)rotate(-5deg)}to{transform:translate(0,0)rotateX(15deg)rotateY(-14deg)rotate(5deg)}}.anim-plat-3{animation:22s ease-in-out infinite platAnim3}@keyframes platAnim4{0%{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(-6deg)}25%{transform:translate3d(-14px,-18px,20px)rotateX(-10deg)rotateY(32deg)rotate(2deg)}50%{transform:translate3d(10px,-32px,35px)rotateX(14deg)rotateY(-14deg)rotate(8deg)}75%{transform:translate3d(20px,-12px,10px)rotateX(-6deg)rotateY(8deg)rotate(-2deg)}to{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(-6deg)}}.anim-plat-4{animation:13s ease-in-out infinite platAnim4}@keyframes platAnim5{0%{transform:translate(0,0)rotateX(-14deg)rotateY(-16deg)rotate(-6deg)}50%{transform:translate3d(14px,-24px,30px)rotateX(16deg)rotateY(16deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-14deg)rotateY(-16deg)rotate(-6deg)}}.anim-plat-5{animation:10s ease-in-out infinite platAnim5}@keyframes platAnim6{0%{transform:translate(0,0)rotateX(18deg)rotateY(12deg)rotate(4deg)}33%{transform:translate3d(-15px,-22px,35px)rotateX(-14deg)rotateY(20deg)rotate(-5deg)}66%{transform:translate3d(12px,-34px,15px)rotateX(12deg)rotateY(-16deg)rotate(7deg)}to{transform:translate(0,0)rotateX(18deg)rotateY(12deg)rotate(4deg)}}.anim-plat-6{animation:25s ease-in-out infinite platAnim6}@keyframes platAnim7{0%{transform:translate(0,0)rotateX(20deg)rotateY(-22deg)rotate(-8deg)}50%{transform:translate3d(-18px,-28px,40px)rotateX(-16deg)rotateY(18deg)rotate(10deg)}to{transform:translate(0,0)rotateX(20deg)rotateY(-22deg)rotate(-8deg)}}.anim-plat-7{animation:16s ease-in-out infinite platAnim7}@keyframes platAnim8{0%{transform:translate(0,0)rotateX(-12deg)rotateY(16deg)rotate(-4deg)}50%{transform:translate3d(15px,-22px,32px)rotateX(10deg)rotateY(-14deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-12deg)rotateY(16deg)rotate(-4deg)}}.anim-plat-8{animation:22s ease-in-out infinite platAnim8}@keyframes platAnim9{0%{transform:translate(0,0)rotateX(14deg)rotateY(-14deg)rotate(6deg)}50%{transform:translate3d(-12px,-26px,28px)rotateX(-12deg)rotateY(14deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(-14deg)rotate(6deg)}}.anim-plat-9{animation:13s ease-in-out infinite platAnim9}@keyframes platAnim10{0%{transform:translate(0,0)rotateX(-10deg)rotateY(-18deg)rotate(-6deg)}35%{transform:translate3d(18px,-20px,35px)rotateX(16deg)rotateY(-6deg)rotate(4deg)}70%{transform:translate3d(-10px,-32px,20px)rotateX(-6deg)rotateY(16deg)rotate(-4deg)}to{transform:translate(0,0)rotateX(-10deg)rotateY(-18deg)rotate(-6deg)}}.anim-plat-10{animation:19s ease-in-out infinite platAnim10}@keyframes platAnim11{0%{transform:translate(0,0)rotateX(16deg)rotateY(14deg)rotate(-5deg)}50%{transform:translate3d(14px,-24px,30px)rotateX(-10deg)rotateY(-16deg)rotate(6deg)}to{transform:translate(0,0)rotateX(16deg)rotateY(14deg)rotate(-5deg)}}.anim-plat-11{animation:25s ease-in-out infinite platAnim11}@keyframes platAnim12{0%{transform:translate(0,0)rotateX(-12deg)rotateY(18deg)rotate(4deg)}50%{transform:translate3d(-16px,-20px,25px)rotateX(12deg)rotateY(-14deg)rotate(-5deg)}to{transform:translate(0,0)rotateX(-12deg)rotateY(18deg)rotate(4deg)}}.anim-plat-12{animation:16s ease-in-out infinite platAnim12}@keyframes platAnim13{0%{transform:translate(0,0)rotateX(14deg)rotateY(-16deg)rotate(5deg)}50%{transform:translate3d(-14px,-24px,36px)rotateX(-14deg)rotateY(12deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(-16deg)rotate(5deg)}}.anim-plat-13{animation:10s ease-in-out infinite platAnim13}@keyframes platAnim14{0%{transform:translate(0,0)rotateX(-14deg)rotateY(-14deg)rotate(0)}50%{transform:translate3d(12px,-22px,30px)rotateX(14deg)rotateY(18deg)rotate(180deg)}to{transform:translate(0,0)rotateX(-14deg)rotateY(-14deg)rotate(360deg)}}.anim-plat-14{animation:22s linear infinite platAnim14}@media (prefers-reduced-motion:reduce){.plat-float-item{animation:none!important;transform:none!important}}@media (width<=1200px){.hide-tablet{display:none!important}.layer-plat-svg{width:72px;height:72px}.cloud-plat-svg{width:76px;height:62px}.browser-svg{width:70px;height:64px}.server-svg{width:68px;height:74px}.database-svg{width:64px;height:70px}.monitor-svg{width:72px;height:68px}.network-svg{width:70px;height:70px}.dash-svg{width:70px;height:66px}}@media (width<=860px){.hide-mobile{display:none!important}.pos-top-left{top:2%;left:3%}.pos-top-right{top:2%;right:3%}.pos-bot-left{bottom:2%;left:3%}.pos-bot-right{bottom:2%;right:3%}.layer-plat-svg{width:56px;height:56px}.server-svg{width:54px;height:60px}.database-svg{width:52px;height:58px}.monitor-svg{width:58px;height:52px}.network-svg{width:56px;height:56px}.dash-svg{width:56px;height:52px}.plat-float-item{opacity:.65!important;filter:none!important}}.ps-page{box-sizing:border-box;background:linear-gradient(135deg,#dbe4f9 0%,#e2e8f8 40%,#d8e2f8 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.ps-overlay{pointer-events:none;background:radial-gradient(circle at 50% 0,#6366f10d 0%,#0000 70%);position:absolute;inset:0}.ps-white-card-wrapper{z-index:10;box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:1140px;padding:40px 44px;animation:.6s ease-out ps-fadeUp;display:flex;position:relative;box-shadow:0 20px 60px #6478b426}@keyframes ps-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ps-header-nav{justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;display:flex}.ps-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.ps-back-btn:hover{color:#4f46e5;background:#fff;border-color:#cbd5e1;transform:translate(-3px)}.ps-skip-btn{color:#7c3aed;cursor:pointer;background:#8b5cf614;border:1px solid #8b5cf640;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ps-skip-btn:hover:not(:disabled){color:#fff;background:#8b5cf6;border-color:#8b5cf6;transform:translate(3px)}.ps-skip-btn:disabled{opacity:.6;cursor:not-allowed}.ps-btn-skip-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;height:48px;margin-top:12px;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.ps-btn-skip-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);transform:translateY(-2px);box-shadow:0 8px 18px #8b5cf673}.ps-btn-skip-primary:disabled{opacity:.6;cursor:not-allowed}.ps-header{text-align:center;margin-bottom:1.5rem}.ps-logo-icon{filter:drop-shadow(0 8px 16px #6366f133);background:0 0;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.2rem;transition:transform .3s;display:flex}.ps-logo-icon:hover{transform:scale(1.08)translateY(-2px)}.ps-logo-3d-img{object-fit:contain;width:100%;height:100%;display:block}.ps-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800;color:#0f172a!important}.ps-header p{margin:0;font-size:16px;color:#64748b!important}.ps-search-wrapper{width:100%;max-width:460px;margin:0 auto 1.8rem;position:relative}.ps-search-box{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;width:100%;height:46px;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #0f172a08}.ps-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126,0 4px 12px #6366f114}.ps-search-icon{color:#94a3b8;flex-shrink:0;margin-right:10px;transition:color .2s}.ps-search-box:focus-within .ps-search-icon{color:#6366f1}.ps-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px;font-weight:500}.ps-search-input::placeholder{color:#94a3b8;font-weight:400}.ps-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;padding:0;transition:all .2s;display:flex}.ps-search-clear:hover{color:#0f172a;background:#cbd5e1}.ps-search-empty{padding:40px 20px!important}.ps-search-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.ps-btn-clear-search{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.ps-btn-clear-search:hover{color:#0f172a;background:#e2e8f0}.ps-slider-container{justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:1.8rem;display:flex;position:relative}.ps-slider-content{flex:1;width:100%;overflow:hidden}.ps-slider-arrow{color:#475569;cursor:pointer;z-index:5;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0f172a0f}.ps-slider-arrow:hover:not(:disabled){color:#fff;background:#6366f1;border-color:#6366f1;transform:scale(1.08);box-shadow:0 4px 14px #6366f159}.ps-slider-arrow:active:not(:disabled){transform:scale(.96)}.ps-slider-arrow:disabled{opacity:.25;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f8fafc;border-color:#f1f5f9}.ps-slider-arrow.hidden-arrow{visibility:hidden;pointer-events:none}.ps-slide-from-right{animation:.32s cubic-bezier(.16,1,.3,1) forwards psSlideRight}.ps-slide-from-left{animation:.32s cubic-bezier(.16,1,.3,1) forwards psSlideLeft}.ps-fade-in{animation:.3s ease-out forwards psFadeIn}@keyframes psSlideRight{0%{opacity:.3;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes psSlideLeft{0%{opacity:.3;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes psFadeIn{0%{opacity:.4}to{opacity:1}}.ps-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}@media (width<=960px){.ps-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (width<=640px){.ps-grid{grid-template-columns:1fr;gap:16px}.ps-slider-container{gap:8px}.ps-slider-arrow{width:36px;height:36px}.ps-white-card-wrapper{padding:28px 18px}}.ps-photo-card{cursor:pointer;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;height:auto;min-height:180px;padding:24px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 18px #0f172a0d}.ps-photo-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 28px #6366f11f}.ps-photo-card.selected{background:#f8faff;border-color:#6366f1;box-shadow:0 0 0 2px #6366f1,0 12px 28px #6366f12e}.ps-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;display:flex}.ps-card-icon{color:#6366f1;filter:drop-shadow(0 4px 10px #6366f129);background:0 0;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex}.ps-card-3d-img{object-fit:contain;width:100%;height:100%;transition:transform .25s;display:block}.ps-photo-card:hover .ps-card-3d-img{transform:scale(1.1)}.ps-photo-card.selected .ps-card-icon{color:#fff;filter:drop-shadow(0 6px 14px #6366f14d);background:0 0}.ps-photo-card:hover:not(.selected) .ps-card-icon{background:0 0;transform:scale(1.05)}.ps-card-selected-badge{background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;animation:.25s cubic-bezier(.34,1.56,.64,1) ps-popIn;display:flex;box-shadow:0 3px 10px #6366f166}@keyframes ps-popIn{0%{transform:scale(0)}to{transform:scale(1)}}.ps-card-unselected-ring{border:2px solid #cbd5e1;border-radius:50%;width:22px;height:22px;transition:all .2s}.ps-photo-card:hover .ps-card-unselected-ring{border-color:#94a3b8}.ps-card-content{text-align:left;flex-direction:column;align-items:flex-start;width:100%;display:flex}.ps-card-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 6px;font-size:19px;font-weight:700;line-height:1.3;overflow:hidden;color:#0f172a!important}.ps-card-subtitle{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:13.5px;font-weight:500;line-height:1.4;overflow:hidden;color:#64748b!important}.ps-pagination-dots{justify-content:center;align-items:center;gap:6px;margin-top:-6px;margin-bottom:1.8rem;display:flex}.ps-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .25s}.ps-dot.active{background:#6366f1;width:24px}.ps-loading,.ps-empty{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 20px;display:flex;box-shadow:0 4px 6px -1px #00000005}.ps-loading-dots{gap:8px;margin-bottom:16px;display:flex}.ps-loading-dots span{background:#8b5cf6;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both ps-bounce}.ps-loading-dots span:first-child{animation-delay:-.32s}.ps-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes ps-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ps-loading-text{color:#64748b;font-size:14px;font-weight:600}.ps-empty-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.ps-empty h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.ps-empty p{color:#64748b;text-align:center;margin:0 0 20px;font-size:14px}.ps-actions{justify-content:center;width:100%;display:flex}.ps-btn-continue{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 2.8rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 24px #6366f159}.ps-btn-continue:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 10px 32px #6366f173}.ps-btn-continue:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ps-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ps-spin}@keyframes ps-spin{to{transform:rotate(360deg)}}.ps-footer{text-align:center;margin-top:1.8rem}.ps-footer p{color:#94a3b8;font-size:13px}.ps-toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s ps-toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000026}.ps-toast.success{color:#fff;background:#10b981}.ps-toast.error{color:#fff;background:#ef4444}@keyframes ps-toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animated-store-bg-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;perspective:1200px;transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.store-ambient-glow{pointer-events:none;filter:blur(100px);opacity:.38;z-index:0;border-radius:50%;position:absolute}.store-glow-tl{background:radial-gradient(circle,#c7d2fe73 0%,#eef2ff00 70%);width:500px;height:500px;top:-10%;left:-5%}.store-glow-tr{background:radial-gradient(circle,#ddd6fe66 0%,#f5f3ff00 70%);width:480px;height:480px;top:-8%;right:-5%}.store-glow-br{background:radial-gradient(circle,#a5b4fc66 0%,#eef2ff00 70%);width:520px;height:520px;bottom:-10%;right:-5%}.store-glow-bl{background:radial-gradient(circle,#e9d5ff59 0%,#f5f3ff00 70%);width:460px;height:460px;bottom:-8%;left:-5%}.store-defs-svg{width:0;height:0;position:absolute;overflow:hidden}.store-float-item{transform-style:preserve-3d;will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.store-3d-svg{filter:drop-shadow(0 14px 24px #1e293b1f);width:100%;height:100%;transition:filter .3s;display:block;overflow:visible}.depth-far{opacity:.62;filter:blur(.4px);transform:translateZ(-80px)scale(.82)}.storefront-svg{width:84px;height:80px}.cart-svg{width:80px;height:80px}.pos-machine-svg{width:74px;height:84px}.box-pkg-svg{width:80px;height:80px}.pin-svg{width:74px;height:84px}.tag-svg,.scanner-svg{width:76px;height:76px}.warehouse-svg{width:84px;height:80px}.register-svg{width:80px;height:76px}.receipt-bill-svg{width:72px;height:82px}.mall-svg{width:84px;height:80px}.sign-svg{width:76px;height:76px}.store-coin-svg{width:72px;height:72px}.pos-mid-top-left{top:25%;left:16%}.pos-mid-top-right{top:25%;right:16%}.pos-mid-bot-left{bottom:23%;left:15%}.pos-mid-bot-right{bottom:23%;right:15%}.pos-bot-center{bottom:3%;left:50%;transform:translate(-50%)}@keyframes storeAnim1{0%{transform:translate(0,0)rotateX(10deg)rotateY(-16deg)rotate(-4deg)}25%{transform:translate3d(18px,-22px,25px)rotateX(20deg)rotateY(-8deg)rotate(3deg)}50%{transform:translate3d(-12px,-36px,40px)rotateX(-8deg)rotateY(16deg)rotate(6deg)}75%{transform:translate3d(-20px,-15px,18px)rotateX(6deg)rotateY(-10deg)rotate(-2deg)}to{transform:translate(0,0)rotateX(10deg)rotateY(-16deg)rotate(-4deg)}}.anim-store-1{animation:17s ease-in-out infinite storeAnim1}@keyframes storeAnim2{0%{transform:translate(0,0)rotateX(-12deg)rotateY(16deg)rotate(4deg)}33%{transform:translate3d(16px,-24px,-18px)rotateX(10deg)rotateY(-14deg)rotate(-3deg)}66%{transform:translate3d(-14px,-12px,28px)rotateX(6deg)rotateY(24deg)rotate(7deg)}to{transform:translate(0,0)rotateX(-12deg)rotateY(16deg)rotate(4deg)}}.anim-store-2{animation:14s ease-in-out infinite storeAnim2}@keyframes storeAnim3{0%{transform:translate(0,0)rotateX(12deg)rotateY(-18deg)rotate(6deg)}50%{transform:translate3d(-18px,-28px,35px)rotateX(-10deg)rotateY(18deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(12deg)rotateY(-18deg)rotate(6deg)}}.anim-store-3{animation:20s ease-in-out infinite storeAnim3}@keyframes storeAnim4{0%{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(-5deg)}25%{transform:translate3d(-14px,-20px,20px)rotateX(-10deg)rotateY(30deg)rotate(3deg)}50%{transform:translate3d(10px,-34px,35px)rotateX(14deg)rotateY(-14deg)rotate(7deg)}75%{transform:translate3d(20px,-14px,12px)rotateX(-6deg)rotateY(8deg)rotate(-2deg)}to{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(-5deg)}}.anim-store-4{animation:23s ease-in-out infinite storeAnim4}@keyframes storeAnim5{0%{transform:translate(0,0)rotateX(16deg)rotateY(20deg)rotate(-6deg)}50%{transform:translate3d(-14px,-25px,45px)rotateX(-14deg)rotateY(-16deg)rotate(6deg)}to{transform:translate(0,0)rotateX(16deg)rotateY(20deg)rotate(-6deg)}}.anim-store-5{animation:11s ease-in-out infinite storeAnim5}@keyframes storeAnim6{0%{transform:translate(0,0)rotateX(14deg)rotateY(12deg)rotate(3deg)}33%{transform:translate3d(-12px,-24px,30px)rotateX(-12deg)rotateY(18deg)rotate(-4deg)}66%{transform:translate3d(14px,-35px,15px)rotateX(10deg)rotateY(-14deg)rotate(6deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(12deg)rotate(3deg)}}.anim-store-6{animation:26s ease-in-out infinite storeAnim6}@keyframes storeAnim7{0%{transform:translate(0,0)rotateX(-10deg)rotateY(-14deg)rotate(-8deg)}50%{transform:translate3d(16px,-22px,32px)rotateX(14deg)rotateY(14deg)rotate(12deg)}to{transform:translate(0,0)rotateX(-10deg)rotateY(-14deg)rotate(-8deg)}}.anim-store-7{animation:14s ease-in-out infinite storeAnim7}@keyframes storeAnim8{0%{transform:translate(0,0)rotateX(12deg)rotateY(-16deg)rotate(4deg)}50%{transform:translate3d(-15px,-26px,35px)rotateX(-12deg)rotateY(16deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(12deg)rotateY(-16deg)rotate(4deg)}}.anim-store-8{animation:20s ease-in-out infinite storeAnim8}@keyframes storeAnim9{0%{transform:translate(0,0)rotateX(8deg)rotateY(14deg)rotate(-3deg)}35%{transform:translate3d(15px,-18px,30px)rotateX(16deg)rotateY(-6deg)rotate(4deg)}70%{transform:translate3d(-10px,-28px,15px)rotateX(-6deg)rotateY(14deg)rotate(-3deg)}to{transform:translate(0,0)rotateX(8deg)rotateY(14deg)rotate(-3deg)}}.anim-store-9{animation:23s ease-in-out infinite storeAnim9}@keyframes storeAnim10{0%{transform:translate(0,0)rotateX(16deg)rotateY(14deg)rotate(-5deg)}50%{transform:translate3d(14px,-24px,28px)rotateX(-10deg)rotateY(-16deg)rotate(5deg)}to{transform:translate(0,0)rotateX(16deg)rotateY(14deg)rotate(-5deg)}}.anim-store-10{animation:17s ease-in-out infinite storeAnim10}@keyframes storeAnim11{0%{transform:translate(0,0)rotateX(14deg)rotateY(-10deg)rotate(6deg)}50%{transform:translate3d(-12px,-26px,25px)rotateX(-12deg)rotateY(14deg)rotate(-6deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(-10deg)rotate(6deg)}}.anim-store-11{animation:11s ease-in-out infinite storeAnim11}@keyframes storeAnim12{0%{transform:translate(0,0)rotateX(10deg)rotateY(-14deg)rotate(-4deg)}50%{transform:translate3d(16px,-22px,32px)rotateX(-10deg)rotateY(14deg)rotate(5deg)}to{transform:translate(0,0)rotateX(10deg)rotateY(-14deg)rotate(-4deg)}}.anim-store-12{animation:26s ease-in-out infinite storeAnim12}@keyframes storeAnim13{0%{transform:translate(0,0)rotateX(14deg)rotateY(-16deg)rotate(-8deg)}50%{transform:translate3d(-14px,-20px,30px)rotateX(-12deg)rotateY(12deg)rotate(8deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(-16deg)rotate(-8deg)}}.anim-store-13{animation:14s ease-in-out infinite storeAnim13}@keyframes storeAnim14{0%{transform:translate(0,0)rotateX(-12deg)rotateY(0)rotate(6deg)}50%{transform:translate3d(10px,-20px,25px)rotateX(12deg)rotateY(180deg)rotate(-4deg)}to{transform:translate(0,0)rotateX(-12deg)rotateY(360deg)rotate(6deg)}}.anim-store-14{animation:20s linear infinite storeAnim14}@media (prefers-reduced-motion:reduce){.store-float-item{animation:none!important;transform:none!important}}@media (width<=1200px){.hide-tablet{display:none!important}.storefront-svg{width:72px;height:68px}.cart-svg{width:70px;height:70px}.bag-svg{width:66px;height:74px}.box-pkg-svg{width:70px;height:70px}.pin-svg{width:64px;height:72px}.warehouse-svg,.mall-svg{width:72px;height:68px}}@media (width<=860px){.hide-mobile{display:none!important}.pos-top-left{top:2%;left:3%}.pos-top-right{top:2%;right:3%}.pos-bot-left{bottom:2%;left:3%}.pos-bot-right{bottom:2%;right:3%}.storefront-svg{width:56px;height:54px}.bag-svg{width:52px;height:58px}.box-pkg-svg{width:54px;height:54px}.pin-svg{width:52px;height:58px}.warehouse-svg,.mall-svg{width:56px;height:54px}.store-float-item{opacity:.65!important;filter:none!important}}.ss-page{box-sizing:border-box;background:linear-gradient(135deg,#dbe4f9 0%,#c9d6f3 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:40px 20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow-x:hidden}.ss-overlay{pointer-events:none;background:radial-gradient(circle at 50% 0,#6366f10d 0%,#0000 70%);position:absolute;inset:0}.ss-white-card-wrapper{z-index:10;box-sizing:border-box;background:#fff;border-radius:28px;flex-direction:column;width:100%;max-width:1140px;padding:40px 44px;animation:.6s ease-out ss-fadeUp;display:flex;position:relative;box-shadow:0 20px 60px #6478b426}@keyframes ss-fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ss-header-nav{justify-content:flex-start;width:100%;margin-bottom:16px;display:flex}.ss-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #00000008}.ss-back-btn:hover{color:#4f46e5;background:#fff;border-color:#cbd5e1;transform:translate(-3px)}.ss-header{text-align:center;margin-bottom:1.5rem}.ss-logo-icon{color:#6366f1;background:#ebf2fe;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 1.2rem;display:flex;box-shadow:0 4px 12px #6366f11f}.ss-header h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800;color:#0f172a!important}.ss-header p{margin:0;font-size:16px;color:#64748b!important}.ss-search-wrapper{width:100%;max-width:460px;margin:0 auto 1.8rem;position:relative}.ss-search-box{box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;align-items:center;width:100%;height:46px;padding:0 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #0f172a08}.ss-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126,0 4px 12px #6366f114}.ss-search-icon{color:#94a3b8;flex-shrink:0;margin-right:10px;transition:color .2s}.ss-search-box:focus-within .ss-search-icon{color:#6366f1}.ss-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14.5px;font-weight:500}.ss-search-input::placeholder{color:#94a3b8;font-weight:400}.ss-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-left:8px;padding:0;transition:all .2s;display:flex}.ss-search-clear:hover{color:#0f172a;background:#cbd5e1}.ss-search-empty{padding:40px 20px!important}.ss-search-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex}.ss-btn-clear-search{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:6px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s}.ss-btn-clear-search:hover{color:#0f172a;background:#e2e8f0}.ss-slider-container{justify-content:center;align-items:center;gap:16px;width:100%;margin-bottom:1.8rem;display:flex;position:relative}.ss-slider-content{flex:1;width:100%;overflow:hidden}.ss-slider-arrow{color:#475569;cursor:pointer;z-index:5;background:#fff;border:1.5px solid #e2e8f0;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0f172a0f}.ss-slider-arrow:hover:not(:disabled){color:#fff;background:#6366f1;border-color:#6366f1;transform:scale(1.08);box-shadow:0 4px 14px #6366f159}.ss-slider-arrow:active:not(:disabled){transform:scale(.96)}.ss-slider-arrow:disabled{opacity:.25;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f8fafc;border-color:#f1f5f9}.ss-slider-arrow.hidden-arrow{visibility:hidden;pointer-events:none}.ss-slide-from-right{animation:.32s cubic-bezier(.16,1,.3,1) forwards ssSlideRight}.ss-slide-from-left{animation:.32s cubic-bezier(.16,1,.3,1) forwards ssSlideLeft}.ss-fade-in{animation:.3s ease-out forwards ssFadeIn}@keyframes ssSlideRight{0%{opacity:.3;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes ssSlideLeft{0%{opacity:.3;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes ssFadeIn{0%{opacity:.4}to{opacity:1}}.ss-grid{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}@media (width<=960px){.ss-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (width<=640px){.ss-grid{grid-template-columns:1fr;gap:16px}.ss-slider-container{gap:8px}.ss-slider-arrow{width:36px;height:36px}.ss-white-card-wrapper{padding:28px 18px}}.ss-photo-card{cursor:pointer;text-align:center;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;height:auto;min-height:230px;padding:26px 20px 22px;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 18px #0f172a0d}.ss-photo-card:hover{border-color:#cbd5e1;transform:translateY(-5px);box-shadow:0 14px 30px #3b82f624}.ss-photo-card.selected{background:#fbfbfe;border-color:#6366f1;box-shadow:0 0 0 2px #6366f1,0 14px 30px #6366f12e}.ss-card-select-btn{cursor:pointer;z-index:5;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex;position:absolute;top:14px;right:14px}.ss-card-select-btn:hover{transform:scale(1.1)}.ss-card-selected-badge{background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) ss-popIn;display:flex;box-shadow:0 3px 10px #6366f166}@keyframes ss-popIn{0%{transform:scale(0)}to{transform:scale(1)}}.ss-card-unselected-ring{background:#fff;border:2px solid #cbd5e1;border-radius:50%;width:22px;height:22px;transition:all .2s}.ss-photo-card:hover .ss-card-unselected-ring{border-color:#94a3b8}.ss-card-center-icon{justify-content:center;align-items:center;margin-bottom:14px;transition:transform .25s;display:flex}.ss-card-3d-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #0f172a1a);width:78px;height:78px;transition:transform .25s;display:block}.ss-photo-card:hover .ss-card-3d-icon{transform:scale(1.08)}.ss-card-content{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.ss-card-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0 0 4px;font-size:19px;font-weight:700;line-height:1.3;overflow:hidden;color:#0f172a!important}.ss-card-subtitle{white-space:nowrap;text-overflow:ellipsis;width:100%;margin:0;font-size:13.5px;font-weight:500;line-height:1.45;overflow:hidden;color:#64748b!important}.ss-pagination-dots{justify-content:center;align-items:center;gap:6px;margin-top:-6px;margin-bottom:1.8rem;display:flex}.ss-dot{cursor:pointer;background:#cbd5e1;border:none;border-radius:4px;width:8px;height:8px;padding:0;transition:all .25s}.ss-dot.active{background:#6366f1;width:24px}.ss-loading,.ss-empty{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:60px 20px;display:flex;box-shadow:0 4px 6px -1px #00000005}.ss-loading-dots{gap:8px;margin-bottom:16px;display:flex}.ss-loading-dots span{background:#8b5cf6;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both ss-bounce}.ss-loading-dots span:first-child{animation-delay:-.32s}.ss-loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes ss-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.ss-loading-text{color:#64748b;font-size:14px;font-weight:600}.ss-empty-icon{color:#ef4444;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.ss-empty h3{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.ss-empty p{color:#64748b;text-align:center;margin:0 0 20px;font-size:14px}.ss-actions{justify-content:center;width:100%;display:flex}.ss-btn-continue{cursor:pointer;color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 2.8rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 24px #6366f159}.ss-btn-continue:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 100%);transform:translateY(-2px);box-shadow:0 10px 32px #6366f173}.ss-btn-continue:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ss-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ss-spin}@keyframes ss-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ss-footer{text-align:center;margin-top:1.8rem}.ss-footer p{color:#94a3b8;font-size:13px}.ss-toast{z-index:1000;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:14px;font-weight:600;animation:.3s ss-toastIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000026}.ss-toast.success{color:#fff;background:#10b981}.ss-toast.error{color:#fff;background:#ef4444}@keyframes ss-toastIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.navbar{z-index:1000;border-bottom:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);height:60px;box-shadow:var(--shadow-sm);align-items:center;padding:0 1.5rem;transition:background-color .25s,border-color .25s,color .25s;display:flex;position:sticky;top:0}[data-theme=dark] .navbar{background:#1e293b!important;border-bottom-color:#334155!important;box-shadow:0 4px 20px #0006!important}.nav-left{align-items:center;margin-right:2rem;padding-left:.5rem;display:flex}.menu-toggle-btn{color:var(--text-muted,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=dark] .menu-toggle-btn{color:#f8fafc!important}[data-theme=dark] .menu-toggle-btn svg{color:#f8fafc!important;stroke:#f8fafc!important}.menu-toggle-btn:hover{color:#fff!important;background:#6366f1!important;box-shadow:0 4px 14px #6366f159!important}.menu-toggle-btn:hover svg{color:#fff!important;stroke:#fff!important}.nav-center{flex:1;justify-content:flex-start;align-items:center;display:flex}.nav-panel{align-items:center;gap:.5rem;display:flex}.nav-item-dropdown-wrapper{align-items:center;height:100%;display:flex;position:relative}.nav-link{color:var(--text-primary,#0f172a);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .25s;display:flex;box-shadow:none!important;background:0 0!important;border:none!important}[data-theme=dark] .nav-link{color:#f8fafc!important}[data-theme=dark] .nav-link .chevron{color:#cbd5e1!important}.nav-link:hover{color:#fff!important;background:#6366f1!important;box-shadow:0 4px 14px #6366f159!important}.nav-link:hover svg,.nav-link:hover .chevron{color:#fff!important;stroke:#fff!important}.nav-link.active,.navbar .nav-link.active{color:#fff!important;background:#6366f1!important;border-radius:10px!important;font-weight:700!important;box-shadow:0 4px 14px #6366f159!important}.nav-link .chevron{color:var(--text-muted,#94a3b8);margin-top:2px;transition:transform .2s,color .25s}.nav-link.active .chevron,.navbar .nav-link.active .chevron{color:#fff!important}.nav-item-dropdown-wrapper:hover .chevron{transform:rotate(180deg)}.nav-dropdown-menu{background:var(--dropdown-bg,#fff);min-width:200px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color,#f1f5f9);visibility:hidden;opacity:0;z-index:1100;border-radius:12px;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:0;transform:translateY(10px)}[data-theme=dark] .nav-dropdown-menu{background:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px -5px #00000080!important}.nav-item-dropdown-wrapper:hover .nav-dropdown-menu{visibility:visible;opacity:1;transform:translateY(0)}.dropdown-sub-link{color:var(--text-muted,#64748b);white-space:nowrap;border-radius:10px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:block}[data-theme=dark] .dropdown-sub-link{color:#cbd5e1!important}.dropdown-sub-link:hover{color:#fff!important;background:#6366f1!important}.dropdown-sub-link.active{font-weight:700;color:#fff!important;background:#6366f1!important}.nav-actions{align-items:center;gap:.75rem;margin-left:auto;display:flex}.nav-view-bill-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem .85rem;transition:all .25s;display:flex;color:#4f46e5!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;border-radius:10px!important;font-size:.85rem!important;font-weight:700!important;box-shadow:0 2px 8px #6366f11a!important}.nav-view-bill-btn:hover{transform:translateY(-1px);color:#fff!important;background:#6366f1!important;border-color:#6366f1!important;box-shadow:0 4px 14px #6366f14d!important}.dark .nav-view-bill-btn{color:#a5b4fc!important;background:#6366f126!important;border-color:#6366f159!important}.dark .nav-view-bill-btn:hover{color:#fff!important;background:#6366f1!important}.stock-status-nav-btn{cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem .85rem;transition:all .25s;display:flex;color:#fff!important;background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border:none!important;border-radius:10px!important;font-size:.85rem!important;font-weight:650!important;box-shadow:0 4px 12px #6366f14d!important}.stock-status-nav-btn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#4f46e5,#4338ca)!important;box-shadow:0 6px 16px #6366f173!important}.icon-btn-border{color:var(--text-muted,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .25s;display:flex;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.icon-btn-border:hover{color:#fff!important;background:#6366f1!important;box-shadow:0 4px 14px #6366f159!important}.icon-btn-border:hover svg{color:#fff!important;stroke:#fff!important}.notification-wrapper{position:relative}.notification-badge{color:#fff;border:2px solid var(--bg-surface,#fff);background:#f43f5e;border-radius:50%;justify-content:center;align-items:center;min-width:16px;height:16px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.company-menu-container{z-index:1001;position:absolute;top:55px;right:1.5rem}.active-selection-dropdown{background:var(--dropdown-bg,#fff);width:320px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color,#f1f5f9);border-radius:16px;padding:1.25rem}.profile-info-row{align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.profile-avatar-icon{background:var(--primary,#6366f1);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.profile-details-stack{flex-direction:column;display:flex}.profile-email-text{color:var(--text-main,#1e293b);font-size:.85rem;font-weight:600}.profile-role-text{color:var(--text-muted,#94a3b8);font-size:.75rem}.summary-divider-line{background:var(--border-color,#f1f5f9);height:1px;margin:.5rem 0 1rem}.active-summary-custom-header{color:var(--text-muted,#94a3b8);letter-spacing:.05em;margin-bottom:1rem;font-size:.65rem;font-weight:800}.selection-grid-mini{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.selection-card-custom{background:var(--bg-hover,#f8fafc);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.row-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:800;display:flex;background:0 0!important}.row-content{flex-direction:column;display:flex}.row-label{color:var(--text-muted,#94a3b8);font-size:.6rem;font-weight:800}.row-value{color:var(--text-secondary,#334155);font-size:.8rem;font-weight:700}.swipe-change-static-btn{background:var(--bg-surface,#fff);border:1px solid var(--border-color,#f1f5f9);width:100%;height:40px;color:var(--text-muted,#64748b);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.swipe-change-static-btn:hover{color:#f43f5e;background:#fff1f2;border-color:#fecdd3}.search-overlay-dropdown{background:var(--dropdown-bg,#fff);border-bottom:1px solid var(--border-color,#f1f5f9);box-shadow:var(--shadow-lg);z-index:999;padding:1rem 1.5rem;position:absolute;top:60px;left:0;right:0}.search-dropdown-input{background:var(--bg-input,#f8fafc);border:1px solid var(--border-color,#e2e8f0);width:100%;height:40px;color:var(--text-main,#0f172a);border-radius:10px;outline:none;padding:0 1rem;font-size:.95rem}.search-dropdown-input:focus{border-color:var(--primary,#6366f1);background:var(--bg-surface,#fff)}@media (width>=1025px){.menu-toggle-btn{display:flex}}@media (width<=1024px){.nav-panel{gap:1rem}.nav-link{font-size:.85rem}.nav-link .chevron{display:none}}@media (width<=768px){.nav-center{display:none}}.quick-actions-section{flex-direction:column;gap:.5rem;margin-top:.25rem;display:flex}.menu-section-header{color:var(--text-muted,#94a3b8);letter-spacing:.05em;margin-bottom:.25rem;font-size:.65rem;font-weight:800}.quick-action-item{background:var(--bg-hover,#f8fafc);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem .75rem;transition:all .2s;display:flex}.quick-action-item:hover:not(.no-hover){background:var(--primary-light,#eef2ff);border-color:var(--primary,#6366f1);transform:translate(2px)}.quick-action-item.no-hover{cursor:default;background:0 0;padding:.35rem .25rem}.action-item-left{align-items:center;gap:.75rem;display:flex}.action-item-icon{color:var(--primary,#6366f1)}.action-item-text{flex-direction:column;display:flex}.action-title{color:var(--text-main,#1e293b);font-size:.825rem;font-weight:700}.action-subtitle{color:var(--text-muted,#64748b);font-size:.7rem}.action-arrow{color:var(--text-muted,#94a3b8);transition:transform .2s}.quick-action-item:hover .action-arrow{color:var(--primary,#6366f1);transform:translate(3px)}.sub-settings-links{border-left:2px solid var(--primary,#6366f1);border-radius:0 6px 6px 0;flex-direction:column;gap:.15rem;margin-top:.25rem;margin-left:1.25rem;padding:.35rem .5rem .35rem .75rem;display:flex}.sub-settings-item{cursor:pointer;color:var(--text-secondary,#475569);border-radius:8px;align-items:center;gap:.6rem;padding:.45rem .65rem;transition:background .15s,color .15s;display:flex}.sub-settings-item .sub-settings-icon{color:var(--text-muted,#94a3b8);flex-shrink:0;transition:color .15s}.sub-settings-item span{font-size:.8rem;font-weight:600;line-height:1}.sub-settings-item:hover{background:var(--primary-light,#eef2ff);color:var(--primary,#6366f1)}.sub-settings-item:hover .sub-settings-icon{color:var(--primary,#6366f1)}.theme-options-grid{grid-template-columns:repeat(3,1fr);gap:.35rem;margin-top:.35rem;display:grid}.theme-option-btn{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-surface,#fff);color:var(--text-main,#475569);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.45rem .25rem;font-size:.725rem;font-weight:600;transition:all .2s;display:flex}.theme-option-btn:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1);background:var(--bg-hover,#f8fafc)}.theme-option-btn.active{background:var(--primary,#6366f1);color:#fff;border-color:var(--primary,#6366f1);box-shadow:0 2px 6px #6366f140}.profile-name-text{color:var(--text-main,#0f172a);font-size:.9rem;font-weight:800}.logout-action-btn:hover{color:#dc2626!important;background:#fee2e2!important;border-color:#fca5a5!important}.action-arrow.arrow-down{color:var(--primary,#6366f1);transform:rotate(90deg)}.quick-action-item.settings-active{background:var(--primary-light,#eef2ff);border-color:var(--primary,#6366f1)}.quick-action-item.settings-active .action-title,.quick-action-item.settings-active .action-item-icon{color:var(--primary,#6366f1)}.spin-refresh svg{color:#6366f1;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.navbar-dropdown-wrapper{align-items:center;height:100%;display:inline-flex;position:relative}.nav-link-btn{color:var(--text-secondary,#475569);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.925rem;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important}.nav-link-btn:hover{color:#fff!important;background:#6366f1!important;box-shadow:0 4px 14px #6366f159!important}.nav-link-btn:hover svg,.nav-link-btn:hover .nav-chevron{color:#fff!important;stroke:#fff!important}.nav-link-btn.active{color:#fff!important;background:#6366f1!important;font-weight:700!important;box-shadow:0 4px 14px #6366f159!important}.nav-link-btn.active svg,.nav-link-btn.active .nav-chevron{color:#fff!important;stroke:#fff!important}.nav-chevron{color:var(--text-muted,#94a3b8);transition:transform .25s cubic-bezier(.16,1,.3,1),color .25s}.nav-chevron.rotated,.navbar-dropdown-wrapper:hover .nav-chevron{transform:rotate(180deg)}.navbar-dropdown-popover{z-index:1200;visibility:hidden;opacity:0;pointer-events:none;min-width:220px;padding-top:6px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),visibility .2s cubic-bezier(.16,1,.3,1);position:absolute;top:100%;left:0;transform:translateY(8px)}.navbar-dropdown-bridge{background:0 0;height:16px;position:absolute;top:-10px;left:0;right:0}.navbar-dropdown-popover.show,.navbar-dropdown-wrapper:hover .navbar-dropdown-popover{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-dropdown-card{background:var(--dropdown-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-lg);border-radius:14px;flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.navbar-sub-item{color:var(--text-secondary,#475569);white-space:nowrap;border-radius:10px;align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item-icon{color:inherit;opacity:0;pointer-events:none;flex-shrink:0;justify-content:center;align-items:center;max-width:0;margin-right:0;transition:max-width .25s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),margin-right .25s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.16,1,.3,1);display:inline-flex;overflow:hidden;transform:scale(.8)}.nav-link-btn:hover .nav-item-icon,.navbar-dropdown-wrapper:hover .nav-item-icon{opacity:1;max-width:22px;margin-right:2px;transform:scale(1)}.nav-item-icon svg{flex-shrink:0;width:18px;height:18px}.sub-item-indicator{display:none!important}.sub-item-icon{width:20px;height:20px;color:var(--text-secondary,#475569);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.sub-item-icon svg{width:18px;height:18px}.sub-item-text{flex:1}.navbar-sub-item:hover,.navbar-sub-item.active{color:#fff!important;background:#6366f1!important}.navbar-sub-item:hover{transform:translate(3px)}.navbar-sub-item:hover .sub-item-icon,.navbar-sub-item.active .sub-item-icon{transform:scale(1.1);color:#fff!important}.navbar-sub-item:hover .sub-item-icon svg,.navbar-sub-item.active .sub-item-icon svg{stroke:#fff;color:#fff!important}@media (width<=1024px){.nav-link-btn{padding:.45rem .75rem;font-size:.85rem}}.notification-wrapper{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:inline-block;position:relative}.icon-wrapper{cursor:pointer;width:40px;height:40px;color:var(--text-muted,#64748b);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.icon-wrapper:hover{background-color:var(--primary,#6366f1)!important;color:#fff!important}.bell-icon{font-size:20px}.count-badge{color:#fff;border:2px solid var(--bg-surface,#fff);background:#f43f5e;border-radius:9999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #f43f5e59}.notification-dropdown{background:var(--bg-card,#fff);width:360px;box-shadow:var(--shadow-lg,0 10px 30px -5px #0000001f);border:1px solid var(--border-color,#e2e8f0);z-index:1200;border-radius:16px;animation:.2s cubic-bezier(.16,1,.3,1) slideInDropdown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes slideInDropdown{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{border-bottom:1px solid var(--border-color,#f1f5f9);background:var(--bg-card,#fff);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.dropdown-header h4{color:var(--text-primary,#0f172a);align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:750;display:flex}.mark-read-btn{background:var(--primary-light,#eff6ff);border:1px solid var(--primary,#6366f1);color:var(--primary,#2563eb);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:650;transition:all .2s}.mark-read-btn:hover{background:var(--primary,#6366f1);color:#fff}.notification-list{max-height:380px;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid var(--border-color,#f8fafc);align-items:flex-start;gap:12px;padding:12px 18px;transition:background .15s;animation:.25s cubic-bezier(.16,1,.3,1) slideInItem;display:flex}@keyframes slideInItem{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notification-item:last-child{border-bottom:none}.notification-item.unread{background-color:var(--bg-hover,#f8fafc)}.notification-item:hover{background-color:var(--table-row-hover,#f1f5f9)}.item-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.item-content{flex:1;min-width:0}.item-title{color:var(--text-primary,#1e293b);font-size:.88rem;font-weight:700;display:block}.dropdown-footer{border-top:1px solid var(--border-color,#f1f5f9);text-align:center;background-color:var(--bg-card,#f8fafc);padding:10px 14px}.view-all-link{color:var(--primary,#2563eb);justify-content:center;align-items:center;gap:4px;font-size:.85rem;font-weight:650;text-decoration:none;transition:color .2s;display:flex}.view-all-link:hover{color:var(--primary-hover,#1d4ed8)}[data-theme=dark] .icon-wrapper{color:#f8fafc!important}[data-theme=dark] .notification-dropdown{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 30px -5px #0009!important}[data-theme=dark] .dropdown-header{background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .dropdown-header h4{color:#f8fafc!important}[data-theme=dark] .mark-read-btn{color:#818cf8!important;background:#6366f133!important;border-color:#6366f1!important}[data-theme=dark] .notification-item{border-bottom-color:#334155!important}[data-theme=dark] .notification-item.unread{background-color:#0f172a!important}[data-theme=dark] .notification-item:hover{background-color:#334155!important}[data-theme=dark] .item-title{color:#f8fafc!important}[data-theme=dark] .dropdown-footer{background-color:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] .view-all-link{color:#818cf8!important}.confirm-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background-color:#00000073;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.15s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.confirm-modal-box{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;width:90%;max-width:420px;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 10px 25px -5px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{align-items:center;gap:12px;margin-bottom:16px;display:flex;position:relative}.confirm-modal-icon{background-color:#fef3c7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.confirm-modal-title{color:#1e293b;flex-grow:1;margin:0;font-size:1.15rem;font-weight:700}.confirm-modal-content{margin-bottom:24px}.confirm-modal-message{color:#475569;margin:0;font-size:1rem;line-height:1.5}.confirm-modal-footer{justify-content:flex-end;gap:12px;display:flex}.confirm-btn-cancel{color:#64748b;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:100px;padding:10px 0;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.confirm-btn-cancel:hover{color:#334155;background-color:#f8fafc;border-color:#cbd5e1}.confirm-btn-ok{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;width:100px;padding:10px 0;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #ef444433}.confirm-btn-ok:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.confirm-btn-ok:active{transform:translateY(0)}*{box-sizing:border-box}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes modalContentPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes pulseGlow{0%{opacity:.5;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}to{opacity:.5;transform:scale(1)}}.welcome-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999999;background-color:#0f172aad;justify-content:center;align-items:center;padding:20px 16px;animation:.25s ease-out forwards modalBackdropFadeIn;display:flex;position:fixed;inset:0}.welcome-modal-container{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border-radius:18px;flex-direction:column;gap:16px;width:100%;max-width:640px;max-height:92vh;padding:26px 24px 22px;animation:.28s cubic-bezier(.16,1,.3,1) forwards modalContentPopIn;display:flex;overflow:hidden auto;box-shadow:0 24px 48px -12px #0f172a4d,0 0 0 1px #e2e8f0e6}.welcome-modal-container::-webkit-scrollbar{width:6px}.welcome-modal-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.welcome-header{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.celebration-icon-wrapper{justify-content:center;align-items:center;width:58px;height:58px;display:flex;position:relative}.icon-glow-ring{background:radial-gradient(circle,#10b98159 0%,#10b98100 70%);border-radius:50%;animation:2.4s ease-in-out infinite pulseGlow;position:absolute;inset:-4px}.celebration-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:relative;box-shadow:0 8px 18px -3px #10b98166}.sparkle-decorator{color:#fbbf24;position:absolute}.sparkle-left{top:-2px;left:-6px}.sparkle-right{bottom:-2px;right:-6px}.welcome-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.welcome-subtitle{color:#475569;flex-direction:column;gap:2px;font-size:.88rem;line-height:1.38;display:flex}.welcome-subtitle p{margin:0}.welcome-greeting{color:#0284c7;font-size:.95rem;font-weight:700}.confirm-text{color:#334155;font-weight:500}.welcome-store-card-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;width:100%;padding:14px 16px;display:flex}.welcome-card-header-bar{border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.welcome-card-tag{text-transform:uppercase;letter-spacing:.06em;color:#64748b;font-size:.74rem;font-weight:700}.welcome-api-sync-badge{color:#0284c7;align-items:center;gap:4px;font-size:.74rem;font-weight:500;display:flex}.welcome-store-card-hero{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex;box-shadow:0 4px 12px #0f172a0a}.welcome-hero-top{align-items:center;gap:14px;display:flex}.welcome-store-img-wrapper{border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;width:60px;height:60px;overflow:hidden;box-shadow:0 2px 8px #0000000f}.welcome-store-img{object-fit:cover;width:100%;height:100%}.welcome-store-img-placeholder{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.welcome-hero-main-info{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.welcome-title-status-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.welcome-store-title-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;line-height:1.25;overflow:hidden}.welcome-badge-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.welcome-badge-chip{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.welcome-badge-chip.biz{color:#0369a1;background:#e0f2fe}.welcome-badge-chip.type{color:#92400e;background:#fef3c7}.welcome-badge-chip.code{color:#7e22ce;background:#f3e8ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.welcome-status-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-flex}.welcome-status-pill.active{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.welcome-status-pill.inactive{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.welcome-status-dot{background-color:currentColor;border-radius:50%;width:6px;height:6px}.welcome-hero-divider{background:#f1f5f9;width:100%;height:1px}.welcome-hero-details{flex-direction:column;gap:10px;display:flex}.welcome-details-subgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.welcome-info-cell{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.welcome-info-cell.address-cell{background:#f0f9ff;border-color:#e0f2fe;grid-column:1/-1}.welcome-cell-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.welcome-cell-icon.owner{color:#0284c7;background:#e0f2fe}.welcome-cell-icon.phone{color:#16a34a;background:#dcfce7}.welcome-cell-icon.address{color:#ea580c;background:#ffedd5}.welcome-cell-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.welcome-cell-label{color:#64748b;letter-spacing:.04em;font-size:.7rem;font-weight:700}.welcome-cell-val{color:#1e293b;word-break:break-word;font-size:.86rem;font-weight:600}.phone-highlight{color:#15803d;font-weight:700}.address-val{color:#334155;line-height:1.35}.info-message-box{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;display:flex}.info-icon-wrapper{color:#059669;flex-shrink:0;margin-top:1px}.info-text-group{color:#065f46;flex-direction:column;gap:3px;font-size:.82rem;line-height:1.38;display:flex}.info-text-group p{margin:0;font-weight:500}.info-text-group .sub-info{color:#047857;font-size:.78rem;font-weight:400}.welcome-actions{flex-direction:column;gap:8px;width:100%;display:flex}.continue-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:46px;font-size:.94rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #2563eb4d}.continue-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb66}.continue-btn:active{transform:translateY(0)}.change-store-btn{color:#475569;cursor:pointer;background:0 0;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:40px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.change-store-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}@media (width<=580px){.welcome-modal-container{border-radius:14px;gap:14px;padding:20px 16px 18px}.welcome-details-subgrid{grid-template-columns:1fr}.welcome-title{font-size:1.18rem}.welcome-hero-top{flex-direction:column;align-items:flex-start}}.store-modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:999999;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;width:100vw;height:100vh;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) fadeInModal;display:flex;position:fixed;top:0;left:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.store-modal-container{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0e6;border-radius:18px;flex-direction:column;width:100%;max-width:580px;max-height:85vh;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .store-modal-container{color:#f8fafc;background:#1e293b;border-color:#ffffff1a}.store-modal-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex}[data-theme=dark] .store-modal-header{background:#1e293b;border-bottom-color:#334155}.store-icon-badge{color:#fff;background:linear-gradient(135deg,#0070ea 0%,#3b82f6 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #0070ea4d}.header-text-group h2{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700;line-height:1.2}[data-theme=dark] .header-text-group h2{color:#f8fafc}.header-text-group p{color:#64748b;margin:3px 0 0;font-size:.8rem}[data-theme=dark] .header-text-group p{color:#94a3b8}.header-text-group code{color:#0070ea;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:.75rem}[data-theme=dark] .header-text-group code{color:#60a5fa;background:#334155}.close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}[data-theme=dark] .close-btn{color:#94a3b8;background:#334155}[data-theme=dark] .close-btn:hover{color:#fff;background:#475569}.store-toast-alert{color:#166534;background:#dcfce7;border:1px solid #86efac;border-radius:10px;align-items:center;gap:.6rem;margin:.75rem 1.4rem 0;padding:.65rem 1rem;font-size:.85rem;font-weight:600;animation:.2s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.store-modal-controls{align-items:center;gap:.75rem;padding:.9rem 1.4rem .5rem;display:flex}.store-search-input-wrapper{flex:1;align-items:center;display:flex;position:relative}.store-search-input-wrapper .search-icon{color:#94a3b8;position:absolute;left:12px}.store-search-input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.55rem 2rem .55rem 2.4rem;font-size:.85rem;transition:all .2s}.store-search-input:focus{background:#fff;border-color:#0070ea;box-shadow:0 0 0 3px #0070ea26}[data-theme=dark] .store-search-input{color:#f8fafc;background:#0f172a;border-color:#334155}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;display:flex;position:absolute;right:10px}.refresh-stores-btn{color:#0070ea;cursor:pointer;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.refresh-stores-btn:hover{background:#dbeafe}[data-theme=dark] .refresh-stores-btn{color:#93c5fd;background:#1e3a8a;border-color:#1e40af}.store-cards-container{flex-direction:column;gap:.85rem;max-height:420px;padding:.75rem 1.4rem 1.25rem;display:flex;overflow-y:auto}.store-card-item{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .2s}.store-card-item:hover{background:#fff;border-color:#0070ea;box-shadow:0 6px 16px -4px #0070ea1f}[data-theme=dark] .store-card-item{background:#0f172a;border-color:#334155}[data-theme=dark] .store-card-item:hover{background:#1e293b;border-color:#3b82f6}.store-card-item.active-store-card{background:#f0f7ff;border-color:#0070ea;box-shadow:0 0 0 2px #0070ea2e}[data-theme=dark] .store-card-item.active-store-card{background:#172554;border-color:#3b82f6}.store-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.store-info-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.store-avatar{color:#0284c7;background:#e0f2fe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.store-avatar img{object-fit:cover;width:100%;height:100%}.store-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.store-name-text{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:700;overflow:hidden}[data-theme=dark] .store-name-text{color:#f8fafc}.badge-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.business-name-badge{color:#475569;background:#e2e8f0;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}[data-theme=dark] .business-name-badge{color:#cbd5e1;background:#334155}.store-code-badge{color:#0d9488;background:#ccfbf1;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}[data-theme=dark] .store-code-badge{color:#99f6e4;background:#115e59}.store-type-badge{color:#0070ea;background:#eff6ff;border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}[data-theme=dark] .store-type-badge{color:#93c5fd;background:#1e3a8a}.active-badge{color:#16a34a;background:#dcfce7;border:1px solid #86efac;border-radius:16px;flex-shrink:0;align-items:center;gap:.35rem;padding:4px 10px;font-size:.78rem;font-weight:700;display:flex}.select-store-btn{color:#fff;cursor:pointer;background:#0070ea;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:.8rem;font-weight:600;transition:background .2s}.select-store-btn:hover{background:#0056b3}.store-card-body{border-top:1px solid #f1f5f9;flex-direction:column;gap:.4rem;margin-top:.6rem;padding-top:.6rem;display:flex}[data-theme=dark] .store-card-body{border-top-color:#334155}.store-detail-row{color:#475569;align-items:flex-start;gap:.5rem;font-size:.84rem;line-height:1.35;display:flex}[data-theme=dark] .store-detail-row{color:#94a3b8}.store-detail-row .detail-icon{color:#0070ea;flex-shrink:0;margin-top:2px}.store-detail-row .detail-text.bold{color:#1e293b;font-weight:600}[data-theme=dark] .store-detail-row .detail-text.bold{color:#e2e8f0}.store-detail-row.location-row{color:#475569;padding-left:1.45rem;font-size:.82rem}.store-skeleton-wrapper{flex-direction:column;gap:.8rem;display:flex}.store-card-skeleton{background:#f1f5f9;border-radius:12px;flex-direction:column;gap:.5rem;padding:1.1rem;animation:1.4s ease-in-out infinite pulseSkeleton;display:flex}@keyframes pulseSkeleton{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.skeleton-line{background:#cbd5e1;border-radius:6px;height:14px}.skeleton-line.title{width:50%;height:18px}.skeleton-line.sub{width:30%}.skeleton-line.addr{width:80%}.store-error-state{text-align:center;color:#dc2626;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1rem;display:flex}.store-error-state .error-icon{color:#ef4444}.store-error-state h3{margin:0;font-size:1.1rem;font-weight:700}.store-error-state p{color:#64748b;margin:0;font-size:.84rem}.retry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-top:.4rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:600;display:flex}.no-stores-found{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:.6rem;padding:2.5rem 1rem;display:flex}.no-stores-found .empty-icon{color:#94a3b8}.no-stores-found h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}[data-theme=dark] .no-stores-found h3{color:#f8fafc}.no-stores-found p{margin:0;font-size:.84rem}.store-modal-footer{color:#64748b;text-align:center;background:#f8fafc;border-top:1px solid #f1f5f9;padding:.75rem 1.4rem;font-size:.76rem}[data-theme=dark] .store-modal-footer{color:#94a3b8;background:#0f172a;border-top-color:#334155}.billing-mode-selector-wrapper{align-items:center;display:inline-flex;position:relative}.billing-mode-trigger-btn{cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;min-height:36px;padding:.38rem .75rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;background:var(--bg-card,#f8fafc)!important;border:1px solid var(--border-color,#e2e8f0)!important;color:var(--text-primary,#0f172a)!important;border-radius:9px!important;font-size:.85rem!important;font-weight:600!important;box-shadow:0 1px 2px #0000000a!important}.billing-mode-trigger-btn:hover{color:#6366f1!important;background:#fff!important;border-color:#6366f1!important;box-shadow:0 2px 8px #6366f126!important}.billing-mode-trigger-btn.open{background:#fff!important;border-color:#6366f1!important;box-shadow:0 0 0 2px #6366f133!important}.billing-mode-indicator-dot{background:#10b981;border-radius:50%;width:7px;height:7px;transition:background-color .2s;box-shadow:0 0 6px #10b98166}.billing-mode-trigger-btn.mode-purchase .billing-mode-indicator-dot{background:#6366f1;box-shadow:0 0 6px #6366f180}.billing-mode-label{letter-spacing:.01em}.billing-mode-chevron{color:var(--text-muted,#94a3b8);transition:transform .2s,color .2s}.billing-mode-chevron.rotated{color:#6366f1;transform:rotate(180deg)}.billing-mode-dropdown-menu{background:var(--dropdown-bg,#fff);border:1px solid var(--border-color,#e2e8f0);z-index:1200;border-radius:12px;flex-direction:column;gap:.25rem;min-width:220px;padding:.4rem;animation:.18s cubic-bezier(.16,1,.3,1) billingModeMenuFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #0f172a1f,0 8px 10px -6px #0f172a14}@keyframes billingModeMenuFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.billing-mode-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--border-light,#f1f5f9);margin-bottom:.2rem;padding:.35rem .6rem .25rem;font-size:.68rem;font-weight:700}.billing-mode-option{cursor:pointer;text-align:left;width:100%;color:var(--text-primary,#1e293b);justify-content:space-between;align-items:center;padding:.55rem .75rem;transition:all .15s;display:flex;background:0 0!important;border:none!important;border-radius:8px!important}.billing-mode-option:hover{background:var(--bg-hover,#f1f5f9)!important}.billing-mode-option.selected{color:#4f46e5!important;background:#6366f114!important}.billing-mode-option-left{align-items:center;gap:.6rem;display:flex}.billing-mode-option-icon{color:#64748b;background:#f1f5f9;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.billing-mode-option-icon.sale{color:#059669;background:#ecfdf5}.billing-mode-option-icon.purchase{color:#4f46e5;background:#eef2ff}.billing-mode-option.selected .billing-mode-option-icon.sale{color:#fff;background:#10b981}.billing-mode-option.selected .billing-mode-option-icon.purchase{color:#fff;background:#6366f1}.billing-mode-option-text{flex-direction:column;display:flex}.billing-mode-option-title{font-size:.88rem;font-weight:600;line-height:1.2}.billing-mode-option-desc{color:var(--text-muted,#94a3b8);margin-top:2px;font-size:.72rem;line-height:1.2}.billing-mode-option.selected .billing-mode-option-desc{color:#6366f1;opacity:.85}.billing-mode-option-check{color:#4f46e5;justify-content:center;align-items:center;margin-left:.5rem;display:flex}[data-theme=dark] .billing-mode-trigger-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .billing-mode-trigger-btn:hover,[data-theme=dark] .billing-mode-trigger-btn.open{color:#fff!important;background:#334155!important;border-color:#6366f1!important}[data-theme=dark] .billing-mode-dropdown-menu{background:#1e293b;border-color:#334155;box-shadow:0 10px 25px -5px #00000080}[data-theme=dark] .billing-mode-dropdown-header{color:#64748b;border-bottom-color:#334155}[data-theme=dark] .billing-mode-option{color:#e2e8f0}[data-theme=dark] .billing-mode-option:hover{background:#334155!important}[data-theme=dark] .billing-mode-option.selected{color:#818cf8!important;background:#6366f133!important}[data-theme=dark] .billing-mode-option.selected .billing-mode-option-desc{color:#a5b4fc}[data-theme=dark] .billing-mode-option-check{color:#818cf8}.modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-container{background:#fff;border-radius:12px;width:100%;max-width:550px;padding:2rem;animation:.3s ease-out modalSlideIn;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .2s;position:absolute;top:15px;right:20px}.modal-close-btn:hover{color:#0f172a}.add-billing-form-wrapper{flex-direction:column;align-items:flex-start;display:flex}.card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.card-header1{color:#fff;background-color:#000;padding:15px 20px}.card-header1 h2{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.form-group label{color:#334155;margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:10px;font-size:.95rem;transition:all .2s}select:focus{border-color:#0f172a;box-shadow:0 0 0 2px #0f172a1a}select:disabled{cursor:not-allowed;color:#94a3b8;background-color:#f1f5f9}.continue-btn{color:#fff;cursor:pointer;background-color:#0f172a;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:1rem;font-weight:600;transition:background .3s}.continue-btn:hover:not(:disabled){background-color:#1e293b}.continue-btn:disabled{opacity:.7;cursor:not-allowed;background-color:#cbd5e1}@media (width<=640px){.modal-container{max-width:95%;margin:10px;padding:1.5rem}.card-body{padding:15px}.modal-close-btn{top:10px;right:15px}}.floating-message-container{z-index:9999;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px}.floating-message-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 18px #6366f173}.floating-message-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:scale(1.05);box-shadow:0 6px 24px #6366f199}.floating-message-btn:active{transform:scale(.95)}.floating-message-icon{display:block}.floating-message-badge{color:#fff;background-color:#ef4444;border:2px solid #fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:700;animation:.3s cubic-bezier(.175,.885,.32,1.275) badgePop;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 4px #0000001a}@keyframes badgePop{0%{transform:scale(0)}to{transform:scale(1)}}.floating-message-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background-color:#0f172a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;right:75px;transform:translateY(-50%)scale(.9);box-shadow:0 4px 12px #00000026}.floating-message-tooltip:after{content:"";border:5px solid #0000;border-left-color:#0f172a;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.floating-message-btn:hover .floating-message-tooltip{opacity:1;transform:translateY(-50%)scale(1)}@media (width<=768px){.floating-message-container{bottom:18px;right:18px}.floating-message-btn{width:54px;height:54px}.floating-message-tooltip{display:none}}.mp-page{box-sizing:border-box;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.mp-thread{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}.mp-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px}.mp-header-info{align-items:center;gap:12px;display:flex}.mp-avatar-container{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mp-header-title{color:#0f172a;margin:0;font-size:15px;font-weight:600}.mp-header-status{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.mp-status-dot{display:inline-block}.mp-messages-area{background:#f8fafc;flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.mp-bubble-wrapper{flex-direction:column;width:100%;display:flex}.mp-bubble-container{width:100%;display:flex}.mp-options-container{justify-content:flex-start;gap:8px;margin-top:4px;margin-bottom:12px;padding-left:12px;display:flex}.mp-option-btn{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;box-shadow:0 1px 2px #0000000d}.mp-option-btn:hover{color:#4338ca;background:#f5f3ff;border-color:#c7d2fe;transform:translateY(-1px)}.mp-option-btn:active{transform:translateY(0)}.mp-user-container{justify-content:flex-end}.mp-bot-container{justify-content:flex-start}.mp-bubble{border-radius:16px;flex-direction:column;gap:6px;max-width:80%;padding:12px 16px;animation:.3s ease-out forwards fadeInBubble;display:flex;box-shadow:0 1px 2px #0000000d}.mp-user-bubble{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-bottom-right-radius:4px}.mp-bot-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.mp-bubble-text{white-space:pre-wrap;font-size:14px;line-height:1.5}.mp-bubble-timestamp{text-align:right;opacity:.7;font-size:10px}.mp-user-bubble .mp-bubble-timestamp{color:#e0e7ff}.mp-bot-bubble .mp-bubble-timestamp{color:#64748b}.mp-input-area{background:#fff;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:12px 16px;display:flex}.mp-text-input{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:all .2s}.mp-text-input:focus{background:#fff;border-color:#cbd5e1;box-shadow:0 0 0 2px #6366f11a}.mp-input-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mp-input-action-btn:hover{color:#334155;background:#f1f5f9}.mp-send-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex}.mp-send-btn:hover:not(:disabled){background:#4338ca;transform:scale(1.05)}.mp-send-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#cbd5e1}@keyframes fadeInBubble{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.mp-page{height:calc(100vh - var(--navbar-height) - 20px);justify-content:center;padding:12px}.mp-thread{max-width:100%}}.mp-file-attachment{max-width:100%;margin-bottom:8px}.mp-file-preview-image{object-fit:cover;border-radius:8px;max-width:100%;max-height:180px;display:block}.mp-file-card{background:#00000008;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.mp-user-bubble .mp-file-card{color:#fff;background:#ffffff26;border-color:#ffffff1a}.mp-file-icon-wrapper{color:#4f46e5;background:#4f46e51a;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mp-user-bubble .mp-file-icon-wrapper{color:#fff;background:#fff3}.mp-file-svg{width:18px;height:18px}.mp-file-name{white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:13px;overflow:hidden}.mp-emoji-picker{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(5,1fr);gap:6px;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards slideInEmoji;display:grid;position:absolute;bottom:64px;right:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes slideInEmoji{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mp-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;font-size:20px;transition:all .15s;display:flex}.mp-emoji-btn:hover{background:#f1f5f9;transform:scale(1.15)}.mp-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:100%;margin-top:8px;display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.mp-product-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px;display:flex}.mp-product-info{flex:1;align-items:center;gap:10px;display:flex}.mp-product-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;width:48px;height:48px}.mp-product-name-price{flex-direction:column;gap:2px;display:flex}.mp-product-name{color:#1e293b;text-align:left;font-size:13px;font-weight:600}.mp-product-price-line{color:#4f46e5;text-align:left;font-size:12px;font-weight:600}.mp-product-eye-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.mp-product-eye-btn:hover,.mp-product-eye-btn.active{color:#4f46e5;background:#f1f5f9;border-color:#cbd5e1}.mp-eye-svg{transition:transform .2s}.mp-product-eye-btn:hover .mp-eye-svg{transform:scale(1.1)}.mp-product-details-body{color:#475569;text-align:left;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:12px;font-size:12px;display:flex}.mp-product-desc{text-align:left;margin:0;font-size:12px;line-height:1.4}.mp-product-specs{text-align:left;flex-direction:column;gap:2px;margin:0;padding-left:20px;display:flex}.mp-product-locations{background:#fff;flex-direction:column;gap:8px;padding:12px;display:flex}.mp-location-title{color:#64748b;text-align:left;font-size:12px;font-weight:600}.mp-location-chips{flex-wrap:wrap;gap:6px;display:flex}.mp-location-chip{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mp-location-chip:hover,.mp-location-chip.active{color:#fff;background:#2563eb;border-color:#2563eb}.mp-shop-details-card{color:#166534;text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;flex-direction:column;gap:6px;margin-top:8px;padding:12px;font-size:12px;display:flex}.mp-shop-name{color:#14532d;font-size:13px;font-weight:700}.mp-shop-address{line-height:1.4}.mp-shop-phone{align-items:center;gap:4px;font-weight:600;display:flex}.mp-phone-link{color:#059669;cursor:pointer;text-decoration:underline;transition:color .15s}.mp-phone-link:hover{color:#047857}.animate-slide-down{animation:.2s ease-out forwards slideDown}.mp-recs-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex}.mp-recs-section{flex-direction:column;gap:4px;display:flex}.mp-recs-section-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;text-align:left;font-size:11px;font-weight:700}.mp-rec-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.mp-rec-img{object-fit:cover;border-radius:6px;width:36px;height:36px}.mp-rec-info{text-align:left;flex-direction:column;display:flex}.mp-rec-name{color:#334155;font-size:12px;font-weight:600}.mp-rec-price{color:#4f46e5;font-size:11px;font-weight:600}.mp-combo-item{background:#fff;border:1px solid #f1f5f9;border-radius:8px;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.mp-combo-name{color:#334155;text-align:left;font-weight:500}.mp-combo-price{color:#10b981;font-weight:700}.mp-offer-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;display:flex}.mp-offer-tag{color:#fff;background:#d97706;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.mp-offer-text{color:#78350f;font-weight:600}.mp-contact-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;width:100%;margin-top:8px;padding:12px;display:flex}.mp-contact-title{color:#334155;text-align:left;font-size:12px;font-weight:700}.mp-contact-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mp-contact-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:12px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mp-contact-btn.call{color:#2563eb;background:#eff6ff}.mp-contact-btn.call:hover{background:#dbeafe}.mp-contact-btn.whatsapp{color:#16a34a;background:#f0fdf4}.mp-contact-btn.whatsapp:hover{background:#dcfce7}.mp-contact-btn.sms{color:#db2777;background:#fdf2f8}.mp-contact-btn.sms:hover{background:#fce7f3}.mp-contact-btn.email{color:#7c3aed;background:#f5f3ff}.mp-contact-btn.email:hover{background:#ede9fe}.mp-contact-footer{color:#64748b;text-align:left;border-top:1px solid #f1f5f9;flex-direction:column;gap:2px;padding-top:8px;font-size:11px;display:flex}.center-alert-overlay{z-index:10000;pointer-events:none;flex-direction:column;align-items:flex-end;display:flex;position:fixed;top:20px;right:20px}.center-alert-box{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:15px;min-width:300px;padding:1rem 2rem;animation:.3s cubic-bezier(.68,-.55,.27,1.55) centerAlertIn;display:flex;box-shadow:0 10px 25px #0003}.center-alert-box.success{color:#065f46;background:#ecfdf5;border-color:#10b981}.center-alert-box.delete{color:#991b1b;background:#fef2f2;border-color:#ef4444}.center-alert-box.error{color:#9f1239;background:#fff1f2;border-color:#f43f5e}.center-alert-icon{justify-content:center;align-items:center;display:flex}.center-alert-box.success .center-alert-icon{color:#10b981}.center-alert-box.delete .center-alert-icon{color:#ef4444}.center-alert-box.error .center-alert-icon{color:#f43f5e}.center-alert-message{font-size:1.1rem;font-weight:700}@keyframes centerAlertIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.iso-login-page{box-sizing:border-box;background:#f3f5f9;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:30px 20px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.iso-login-card{z-index:10;background:#fff;border:1px solid #e5eaf2;border-radius:32px;width:100%;max-width:960px;min-height:560px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a14,0 0 0 1px #e2e8f099}.iso-illustration-section{-webkit-user-select:none;user-select:none;background:#fff;border-right:1px solid #f1f4f9;flex:1.15;justify-content:center;align-items:center;padding:40px 30px;display:flex;position:relative}.iso-illustration-wrapper{justify-content:center;align-items:center;width:100%;max-width:380px;display:flex;position:relative}.iso-hero-image{object-fit:contain;width:100%;max-height:380px;animation:.35s cubic-bezier(.16,1,.3,1) popFade;display:block}@keyframes popFade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.iso-form-section{background:#fff;flex-direction:column;flex:.95;justify-content:center;padding:46px 48px 40px 36px;display:flex}.iso-header-group{margin-bottom:24px}.iso-salutation{color:#7b879e;letter-spacing:-.2px;margin:0 0 2px;font-size:22px;font-weight:500}.iso-title{color:#171b30;letter-spacing:-.6px;margin:0;font-size:32px;font-weight:700;line-height:1.2}.iso-form-container{flex-direction:column;width:100%;display:flex}.iso-dropdown-group{margin-bottom:20px;position:relative}.iso-dropdown-label{color:#64748b;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.iso-custom-select{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.iso-custom-select:hover{background:#fff;border-color:#cbd5e1}.iso-custom-select.open{background:#fff;border-color:#5c4ae4;box-shadow:0 0 0 3px #5c4ae41f}.iso-select-selected{align-items:center;gap:10px;display:flex}.iso-select-icon{color:#5c4ae4;flex-shrink:0}.iso-select-text{color:#1e293b;font-size:14px;font-weight:600}.iso-select-chevron{color:#94a3b8;transition:transform .2s}.iso-select-chevron.rotate{transform:rotate(180deg)}.iso-select-menu{z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) menuAppear;position:absolute;top:calc(100% + 6px);left:0;right:0;box-shadow:0 14px 35px -5px #0f172a1f,0 4px 12px #0000000a}@keyframes menuAppear{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.iso-select-item{cursor:pointer;color:#334155;border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.iso-select-item:hover{color:#0f172a;background:#f1f5f9}.iso-select-item.active{color:#5c4ae4;background:#ede9fe;font-weight:600}.iso-item-left{align-items:center;gap:10px;display:flex}.iso-item-icon{color:inherit;flex-shrink:0}.iso-item-check{color:#5c4ae4}.iso-input-box{border-bottom:1.5px solid #e2e8f0;align-items:center;margin-bottom:20px;padding:8px 0;transition:border-color .2s;display:flex;position:relative}.iso-input-box:focus-within{border-bottom-color:#5c4ae4}.iso-input-field{color:#1a1e33;background:0 0;border:none;outline:none;width:100%;padding:4px 0;font-family:inherit;font-size:14px}.iso-input-field::placeholder{color:#a4b0c4;font-size:13.5px;font-weight:400}.iso-phone-input-wrapper{align-items:center;width:100%;display:flex}.iso-phone-input-wrapper .iso-prefix{color:#4a5568;-webkit-user-select:none;user-select:none;border-right:1.5px solid #cbd5e1;margin-right:10px;padding-right:8px;font-size:14px;font-weight:600}.iso-eye-btn{color:#9aa5b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.iso-eye-btn:hover{color:#5c4ae4}.iso-error-banner{color:#b91c1c;background:#fef2f2;border-left:3px solid #ef4444;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 12px;font-size:12.5px;animation:.3s ease-in-out shake;display:flex}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.iso-options-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.iso-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:flex}.iso-checkbox-native{opacity:0;cursor:pointer;position:absolute}.iso-custom-checkbox{background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:17px;height:17px;transition:all .2s;display:flex}.iso-checkbox-native:checked~.iso-custom-checkbox{background:#5c4ae4;border-color:#5c4ae4}.iso-checkbox-native:checked~.iso-custom-checkbox:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.iso-checkbox-text{color:#707d96;font-size:13px;font-weight:400}.iso-forgot-link{color:#707d96;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:400;transition:color .2s}.iso-forgot-link:hover{color:#5c4ae4;text-decoration:underline}.iso-submit-btn{color:#fff;letter-spacing:.3px;cursor:pointer;background:linear-gradient(135deg,#5b47e8 0%,#684bf5 100%);border:none;border-radius:10px;width:100%;height:46px;font-family:inherit;font-size:15px;font-weight:600;transition:all .25s;box-shadow:0 8px 22px #5b47e847}.iso-submit-btn:hover{background:linear-gradient(135deg,#4f39e3 0%,#5a3ceb 100%);transform:translateY(-2px);box-shadow:0 12px 28px #5b47e861}.iso-submit-btn:active{transform:translateY(0)}.captcha-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.captcha-modal-card{background:#fff;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:440px;padding:30px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;position:relative;box-shadow:0 25px 50px -12px #0f172a40}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.captcha-modal-close-btn{color:#707d96;cursor:pointer;background:#f1f4fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.captcha-modal-close-btn:hover{color:#171b30;background:#e2e8f0}.captcha-modal-header{text-align:center;margin-bottom:20px}.captcha-robot-icon{color:#6d28d9;background:linear-gradient(135deg,#ede9fe 0%,#f3e8ff 100%);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin:0 auto 12px;display:flex}.captcha-modal-title{color:#1e2238;margin-bottom:4px;font-size:19px;font-weight:700}.captcha-modal-subtitle{color:#718096;font-size:13px}.captcha-4col-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;margin-bottom:20px;display:grid}.captcha-grid-square{aspect-ratio:1;cursor:pointer;background:#f8fafc;border:2px solid #0000;border-radius:12px;transition:all .2s;position:relative;overflow:hidden}.captcha-grid-square:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.captcha-grid-square.selected{border-color:#5c4ae4;box-shadow:0 0 0 3px #5c4ae440}.captcha-square-img{object-fit:cover;width:100%;height:100%;display:block}.captcha-square-check-badge{background:#5c4ae4;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:6px;right:6px;box-shadow:0 2px 5px #0003}.captcha-modal-loading{color:#707d96;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:180px;font-size:13px;display:flex}.captcha-modal-error{color:#ef4444;align-items:center;gap:6px;margin-bottom:14px;font-size:12.5px;display:flex}.captcha-modal-actions{align-items:center;gap:10px;width:100%;display:flex}.captcha-refresh-circle-btn{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.captcha-refresh-circle-btn:hover:not(:disabled){color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.captcha-refresh-circle-btn .spinning{animation:1s linear infinite spin}.captcha-modal-verify-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5b47e8 0%,#684bf5 100%);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;height:44px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 14px #5b47e840}.captcha-modal-verify-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f39e3 0%,#5a3ceb 100%);transform:translateY(-1px)}.captcha-modal-verify-btn:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.dark-spinner{border-color:#5c4ae4 #5c4ae433 #5c4ae433}@media (width<=860px){.iso-login-card{border-radius:24px;flex-direction:column;max-width:480px}.iso-illustration-section{border-bottom:1px solid #f1f4f9;border-right:none;padding:30px 24px 20px}.iso-hero-image{max-height:220px}.iso-form-section{padding:24px 30px 32px}.iso-salutation{font-size:18px}.iso-title{font-size:26px}}@media (width<=480px){.iso-login-page{padding:16px 12px}.iso-login-card{border-radius:20px}.iso-form-section{padding:20px 20px 28px}}.animated-3d-bg-wrapper{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;perspective:1200px;transform-style:preserve-3d;position:absolute;inset:0;overflow:hidden}.bg-ambient-light{pointer-events:none;filter:blur(100px);opacity:.45;z-index:1;border-radius:50%;position:absolute}.light-top-left{background:radial-gradient(circle,#a5b4fc73 0%,#e0e7ff00 70%);width:450px;height:450px;top:-10%;left:-5%}.light-bottom-right{background:radial-gradient(circle,#c4b5fd66 0%,#f3e8ff00 70%);width:480px;height:480px;bottom:-10%;right:-5%}.light-center{background:radial-gradient(circle,#e0e7ff59 0%,#f1f5f900 70%);width:500px;height:500px;top:30%;left:35%}.float-3d-item{transform-style:preserve-3d;will-change:transform;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.icon-3d-svg{filter:drop-shadow(0 14px 22px #1e293b1f);width:100%;height:100%;transition:filter .3s;display:block;overflow:visible}.depth-far{opacity:.72;transform:translateZ(-80px)scale(.85)}.depth-mid{opacity:.88;transform:translateZ(0)scale(1)}.depth-close{opacity:.96;transform:translateZ(60px)scale(1.08)}.doc-svg{width:78px;height:86px}.coin-svg{width:62px;height:62px}.msg-svg{width:72px;height:68px}.wallet-svg{width:80px;height:72px}.chart-svg{width:76px;height:76px}.bag-svg{width:68px;height:76px}.calc-svg{width:70px;height:78px}.receipt-svg{width:64px;height:76px}.shield-svg{width:70px;height:74px}.card-svg{width:84px;height:60px}.bell-svg{width:56px;height:56px}.donut-svg{width:58px;height:58px}.pos-top-left{top:6%;left:6%}.pos-top-center-left{top:4%;left:26%}.pos-top-center-right{top:5%;right:25%}.pos-top-right{top:7%;right:6%}.pos-mid-left{top:46%;left:3.5%}.pos-mid-right{top:45%;right:4%}.pos-mid-top-far{top:22%;right:18%}.pos-mid-bot-far{bottom:22%;left:18%}.pos-bot-left{bottom:6%;left:5%}.pos-bot-center-left{bottom:4%;left:24%}.pos-bot-center-right{bottom:5%;right:24%}.pos-bot-right{bottom:6%;right:5.5%}@keyframes floatAnim1{0%{transform:translate(0,0)rotateX(12deg)rotateY(-14deg)rotate(-4deg)}25%{transform:translate3d(8px,-14px,20px)rotateX(4deg)rotateY(-6deg)rotate(2deg)}50%{transform:translate3d(-6px,-24px,40px)rotateX(-10deg)rotateY(10deg)rotate(6deg)}75%{transform:translate3d(-12px,-10px,15px)rotateX(2deg)rotateY(-4deg)rotate(0)}to{transform:translate(0,0)rotateX(12deg)rotateY(-14deg)rotate(-4deg)}}.anim-float-1{animation:16s ease-in-out infinite floatAnim1}@keyframes floatAnim2{0%{transform:translate(0,0)rotateX(-8deg)rotateY(18deg)rotate(6deg)}33%{transform:translate3d(10px,-18px,-20px)rotateX(12deg)rotateY(-14deg)rotate(-6deg)}66%{transform:translate3d(-8px,-8px,15px)rotateX(4deg)rotateY(24deg)rotate(12deg)}to{transform:translate(0,0)rotateX(-8deg)rotateY(18deg)rotate(6deg)}}.anim-float-2{animation:11s ease-in-out infinite floatAnim2}@keyframes floatAnim3{0%{transform:translate(0,0)rotateX(14deg)rotateY(10deg)rotate(3deg)}50%{transform:translate3d(-12px,-22px,30px)rotateX(-12deg)rotateY(-12deg)rotate(-5deg)}to{transform:translate(0,0)rotateX(14deg)rotateY(10deg)rotate(3deg)}}.anim-float-3{animation:14s ease-in-out infinite floatAnim3}@keyframes floatAnim4{0%{transform:translate(0,0)rotateX(-14deg)rotateY(-16deg)rotate(-8deg)}50%{transform:translate3d(14px,-20px,35px)rotateX(10deg)rotateY(14deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-14deg)rotateY(-16deg)rotate(-8deg)}}.anim-float-4{animation:19s ease-in-out infinite floatAnim4}@keyframes floatAnim5{0%{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(4deg)}35%{transform:translate3d(12px,-16px,25px)rotateX(-8deg)rotateY(6deg)rotate(-2deg)}70%{transform:translate3d(6px,12px,-15px)rotateX(14deg)rotateY(-12deg)rotate(8deg)}to{transform:translate(0,0)rotateX(8deg)rotateY(18deg)rotate(4deg)}}.anim-float-5{animation:13s ease-in-out infinite floatAnim5}@keyframes floatAnim6{0%{transform:translate(0,0)rotateX(-10deg)rotateY(-14deg)rotate(-6deg)}50%{transform:translate3d(-10px,-24px,20px)rotateX(8deg)rotateY(12deg)rotate(8deg)}to{transform:translate(0,0)rotateX(-10deg)rotateY(-14deg)rotate(-6deg)}}.anim-float-6{animation:17s ease-in-out infinite floatAnim6}@keyframes floatAnim7{0%{transform:translate(0,0)rotateX(15deg)rotateY(-12deg)rotate(5deg)}50%{transform:translate3d(14px,-18px,30px)rotateX(-8deg)rotateY(14deg)rotate(-4deg)}to{transform:translate(0,0)rotateX(15deg)rotateY(-12deg)rotate(5deg)}}.anim-float-7{animation:18s ease-in-out infinite floatAnim7}@keyframes floatAnim8{0%{transform:translate(0,0)rotateX(-6deg)rotateY(14deg)rotate(-5deg)}50%{transform:translate3d(-8px,-20px,25px)rotateX(12deg)rotateY(-10deg)rotate(6deg)}to{transform:translate(0,0)rotateX(-6deg)rotateY(14deg)rotate(-5deg)}}.anim-float-8{animation:15s ease-in-out infinite floatAnim8}@keyframes floatAnim9{0%{transform:translate(0,0)rotateX(10deg)rotateY(12deg)rotate(-3deg)}50%{transform:translate3d(8px,-15px,20px)rotateX(-10deg)rotateY(-8deg)rotate(4deg)}to{transform:translate(0,0)rotateX(10deg)rotateY(12deg)rotate(-3deg)}}.anim-float-9{animation:12s ease-in-out infinite floatAnim9}@keyframes floatAnim10{0%{transform:translate(0,0)rotateX(-16deg)rotateY(18deg)rotate(8deg)}33%{transform:translate3d(-14px,-16px,35px)rotateX(4deg)rotateY(6deg)rotate(-2deg)}66%{transform:translate3d(6px,10px,-20px)rotateX(14deg)rotateY(-14deg)rotate(10deg)}to{transform:translate(0,0)rotateX(-16deg)rotateY(18deg)rotate(8deg)}}.anim-float-10{animation:20s ease-in-out infinite floatAnim10}@keyframes floatAnim11{0%{transform:translate(0,0)rotateX(8deg)rotateY(-16deg)rotate(-8deg)}50%{transform:translate3d(10px,-14px,25px)rotateX(-6deg)rotateY(12deg)rotate(8deg)}to{transform:translate(0,0)rotateX(8deg)rotateY(-16deg)rotate(-8deg)}}.anim-float-11{animation:10s ease-in-out infinite floatAnim11}@keyframes floatAnim12{0%{transform:translate(0,0)rotateX(20deg)rotateY(10deg)rotate(0)}50%{transform:translate3d(-12px,-18px,30px)rotateX(-15deg)rotateY(-15deg)rotate(180deg)}to{transform:translate(0,0)rotateX(20deg)rotateY(10deg)rotate(360deg)}}.anim-float-12{animation:15s linear infinite floatAnim12}@media (prefers-reduced-motion:reduce){.float-3d-item{animation:none!important;transform:none!important}}@media (width<=1200px){.hide-tablet{display:none!important}.doc-svg{width:68px;height:76px}.wallet-svg{width:70px;height:64px}.chart-svg{width:66px;height:66px}.calc-svg{width:62px;height:70px}.card-svg{width:74px;height:52px}}@media (width<=860px){.hide-mobile{display:none!important}.pos-top-left{top:2%;left:3%}.pos-top-right{top:2%;right:3%}.pos-bot-left{bottom:2%;left:3%}.pos-bot-right{bottom:2%;right:3%}.doc-svg{width:54px;height:60px}.wallet-svg{width:56px;height:50px}.calc-svg{width:50px;height:56px}.card-svg{width:60px;height:42px}.chart-svg{width:52px;height:52px}.bag-svg{width:48px;height:54px}}.register-page{background-color:#0a0a0a;background-image:radial-gradient(circle at 20% 30%,#6366f126 0%,#0000 40%),radial-gradient(circle at 80% 70%,#8b5cf626 0%,#0000 40%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem 0;font-family:Inter,sans-serif;display:flex;position:relative;overflow-y:auto}.register-overlay{opacity:.1;z-index:0;background:url(https://w0.peakpx.com/wallpaper/408/504/HD-wallpaper-dark-abstract-black-background.jpg) 0 0/cover;position:absolute;inset:0}.register-card{z-index:10;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;width:100%;max-width:480px;padding:2.5rem;box-shadow:0 25px 50px -12px #00000080}.register-header{text-align:center;margin-bottom:2rem}.logo-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.25rem;display:flex;box-shadow:0 10px 20px #6366f14d}.register-header h1{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.register-header p{color:#94a3b8;font-size:.95rem}.register-form{flex-direction:column;gap:1.25rem;display:flex}.input-group label{color:#cbd5e1;margin-left:.25rem;font-size:.85rem;font-weight:600}.input-icon{color:#64748b;position:absolute;left:1rem}.input-wrapper input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;padding:.875rem 1rem .875rem 2.75rem;font-size:.95rem;transition:all .2s}.input-wrapper input:focus{background:#ffffff14;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.register-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 10px 15px -3px #4f46e566}.register-btn:active{transform:translateY(0)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.register-footer{text-align:center;margin-top:2rem}.register-footer p{color:#94a3b8;font-size:.9rem}.register-footer a{color:#818cf8;font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.register-footer .copyright{color:#475569;margin-top:1.5rem;font-size:.8rem}.loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@media (width<=480px){.register-card{border-radius:16px;max-width:100%;margin:1rem;padding:2rem 1.5rem}.register-header h1{font-size:1.5rem}.logo-icon{width:56px;height:56px}}.hope-dash-page{box-sizing:border-box;color:#0f172a;background:#f4f6fa;width:100%;min-height:100vh;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hope-hero-banner{color:#fff;background:linear-gradient(135deg,#1e50d8 0%,#2563eb 50%,#3b82f6 100%);border-radius:24px;justify-content:space-between;align-items:flex-start;width:100%;padding:36px 40px 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #2563eb38}.hope-hero-banner:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;top:-50%;right:-10%}.hope-hero-content{z-index:2;max-width:600px}.hope-hero-content h1{letter-spacing:-.02em;margin:0 0 8px;font-size:32px;font-weight:800}.hope-hero-content p{opacity:.9;margin:0;font-size:14.5px;font-weight:400;line-height:1.5}.hope-announcement-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:2;background:#fff3;border:1px solid #ffffff59;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s;display:inline-flex}.hope-announcement-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.hope-metrics-row{z-index:10;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:-36px;margin-bottom:24px;display:grid;position:relative}@media (width<=1280px){.hope-metrics-row{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.hope-metrics-row{grid-template-columns:repeat(2,1fr);margin-top:16px}}.hope-main-fullwidth{flex-direction:column;gap:24px;width:100%;display:flex}.hope-metric-card{cursor:default;background:#fff;border:1px solid #e2e8f0b3;border-radius:20px;align-items:center;gap:14px;padding:20px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 10px 30px #0f172a0d}.hope-metric-card:hover{border-color:#3b82f64d;transform:translateY(-5px);box-shadow:0 18px 40px #0f172a1a}.hope-circle-badge{border:2.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.hope-circle-badge.purple{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.hope-circle-badge.teal{color:#0d9488;background:#f0fdf4;border-color:#0d9488}.hope-circle-badge.blue{color:#2563eb;background:#eff6ff;border-color:#2563eb}.hope-circle-badge.green{color:#059669;background:#ecfdf5;border-color:#10b981}.hope-metric-info{flex-direction:column;display:flex}.hope-metric-label{color:#64748b;font-size:13px;font-weight:500}.hope-metric-value{color:#0f172a;letter-spacing:-.02em;align-items:center;min-height:28px;margin:2px 0 0;font-size:22px;font-weight:800;display:flex}.hope-metric-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:6px;width:90px;height:20px;animation:1.4s ease-in-out infinite hope-skeleton-pulse;display:inline-block}@keyframes hope-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.hope-main-grid{grid-template-columns:2.4fr 1fr;gap:24px;width:100%;display:grid}@media (width<=1080px){.hope-main-grid{grid-template-columns:1fr}}.hope-left-col{flex-direction:column;gap:24px;display:flex}.hope-chart-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:24px;padding:28px;box-shadow:0 10px 30px #0f172a0d}.hope-chart-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.hope-chart-title-group h2{color:#0f172a;letter-spacing:-.02em;margin:0 0 2px;font-size:28px;font-weight:800}.hope-chart-subtitle{color:#64748b;font-size:13px;font-weight:500}.hope-chart-header-right{align-items:center;gap:20px;display:flex}.hope-legend-group{align-items:center;gap:16px;display:flex}.hope-legend-pill{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.hope-legend-pill .dot{border-radius:50%;width:8px;height:8px}.hope-legend-pill.sales .dot{background:#3b82f6}.hope-legend-pill.cost .dot{background:#0d9488}.hope-graphic-method-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;align-items:center;margin-right:8px;padding:3px;display:inline-flex}.graphic-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.graphic-btn:hover{color:#1e293b}.graphic-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #2563eb26}.hope-candle-group{cursor:pointer;transition:transform .25s,opacity .25s}.hope-candle-group:hover{opacity:.85}.hope-dual-bar-wrapper{flex-direction:column;justify-content:flex-end;width:100%;height:210px;padding-bottom:8px;display:flex;position:relative}.hope-bar-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:10px 0 30px}.bar-grid-line{background:#f1f5f9;width:100%;height:1px}.hope-dual-bars-flex{z-index:2;box-sizing:border-box;justify-content:space-between;align-items:flex-end;width:100%;height:175px;padding:0 10px;display:flex}.hope-bar-month-col{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.hope-bars-pair{align-items:flex-end;gap:4px;height:160px;display:flex}.hope-pill-bar{cursor:pointer;border-radius:8px 8px 4px 4px;width:13px;transition:all .3s cubic-bezier(.4,0,.2,1)}.hope-pill-bar.income{background:linear-gradient(#a855f7 0%,#7c3aed 100%);box-shadow:0 4px 12px #7c3aed40}.hope-pill-bar.expense{background:linear-gradient(#ff8a00 0%,#f97316 100%);box-shadow:0 4px 12px #f9731640}.hope-bar-month-col:hover .hope-pill-bar{filter:brightness(1.1);transform:scaleY(1.05)}.hope-bar-x-label{color:#64748b;margin-top:4px;font-size:11.5px;font-weight:700}.hope-bar-tooltip{color:#fff;white-space:nowrap;z-index:20;background:#0f172a;border-radius:8px;padding:6px 12px;font-size:11px;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0003}.hope-chart-bottom-legend{border-top:1px dashed #e2e8f0;justify-content:center;align-items:center;gap:28px;margin-top:18px;padding-top:14px;display:flex}.legend-pill{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.legend-sq{border-radius:4px;width:12px;height:12px}.legend-sq.purple{background:#7c3aed}.legend-sq.orange{background:#f97316}.hope-dropdown-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.hope-dropdown-btn.sm{padding:6px 12px;font-size:12px}.hope-dropdown-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.hope-dropdown-select-wrapper{align-items:center;display:inline-flex;position:relative}.hope-dropdown-select{appearance:none;color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:8px 32px 8px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.hope-dropdown-select.sm{border-radius:8px;padding:5px 26px 5px 10px;font-size:12px}.hope-dropdown-select:hover,.hope-dropdown-select:focus{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.select-chevron-icon{pointer-events:none;color:#64748b;position:absolute;right:10px}.hope-svg-chart-container{width:100%;height:220px;margin-top:10px;position:relative}.hope-wave-svg{width:100%;height:180px;overflow:visible}.hope-chart-x-labels{color:#94a3b8;justify-content:space-between;padding:10px 30px 0 35px;font-size:12.5px;font-weight:600;display:flex}.hope-subwidgets-row{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=600px){.hope-subwidgets-row{grid-template-columns:1fr}}.hope-subwidget-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:20px;padding:20px 24px;box-shadow:0 10px 30px #0f172a0d}.hope-subwidget-header{justify-content:space-between;align-items:center;display:flex}.hope-subwidget-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.hope-right-col{flex-direction:column;gap:20px;display:flex}.hope-glass-card-wrapper{width:100%;position:relative}.hope-glass-card{-webkit-backdrop-filter:blur(16px);color:#fff;box-sizing:border-box;background:linear-gradient(135deg,#2563ebd9 0%,#0d9488cc 100%);border:1px solid #ffffff4d;border-radius:24px;flex-direction:column;justify-content:space-between;height:180px;padding:24px;display:flex;box-shadow:0 16px 36px #2563eb40}.hope-glass-header{justify-content:space-between;align-items:flex-start;display:flex}.hope-glass-brand{flex-direction:column;display:flex}.brand-title{letter-spacing:1px;font-size:20px;font-weight:900}.brand-sub{opacity:.85;letter-spacing:.8px;margin-top:1px;font-size:9.5px;font-weight:700}.hope-glass-circles{width:40px;height:26px;display:flex;position:relative}.hope-glass-circles .c1,.hope-glass-circles .c2{border-radius:50%;width:24px;height:24px;position:absolute}.hope-glass-circles .c1{background:#ffffff80;left:0}.hope-glass-circles .c2{background:#ffffffb3;left:14px}.hope-glass-number{letter-spacing:2px;opacity:.95;margin:12px 0;font-family:Courier New,Courier,monospace;font-size:19px;font-weight:800}.hope-glass-footer{justify-content:space-between;align-items:center;display:flex}.hope-glass-footer .lbl{opacity:.75;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.hope-glass-footer .val{margin-top:1px;font-size:12.5px;font-weight:700;display:block}.hope-stat-pills-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.hope-stat-pill{cursor:pointer;background:#fff;border:1px solid #e2e8f0b3;border-radius:16px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 8px 20px #0f172a0a}.hope-stat-pill:hover{transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.pill-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.pill-icon.purple{color:#4f46e5;background:#eef2ff}.pill-icon.teal{color:#0d9488;background:#e6fffa}.pill-text{flex-direction:column;display:flex}.pill-text strong{color:#0f172a;font-size:16px;font-weight:800}.pill-text span{color:#64748b;font-size:11.5px;font-weight:500}.hope-lifetime-card{background:#fff;border:1px solid #e2e8f0b3;border-radius:20px;padding:24px;position:relative;box-shadow:0 10px 30px #0f172a0d}.hope-lifetime-amount{color:#0f172a;letter-spacing:-.02em;margin:0 0 10px;font-size:26px;font-weight:800}.hope-lifetime-bottom{align-items:center;gap:12px;display:flex}.hope-lifetime-bottom .lbl{color:#64748b;font-size:13px;font-weight:500}.badge-yoy{color:#16a34a;background:#dcfce7;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.hope-download-fab{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 6px 16px #10b98159}.hope-download-fab:hover{background:#059669;transform:translateY(-2px)}[data-theme=dark] .hope-dash-page,.dark .hope-dash-page,body.dark .hope-dash-page{color:#f1f5f9;background:#0b0f19}[data-theme=dark] .hope-metric-card,.dark .hope-metric-card,body.dark .hope-metric-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #00000040}[data-theme=dark] .hope-metric-card:hover,.dark .hope-metric-card:hover,body.dark .hope-metric-card:hover{background:#243347;border-color:#3b82f6;box-shadow:0 18px 40px #0006}[data-theme=dark] .hope-metric-label,.dark .hope-metric-label,body.dark .hope-metric-label{color:#94a3b8}[data-theme=dark] .hope-metric-value,.dark .hope-metric-value,body.dark .hope-metric-value{color:#f8fafc}[data-theme=dark] .hope-chart-card,.dark .hope-chart-card,body.dark .hope-chart-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #00000040}[data-theme=dark] .hope-chart-title-group h2,.dark .hope-chart-title-group h2,body.dark .hope-chart-title-group h2{color:#f8fafc}[data-theme=dark] .hope-chart-subtitle,.dark .hope-chart-subtitle,body.dark .hope-chart-subtitle{color:#94a3b8}[data-theme=dark] .hope-graphic-method-toggle,.dark .hope-graphic-method-toggle,body.dark .hope-graphic-method-toggle{background:#0f172a;border-color:#334155}[data-theme=dark] .graphic-btn,.dark .graphic-btn,body.dark .graphic-btn{color:#94a3b8}[data-theme=dark] .graphic-btn:hover,.dark .graphic-btn:hover,body.dark .graphic-btn:hover{color:#f8fafc}[data-theme=dark] .graphic-btn.active,.dark .graphic-btn.active,body.dark .graphic-btn.active{color:#fff;background:#3b82f6}[data-theme=dark] .hope-dropdown-select,.dark .hope-dropdown-select,body.dark .hope-dropdown-select{color:#cbd5e1;background:#0f172a;border-color:#334155}[data-theme=dark] .hope-dropdown-select:hover,[data-theme=dark] .hope-dropdown-select:focus,.dark .hope-dropdown-select:hover,.dark .hope-dropdown-select:focus,body.dark .hope-dropdown-select:hover,body.dark .hope-dropdown-select:focus{color:#f8fafc;background:#1e293b;border-color:#475569}[data-theme=dark] .select-chevron-icon,.dark .select-chevron-icon,body.dark .select-chevron-icon{color:#94a3b8}[data-theme=dark] .hope-bar-grid-lines .bar-grid-line,.dark .hope-bar-grid-lines .bar-grid-line,body.dark .hope-bar-grid-lines .bar-grid-line{border-color:#334155}[data-theme=dark] .hope-bar-x-label,.dark .hope-bar-x-label,body.dark .hope-bar-x-label,[data-theme=dark] .hope-chart-x-labels span,.dark .hope-chart-x-labels span,body.dark .hope-chart-x-labels span{color:#94a3b8}[data-theme=dark] .hope-subwidget-card,.dark .hope-subwidget-card,body.dark .hope-subwidget-card{background:#1e293b;border-color:#334155;box-shadow:0 10px 30px #00000040}[data-theme=dark] .hope-subwidget-header h3,.dark .hope-subwidget-header h3,body.dark .hope-subwidget-header h3{color:#f8fafc}[data-theme=dark] .hope-subwidget-amount,.dark .hope-subwidget-amount,body.dark .hope-subwidget-amount{color:#f8fafc!important}[data-theme=dark] .hope-chart-bottom-legend,.dark .hope-chart-bottom-legend,body.dark .hope-chart-bottom-legend{border-color:#334155}[data-theme=dark] .legend-pill span,.dark .legend-pill span,body.dark .legend-pill span{color:#cbd5e1}[data-theme=dark] .hope-wave-svg line,.dark .hope-wave-svg line,body.dark .hope-wave-svg line{stroke:#334155}.product-container{box-sizing:border-box!important;background:0 0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;display:block!important}.product-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px 32px;box-shadow:0 1px 4px #0000000a;box-sizing:border-box!important;width:100%!important;max-width:100%!important}.product-entry-header-title{align-items:center;gap:10px;display:flex}.product-entry-header-title svg,.product-entry-header-title img{flex-shrink:0!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;display:block!important}.product-entry-header-icon{filter:drop-shadow(0 2px 5px #0000001f)}.product-entry-title{color:#333;align-items:center;margin:0;font-size:1.5rem;font-weight:700;line-height:1;display:flex}.advance-search-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #2563eb33}.advance-search-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 10px #2563eb4d}.entry-controls-bar{justify-content:space-between;align-items:center;width:100%;margin-top:10px;margin-bottom:24px;display:flex}.entry-controls-left-spacer,.entry-controls-right-spacer{flex:1;min-width:0}.entry-mode-switch-container{justify-content:center;align-items:center;display:flex}.entry-controls-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.edit-toggle-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.edit-toggle-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.edit-toggle-btn.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.secondary-category-toggle-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:6px 14px;display:flex}.toggle-switch-label{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:13.5px;font-weight:600;display:inline-flex}.switch-pill{cursor:pointer;border:none;border-radius:20px;outline:none;align-items:center;width:64px;height:30px;padding:3px;transition:background-color .25s;display:inline-flex;position:relative}.switch-pill.on{background-color:#2563eb}.switch-pill.off{background-color:#94a3b8}.switch-slider{z-index:2;background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .25s;box-shadow:0 2px 4px #0003}.switch-pill.on .switch-slider{transform:translate(34px)}.switch-pill.off .switch-slider{transform:translate(0)}.switch-text{color:#fff;z-index:1;font-size:11px;font-weight:700;position:absolute}.switch-pill.on .switch-text{left:9px}.switch-pill.off .switch-text{right:9px}.entry-mode-switch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #00000008}.entry-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.entry-mode-btn svg{flex-shrink:0;display:block}.entry-mode-btn:hover:not(.active){color:#2563eb;background:#fff9}.entry-mode-btn.active{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 2px 6px #00000014}.scan-mode-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:20px}.scan-panel-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.scan-panel-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.scan-type-switch{background:#e2e8f0;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.scan-type-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.scan-type-btn.active{color:#2563eb;background:#fff;box-shadow:0 1px 3px #0000001a}.scanner-visualization-container{grid-template-columns:240px 1fr;align-items:center;gap:20px;display:grid}@media (width<=640px){.scanner-visualization-container{grid-template-columns:1fr}}.scanner-viewfinder{background:#0f172a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.scanner-corner{border-style:solid;border-color:#3b82f6;width:16px;height:16px;position:absolute}.scanner-corner.tl{border-width:3px 0 0 3px;top:10px;left:10px}.scanner-corner.tr{border-width:3px 3px 0 0;top:10px;right:10px}.scanner-corner.bl{border-width:0 0 3px 3px;bottom:10px;left:10px}.scanner-corner.br{border-width:0 3px 3px 0;bottom:10px;right:10px}.scanner-laser{background:#ef4444;width:100%;height:2px;animation:2s ease-in-out infinite scanAnimation;position:absolute;box-shadow:0 0 8px #ef4444}@keyframes scanAnimation{0%{top:10%}50%{top:90%}to{top:10%}}.scanner-icon-backdrop{color:#38bdf8}.scanner-mid-icon.pulsing{animation:1.5s ease-in-out infinite pulseIcon}@keyframes pulseIcon{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.scanner-overlay-text{color:#94a3b8;margin-top:8px;font-size:12px;font-weight:500}.scanner-controls-card{flex-direction:column;gap:12px;display:flex}.scanner-control-group{flex-direction:column;gap:6px;display:flex}.scanner-input-label{color:#475569;font-size:13px;font-weight:600}.scanner-input-wrapper{gap:10px;display:flex}.scanner-text-input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;height:42px;padding:0 14px;font-size:14px}.scanner-text-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.scanner-action-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:8px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:background .2s}.scanner-action-btn:hover{background:#1d4ed8}.scan-success-badge{color:#166534;background:#dcfce7;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.form-grid{grid-template-columns:repeat(3,1fr)!important;gap:24px!important;width:100%!important;margin-top:16px!important;display:grid!important}.form-group label{letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px;color:#1e293b!important;font-size:13px!important;font-weight:700!important}.form-group select,.form-group input{color:#1e293b!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;outline:none!important;width:100%!important;height:42px!important;padding:0 14px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s!important}.form-group select:focus,.form-group input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.qty-stepper-container{align-items:center;width:100%;display:flex;position:relative}.qty-stepper-input{width:100%!important;padding-right:48px!important}.qty-stepper-container:has(.dual-actions) .qty-stepper-input{padding-right:84px!important}.qty-stepper-actions{z-index:2;align-items:center;gap:4px;display:flex;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.qty-stepper-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .15s;display:flex}.qty-stepper-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 2px 5px #2563eb40}.qty-stepper-btn:active:not(:disabled){transform:scale(.95)}.qty-stepper-btn:disabled{opacity:.35;cursor:not-allowed;background:#f1f5f9}.form-group-label-row{justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:8px!important;display:flex!important}.form-group-label-row label{white-space:nowrap!important;margin-bottom:0!important}.saved-qty-indicator{color:#475569!important;letter-spacing:.3px!important;white-space:nowrap!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;align-items:center!important;margin-left:auto!important;padding:3px 10px!important;font-size:12px!important;font-weight:600!important;line-height:1.2!important;display:inline-flex!important}[data-theme=dark] .saved-qty-indicator{color:#94a3b8!important;background:#0f172a!important;border-color:#334155!important}.clear-category-tag{color:#ef4444!important;cursor:pointer!important;white-space:nowrap!important;background:#ef44441a!important;border:1px solid #ef44444d!important;border-radius:6px!important;align-items:center!important;margin-left:auto!important;padding:2px 8px!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important;transition:all .2s!important;display:inline-flex!important}.clear-category-tag:hover{background:#ef444433!important;border-color:#ef4444!important}[data-theme=dark] .clear-category-tag{color:#f87171!important;background:#ef444433!important;border-color:#ef444466!important}.qty-validation-error{color:#ef4444;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-weight:600;line-height:1.3;display:flex}.qty-stepper-input.input-error{background-color:#fef2f2!important;border-color:#ef4444!important}[data-theme=dark] .qty-stepper-input.input-error{background-color:#ef44441a!important;border-color:#ef4444!important}.custom-select-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;height:42px;padding:0 14px;transition:all .2s;display:flex}.custom-select-trigger:hover:not(.disabled){border-color:#3b82f6;box-shadow:0 1px 4px #0000000d}.custom-select-trigger.disabled{cursor:not-allowed!important;background:#f8fafc!important;border-color:#e2e8f0!important}.custom-select-trigger.disabled span,.custom-select-trigger.disabled .chevron{color:#94a3b8!important}.custom-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:max-content;min-width:100%;max-width:420px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px #0000001f;z-index:1000!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-wrapper input{color:#1e293b;flex:1;font-weight:500;background:0 0!important;border:none!important;outline:none!important;height:auto!important;padding:4px 0!important;font-size:.85rem!important}.dropdown-empty{text-align:center;color:#94a3b8;padding:12px;font-size:13px}.selected-category-display{white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.selected-category-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.selected-category-arrow{color:#94a3b8;flex-shrink:0;font-size:14px;font-weight:600;line-height:1}.selected-category-subtitle{color:#16a34a;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;font-size:13.5px;font-weight:600;overflow:hidden}.category-dropdown-sections{flex-direction:column;max-height:280px;display:flex;overflow-y:auto}.category-section-block{flex-direction:column;display:flex}.category-section-header{letter-spacing:.6px;text-transform:uppercase;color:#64748b;z-index:2;background:#f8fafc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:7px 12px;font-size:11px;font-weight:700;display:flex;position:sticky;top:0}.category-section-block:first-child .category-section-header{border-top:none}.category-section-title{align-items:center;gap:6px;display:flex}.category-section-title .section-indicator{border-radius:50%;width:6px;height:6px;display:inline-block}.category-section-title .section-indicator.primary{background:#0284c7}.category-section-title .section-indicator.secondary{background:#16a34a}.category-section-subtitle{color:#94a3b8;text-transform:none;letter-spacing:normal;margin-left:6px;font-size:10.5px;font-style:italic;font-weight:500}.category-section-count{color:#94a3b8;background:#e2e8f0;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.stacked-category-row{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;margin:3px 6px;padding:8px 12px;transition:all .15s;display:flex}.stacked-category-content{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.stacked-category-top{align-items:center;gap:8px;min-width:0;display:flex}.stacked-category-bottom{flex-wrap:wrap;align-items:center;gap:8px;padding-left:17px;display:flex}.category-row-bullet{color:#94a3b8;flex-shrink:0;font-size:13px}.category-row-bullet.primary-bullet{color:#0284c7;font-size:9px}.category-row-bullet.secondary-bullet{color:#16a34a;font-size:13px;font-weight:700}.stacked-category-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.category-item-badge{letter-spacing:.4px;text-transform:uppercase;border-radius:4px;align-items:center;padding:2px 7px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.category-item-badge.primary{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.category-item-badge.secondary{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.stacked-parent-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.stacked-parent-text strong{color:#475569;font-weight:600}.stacked-category-row:hover,.stacked-category-row.highlighted{background:#f1f5f9}.stacked-category-row.selected{border-color:#1d4ed8;background:#2563eb!important}.stacked-category-row.selected .stacked-category-name,.stacked-category-row.selected .category-row-bullet,.stacked-category-row.selected .category-check{color:#fff!important}.stacked-category-row.selected .stacked-parent-text,.stacked-category-row.selected .stacked-parent-text strong{color:#ffffffe6!important}.stacked-category-row.selected .category-item-badge{color:#fff!important;background:#ffffff38!important;border-color:#ffffff73!important}.category-check{color:#fff;flex-shrink:0;margin-left:8px}.dropdown-empty.small{color:#94a3b8;padding:8px 12px;font-size:12px;font-style:italic}.form-actions{margin-top:36px;margin-bottom:10px;clear:both!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:16px!important;width:100%!important;display:flex!important}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:8px;font-size:14px;font-weight:600;transition:all .2s;justify-content:center!important;align-items:center!important;min-width:120px!important;height:42px!important;padding:0 24px!important;display:inline-flex!important}.save-btn{opacity:1;box-shadow:0 4px 12px #2563eb40;color:#fff!important;background:#2563eb!important}.save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59;background:#1d4ed8!important}.save-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none;background:#94a3b8!important}.cancel-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d;background:#dc2626!important}@media (width<=768px){.product-container{padding:16px!important}.product-card{padding:20px!important}.form-grid{grid-template-columns:1fr!important;gap:16px!important}.form-actions{flex-direction:row!important}}[data-theme=dark] .product-container{background:0 0!important}[data-theme=dark] .product-card{color:#f8fafc!important;background:#1e293b!important;border:1px solid #334155!important;box-shadow:0 1px 4px #0003!important}[data-theme=dark] .product-header{border-bottom-color:#334155!important}[data-theme=dark] .product-entry-title{color:#f8fafc!important}[data-theme=dark] .secondary-category-toggle-wrapper{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .toggle-switch-label{color:#cbd5e1!important}[data-theme=dark] .entry-mode-switch{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .entry-mode-btn{color:#cbd5e1!important}[data-theme=dark] .entry-mode-btn:hover:not(.active){color:#818cf8!important;background:#ffffff1a!important}[data-theme=dark] .entry-mode-btn.active{color:#fff!important;background:#6366f1!important}[data-theme=dark] .edit-toggle-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .edit-toggle-btn.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f6}[data-theme=dark] .qty-stepper-btn{color:#cbd5e1;background:#1e293b;border-color:#334155}[data-theme=dark] .qty-stepper-btn:hover:not(:disabled){color:#fff;background:#3b82f6;border-color:#3b82f6}[data-theme=dark] .qty-stepper-btn:disabled{opacity:.3;background:#0f172a}[data-theme=dark] .scan-mode-panel{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .scan-panel-header h3,[data-theme=dark] .scanner-input-label{color:#f8fafc!important}[data-theme=dark] .scanner-text-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .form-group label{color:#f8fafc!important;font-weight:700!important}[data-theme=dark] .form-group select,[data-theme=dark] .form-group input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .custom-select-trigger{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .custom-select-trigger span{color:#f8fafc!important}[data-theme=dark] .custom-select-trigger .placeholder{color:#94a3b8!important}[data-theme=dark] .custom-select-trigger.disabled{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .custom-dropdown-menu{background:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px #00000080!important}[data-theme=dark] .dropdown-search-wrapper{background:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item.highlighted{color:#818cf8!important;background:#334155!important}[data-theme=dark] .dropdown-item.selected{color:#fff!important;background:#6366f1!important}.modern-search-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;animation:.15s ease-out modernDropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 25px -4px #0f172a1a,0 4px 10px -2px #0f172a0d;z-index:1010!important;box-sizing:border-box!important;width:100%!important;min-width:100%!important;max-width:100%!important;padding:6px!important}@keyframes modernDropdownFadeIn{0%{opacity:0;transform:translateY(-4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modern-dropdown-header{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.modern-search-box{background:#f8fafc;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:flex;box-shadow:none!important;border:1px solid #e2e8f0!important}.modern-search-box:focus-within{background:#fff;border-color:#cbd5e1!important;box-shadow:0 1px 2px #0000000d!important}.modern-search-icon{flex-shrink:0;color:#94a3b8!important}.form-group .modern-search-box input,.modern-search-box input{flex:1;height:28px!important;box-shadow:none!important;color:#1e293b!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0 4px!important;font-size:13px!important;font-weight:500!important;transition:none!important}.form-group .modern-search-box input:focus,.modern-search-box input:focus{box-shadow:none!important;border:none!important;outline:none!important}.modern-search-box input::placeholder{color:#94a3b8;font-size:12.5px}.modern-top-corner-category{color:#475569;white-space:nowrap;background:#e2e8f0;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:11px;font-weight:600;line-height:1.2}.modern-dropdown-list{flex-direction:column;gap:1px;padding:2px 0;display:flex;overflow-y:auto;max-height:190px!important}.modern-dropdown-empty{text-align:center;color:#94a3b8;padding:12px;font-size:12.5px}.modern-dropdown-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;transition:all .12s;display:flex;padding:5px 8px!important}.modern-dropdown-item:hover,.modern-dropdown-item.highlighted{background:#f8fafc;border-color:#f1f5f9}.modern-dropdown-item.selected{background:#f1f5f9;border-color:#e2e8f0}.modern-dropdown-item-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.modern-item-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:transform .12s;display:flex;width:24px!important;height:24px!important;font-size:11px!important}.modern-dropdown-item:hover .modern-item-avatar{transform:scale(1.05)}.modern-item-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden;font-size:12.5px!important}.modern-dropdown-item.selected .modern-item-title{color:#1e293b;font-weight:700}.modern-search-highlight{color:#1e293b;background:#e2e8f0;border-radius:2px;padding:0 1px;font-weight:700}.modern-dropdown-item-right{flex-shrink:0;align-items:center;gap:6px;margin-left:6px;display:flex}.modern-item-subtitle{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #f1f5f9;border-radius:4px;flex-shrink:0;padding:1px 5px;font-weight:500;overflow:hidden;font-size:11px!important}.modern-item-brand-count{color:#7c3aed!important;white-space:nowrap!important;background:#f5f3ff!important;border:1px solid #ede9fe!important;border-radius:10px!important;flex-shrink:0!important;padding:1px 6px!important;font-size:10.5px!important;font-weight:600!important;line-height:1.25!important}.modern-item-check{color:#16a34a;stroke-width:2.5px}.modern-item-more{color:#94a3b8;opacity:.4;transition:opacity .12s}.modern-dropdown-item:hover .modern-item-more{opacity:.9;color:#475569}[data-theme=dark] .modern-search-dropdown-menu{background:#0f172a!important;border-color:#334155!important;box-shadow:0 10px 25px -4px #00000080!important}[data-theme=dark] .modern-search-box{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .form-group .modern-search-box input,[data-theme=dark] .modern-search-box input{color:#f8fafc!important}[data-theme=dark] .modern-top-corner-category{color:#94a3b8!important;background:#334155!important}[data-theme=dark] .modern-dropdown-item:hover,[data-theme=dark] .modern-dropdown-item.highlighted{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .modern-dropdown-item.selected{background:#1e293b!important;border-color:#475569!important}[data-theme=dark] .modern-item-title{color:#f8fafc!important}[data-theme=dark] .modern-item-subtitle{color:#64748b!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .modern-item-brand-count{color:#c4b5fd!important;background:#7c3aed2e!important;border-color:#7c3aed59!important}[data-theme=dark] .modern-search-highlight{color:#f8fafc!important;background:#334155!important}.stock-container{box-sizing:border-box;background-color:#f8fafc;flex-direction:column;align-items:center;gap:1.5rem;width:100%;min-height:calc(100vh - 60px);padding:2rem;display:flex;overflow-x:hidden}.variant-tags{flex-wrap:wrap;gap:6px;display:flex}.variant-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}.empty-state{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.required{color:#ef4444;margin-left:2px}.subtitle{color:#64748b;margin-top:-20px;margin-bottom:30px;font-size:.95rem}.stock-card{box-sizing:border-box;background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:1050px;padding:44px 48px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000000a,0 20px 25px -5px #0000000d}.stock-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:24px;width:100%;max-width:1220px;padding:50px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #0000000a,0 20px 25px -5px #0000000d}.stock-table-card:hover{box-shadow:0 25px 50px -12px #00000014}.stock-card-header{justify-content:center;align-items:center;width:100%;margin-bottom:28px;display:flex;position:relative}.stock-card-title-group{justify-content:center;align-items:center;gap:12px;display:flex}.stock-card-title-group svg,.stock-card-title-group img{flex-shrink:0!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;display:block!important}.stock-card-header-icon,.stock-list-header-icon{filter:drop-shadow(0 2px 6px #0000001f);flex-shrink:0!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;display:block!important}.stock-card-header h2{color:#0f172a;text-align:center;letter-spacing:-.025em;align-items:center;margin:0;font-size:2.2rem;font-weight:800;line-height:1;display:flex}.stock-card-header .stock-header-manufacture-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.stock-header-manufacture-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.stock-header-manufacture-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.stock-card-header .stock-header-manufacture-btn:hover{transform:translateY(calc(-50% - 1px))}.stock-header-manufacture-btn.active{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#3b82f6;box-shadow:0 4px 12px #2563eb26}.manufacture-inhouse-tag{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.form-grid-entry-3col{box-sizing:border-box;grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:20px;width:100%;display:grid}.form-grid-entry-3col>.form-group{position:relative}.form-grid-entry-3col>.form-group:first-child{z-index:30}.form-grid-entry-3col>.form-group:nth-child(2){z-index:20}.form-grid-entry-3col>.form-group:nth-child(3){z-index:10}.form-grid-entry-2col{box-sizing:border-box;grid-template-columns:repeat(2,1fr);gap:20px;width:100%;display:grid}.form-group-header{justify-content:space-between;align-items:center;min-height:24px;margin-bottom:8px;display:flex}.form-group-label{color:#1e293b;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:800}.stock-table-card h3{text-align:center;color:#222;margin-bottom:30px}.back-btn.top-right{color:#fff;cursor:pointer;background-color:#64748b;border:none;border-radius:8px;padding:10px 28px;font-size:.95rem;font-weight:600;transition:all .2s;position:absolute;top:-65px;right:10px;box-shadow:0 4px 12px #64748b33}.back-btn.top-right:hover{background-color:#475569;transform:translateY(-1px);box-shadow:0 6px 16px #64748b4d}.stock-table-card h3{font-size:1.5rem;font-weight:600}.form-grid-entry{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:25px;width:100%;display:grid}.form-grid-entry>.form-group{position:relative}.form-grid-entry>.form-group:first-child{z-index:10}.form-grid-entry>.form-group:nth-child(2){z-index:9}.form-grid-entry>.form-group:nth-child(3){z-index:8}.form-grid-entry>.form-group:nth-child(4){z-index:7}select,input{box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:10px;width:100%;padding:12px 15px;font-size:1rem;transition:all .3s}select:focus,input:focus{background:#fff;border-color:#007bff;outline:none;box-shadow:0 0 0 4px #007bff1a}.input-error{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.checkbox-group{flex-wrap:nowrap;align-items:center;gap:20px;padding:10px 0;display:flex}.variant-group{grid-column:1/-1}.form-group-header{justify-content:space-between;align-items:center;width:100%;min-height:28px;margin-bottom:8px;display:flex}.form-group-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:700}.save-btn,.cancel-btn{cursor:pointer;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;min-width:140px;max-width:200px;margin:0;padding:0 32px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;height:48px!important}.save-btn{color:#fff;background:#007bff;border:none;box-shadow:0 4px 12px #007bff33}.save-btn:hover{background:#0069d9;transform:translateY(-1px);box-shadow:0 6px 16px #007bff4d}.cancel-btn{color:#fff;background:#ef4444;border:none;box-shadow:0 4px 12px #ef444433}.cancel-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 16px #ef44444d}.table-wrapper{width:100%;overflow-x:auto}.stock-table{border-collapse:collapse;width:100%;margin-top:10px}.stock-table th,.stock-table td{text-align:left;border-bottom:1px solid #eee;padding:15px;vertical-align:middle!important}.stock-table th{color:#8a94a6;letter-spacing:.6px;text-transform:uppercase;background-color:#0000;border-bottom:1px solid #edf2f7;font-size:11px;font-weight:700}.stock-table tr:hover{background-color:#fafafa}.actions-cell{align-content:center;align-items:center;gap:10px;height:100%;display:flex}.variant-badge-pill{color:#475569;text-transform:capitalize;white-space:nowrap;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 10px;font-size:.78rem;font-weight:600;display:inline-block}.stock-price-cell{white-space:nowrap}.stock-price-val{color:#0f172a;letter-spacing:-.01em;font-size:.92rem;font-weight:700}.stock-price-breakdown{flex-direction:column;gap:4px;display:flex}.stock-price-var-item{white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;display:inline-flex}.stock-price-var-label{color:#64748b;font-weight:600}.stock-price-var-amt{color:#0f172a;font-weight:700}.edit-icon-btn,.delete-icon-btn{cursor:pointer;box-sizing:border-box;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:all .2s;display:inline-flex}.billing-btn{color:#2e7d32;cursor:pointer;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.billing-btn:hover{color:#fff;background-color:#2e7d32}.edit-icon-btn{color:#007bff}.edit-icon-btn:hover{background-color:#e7f3ff}.delete-icon-btn{color:#e13d4b}.delete-icon-btn:hover{background-color:#ffeef0}@media (width<=1024px){.form-grid-entry{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.form-grid-entry{grid-template-columns:1fr}.stock-card,.stock-table-card{padding:25px}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:90%;max-width:500px;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;display:flex;position:relative}.modal-header h3{color:#111827;margin:0;font-size:1.25rem}.modal-close-btn{color:#6b7280;cursor:pointer;border:none;padding:0;font-size:1.7rem;line-height:1;transition:color .2s;background:0 0!important;position:absolute!important;top:20px!important;right:20px!important}.modal-close-btn:hover{color:#111827;box-shadow:none!important;background-color:#0000!important;border:none!important}.modal-body{flex-direction:column;gap:20px;max-height:60vh;padding:24px;display:flex;overflow-y:auto}.modal-save-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:background-color .2s}.modal-save-btn:hover{background-color:#0069d9}.variant-btn{color:#fff;cursor:pointer;box-sizing:border-box;background-color:#2563eb;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;padding:0 16px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #2563eb33}.variant-btn:hover{background-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.button-group{justify-content:center;align-items:center;gap:18px;width:100%;margin-top:36px;display:flex}.save-btn{color:#fff;cursor:pointer;background-color:#06f;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:150px;height:46px;padding:12px 36px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #0066ff40}.save-btn:hover:not(:disabled){background-color:#0052cc;transform:translateY(-1px);box-shadow:0 6px 18px #0066ff59}.save-btn:disabled{opacity:.7;cursor:not-allowed}.cancel-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:150px;height:46px;padding:12px 36px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #ef444440}.cancel-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 6px 18px #ef444459}.variant-tabs{scrollbar-width:thin;border-bottom:2px solid #f1f5f9;gap:12px;margin-bottom:25px;padding-bottom:12px;display:flex;overflow-x:auto}.variant-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:1rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.variant-tab-btn:hover{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.variant-tab-btn.active{color:#2563eb;background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 12px #2563eb1a}.tab-icons{gap:6px;margin-left:4px;display:flex}.tab-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .2s;display:flex}.tab-icon-btn.edit{color:#3b82f6}.tab-icon-btn.delete{color:#ef4444}.tab-icon-btn:hover{background-color:#0000000d}.variant-inputs{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.variant-input-group{flex-direction:column;gap:8px;display:flex}.variant-input-group label{color:#374151;font-size:.95rem;font-weight:600}.variant-input-group input{background-color:#f9fafb;border:1.5px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:1rem;transition:all .2s}.variant-input-group input:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.table-controls{background:#fff;border:1px solid #eef2f6;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px 20px;display:flex}.table-controls.top{border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.table-controls.bottom{background:0 0;border:none;margin-top:20px;margin-bottom:0;padding:10px 0 0}.search-control{flex-direction:column;flex:1;gap:8px;max-width:600px;display:flex}.search-control label,.entries-control label{color:#4a5a73;text-transform:uppercase;font-size:.8rem;font-weight:700}.search-control input{color:#333;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:10px 14px;font-size:.95rem}.search-control input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.entries-control{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.entries-control select{color:#333;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:70px;padding:10px;font-size:.95rem}.showing-info{color:#5c6b81;font-size:.95rem}.pagination{align-items:center;gap:10px;display:flex}.go-to-page{align-items:center;gap:8px;margin-right:15px;display:flex}.go-to-page label{color:#334155;font-size:.95rem;font-weight:500}.go-to-page input{text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:60px;padding:8px;font-size:.95rem}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:38px;padding:8px 14px;font-size:.95rem;transition:all .2s;display:flex}.page-btn:disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.page-btn.active-page{color:#fff;background:#314a8f;border-color:#314a8f;font-weight:700}.variant-summary-display{background:#fff;border:1.5px solid #f1f5f9;border-radius:16px;justify-content:center;align-items:center;gap:24px;width:fit-content;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:16px 32px;display:flex;box-shadow:0 1px 3px #00000005}.summary-item{align-items:center;gap:8px;display:flex}.summary-value.total{color:#22c55e}.summary-value.balance{color:#ef4444}.summary-divider{color:#cbd5e1;font-size:1.2rem;font-weight:300}.qty-validation-error{color:#dc2626;text-align:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:10px;padding:8px 12px;font-size:.85rem;font-weight:500;animation:.3s fadeIn}.qty-label-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.qty-label-row>label:first-child{margin-bottom:0!important}.one-time-order-label{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:5px 12px 5px 6px;transition:all .25s;color:#475569!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important;display:inline-flex!important}.one-time-order-label:hover{background:#eff6ff;border-color:#bfdbfe}.one-time-order-checkbox{display:none!important}.one-time-order-checkmark{background:#fff;border:2px solid #cbd5e1;border-radius:5px;justify-content:center;align-items:center;width:18px;min-width:18px;height:18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.one-time-order-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-top:-1px;display:none;transform:rotate(45deg)}.one-time-order-checkbox:checked+.one-time-order-checkmark{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#1d4ed8;box-shadow:0 2px 8px #2563eb4d}.one-time-order-checkbox:checked+.one-time-order-checkmark:after{display:block}.one-time-order-checkbox:checked~.one-time-order-text{color:#1d4ed8}.one-time-order-text{letter-spacing:.01em;white-space:nowrap;transition:color .2s}.one-time-order-helper{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;font-size:.78rem;font-weight:600;animation:.3s fadeIn;display:flex}.vm2-overlay{z-index:1200;background:#0f172a85;justify-content:center;align-items:center;padding:16px;animation:.18s vm2-fade;display:flex;position:fixed;inset:0}@keyframes vm2-fade{0%{opacity:0}to{opacity:1}}.vm2-panel{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.22s vm2-slide;display:flex;overflow:hidden;box-shadow:0 24px 64px #0000002e}@keyframes vm2-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vm2-header{background:#fafbff;border-bottom:1px solid #f0f4fa;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.vm2-header-left{color:#0f172a;align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.vm2-header-left svg{color:#2563eb}.vm2-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:flex}.vm2-close:hover{color:#ef4444;background:#fee2e2}.vm2-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.vm2-product-strip{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #dbeafe;border-radius:14px;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 20px;display:flex}.vm2-product-img{color:#94a3b8;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.vm2-product-img img{object-fit:cover;width:100%;height:100%}.vm2-product-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.vm2-product-label{text-transform:uppercase;letter-spacing:.7px;color:#2563eb;font-size:11px;font-weight:600}.vm2-product-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.vm2-product-mrp{color:#64748b;font-size:12.5px;font-weight:500}.vm2-product-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.vm2-summary-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.vm2-stat-val{color:#0f172a;font-size:16px;font-weight:700}.vm2-stat-lbl{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:10.5px;font-weight:500}.vm2-summary-divider{background:#e2e8f0;border-radius:2px;width:1px;height:28px}.vm2-section-title{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:13px;font-weight:700}.vm2-variants-grid{flex-direction:column;gap:10px;display:flex}.vm2-variant-card{cursor:pointer;background:#fff;border:1.5px solid #e4e7ec;border-radius:13px;transition:border-color .18s,box-shadow .18s,background .18s;overflow:hidden}.vm2-variant-card:hover{border-color:#93c5fd;box-shadow:0 2px 8px #2563eb12}.vm2-variant-card.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vm2-variant-card.has-data{background:#f0fdf4;border-color:#86efac}.vm2-variant-card.has-data.active{background:#eff6ff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vm2-vc-top{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.vm2-vc-name{color:#1e293b;align-items:center;gap:7px;font-size:14.5px;font-weight:600;display:flex}.vm2-vc-check{color:#16a34a;flex-shrink:0}.vm2-vc-chevron{color:#94a3b8;flex-shrink:0;transition:transform .2s,color .2s}.vm2-vc-chevron.open{color:#2563eb;transform:rotate(90deg)}.vm2-vc-summary{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;padding:0 16px 12px;font-size:12.5px;display:flex}.vm2-vc-summary strong{color:#0f172a}.vm2-vc-total{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;margin-left:auto;padding:2px 10px;font-size:12.5px;font-weight:700}.vm2-vc-form{cursor:default;background:#fafbff;border-top:1px dashed #e2e8f0;padding:16px}.vm2-form-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}@media (width<=480px){.vm2-form-grid{grid-template-columns:1fr}}.vm2-fg{flex-direction:column;gap:5px;display:flex}.vm2-fg label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:700}.vm2-fg input{color:#1e293b;appearance:textfield;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.vm2-fg input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vm2-fg input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vm2-fg input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb17}.vm2-calc-row{background:#fff;border:1px solid #e8edf5;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.vm2-calc-item{flex-direction:column;flex:1;gap:2px;min-width:80px;display:flex}.vm2-calc-lbl{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:10px;font-weight:600}.vm2-calc-val{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.vm2-calc-val.cost{color:#475569}.vm2-calc-val.revenue{color:#2563eb}.vm2-calc-val.profit.pos{color:#16a34a}.vm2-calc-val.profit.neg{color:#ef4444}.vm2-calc-sep{color:#cbd5e1;flex-shrink:0;font-size:16px}.vm2-grand-total-bar{background:#0f172a;border-radius:14px;flex-shrink:0;align-items:stretch;gap:0;padding:16px 20px;display:flex}.vm2-gt-col{border-right:1px solid #ffffff14;flex-direction:column;flex:1;align-items:center;gap:4px;padding:0 12px;display:flex}.vm2-gt-col:last-child{border-right:none}.vm2-gt-lbl{text-transform:uppercase;letter-spacing:.6px;color:#64748b;font-size:10px;font-weight:600}.vm2-gt-val{color:#f1f5f9;font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.vm2-gt-val.cost{color:#94a3b8}.vm2-gt-val.revenue{color:#60a5fa}.vm2-gt-val.profit.pos{color:#4ade80}.vm2-gt-val.profit.neg{color:#f87171}.vm2-loading,.vm2-empty{text-align:center;color:#94a3b8;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;padding:32px;font-size:14px}.vm2-footer{background:#fafbff;border-top:1px solid #f0f4fa;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.vm2-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .15s}.vm2-btn-cancel:hover{background:#e2e8f0}.vm2-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:700;transition:background .18s,box-shadow .18s,transform .12s;box-shadow:0 2px 8px #2563eb38}.vm2-btn-save:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb47}.vm2-btn-save:active{transform:translateY(0)}.vm2-btn-save:disabled{opacity:.55;cursor:not-allowed;box-shadow:none!important;background:#94a3b8!important;transform:none!important}.vm2-validation-error{color:#ef4444;margin-top:4px;font-size:11px;font-weight:600;display:block}.input-error{background-color:#fef2f2!important;border-color:#ef4444!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444426!important}.vm2-variant-card.invalid{background:#fff5f5!important;border-color:#fca5a5!important}.vm2-variant-card.invalid:hover{box-shadow:0 2px 8px #ef444414!important}.vm2-perqty-summary{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #dbeafe;border-radius:10px;margin-bottom:10px;padding:10px 14px}.vm2-perqty-row{justify-content:space-between;align-items:center;display:flex}.vm2-perqty-label{color:#475569;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.vm2-perqty-value{color:#2563eb;font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.searchable-select-container{z-index:1;width:100%;position:relative}.searchable-select-container.dropdown-open{z-index:50}.searchable-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fafafa;border:1px solid #ddd;border-radius:10px;justify-content:space-between;align-items:center;height:48px;padding:0 15px;font-size:1rem;transition:all .3s;display:flex}.searchable-select-trigger:hover{border-color:#cbd5e1}.searchable-select-trigger.active{background:#fff;border-color:#007bff;box-shadow:0 0 0 4px #007bff1a}.searchable-select-dropdown{z-index:1000;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;max-height:280px;padding:8px;display:flex;position:absolute;top:105%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000d}.searchable-select-search-wrapper{box-sizing:border-box!important;cursor:text!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important;border-radius:8px!important;align-items:center!important;gap:10px!important;height:38px!important;min-height:38px!important;margin-bottom:8px!important;padding:0 12px!important;transition:all .2s!important;display:flex!important}.searchable-select-search-wrapper:focus-within{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}.searchable-select-search-wrapper:focus-within .searchable-select-search-icon{color:#3b82f6!important}.searchable-select-search-icon{color:#94a3b8!important;pointer-events:none!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:16px!important;height:16px!important;display:flex!important;position:static!important;transform:none!important}.searchable-select-container input,.searchable-select-dropdown input,.searchable-select-search-wrapper input,.searchable-select-search-input,.searchable-select-container input:focus,.searchable-select-dropdown input:focus,.searchable-select-search-wrapper input:focus,.searchable-select-search-input:focus,.searchable-select-search-input:active{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:0!important;line-height:normal!important}.searchable-select-search-input{color:#0f172a!important;flex:1!important;width:100%!important;min-width:0!important;height:100%!important;margin:0!important;font-size:.92rem!important}.searchable-select-search-input::placeholder{color:#94a3b8!important}.searchable-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .15s;display:flex}.searchable-select-option:hover{background-color:#f1f5f9}.searchable-select-option.selected{background-color:#eff6ff}.searchable-select-option-content{text-align:left;flex-direction:column;gap:3px;width:100%;display:flex}.searchable-select-option-title{color:#0f172a;font-size:.94rem;font-weight:600;line-height:1.3}.searchable-select-option.selected .searchable-select-option-title{color:#2563eb}.searchable-select-option-details{color:#64748b;flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;line-height:1.3;display:flex}.searchable-select-detail-item{align-items:center;gap:3px;display:inline-flex}.searchable-select-detail-item .detail-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:600}.searchable-select-option.selected .searchable-select-detail-item .detail-tag{color:#60a5fa}.detail-separator{color:#cbd5e1;font-size:.75rem}.searchable-select-no-results,.searchable-select-loading{color:#64748b;text-align:center;padding:12px;font-size:.9rem}.stock-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:0;width:fit-content;margin-bottom:36px;margin-left:auto;margin-right:auto;padding:6px;display:flex}.mode-toggle-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.mode-toggle-btn:hover{color:#334155}.mode-toggle-btn.active{color:#1e40af;background:#fff;box-shadow:0 2px 10px #2563eb1f,0 1px 3px #0000000f}.mode-toggle-dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .25s;display:inline-block}.mode-toggle-btn.active .mode-toggle-dot{background:#2563eb}.nv-form-section{flex-direction:column;gap:28px;margin-top:32px;animation:.25s nv-slide-in;display:flex}@keyframes nv-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.nv-section-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.nv-section-badge{color:#1d4ed8;letter-spacing:.02em;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.nv-fields-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.nv-field{flex-direction:column;gap:8px;display:flex}.nv-field label{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700}.nv-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:13px 16px;font-size:.95rem;transition:all .2s}.nv-input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb14}.nv-input.nv-readonly{color:#475569;cursor:not-allowed;background:#f8fafc;font-weight:600}.nv-input.nv-total{color:#15803d;background:#f0fdf4;border-color:#bbf7d0;font-weight:700}.nv-select{appearance:none;cursor:pointer}.nv-dist-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:20px;padding:28px;display:flex}.nv-dist-title{color:#1e293b;border-bottom:1.5px solid #e8edf3;padding-bottom:16px;font-size:1rem;font-weight:700}.nv-dist-fields{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.nv-dist-field{flex-direction:column;gap:8px;display:flex}.nv-dist-field label{color:#374151;text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:700}.nv-dist-field-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.nv-dist-field-header label{margin-bottom:0}.nv-create-new-btn{color:#2563eb;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.78rem;font-weight:700;transition:background .2s}.nv-create-new-btn:hover{background:#eff6ff}.nv-dist-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px;font-size:.85rem;font-weight:600}.nv-add-btn{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;width:100%;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s}.nv-add-btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 6px 18px #10b9814d}.nv-dist-list{flex-direction:column;gap:10px;margin-top:4px;display:flex}.nv-dist-list-title{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.85rem;font-weight:700}.nv-dist-item{background:#fff;border:1.5px solid #f1f5f9;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #00000008}.nv-dist-item-info{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.nv-dist-type{color:#1e293b;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:3px 10px;font-size:.9rem;font-weight:700}.nv-dist-storage{color:#64748b;font-size:.85rem;font-weight:500}.nv-dist-qty{color:#475569;font-size:.88rem}.nv-dist-qty strong{color:#1e293b;font-weight:700}@media (width<=1024px){.nv-fields-grid,.nv-dist-fields{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.nv-fields-grid,.nv-dist-fields{grid-template-columns:1fr}.stock-mode-toggle{width:100%}.mode-toggle-btn{flex:1;justify-content:center;padding:10px 12px;font-size:.85rem}}[data-theme=dark] .stock-container{background-color:#0b0f19!important}[data-theme=dark] .stock-card,[data-theme=dark] .stock-table-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .stock-card h2,[data-theme=dark] .stock-table-card h3,[data-theme=dark] .subtitle{color:#f8fafc!important}[data-theme=dark] .stock-mode-toggle{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .mode-toggle-btn{color:#cbd5e1!important}[data-theme=dark] .mode-toggle-btn.active{color:#fff!important;background:#6366f1!important}[data-theme=dark] .form-group label,[data-theme=dark] .form-group-label,[data-theme=dark] .scanner-input-label,[data-theme=dark] .variant-input-group label{color:#cbd5e1!important}[data-theme=dark] select,[data-theme=dark] input,[data-theme=dark] .custom-select-trigger,[data-theme=dark] .scanner-text-input,[data-theme=dark] .search-control input,[data-theme=dark] .entries-control select,[data-theme=dark] .go-to-page input,[data-theme=dark] .page-btn{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .custom-select-trigger.disabled{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .custom-select-trigger.disabled span,[data-theme=dark] .custom-select-trigger.disabled .chevron{color:#64748b!important}[data-theme=dark] .custom-dropdown-menu{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px #00000080!important}[data-theme=dark] .dropdown-item.selected{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .variant-tab-btn{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .variant-tab-btn.active{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}[data-theme=dark] .stock-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .stock-price-val{color:#f8fafc!important}[data-theme=dark] .stock-price-var-label{color:#94a3b8!important}[data-theme=dark] .stock-price-var-amt{color:#f1f5f9!important}[data-theme=dark] .table-controls,[data-theme=dark] .variant-summary-display{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .summary-label{color:#cbd5e1!important}[data-theme=dark] .summary-value{color:#f8fafc!important}[data-theme=dark] .nv-dist-item{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .nv-dist-type{color:#818cf8!important;background-color:#6366f133!important;border-color:#6366f1!important}[data-theme=dark] .nv-dist-storage,[data-theme=dark] .nv-dist-qty{color:#cbd5e1!important}[data-theme=dark] .nv-dist-qty strong{color:#f8fafc!important}[data-theme=dark] .variant-badge-pill{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}.pagination-footer{border-top:1px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);border-bottom-right-radius:24px;border-bottom-left-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.pagination-controls{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.go-to-page{color:var(--text-secondary,#475569);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.go-to-page input{text-align:center;border:1.5px solid var(--border-color,#cbd5e1);width:52px;height:38px;color:var(--text-primary,#0f172a);background:var(--bg-card,#fff);border-radius:10px;outline:none;font-size:.95rem;font-weight:700;transition:all .2s}.go-to-page input:focus{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px #2563eb26}.go-to-page input::-webkit-outer-spin-button{appearance:none;margin:0}.go-to-page input::-webkit-inner-spin-button{appearance:none;margin:0}.go-to-page input[type=number]{appearance:textfield}.page-nav-btn,.page-num-btn{border:1.5px solid var(--border-color,#cbd5e1);background:var(--bg-card,#fff);min-width:38px;height:38px;color:var(--text-secondary,#334155);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;padding:0 .5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.page-nav-btn:hover:not(:disabled),.page-num-btn:hover:not(.active){border-color:var(--primary,#2563eb);color:var(--primary,#2563eb);background:var(--bg-hover,#f8fafc)}.page-num-btn.active{background:var(--primary,#2563eb)!important;border-color:var(--primary,#2563eb)!important;color:#fff!important;box-shadow:0 4px 12px #2563eb59!important}[data-theme=dark] .pagination-footer{background-color:#1e293b!important;border-top-color:#334155!important}[data-theme=dark] .pagination-info,[data-theme=dark] .go-to-page span{color:#cbd5e1!important}[data-theme=dark] .go-to-page input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .page-nav-btn,[data-theme=dark] .page-num-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .page-num-btn.active{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:0 4px 12px #3b82f666!important}.stock-status-wrapper{max-width:1400px;margin:0 auto;padding:1.5rem}.stock-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 20px #0000000d}.stock-status-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.stock-status-header .title-area{align-items:center;gap:.85rem;display:flex}.stock-status-header-icon{filter:drop-shadow(0 2px 6px #0000001f);flex-shrink:0!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;display:block!important}.stock-status-header h2{color:#0f172a;margin:0;font-size:1.45rem;font-weight:700}.stock-status-header .subtitle{color:#64748b;margin:.2rem 0 0;font-size:.88rem}.stats-pills{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stat-pill{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-width:100px;padding:.5rem 1rem;display:flex}.stat-pill.success{background:#f0fdf4;border-color:#bbf7d0}.stat-pill.success .stat-val{color:#16a34a}.stat-pill.warning{background:#fffbe6;border-color:#ffe58f}.stat-pill.warning .stat-val{color:#d97706}.stat-pill.danger{background:#fef2f2;border-color:#fecaca}.stat-pill.danger .stat-val{color:#dc2626}.stock-status-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.search-field{flex-direction:column;gap:.35rem;display:flex}.search-field.grow{flex:1;min-width:260px}.search-field.mini{width:90px}.search-field label{color:#475569;letter-spacing:.5px;font-size:.75rem;font-weight:700}.search-input-wrap{align-items:center;display:flex;position:relative}.search-input-wrap .search-icon{color:#94a3b8;position:absolute;left:12px}.search-field select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.search-field select:focus{border-color:#6366f1}.stock-status-table{border-collapse:collapse;width:100%;font-size:.9rem}.stock-status-table th{color:#8a94a6;letter-spacing:.6px;text-align:left;text-transform:uppercase;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.stock-status-table td{vertical-align:middle;color:#334155;border-bottom:1px solid #f1f5f9;padding:.9rem 1rem}.stock-status-table tr:hover{background:#f8fafc}.serial-col{color:#64748b;font-weight:700}.prod-title-wrap{flex-direction:column;gap:.25rem;display:flex}.prod-name{color:#0f172a;font-weight:650}.variant-badges{flex-wrap:wrap;gap:.35rem;display:flex}.v-tag{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:1px 8px;font-size:.73rem;font-weight:600}.supplier-col{color:#475569;font-weight:500}.qty-status-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.qty-status-badge.in-stock{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.qty-status-badge.low-stock{color:#b45309;background:#fffbe6;border:1px solid #fde68a}.qty-status-badge.out-of-stock{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.action-btn-group{justify-content:center;align-items:center;gap:.4rem;display:flex}.action-icon-btn{cursor:pointer;box-sizing:border-box;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:inline-flex}.action-icon-btn.alloc{color:#6366f1}.action-icon-btn.alloc:hover{color:#fff;background:#6366f1}.action-icon-btn.edit{color:#0284c7}.action-icon-btn.delete{color:#ef4444}.empty-stock-state{text-align:center;padding:3rem 1.5rem}.empty-stock-state .empty-icon{color:#cbd5e1;margin-bottom:.75rem}.stock-status-pagination{margin-top:1.25rem}[data-theme=dark] .stock-status-wrapper{background-color:#0b0f19!important}[data-theme=dark] .stock-status-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .stock-status-header{border-bottom-color:#334155!important}[data-theme=dark] .stock-status-header h2{color:#f8fafc!important}[data-theme=dark] .stock-status-header .subtitle{color:#cbd5e1!important}[data-theme=dark] .stat-pill{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .stat-val{color:#f8fafc!important}[data-theme=dark] .stat-pill.success{background-color:#16a34a26!important;border-color:#16a34a!important}[data-theme=dark] .stat-pill.warning{background-color:#d9770626!important;border-color:#d97706!important}[data-theme=dark] .stat-pill.danger{background-color:#dc262626!important;border-color:#dc2626!important}[data-theme=dark] .search-field label{color:#cbd5e1!important}[data-theme=dark] .search-input-wrap input,[data-theme=dark] .search-field select{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .stock-status-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .stock-status-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .stock-status-table tr:hover td{background-color:#334155!important}[data-theme=dark] .prod-name{color:#f8fafc!important}[data-theme=dark] .v-tag{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .supplier-col{color:#cbd5e1!important}[data-theme=dark] .action-icon-btn{background-color:#0f172a!important}.inv-settings-container{max-width:960px;margin:0 auto;padding:1.5rem}.inv-settings-header{margin-bottom:2rem}.inv-settings-title{color:#0f172a;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;display:flex}.inv-settings-sub{color:#64748b;margin-top:.35rem;font-size:.9rem}.inv-settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.75rem;box-shadow:0 4px 12px #00000008}.inv-settings-section-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.1rem;font-weight:700;display:flex}.inv-settings-section-desc{color:#64748b;margin-bottom:1.5rem;font-size:.88rem}.mode-options-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.mode-card{cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .2s ease-in-out;position:relative}.mode-card:hover{border-color:#cbd5e1;transform:translateY(-2px)}.mode-card.selected{background:#f0f6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.mode-card-badge{color:#fff;letter-spacing:.4px;background:#10b981;border-radius:12px;padding:2px 10px;font-size:.72rem;font-weight:700;position:absolute;top:-10px;right:12px}.mode-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.mode-card-title-group{align-items:center;gap:.6rem;display:flex}.mode-card-icon{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mode-card.selected .mode-card-icon{color:#fff;background:#2563eb;border-color:#2563eb}.mode-title{color:#0f172a;font-size:1rem;font-weight:700}.mode-desc{color:#475569;font-size:.84rem;line-height:1.45}.inv-settings-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding-top:1rem;display:flex}.save-settings-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.6rem;font-size:.92rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 10px #2563eb40}.save-settings-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);box-shadow:0 6px 14px #2563eb59}.save-settings-btn:disabled{opacity:.6;cursor:not-allowed}.inv-toast-msg{border-radius:8px;margin-top:1rem;padding:.75rem 1rem;font-size:.88rem;font-weight:500}.inv-toast-msg.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.inv-toast-msg.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .inv-settings-container{background-color:#0b0f19!important}[data-theme=dark] .inv-settings-title{color:#f8fafc!important}[data-theme=dark] .inv-settings-sub,[data-theme=dark] .inv-settings-section-desc{color:#cbd5e1!important}[data-theme=dark] .inv-settings-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .inv-settings-section-title{color:#f8fafc!important}[data-theme=dark] .mode-card{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .mode-card.selected{background-color:#2563eb26!important;border-color:#6366f1!important}[data-theme=dark] .mode-card-icon{color:#818cf8!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .mode-title{color:#f8fafc!important}[data-theme=dark] .mode-desc{color:#cbd5e1!important}[data-theme=dark] .inv-settings-actions{border-top-color:#334155!important}.stock-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#00000073;justify-content:center;align-items:center;animation:.2s fadeInModal;display:flex;position:fixed;inset:0}.stock-modal-container{background:#fff;border-radius:24px;width:480px;max-width:92vw;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUpModal{0%{transform:translateY(24px)scale(.97)}to{transform:translateY(0)scale(1)}}.stock-modal-header{background:linear-gradient(135deg,#818cf8,#a855f7);justify-content:space-between;align-items:center;padding:24px 32px;display:flex;position:relative}.stock-header-text h3{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.stock-header-text p{color:#ffffffe6;margin:4px 0 0;font-size:.9rem;font-weight:500}.modal-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.stock-modal-body{padding:32px}.form-group{margin-bottom:20px}.form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.read-only-field{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:1rem;font-weight:600}.form-select-custom,.form-input-custom,.form-textarea-custom{color:#1e293b;background:#fff;border:1px solid #d1d5db;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-size:1rem;font-weight:500;transition:all .2s}.form-select-custom:focus,.form-input-custom:focus,.form-textarea-custom:focus{border-color:#818cf8;box-shadow:0 0 0 4px #818cf81a}.form-row .form-group{flex:1;margin-bottom:0}.variant-display{color:#166534;background:#dcfce7;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.stock-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.btn-cancel:hover{background:#f1f5f9}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .2s;box-shadow:0 10px 15px -3px #6366f14d}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f166}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-state{text-align:center;padding:20px 0}.success-icon{margin-bottom:16px;font-size:64px}.acp-root{width:fit-content;position:relative}.acp-trigger-btn{color:#2563eb;cursor:pointer;background:#fff;border:1.5px solid #dbeafe;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem 1.4rem;font-size:.97rem;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 10px #2563eb12}.acp-trigger-btn:hover,.acp-trigger-active{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 16px #2563eb26}.acp-plus-circle{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.15rem;font-weight:700;line-height:1;transition:background .2s;display:flex}.acp-trigger-active .acp-plus-circle{color:#fff;background:#2563eb}.acp-badge{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:800;display:flex;position:absolute;top:-6px;right:-6px}.acp-panel{z-index:500;background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;width:680px;max-width:96vw;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 20px 60px #0000001f,0 4px 16px #2563eb14}.acp-tabs{background:#fafbff;border-bottom:1.5px solid #f1f5f9;display:flex;overflow-x:auto}.acp-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.85rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.acp-tab:hover{color:#2563eb;background:#f0f6ff}.acp-tab-active{color:#2563eb!important;background:#fff!important;border-bottom-color:#2563eb!important}.acp-tab-icon{font-size:1.05rem}.acp-content{max-height:440px;padding:1.25rem;overflow-y:auto}.acp-content::-webkit-scrollbar{width:5px}.acp-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.acp-loader{color:#94a3b8;flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 0;font-size:.9rem;display:flex}.acp-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite acp-spin}@keyframes acp-spin{to{transform:rotate(360deg)}}.acp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.acp-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:2rem 0;font-size:.9rem}.acp-card{background:#fafbff;border:1.5px solid #e8eef7;border-radius:16px;flex-direction:column;gap:.45rem;padding:1rem 1.1rem .85rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.acp-card:before{content:"";border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.acp-price-card:before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.acp-combo-card:before{background:linear-gradient(90deg,#7c3aed,#c084fc)}.acp-coupon-card:before{background:linear-gradient(90deg,#059669,#34d399)}.acp-discount-card:before{background:linear-gradient(90deg,#ea580c,#fb923c)}.acp-card:hover{border-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb1a}.acp-card-applied{background:#f0fdf4!important;border-color:#bbf7d0!important}.acp-card-top{justify-content:space-between;align-items:center;margin-bottom:.15rem;display:flex}.acp-card-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:.2rem .55rem;font-size:.7rem;font-weight:700}.badge-blue{color:#1d4ed8;background:#dbeafe}.badge-purple{color:#6d28d9;background:#ede9fe}.badge-green{color:#15803d;background:#dcfce7}.badge-orange{color:#c2410c;background:#ffedd5}.acp-card-amount{color:#1d4ed8;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.combo-price{color:#6d28d9}.acp-card-title{color:#1e293b;font-size:.97rem;font-weight:700;line-height:1.3}.acp-card-sub{color:#94a3b8;font-size:.78rem;font-weight:500}.acp-card-desc{color:#64748b;font-size:.77rem;font-style:italic;line-height:1.4}.acp-included-list{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.15rem;display:flex}.acp-included-label{color:#64748b;font-size:.72rem;font-weight:600}.acp-included-tag{color:#6d28d9;background:#ede9fe;border-radius:20px;padding:.1rem .45rem;font-size:.68rem;font-weight:600}.acp-coupon-code-tag{color:#15803d;letter-spacing:.05em;background:#dcfce7;border:1px dashed #86efac;border-radius:6px;padding:.15rem .6rem;font-family:Courier New,monospace;font-size:.78rem;font-weight:800}.acp-expiry{color:#ef4444;font-size:.73rem;font-weight:600}.acp-discount-type-tag{color:#c2410c;text-transform:uppercase;letter-spacing:.04em;background:#ffedd5;border-radius:20px;width:fit-content;padding:.1rem .5rem;font-size:.73rem;font-weight:700}.acp-discount-pct{color:#ea580c;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:900}.acp-apply-btn{cursor:pointer;color:#2563eb;letter-spacing:.02em;background:#eff6ff;border:1.5px solid #bfdbfe;border-radius:10px;width:100%;margin-top:.5rem;padding:.55rem;font-size:.83rem;font-weight:700;transition:all .2s}.acp-apply-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40}.acp-apply-btn.acp-applied{color:#15803d;cursor:default;background:#dcfce7;border-color:#86efac}.acp-apply-btn.acp-applied:hover{color:#15803d;box-shadow:none;background:#dcfce7}.acp-coupon-input-row{gap:.6rem;margin-bottom:.85rem;display:flex}.acp-coupon-input{color:#1e293b;letter-spacing:.06em;text-transform:uppercase;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;flex:1;padding:.65rem 1rem;font-family:Courier New,monospace;font-size:.9rem;font-weight:600;transition:all .2s}.acp-coupon-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.acp-coupon-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:.65rem 1.3rem;font-size:.87rem;font-weight:700;transition:all .2s}.acp-coupon-btn:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.acp-divider-label{text-align:center;color:#94a3b8;letter-spacing:.04em;margin-bottom:.85rem;font-size:.75rem;font-weight:600}@media (width<=768px){.acp-panel{width:calc(100vw - 2rem);left:50%;transform:translate(-50%)}.acp-grid{grid-template-columns:1fr}}.billing-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3000;background:#0f172a73;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.billing-detail-modal{background:#fff;border-radius:20px;flex-direction:column;width:680px;max-width:95vw;max-height:90vh;animation:.25s cubic-bezier(.34,1.56,.64,1) modalPop;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.billing-detail-header{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.billing-detail-header span{color:#1e293b;letter-spacing:.05em;font-size:.95rem;font-weight:800}.billing-detail-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.billing-detail-close:hover{color:#ef4444;background:#fee2e2;transform:rotate(90deg)}.billing-detail-body{flex:1;padding:24px 28px;overflow-y:auto}.billing-detail-body::-webkit-scrollbar{width:6px}.billing-detail-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:8px}.item-detail-top-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:20px;margin-bottom:24px;padding:16px 20px;display:flex}.item-detail-img-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:78px;height:78px;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000a}.item-detail-img{object-fit:cover;width:100%;height:100%}.item-detail-img-fallback{background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.item-detail-info-wrapper{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.item-detail-title{color:#0f172a;letter-spacing:-.01em;word-break:break-word;margin:0;font-size:1.15rem;font-weight:800;line-height:1.3}.item-detail-meta-grid{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.meta-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.meta-pill-label{color:#64748b;font-weight:600}.meta-pill-val{color:#1e293b;font-weight:700}.brand-pill{background:#f1f5f9;border:1px solid #e2e8f0}.variant-pill{color:#854d0e;background:#fef9c3;border:1px solid #fef08a}.variant-pill .meta-pill-label,.variant-pill .meta-pill-val{color:#854d0e}.code-pill{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.code-pill .meta-pill-label,.code-pill .meta-pill-val{color:#1d4ed8}.sku-pill{color:#7e22ce;background:#faf5ff;border:1px solid #f3e8ff}.sku-pill .meta-pill-label,.sku-pill .meta-pill-val{color:#7e22ce}.item-detail-qty-wrapper{border-left:1px dashed #cbd5e1;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding-left:12px;display:flex}.qty-wrapper-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.68rem;font-weight:800}.stepper-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;padding:3px;display:flex;box-shadow:0 2px 4px #00000008}.stepper-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;font-weight:800;transition:all .15s;display:flex}.stepper-btn:hover:not(:disabled){color:#fff;background:#3b82f6}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-input{text-align:center;color:#0f172a;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:48px;font-size:1.05rem;font-weight:800}.stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stock-dist-section{flex-direction:column;gap:14px;display:flex}.stock-dist-header{justify-content:space-between;align-items:center;display:flex}.stock-dist-title-group{align-items:center;gap:8px;display:flex}.stock-dist-title{color:#475569;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:800}.auto-distribute-btn{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:4px 10px;font-size:.72rem;font-weight:700;transition:all .2s}.auto-distribute-btn:hover{color:#fff;background:#2563eb}.stock-dist-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.stock-dist-card{cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:16px;flex-direction:column;justify-content:space-between;gap:10px;min-height:130px;padding:16px 18px;transition:all .2s;display:flex}.card-top-row{justify-content:space-between;align-items:center;display:flex}.card-source-name{color:#0f172a;font-size:.95rem;font-weight:800}.card-badge{letter-spacing:.02em;border-radius:12px;padding:3px 9px;font-size:.72rem;font-weight:800}.card-available{background:#fff;border:1.5px solid #e2e8f0}.card-available:hover{background:#f8fafc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 6px 16px #3b82f61a}.badge-available{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.card-prompt{color:#64748b;border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-top:8px;font-size:.8rem;display:flex}.card-prompt strong{color:#1e293b;font-weight:800}.card-prompt small{color:#3b82f6;font-weight:700}.card-selected{background:#eff6ff;border:2px solid #3b82f6;box-shadow:0 6px 18px #3b82f62e}.badge-selected{color:#fff;background:#3b82f6;align-items:center;display:inline-flex}.card-selected-controls{border-top:1px dashed #bfdbfe;flex-direction:column;gap:8px;padding-top:8px;display:flex}.card-qty-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-qty-label{color:#1e40af;font-size:.82rem;font-weight:800}.card-mini-stepper{background:#fff;border:1.5px solid #93c5fd;border-radius:10px;align-items:center;height:36px;padding:2px;display:flex;box-shadow:0 2px 4px #3b82f614}.mini-step-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:none;border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:800;line-height:1;transition:all .15s;display:flex}.mini-step-btn:hover:not(:disabled){color:#fff;background:#3b82f6}.mini-step-btn:disabled{opacity:.35;cursor:not-allowed}.mini-step-input{text-align:center;color:#0f172a;-moz-appearance:textfield;background:0 0;border:none;outline:none;width:44px;height:100%;padding:0 2px;font-size:1.05rem;font-weight:800;line-height:1}.mini-step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mini-step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.card-balance-row{color:#475569;justify-content:space-between;align-items:center;padding-top:4px;font-size:.78rem;font-weight:600;display:flex}.card-balance-row .balance-val{color:#16a34a;font-size:.85rem;font-weight:800}.card-empty{cursor:not-allowed;opacity:.95;background:#fef2f2!important;border:1.5px solid #f87171!important}.card-empty .card-source-name{color:#991b1b}.badge-empty{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.card-empty-msg{color:#ef4444;text-transform:uppercase;letter-spacing:.03em;padding:4px 0;font-size:.72rem;font-weight:700}.dist-summary-banner{border-radius:12px;justify-content:space-between;align-items:center;margin-top:4px;padding:12px 18px;transition:all .2s;display:flex}.status-ok{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.status-ok .summary-main-status,.status-ok .total-bal-val{color:#15803d}.status-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.status-warning .summary-main-status,.status-warning .total-bal-val{color:#b45309}.status-over{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.status-over .summary-main-status,.status-over .total-bal-val{color:#dc2626}.summary-left{flex-direction:column;gap:3px;display:flex}.summary-main-status{font-size:.85rem;font-weight:800}.summary-sub-status{opacity:.85;font-size:.74rem}.summary-right{flex-direction:column;align-items:flex-end;display:flex}.total-bal-label{text-transform:uppercase;letter-spacing:.03em;opacity:.8;font-size:.68rem;font-weight:700}.total-bal-val{font-size:1.15rem;font-weight:900}.billing-detail-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;padding:18px 28px;display:flex}.billing-detail-btn.primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:12px 36px;font-size:.95rem;font-weight:800;transition:all .2s;box-shadow:0 6px 16px #2563eb4d}.billing-detail-btn.primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px #2563eb66}.billing-detail-btn.primary:active{transform:translateY(0)}.detail-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2500;background:#0f172a80;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.detail-modal-container{background:#fff;border-radius:24px;width:750px;max-width:95vw;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.detail-modal-header{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);justify-content:space-between;align-items:center;padding:20px 28px;display:flex}.detail-header-left{align-items:center;gap:12px;display:flex}.detail-header-left span{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.detail-close-x{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.detail-close-x:hover{background:#ffffff40;transform:rotate(90deg)}.detail-modal-body{gap:40px;padding:32px;display:flex}.detail-image-section{flex-shrink:0;width:240px}.detail-image-wrapper{aspect-ratio:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:100%;margin-bottom:24px;display:flex;overflow:hidden}.detail-image-wrapper img{object-fit:contain;max-width:90%;max-height:90%}.detail-description-section label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.detail-description-text{color:#475569;max-height:120px;font-size:.9rem;line-height:1.6;overflow-y:auto}.detail-info-grid{flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:24px;display:grid}.info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:800}.info-value{color:#1e293b;font-size:1.05rem;font-weight:600}.info-value.price{color:#2563eb;font-size:1.25rem;font-weight:700}.info-value.highlight{color:#059669}.detail-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.btn-secondary-custom{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 24px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-secondary-custom:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-primary-custom{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #2563eb33}.btn-primary-custom:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.btn-primary-custom:active{transform:translateY(0)}.btn-request-custom{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;padding:12px 28px;font-size:.9rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #ef444433}.btn-request-custom:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #ef44444d}.btn-request-custom:active{transform:translateY(0)}.stock-table-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-top:1.5rem;padding:1.5rem}.stock-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.stock-header-left{align-items:center;gap:1rem;display:flex}.stock-indicator{background-color:#3b82f6;border-radius:2px;width:4px;height:24px}.stock-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.stock-select-wrapper{position:relative}.stock-select-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.stock-select-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.stock-select-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.stock-select-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:380px;max-height:420px;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 10px 30px #0000001f}.dropdown-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.dropdown-title{color:#1e293b;font-size:.9rem;font-weight:800}.dropdown-count-badge{color:#fff;background:#3b82f6;border-radius:12px;padding:.15rem .6rem;font-size:.75rem;font-weight:700}.dropdown-body{max-height:340px;padding:.5rem;overflow-y:auto}.dropdown-empty-state{text-align:center;color:#94a3b8;padding:2.5rem 1rem;font-size:.875rem;font-weight:600}.dropdown-item-row{border-bottom:1px dashed #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:.65rem .75rem;transition:background .15s;display:flex}.dropdown-item-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.dropdown-thumb{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;width:38px;height:38px}.dropdown-thumb-placeholder{background:#f1f5f9;border-radius:6px;flex-shrink:0;width:38px;height:38px}.dropdown-item-info{flex-direction:column;gap:.2rem;min-width:0;display:flex}.dropdown-prod-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.dropdown-prod-meta{color:#64748b;align-items:center;gap:.5rem;font-size:.725rem;display:flex}.dropdown-variant{color:#2563eb;background:#eff6ff;border-radius:4px;padding:.1rem .4rem;font-weight:600}.dropdown-qty{font-weight:600}.dropdown-item-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.dropdown-price{color:#10b981;font-size:.85rem;font-weight:800}.dropdown-remove-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.dropdown-remove-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.stock-header-right{align-items:center;gap:.75rem;display:flex}.show-label{color:#94a3b8;letter-spacing:.05em;font-size:.75rem;font-weight:700}.show-select{color:#334155;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='C19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right .5rem center/1rem no-repeat;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem 1.5rem .4rem .75rem;font-size:.85rem;font-weight:600}.stock-filter-bar{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#94a3b8;letter-spacing:.05em;font-size:.7rem;font-weight:800}.filter-select,.filter-btn{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:160px;height:38px;padding:0 1rem;font-size:.9rem;font-weight:500}.filter-btn{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.reset-filters-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;height:38px;padding:0 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.reset-filters-btn:hover{color:#1e293b;background:#f1f5f9}.stock-table-wrapper{border:1px solid #f1f5f9;border-radius:8px;max-height:420px;margin-bottom:1.5rem;overflow:auto}.stock-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.stock-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.stock-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.stock-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.stock-main-table{border-collapse:collapse;width:100%}.stock-main-table th{z-index:10;text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.75rem;font-weight:800;position:sticky;top:0}.stock-main-table td{color:#334155;border-bottom:1px solid #f8fafc;padding:1rem;font-size:.9rem}.prod-name-cell .prod-link{color:#3b82f6;font-weight:600;text-decoration:none}.prod-name-cell .prod-link:hover{text-decoration:underline}.variant-badge{text-transform:capitalize;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:700}.variant-badge.original{color:#15803d;background:#dcfce7}.variant-badge.imported{color:#a16207;background:#fef9c3}.stock-row-interactive{cursor:pointer;border-bottom:1px solid #f8fafc;transition:all .2s}.stock-row-interactive:hover{background-color:#f0f7ff!important}.stock-row-interactive.row-selected{background-color:#f0fdf4}.stock-row-interactive.row-selected:hover{background-color:#dcfce7!important}.center-cell{text-align:center;padding:16px!important}.qty-display{font-weight:800}.qty-display.out-of-stock{color:#ef4444}.action-cell{text-align:center;width:120px;padding:12px 16px!important}.action-btns-group{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.action-btn-view{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.action-btn-view:hover{color:#1e293b;background:#e2e8f0;transform:scale(1.05)}.action-btn-edit{cursor:pointer;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn-edit:hover{color:#fff;background:#16a34a;transform:scale(1.05);box-shadow:0 4px 6px -1px #16a34a33}.action-btn-delete{cursor:pointer;color:#ef4444;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.action-btn-delete:hover{color:#fff;background:#ef4444;transform:scale(1.05);box-shadow:0 4px 6px -1px #ef444433}.action-btn-buy{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:10px;justify-content:center;align-items:center;height:36px;padding:0 16px;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #3b82f633}.action-btn-buy:hover{background:#2563eb;transform:scale(1.05);box-shadow:0 10px 15px -3px #2563eb4d}.action-btn-buy.active{background:#10b981;box-shadow:0 4px 6px -1px #10b98133}.action-btn-remove{cursor:pointer;color:#fff;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;height:36px;padding:0 12px;font-size:.825rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #ef444433}.action-btn-remove:hover{background:#dc2626;transform:scale(1.05);box-shadow:0 10px 15px -3px #dc26264d}.request-btn-red{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #ef444433}.request-btn-red:hover{background:#dc2626;transform:translateY(-1px)}.prod-name-text{color:#3b82f6;font-size:.95rem;font-weight:700}.stock-pagination{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.page-input{text-align:center;border:1px solid #e2e8f0;border-radius:6px;width:40px;height:30px;font-size:.85rem;font-weight:600}.page-nav{gap:.25rem;display:flex}.page-nav-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:600;display:flex}.page-nav-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.page-nav-btn:hover:not(.active){background:#f8fafc}.request-btn-gradient{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff5e36,#f43f5e);border:none;border-radius:10px;align-items:center;gap:.6rem;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 10px #f43f5e4d}.request-btn-gradient:hover{transform:translateY(-1px)scale(1.02);box-shadow:0 6px 14px #f43f5e66}.out-of-stock-row-badge{color:#ef4444;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;border-radius:6px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-block;box-shadow:0 2px 4px #ef44440d}[data-theme=dark] .stock-table-section,[data-theme=dark] .stock-select-dropdown{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .stock-title,[data-theme=dark] .stock-table td,[data-theme=dark] .stock-table td *{color:#f8fafc!important}[data-theme=dark] .stock-select-btn,[data-theme=dark] .page-nav-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .dropdown-header,[data-theme=dark] .stock-table th{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .stock-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .stock-table tr:hover td{background-color:#334155!important}.unregistered-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeInOverlay;display:flex;position:fixed;inset:0}@keyframes fadeInOverlay{0%{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#0f172a00}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66}}.unregistered-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:480px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.unregistered-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.unregistered-modal-title{color:#0f172a;margin:0 0 4px;font-size:1.15rem;font-weight:700}.unregistered-modal-subtitle{color:#64748b;margin:0;font-size:.83rem;line-height:1.4}.unregistered-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-left:12px;padding:6px;transition:all .15s;display:flex}.unregistered-modal-close:hover{color:#0f172a;background-color:#f1f5f9}.unregistered-modal-body{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}.unregistered-form-group{flex-direction:column;gap:6px;display:flex}.unregistered-form-label{color:#334155;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.unregistered-form-label svg{color:#64748b}.required-star{color:#ef4444;font-weight:700}.unregistered-form-input,.unregistered-form-textarea{color:#0f172a;box-sizing:border-box;background-color:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:.92rem;transition:all .2s}.unregistered-form-textarea{resize:vertical;min-height:72px}.unregistered-form-input:focus,.unregistered-form-textarea:focus{background-color:#fff;border-color:#f97316;outline:none;box-shadow:0 0 0 3px #f9731626}.unregistered-form-input.has-error,.unregistered-form-textarea.has-error{background-color:#fef2f2;border-color:#ef4444}.unregistered-error-text{color:#dc2626;margin-top:2px;font-size:.78rem;font-weight:500}.unregistered-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;margin-top:8px;padding-top:16px;display:flex}.unregistered-btn-cancel{color:#475569;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .15s}.unregistered-btn-cancel:hover:not(:disabled){color:#1e293b;background-color:#f1f5f9}.unregistered-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:none;border-radius:10px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #f9731640}.unregistered-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#ea580c 0%,#c2410c 100%);transform:translateY(-1px);box-shadow:0 6px 16px #f9731659}.unregistered-btn-save:disabled,.unregistered-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.customer-search-container{width:100%;position:relative}.customer-search-input-wrapper{align-items:center;display:flex;position:relative}.customer-search-input{border:1px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:44px;padding:10px 45px;font-size:14px;transition:all .2s;box-shadow:0 2px 4px #00000005}.customer-search-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.customer-search-icon{color:#94a3b8;align-items:center;display:flex;position:absolute;left:15px}.customer-search-loader{position:absolute;right:15px}.customer-suggestions-dropdown{z-index:1000;background:#fff;border:1px solid #f1f5f9;border-radius:12px;max-height:400px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.customer-suggestion-item{cursor:pointer;border-bottom:1px solid #f8fafc;padding:12px 16px;transition:background .2s}.customer-suggestion-item:last-child{border-bottom:none}.customer-suggestion-item.active{background:#f1f5f9}.suggestion-item-rich{flex-direction:column;gap:2px;display:flex}.item-mobile-main{color:#1e293b;margin-bottom:2px;font-size:15px}.item-business-name p{color:#475569;margin:0;font-weight:500}.item-address p{color:#64748b;margin:0;font-size:12px}.item-tax-row{gap:12px;margin-top:4px;display:flex}.tax-label{color:#475569;background:#f1f5f9;border-radius:4px;margin:0;padding:2px 8px;font-size:11px;font-weight:600}.no-suggestions{text-align:center;color:#94a3b8;padding:20px;font-size:14px}.highlight{color:#854d0e;background:#fef08a;border-radius:2px;padding:0 2px}.dashboard-container{background:#f4f7f6;min-height:100vh;padding:20px;font-family:sans-serif}.section-card{background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden}.header{color:#fff;padding:10px 15px;font-weight:700}.cyan-bg{background-color:#00bcd4}.blue-bg{background-color:#007bff}.content{padding:15px}.row-flex{justify-content:space-between;align-items:center;display:flex}.search-grid{gap:15px;margin-top:10px;display:flex}.tip-text{color:#666;margin-top:10px;font-size:.85rem}.btn-success{color:#fff;cursor:pointer;background-color:#198754;border:none;border-radius:4px;padding:8px 16px}.modal-overlay{background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:50px;display:flex;position:fixed;top:0;left:0;z-index:9999!important}.modal-content{background:#fff;border-radius:4px;width:90%;max-width:1000px;box-shadow:0 5px 15px #0000004d}.modal-body{padding:20px}.close-x{cursor:pointer;font-size:1.5rem}.filter-grid{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.full-width{grid-column:span 2}.field label{margin-bottom:5px;font-size:.9rem;font-weight:500;display:block}.form-control,.form-select{border:1px solid #ccc;border-radius:4px;width:100%;padding:6px}.terms-return-selector-wrapper{width:100%;margin-top:1rem}.selector-compact-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.15rem 1.35rem;box-shadow:0 4px 16px #00000008}.selector-row-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.item-meta{flex-direction:column;gap:.25rem;display:flex}.item-title-badge{align-items:center;gap:.6rem;display:flex}.text-icon{color:#6366f1}.item-title{color:#1e293b;font-size:.95rem;font-weight:700}.badge-default{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-custom{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.item-sub-desc{color:#64748b;margin:0;font-size:.78rem}.item-action-flex{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.toggle-switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.65rem;display:inline-flex}.toggle-switch-label input[type=checkbox]{display:none}.toggle-switch-ui{background:#cbd5e1;border-radius:20px;flex-shrink:0;width:42px;height:22px;transition:background .25s;position:relative}.toggle-switch-ui:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch-label input[type=checkbox]:checked+.toggle-switch-ui{background:#6366f1}.toggle-switch-label input[type=checkbox]:checked+.toggle-switch-ui:before{transform:translate(20px)}.toggle-switch-text{color:#334155;font-size:.85rem;font-weight:600}.btn-panel-expand{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-panel-expand:hover{background:#f4f5ff;border-color:#6366f1}.selector-divider{background:#f1f5f9;height:1px;margin:1.15rem 0}.customization-panel-body{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.15rem;display:flex}.fade-in-panel{animation:.3s ease-out forwards panelSlideDown}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.panel-header-banner{color:#3730a3;background:#e0e7ff;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem .85rem;font-size:.8rem;font-weight:700;display:flex}.panel-field-group{flex-direction:column;gap:.4rem;display:flex}.panel-field-label{color:#334155;font-size:.82rem;font-weight:700}.panel-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.55rem .85rem;font-size:.875rem;transition:all .2s}.panel-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.panel-row-2col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=640px){.panel-row-2col{grid-template-columns:1fr}}.clause-items-stack{flex-direction:column;gap:.65rem;display:flex}.clause-item-card{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:.65rem;padding:.65rem .85rem;display:flex}.clause-order-num{color:#6366f1;margin-top:.35rem;font-size:.85rem;font-weight:700}.clause-text-input{color:#1e293b;resize:vertical;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:.45rem .65rem;font-family:inherit;font-size:.85rem}.clause-text-input:focus{border-color:#6366f1}.clause-reorder-btns{align-items:center;gap:4px;display:flex}.clause-reorder-btns button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:flex}.clause-reorder-btns button:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.clause-reorder-btns button:disabled{opacity:.4;cursor:not-allowed}.clause-reorder-btns .btn-del-clause:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.add-clause-input-row{align-items:center;gap:.65rem;margin-top:.35rem;display:flex}.btn-add-clause{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.55rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-clause:hover:not(:disabled){background:#4f46e5}.btn-add-clause:disabled{cursor:not-allowed;background:#cbd5e1}.panel-actions-footer{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;margin-top:.5rem;padding-top:.85rem;display:flex}.btn-reset-default{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:.35rem;padding:.45rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-reset-default:hover{color:#0f172a;background:#f1f5f9}.actions-right-stack{align-items:center;gap:.65rem;display:flex}.btn-cancel-panel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.3rem;padding:.5rem .9rem;font-size:.82rem;font-weight:600;display:inline-flex}.btn-cancel-panel:hover{background:#f8fafc}.btn-apply-panel{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem 1.1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.btn-apply-panel:hover{background:#059669}.checkout-container{color:#1e293b;max-width:1080px;margin:20px auto;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.info-bar{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-bottom:20px;padding:14px 20px;box-shadow:0 1px 3px #00000008}.info-row{color:#0369a1;font-size:13px}.info-row span{margin-right:15px}.checkout-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.card-header{color:#0f172a;background-color:#fff;border-bottom:1px solid #f1f5f9;padding:18px 24px;font-size:1.15rem;font-weight:700}.checkout-toggle-container{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.checkout-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.checkout-toggle-btn:hover{color:#1e293b}.checkout-toggle-btn.active{color:#2563eb;background:#fff;box-shadow:0 2px 6px #2563eb26}.card-body{padding:24px}.card-body h3{color:#0f172a;margin-top:0;margin-bottom:16px;font-size:1.1rem;font-weight:700}.items-table{border-collapse:collapse;border-radius:8px;width:100%;margin-bottom:20px;overflow:hidden}.items-table th,.items-table td{text-align:left;border:1px solid #e2e8f0;padding:12px 14px;font-size:14px}.items-table th{color:#fff;letter-spacing:.3px;text-transform:uppercase;background-color:#0f172a;font-size:.85rem;font-weight:600}.items-table tbody tr:nth-child(2n){background-color:#f8fafc}.totals-section{text-align:right;border-top:1px solid #f1f5f9;margin-top:20px;padding-top:15px}.totals-section p{color:#64748b;margin:4px 0;font-size:.9rem;font-weight:500}.grand-total{color:#0f172a;margin-top:12px;font-size:1.35rem;font-weight:800}.divider{border:0;border-top:1px solid #e2e8f0;margin:24px 0}.multi-payment-section{margin-top:10px}.multi-payment-header{margin-bottom:20px}.section-title{color:#1e40af;margin:0 0 4px;font-size:1.2rem;font-weight:700}.section-subtitle{color:#64748b;margin:0;font-size:.88rem}.validation-error-banner{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:600;animation:.3s fadeIn;display:flex}.payment-layout{align-items:flex-start;gap:24px;display:flex}.payment-rows-container{flex:65%;min-width:0}.payment-rows-table{flex-direction:column;gap:10px;display:flex}.row-header{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.col-mode{flex:1.3;min-width:140px}.col-amount{flex:1.5;min-width:145px}.col-txid,.col-ref{flex:1.2;min-width:125px}.col-action{flex-shrink:0;justify-content:center;width:44px;display:flex}.payment-row-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.payment-row-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000f}.fade-in-row{animation:.25s cubic-bezier(.16,1,.3,1) slideInRow}@keyframes slideInRow{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.select-wrapper{width:100%;position:relative}.payment-select{color:#1e293b;cursor:pointer;box-sizing:border-box;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13.5px;font-weight:600;transition:all .2s}.payment-select:focus{background-color:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.amount-input-wrapper{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;width:100%;transition:all .2s;display:flex;overflow:hidden}.amount-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.amount-input-wrapper.input-error{background-color:#fef2f2;border-color:#ef4444}.currency-symbol{color:#334155;-webkit-user-select:none;user-select:none;background-color:#f1f5f9;border-right:1px solid #cbd5e1;flex-shrink:0;justify-content:center;align-items:center;padding:9px 12px;font-size:14px;font-weight:700;display:flex}.amount-input-wrapper.input-error .currency-symbol{color:#ef4444;background-color:#fee2e2;border-right-color:#fca5a5}.payment-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:13.5px;transition:all .2s}.payment-input.amount-input{color:#0f172a;width:100%;font-size:14px;font-weight:700;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:9px 10px!important}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.payment-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.payment-input:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.remove-btn:hover{color:#fff;background:#ef4444;border-color:#dc2626;transform:scale(1.05)}.add-payment-wrapper{margin-top:14px}.add-payment-btn{color:#2563eb;cursor:pointer;background-color:#eff6ff;border:1.5px dashed #93c5fd;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.add-payment-btn:hover{color:#1d4ed8;background-color:#dbeafe;border-color:#2563eb}.payment-summary-card{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #cbd5e1;border-radius:14px;flex:35%;min-width:260px;padding:20px;position:sticky;top:20px;box-shadow:0 4px 12px #00000008}.summary-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.summary-card-header h4{color:#0f172a;margin:0;font-size:1.05rem;font-weight:700}.summary-icon{color:#3b82f6}.summary-card-body{flex-direction:column;gap:12px;display:flex}.summary-item{justify-content:space-between;align-items:center;font-size:14px;display:flex}.summary-label{color:#64748b;font-weight:500}.summary-val{color:#1e293b;font-weight:700}.grand-val{color:#0f172a;font-size:15px}.paid-val{color:#16a34a}.balance-due-val{color:#dc2626}.balance-zero-val{color:#64748b}.summary-divider{border-top:1px dashed #cbd5e1;margin:4px 0}.status-item{margin-top:4px}.status-badge{letter-spacing:.2px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000d}.status-paid{color:#15803d;background-color:#dcfce7;border:1px solid #86efac}.status-partially-paid{color:#b45309;background-color:#fef3c7;border:1px solid #fde047}.status-pending{color:#b91c1c;background-color:#fee2e2;border:1px solid #fca5a5}.status-credit{color:#4338ca;background-color:#e0e7ff;border:1px solid #a5b4fc}.notes-terms-section{flex-direction:column;gap:8px;margin-top:20px;display:flex}.notes-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:13.5px;transition:all .2s}.payment-actions{justify-content:flex-end;margin-top:24px;display:flex}.pay-btn{color:#fff;cursor:pointer;letter-spacing:.3px;background:linear-gradient(135deg,#16a34a 0%,#15803d 100%);border:none;border-radius:12px;min-width:240px;padding:14px 40px;font-size:1.05rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #16a34a40}.pay-btn:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.pay-btn:hover:not(:disabled){background:linear-gradient(135deg,#15803d 0%,#166534 100%);transform:translateY(-1px);box-shadow:0 6px 16px #16a34a59}@media (width<=900px){.payment-layout{flex-direction:column}.payment-rows-container,.payment-summary-card{flex:100%;width:100%}.payment-summary-card{position:static}}@media (width<=640px){.checkout-container{margin:0;padding:10px}.row-header{display:none}.payment-row-card{flex-direction:column;align-items:stretch;gap:8px;padding:14px}.col-mode,.col-amount,.col-txid,.col-ref{width:100%}.col-action{justify-content:flex-end;width:100%}.pay-btn{width:100%}}:root{--primary-blue:#007bff;--bg-light:#f8fafc;--text-dark:#1e293b;--text-muted:#64748b;--card-shadow:0 4px 20px #0000000d}.page-wrapper{background-color:var(--bg-light);flex-direction:column;align-items:center;min-height:100vh;padding:2.5rem;display:flex}.billing-header-bar{background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:0;padding:.75rem 1.5rem;display:flex}.tab-group{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:10px;gap:.5rem;padding:4px;display:flex}.billing-header-bar .tab-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);color:#ffffffe6!important;opacity:1!important}.billing-header-bar .tab-btn:hover:not(.active){background:#ffffff26;color:#fff!important}.billing-header-bar .tab-btn.active{font-weight:700;box-shadow:0 4px 12px #0000001f;color:#0056b3!important;background:#fff!important}.tab-btn-mini{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.tab-btn-mini.active{color:var(--primary-blue);background:#fff;box-shadow:0 2px 8px #0000000d}.products-badge-btn{color:var(--primary-blue);background:#fff;border:none;border-radius:20px;padding:.4rem 1.2rem;font-size:.9rem;font-weight:600}.billing-card{box-shadow:var(--card-shadow);background:#fff;border:1px solid #e2e8f0;border-radius:0 0 16px 16px;width:100%;max-width:1200px;margin:0 auto;padding:24px 32px}.card-header-row{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.card-header-row .header-title,.header-title{align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex;color:#1e293b!important}.blue-indicator{background-color:var(--primary-blue);border-radius:2px;width:4px;height:24px}.header-action-buttons{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.customer-header-actions{align-items:center;gap:12px;display:flex}.btn-unregistered-customer{color:#c2410c;cursor:pointer;background:#fff7ed;border:1px solid #f97316;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-unregistered-customer:hover{color:#9a3412;background:#ffedd5;border-color:#ea580c;transform:translateY(-1px);box-shadow:0 4px 12px #f973162e}.btn-add-new-customer{color:#166534;cursor:pointer;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.unregistered-badge{color:#c2410c;text-transform:uppercase;letter-spacing:.05em;background:#fff7ed;border:1px solid #ffedd5;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.verified-details-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-top:1.5rem;padding:1.25rem 1.5rem;transition:all .2s;box-shadow:0 4px 16px #00000008}.verified-details-card h4{color:#0f172a;font-size:1.05rem;font-weight:700}.verified-badge{color:#fff;letter-spacing:.03em;white-space:nowrap;background:#16a34a;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 2px 8px #16a34a40}.details-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(4,1fr);gap:1.5rem;width:100%;padding-top:.75rem;display:grid}.detail-field{text-align:left;flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}.detail-field label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem;font-weight:700}.detail-field p{color:#1e293b;word-break:break-word;margin:0;font-size:.95rem;font-weight:600;line-height:1.4}@media (width<=900px){.details-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (width<=500px){.details-grid{grid-template-columns:1fr;gap:1rem}}.btn-advanced-search,.btn-products-api{cursor:pointer;box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:175px;height:40px;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-advanced-search{color:#007bff;background:#fff;border:1.5px solid #007bff}.btn-advanced-search:hover{color:#0056b3;background:#f0f7ff;border-color:#0056b3;box-shadow:0 4px 12px #007bff26}.btn-products-api{color:#fff;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border:none;box-shadow:0 4px 14px #007bff40}.btn-products-api:hover:not(:disabled){background:linear-gradient(135deg,#0056b3 0%,#004085 100%);transform:translateY(-1px);box-shadow:0 6px 18px #007bff59}.btn-products-api:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.btn-spinner{animation:1s linear infinite spin}.api-products-container{border-top:1px solid #e2e8f0;margin-top:2rem;padding-top:1.5rem}.api-products-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.api-products-header h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:800}.api-badge{color:#007bff;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.api-products-status-card{text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:2.5rem;display:flex}.api-products-status-card.loading{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1}.spin-loader{color:#007bff;animation:1s linear infinite spin}.api-products-status-card.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.error-msg{margin:0;font-size:.95rem;font-weight:700}.btn-retry-api{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-retry-api:hover{background:#b91c1c;box-shadow:0 4px 12px #dc262640}.api-products-status-card.empty{color:#64748b;background:#f8fafc;border:1px dashed #e2e8f0}.empty-title{color:#475569;margin:0;font-size:1rem;font-weight:700}.api-products-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.api-product-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.api-product-card:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 6px 18px #007bff1a}.api-prod-media{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;overflow:hidden}.api-prod-media img{object-fit:cover;width:100%;height:100%}.api-prod-media .fallback-icon{color:#cbd5e1}.api-prod-details{flex-direction:column;flex:1;gap:.4rem;display:flex}.prod-name{color:#0f172a;margin:0;font-size:.95rem;font-weight:800}.prod-tags{gap:.4rem;display:flex}.tag-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.tag-pill.brand{color:#0284c7;background:#eff6ff}.prod-meta-row{color:#64748b;gap:.8rem;font-size:.75rem;display:flex}.prod-quantities-bar{gap:.4rem;margin-top:.2rem;display:flex}.qty-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:.2rem .5rem;font-size:.725rem}.qty-chip.bill{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.prod-pricing-footer{border-top:1px dashed #f1f5f9;justify-content:space-between;align-items:baseline;margin-top:.4rem;padding-top:.4rem;display:flex}.unit-price{color:#0f172a;font-size:.85rem;font-weight:700}.total-price{color:#10b981;font-size:.9rem;font-weight:800}.prod-location{color:#64748b;font-size:.725rem}.btn-add-new-customer{color:#16a34a;cursor:pointer;white-space:nowrap;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .25s;display:flex}.btn-add-new-customer:hover{color:#fff;background:#16a34a;border-color:#16a34a;transform:translateY(-1px);box-shadow:0 4px 12px #16a34a40}.btn-add-new-customer:hover svg{stroke:#fff}.btn-add-new-customer:active{transform:translateY(0)}.search-form-grid{align-items:center;gap:2rem;display:flex}.form-field{align-items:center;gap:1rem;display:flex}.form-field label{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:700}.form-select,.form-input{color:var(--text-dark);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.25rem;font-size:1rem;transition:all .2s}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='C19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:1.25rem;min-width:180px}.form-input{min-width:300px}.form-input::placeholder{color:#94a3b8}.form-select:focus,.form-input:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 4px #007bff1a}.divider{background:#f1f5f9;height:1px;margin:2rem 0}.fade-in{animation:.3s ease-out fadeIn}.sidebar{background:#fff!important}.nav-link{color:#64748b;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.nav-link.active{color:var(--primary-blue);background:#eff6ff}.billing-final-container{border-top:2px dashed #e2e8f0;flex-direction:column;gap:2rem;margin-top:3rem;padding-top:2rem;display:flex}.charges-sequential{flex-direction:column;gap:1.5rem;display:flex}.btn-expand-charges{color:var(--primary-blue);cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;width:fit-content;padding:.75rem 1.5rem;font-size:1rem;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000008}.btn-expand-charges.active{border-color:var(--primary-blue);background:#eff6ff}.plus-icon-circle{width:24px;height:24px;color:var(--primary-blue);background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:flex}.inline-charges-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1.5rem;display:grid}.charge-input-field{flex-direction:column;gap:.6rem;display:flex}.charge-input-field label{color:var(--text-muted);text-transform:uppercase;font-size:.85rem;font-weight:700}.input-with-symbol{align-items:center;display:flex;position:relative}.input-with-symbol .currency{color:var(--text-muted);font-weight:600;position:absolute;left:1rem}.input-with-symbol input{border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem .75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.input-with-symbol input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 4px #007bff1a}.total-sequential{justify-content:flex-start;display:flex}.payable-summary-box{background:#fff;border:1px solid #e2e8f0;border-radius:20px;min-width:380px;padding:2rem;box-shadow:0 10px 30px #00000008}.calculation-lines{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.8rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.calc-line{color:var(--text-muted);justify-content:space-between;font-size:.95rem;font-weight:500;display:flex}.calc-line.highlight-calc{color:var(--primary-blue);font-weight:600}.payable-total-row{justify-content:space-between;align-items:center;display:flex}.payable-total-row .main-label{color:var(--text-dark);font-size:1.1rem;font-weight:800}.payable-total-row .main-amount{color:#0f172a;letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:2.25rem;font-weight:900}.action-sequential{justify-content:flex-end;display:flex}.btn-place-order-final{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);border:none;border-radius:16px;padding:1.25rem 4rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px #1d4ed840}.btn-place-order-final:hover:not(.disabled){filter:brightness(1.1);transform:translateY(-3px);box-shadow:0 15px 35px #1d4ed859}.btn-place-order-final:active:not(.disabled){transform:translateY(-1px)}.btn-place-order-final.disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#e2e8f0}@media (width<=768px){.payable-summary-box{min-width:100%}.btn-place-order-final{width:100%}.inline-charges-grid{grid-template-columns:1fr}}[data-theme=dark] .page-wrapper{background:#0b0f19!important}[data-theme=dark] .billing-card,[data-theme=dark] .payable-summary-box,[data-theme=dark] .empty-cart-card,[data-theme=dark] .verified-details-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .header-title,[data-theme=dark] .form-field label,[data-theme=dark] .payable-total-row .main-label,[data-theme=dark] .payable-total-row .main-amount{color:#f8fafc!important}[data-theme=dark] .form-select,[data-theme=dark] .form-input,[data-theme=dark] .customer-search-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .form-input::placeholder{color:#64748b!important}[data-theme=dark] .tab-btn-mini{color:#94a3b8!important}[data-theme=dark] .tab-btn-mini.active{color:#818cf8!important;background-color:#0f172a!important}[data-theme=dark] .btn-advanced-search,[data-theme=dark] .btn-unregistered-customer,[data-theme=dark] .btn-add-new-customer{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .calc-line{color:#cbd5e1!important}[data-theme=dark] .btn-place-order-final.disabled{color:#64748b!important;background:#334155!important}.company-form-modal{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;position:fixed;top:0;left:0}.companyName1{color:#fff;background-color:#000}.company-form-container{background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:95vh;animation:.3s ease-out fadeIn;overflow-y:auto;box-shadow:0 10px 40px #0003}.form-header{text-align:center;border-bottom:1px solid #eef1f4;padding:28px 28px 20px}.form-header h1{color:#1a1a1a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700}.tab-navigation{background:#f8f9fa;border-radius:8px;margin:0 28px;padding:4px;display:flex;position:relative}.tab-btn{color:#6c757d;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:6px;flex:1;padding:14px 20px;font-size:16px;font-weight:600;transition:all .3s;position:relative}.tab-btn.active{color:#fff}.tab-indicator{background:#000;border-radius:6px;width:50%;transition:left .3s cubic-bezier(.4,0,.2,1);position:absolute;top:4px;bottom:4px;box-shadow:0 4px 12px #0000004d}form{padding:28px}.form-group{margin-bottom:24px;animation:.4s ease-out both slideDown}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.15s}.form-group:nth-child(3){animation-delay:.2s}.form-group:nth-child(4){animation-delay:.25s}.form-group:nth-child(5){animation-delay:.3s}.form-label{margin-bottom:8px}.form-label label{color:#2d3436;font-size:15px;font-weight:600;display:block}.required-star{color:#ff4757;vertical-align:top;margin-left:4px;font-size:18px}.form-input,.form-textarea{color:#2d3436;box-sizing:border-box;background-color:#fff;border:2px solid #e9ecef;border-radius:8px;width:100%;padding:14px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;transition:all .3s}.form-input:focus,.form-textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 4px #3498db1a}.form-input.error{background-color:#fff9fa;border-color:#ff4757}.form-input.error:focus{border-color:#ff4757;box-shadow:0 0 0 4px #ff47571a}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.field-hint{color:#6c757d;margin-top:6px;font-size:13px;font-style:italic;font-weight:400}.error-message{color:#ff4757;align-items:center;margin-top:6px;font-size:13px;font-weight:500;display:flex}.error-message:before{content:"⚠";margin-right:6px;font-size:14px}.form-actions{border-top:2px solid #f8f9fa;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.primary-actions{gap:12px;display:flex}.btn{cursor:pointer;text-align:center;letter-spacing:.3px;border:none;border-radius:8px;min-width:140px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s}.btn-secondary{color:#fff;background-color:#6c757d;box-shadow:0 2px 4px #6c757d33}.btn-secondary:hover{background-color:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.btn-reset{color:#495057;background-color:#f8f9fa;border:2px solid #e9ecef;box-shadow:0 2px 4px #e9ecef33}.btn-reset:hover{background-color:#e9ecef;border-color:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #e9ecef4d}.btn-primary{color:#fff;background:linear-gradient(135deg,#3498db 0%,#2c80b4 100%);box-shadow:0 4px 12px #3498db4d}.btn-primary:hover{background:linear-gradient(135deg,#2980b9 0%,#2573a6 100%);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #3498db4d}.form-input::placeholder,.form-textarea::placeholder{color:#adb5bd;font-weight:400}.company-form-container::-webkit-scrollbar{width:6px}.company-form-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:0 12px 12px 0}.company-form-container::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.company-form-container::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (width<=576px){.company-form-container{border-radius:12px 12px 0 0;max-width:100%;max-height:100vh;margin:0}.company-form-modal{align-items:flex-end;padding:0}.form-header{padding:24px 20px 16px}.form-header h1{font-size:22px}.tab-navigation{margin:0 20px}.tab-btn{padding:12px 16px;font-size:15px}form{padding:24px 20px}.form-actions{flex-direction:column;gap:16px}.primary-actions{flex-direction:column;width:100%}.btn{width:100%;min-width:auto}.form-input,.form-textarea{padding:12px 14px;font-size:16px}}.btn:focus,.form-input:focus,.form-textarea:focus,.tab-btn:focus{outline-offset:2px;outline:2px solid #74b9ff}.add-cc-page-wrapper{justify-content:center;align-items:flex-start;min-height:calc(100vh - 60px);padding-top:40px;display:flex;position:relative}.add-cc-page-wrapper .company-form-modal{background-color:#0000;width:auto;height:auto;padding:0;display:block;position:static}.add-cc-page-wrapper .company-form-container{margin:0 auto;box-shadow:0 4px 20px #0000001a}@media (width<=768px){.add-cc-page-wrapper{padding-top:20px}}@media (width<=480px){.add-cc-page-wrapper{padding-top:10px;padding-left:10px;padding-right:10px}}body{background:#f4f6f9;margin:0;font-family:Segoe UI,sans-serif}.product-page{padding:30px}.filter-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.filter-group{flex-direction:column;flex:none;gap:8px;display:flex}.filter-group label{color:#475569;font-size:.85rem;font-weight:600}.filter-group select{background-color:#f8fafc;border:1px solid #d1d5db;border-radius:8px;outline:none;width:220px;padding:10px 12px;font-size:.9rem;transition:all .2s}.filter-group select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-group{flex:none}.ps-search-input-wrapper{width:300px;position:relative}.ps-search-input-wrapper input{color:#1f2937;background-color:#f8fafc;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:42px;padding:10px 12px 10px 40px;font-size:.9rem;line-height:1.5;transition:all .2s;display:block}.ps-search-input-wrapper input::placeholder{color:#94a3b8}.ps-search-input-wrapper input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ps-search-icon{color:#64748b;pointer-events:none;z-index:5;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.create-btn{justify-content:center;align-self:flex-end;align-items:center;height:42px;margin-left:auto;display:flex}@media (width<=1024px){.filter-row{flex-direction:column;align-items:stretch}.filter-group select,.ps-search-input-wrapper{width:100%}.create-btn{width:100%;margin-left:0}}.table-card{background:#fff;border-radius:8px;padding:20px}.table-card h3{margin-bottom:15px}th,td{text-align:left;padding:12px}.ps-badge{border-radius:20px;padding:5px 10px;font-size:12px}.mapped{color:#0f8a5f;background:#d4f5e9}.not-mapped{color:#666;background:#eee}.view-btn,.edit-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;margin-right:5px;padding:5px 10px}.bottom-bar{background:#fff;border-radius:8px;gap:15px;padding:15px 25px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #0000001a}.map-btn{color:#fff;cursor:pointer;background:#0f8a5f;border:none;border-radius:6px;padding:8px 16px}.clear-btn{cursor:pointer;background:#f1f1f1;border:1px solid #ccc;border-radius:6px;padding:8px 16px}.modal-overlay{background:#00000059;justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:8px 0 0 8px;width:350px;height:100%;padding:20px;box-shadow:-4px 0 12px #0003}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal ul{margin-top:15px}.modal-actions{gap:10px;margin-top:20px;display:flex}.business-setup-page{background-color:#f8fafc;flex-direction:column;gap:1.5rem;min-height:calc(100vh - 70px);padding:1.5rem;display:flex}.setup-content{flex-direction:column;gap:1.5rem;display:flex}.page-title{margin-bottom:20px}.filter-card{background:#fff;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.filter-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;width:100%;display:flex}.form-group{flex-direction:column;flex:1;gap:.5rem;min-width:280px;max-width:350px;display:flex}.form-group label{color:#475569;text-align:center;width:100%;font-size:.95rem;font-weight:700}.filter-row select,.filter-row input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:.6rem 1rem;font-size:.9rem;transition:border-color .2s}.filter-row select:focus{border-color:#3b82f6}.filter-buttons{justify-content:center;gap:1.5rem;margin-top:.5rem;display:flex}.primary-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s}.primary-btn:hover{background:#2563eb}.secondary-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.secondary-btn:hover{color:#1e293b;background:#f8fafc}.table-card{background:#fff;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000001a}table{border-collapse:collapse;width:100%}th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem;font-size:.85rem;font-weight:700}th:last-child,td:last-child{text-align:center}td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.95rem}thead{background:#f4f6f9}tbody tr:not(:last-child){border-bottom:1px solid #eee}.switch input{display:none}.drawer{z-index:1000;background:#fff;flex-direction:column;width:400px;height:100%;padding:0;animation:.3s ease-out slideIn;display:flex;position:fixed;top:0;right:0;box-shadow:-8px 0 24px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.drawer-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.drawer-header h3{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:1.5rem;transition:color .2s;display:flex}.close-btn:hover{color:#64748b}.drawer-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-body .form-group label{color:#475569;margin-bottom:.25rem;font-size:.9rem;font-weight:500}.drawer-body input,.drawer-body select,.drawer-body textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.75rem;font-size:.95rem}.price-input-wrapper{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.currency-prefix{color:#64748b;background:#f8fafc;border-right:1px solid #e2e8f0;align-items:center;padding:0 1rem;font-weight:600;display:flex}.price-input-wrapper input{border:none;border-radius:0}.status-row{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.status-row label{color:#475569;font-weight:500}.drawer-footer{border-top:1px solid #f1f5f9;gap:1rem;padding:1.5rem;display:flex}.drawer-footer .primary-btn{background:#2563eb;flex:1;padding:.8rem}.drawer-footer .secondary-btn{color:#475569;background:#f1f5f9;border:none;flex:1;padding:.8rem}.action-buttons{justify-content:center;align-items:center;gap:.75rem;display:flex}.edit-icon-btn,.delete-icon-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.edit-icon-btn{color:#3b82f6;background-color:#eff6ff}.edit-icon-btn:hover{color:#fff;background-color:#3b82f6}.delete-icon-btn{color:#ef4444;background-color:#fef2f2}.delete-icon-btn:hover{color:#fff;background-color:#ef4444}.bs-header-row{justify-content:space-between;align-items:center;display:flex}.bs-header-row .page-title{margin-bottom:0}.bs-header-actions{align-items:center;gap:10px;display:flex}.bs-refresh-btn{align-items:center;gap:6px;display:flex;padding:.5rem 1rem!important;font-size:.85rem!important}.bs-business-selector{position:relative}.bs-business-trigger{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000f}.bs-business-trigger:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.bs-business-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.bs-chevron{color:#94a3b8;transition:transform .2s}.bs-chevron-open{transform:rotate(180deg)}.bs-business-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:280px;animation:.2s ease-out bsDropdownIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 32px #0000001f}@keyframes bsDropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bs-business-dropdown-header{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.8rem;font-weight:700}.bs-business-search{color:#94a3b8;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 16px;display:flex}.bs-business-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.bs-business-list{max-height:240px;padding:6px 0;overflow-y:auto}.bs-business-item{cursor:pointer;color:#475569;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.9rem;transition:all .15s;display:flex}.bs-business-item:hover{color:#1e293b;background:#f8fafc}.bs-business-item-active{color:#3b82f6;background:#eff6ff;font-weight:600}.bs-business-item-active:hover{background:#dbeafe}.bs-business-check{color:#3b82f6;flex-shrink:0}.bs-business-empty{text-align:center;color:#94a3b8;padding:20px 16px;font-size:.85rem}.bs-summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.bs-summary-card{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;align-items:center;gap:12px;padding:1rem 1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000014}.bs-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.bs-summary-card:nth-child(2){border-left-color:#8b5cf6}.bs-summary-card:nth-child(3){border-left-color:#22c55e}.bs-summary-card:nth-child(4){border-left-color:#f59e0b}.bs-summary-card-icon{flex-shrink:0;font-size:1.5rem}.bs-summary-card-content{flex-direction:column;flex:1;min-width:0;display:flex}.bs-summary-card-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:600}.bs-summary-card-value{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:500;overflow:hidden}.bs-summary-card-count{color:#3b82f6;background:#eff6ff;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:.85rem;font-weight:700}.bs-toast{color:#fff;z-index:2000;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:600;animation:.35s ease-out bsToastIn;position:fixed;top:24px;right:24px;box-shadow:0 4px 16px #00000026}.bs-toast-success{background:linear-gradient(135deg,#22c55e,#16a34a)}.bs-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes bsToastIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.bs-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1500;color:#475569;background:#ffffffb3;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;font-size:.95rem;font-weight:600;display:flex;position:fixed;top:0;left:0}.bs-spinner{color:#3b82f6;animation:1s linear infinite bsSpin}@keyframes bsSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.primary-btn:disabled{opacity:.6;cursor:not-allowed}.bs-setup-container{flex-direction:column;gap:2rem;margin-bottom:2rem;display:flex}.bs-hierarchy-section{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.bs-section-header{color:#1e293b;border-bottom:1px solid #f1f5f9;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:700}.bs-hierarchy-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.bs-hierarchy-group-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem;transition:all .2s}.bs-hierarchy-group-card:hover{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.bs-group-title{color:#334155;align-items:center;gap:8px;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.bs-group-title:before{content:"";background:#3b82f6;border-radius:50%;width:8px;height:8px}.bs-categories-list{flex-wrap:wrap;gap:8px;display:flex}.bs-category-pill{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:500;display:flex}.bs-category-pill.inactive{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0;font-style:italic}.inactive-label{opacity:.7;font-size:.7rem}.bs-empty-text{color:#94a3b8;font-size:.8rem;font-style:italic}.bs-empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:3rem}.bs-no-data-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:1rem;margin:2rem 0;padding:4rem 2rem;display:flex;box-shadow:0 4px 24px #0000000a}.bs-no-data-card h3{color:#1e293b;margin:0}.bs-no-data-card p{color:#64748b;max-width:400px;margin:0}@media (width<=768px){.bs-hierarchy-grid{grid-template-columns:1fr}}.bs-explorer-layout{background:#ffffff80;border:1px solid #0000000d;border-radius:12px;grid-template-columns:280px 280px 1fr;gap:20px;min-height:400px;padding:20px;display:grid}.bs-explorer-col{flex-direction:column;gap:12px;display:flex}.bs-explorer-col.disabled{opacity:.5;pointer-events:none;filter:grayscale(.5)}.bs-col-label{color:#666;text-transform:uppercase;letter-spacing:.5px;padding-left:4px;font-size:.8rem;font-weight:600}.bs-explorer-list{flex-direction:column;gap:8px;max-height:500px;padding-right:5px;display:flex;overflow-y:auto}.bs-explorer-item{cursor:pointer;background:#fff;border:1px solid #eee;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.bs-explorer-item:hover{background:#f8fbff;border-color:#3b82f6;transform:translate(4px)}.bs-explorer-item.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.bs-item-name{font-size:.95rem;font-weight:500}.bs-item-badge{background:#0000000d;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600}.bs-explorer-item.active .bs-item-badge{background:#fff3}.bs-item-status{color:#e11d48;background:#fff1f2;border-radius:4px;padding:2px 6px;font-size:.7rem}.bs-placeholder{color:#999;text-align:center;border:2px dashed #eee;border-radius:12px;justify-content:center;align-items:center;height:100%;font-size:.9rem;font-style:italic;display:flex}.bs-detail-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.bs-detail-card{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;gap:10px;padding:15px;transition:all .2s;display:flex}.bs-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.bs-detail-name{color:#1e293b;font-size:1rem;font-weight:600}.bs-detail-row{color:#64748b;justify-content:space-between;font-size:.85rem;display:flex}.bs-detail-row strong{color:#0f172a}.bs-reset-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:4px 10px;font-size:.75rem;transition:all .2s}.bs-reset-btn:hover{color:#1e293b;background:#e2e8f0}.bs-empty-text{text-align:center;color:#94a3b8;background:#f8fafc;border-radius:8px;padding:20px;font-size:.9rem}@media (width<=1024px){.bs-explorer-layout{grid-template-columns:1fr}}.form-container{background:#f4f6fb;justify-content:center;align-items:flex-start;min-height:100vh;padding:30px 20px;display:flex}.business-form{background:#fff;border-radius:12px;width:100%;max-width:550px;padding:35px 40px;box-shadow:0 8px 20px #0000000d}.business-form h2{text-align:center;color:#1e293b;margin:0 0 25px;font-size:22px}.form-group{flex-direction:column;margin-bottom:18px;display:flex}.form-group label{color:#334155;text-align:left;margin-bottom:6px;font-size:14px;font-weight:500}.form-group input,.form-group textarea,.form-group select{color:#1e293b;border:1px solid #d1d5db;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#3b82f6}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:none;height:80px}.checkbox-group{gap:20px;margin-top:5px;display:flex}.checkbox-group label{color:#475569;cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.save-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:16px;font-weight:500;transition:background .3s}.save-btn:hover{background:#2563eb}.bus-admin-container{background:var(--bg-dark);min-height:100vh;color:var(--text-main);padding:2rem;animation:.4s fadeIn}.bus-admin-header{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:flex-start;margin-bottom:3rem;padding:2.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.bus-admin-header:before{content:"";pointer-events:none;background:linear-gradient(270deg,#6366f10d,#0000);width:300px;height:100%;position:absolute;top:0;right:0}.admin-profile-section{align-items:center;gap:2rem;display:flex}.admin-avatar{background:linear-gradient(135deg, var(--primary), #818cf8);color:#fff;border-radius:25px;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.5rem;font-weight:700;display:flex;box-shadow:0 15px 30px #6366f14d}.admin-info h1{color:var(--text-main);letter-spacing:-.02em;margin:0;font-size:2rem}.admin-email{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.5rem;font-size:1rem;display:flex}.admin-badges{gap:1rem;margin-top:1.25rem;display:flex}.badge{border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000d}.role-badge{color:var(--primary);background:#6366f11a;border:1px solid #6366f11a}.bus-badge{color:#10b981;background:#10b9811a;border:1px solid #10b9811a}.header-actions{align-items:center;gap:1.5rem;display:flex}.logout-action-btn{color:#e11d48;cursor:pointer;background:0 0;border:1px solid #e11d4833;border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.logout-action-btn:hover{background:#e11d480d;border-color:#e11d48;transform:translateY(-2px)}.bus-admin-content{flex-direction:column;gap:3rem;display:flex}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;display:grid}.admin-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:1.5rem;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 15px #00000005}.admin-card:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 15px 40px #6366f11f}.card-icon-wrapper{background:#00000008;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}.admin-card:hover .card-icon-wrapper{background:var(--primary);color:#fff;transform:scale(1.1)}.admin-card:hover .card-icon-wrapper svg{color:#fff}.icon-blue{color:#3b82f6}.icon-orange{color:#f59e0b}.icon-green{color:#10b981}.icon-indigo{color:#6366f1}.icon-rose{color:#f43f5e}.icon-cyan{color:#06b6d4}.icon-violet{color:#8b5cf6}.icon-amber{color:#f59e0b}.card-details h3{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:600}.card-details p{color:var(--text-muted);margin:.25rem 0 0;font-size:.9rem;line-height:1.4}.card-arrow{color:var(--text-muted);opacity:.3;margin-left:auto;transition:all .2s}.admin-card:hover .card-arrow{opacity:1;color:var(--primary);transform:translate(5px)}.admin-stats-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.admin-stats-panel h2{color:var(--text-main);margin:0 0 2rem;font-size:1.5rem}.stats-list{flex-wrap:wrap;gap:4rem;display:flex}.stat-item{flex-direction:column;gap:.5rem;display:flex}.popup-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.popup-container{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:450px;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;overflow:hidden;box-shadow:0 30px 60px #00000080}.popup-content{padding:1.5rem}.popup-label{color:var(--text-main);margin:0;font-size:1.25rem;font-weight:700}.close-pop-btn{cursor:pointer;width:32px;height:32px;color:var(--text-muted);background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.popup-search{border:1px solid var(--border);background:#00000008;border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.popup-search input{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-size:.95rem}.popup-list-container{max-height:350px;padding-right:.5rem;overflow-y:auto}.popup-list-item{cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:1rem;transition:all .2s;display:flex}.popup-list-item:hover{background:#6366f10d}.popup-list-item.selected{color:var(--primary);background:#6366f11a;font-weight:600}.item-check{color:var(--primary)}.popup-loading{color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.bus-admin-header{flex-direction:column;gap:1.5rem;padding:1.5rem}.admin-profile-section{text-align:center;flex-direction:column;align-items:center}.admin-badges{flex-wrap:wrap;justify-content:center}.stats-list{gap:2rem}.stat-value{font-size:1.75rem}}.active-selection-admin-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;margin-top:2rem;padding:2.5rem;box-shadow:0 4px 15px #0000000d}.active-selection-admin-panel .panel-header{margin-bottom:2rem}.active-selection-admin-panel .panel-header h2{color:var(--text-main);margin:0;font-size:1.5rem}.active-selection-admin-panel .panel-header p{color:var(--text-muted);margin:.25rem 0 0;font-size:.95rem}.selection-cards-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.selection-admin-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;align-items:center;gap:1.25rem;padding:1.25rem;transition:all .2s;display:flex}.selection-admin-card:hover{border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.selection-admin-card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.selection-admin-card .card-icon.bin{color:#6366f1;background:#eef2ff}.selection-admin-card .card-icon.sto{color:#10b981;background:#f0fdf4}.selection-admin-card .card-icon.cat{color:#a855f7;background:#faf5ff}.selection-admin-card .card-icon.loc{color:#f97316;background:#fff7ed}.card-info{flex-direction:column;gap:.25rem;min-width:0;display:flex}.info-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:700}.info-value{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.swipe-change-btn-admin{color:#475569;letter-spacing:.05em;cursor:pointer;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1.25rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.swipe-change-btn-admin:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}.swipe-change-btn-admin svg{color:#fff;background:#6366f1;border-radius:50%;padding:6px}.container{background:#fff;border:1px solid #edf2f7;border-radius:16px;max-width:100%;margin:40px auto;padding:30px;box-shadow:0 10px 30px #0000001a}h2{text-align:center;color:#1a202c;letter-spacing:-.01em;margin-bottom:25px;font-weight:700}.input-group{flex-direction:column;gap:6px;margin-bottom:5px;display:flex}input,select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s}input:focus,select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.container button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;grid-column:span 3;justify-self:center;width:100%;max-width:300px;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:all .2s}.container button:hover{background:#2563eb;transform:translateY(-1px)}@media (width<=768px){.form{grid-template-columns:repeat(2,1fr)}.container button{grid-column:span 2}}@media (width<=480px){.form{grid-template-columns:1fr}.container button{grid-column:span 1}}.file-input{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:10px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.file-input:hover{background:#eff6ff;border-color:#3b82f6}.file-input::file-selector-button{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;margin-right:12px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s}.file-input::file-selector-button:hover{color:#1e293b;background:#e2e8f0}.search-control{flex:1;max-width:600px}.table-container{overflow-x:auto}.employee-table{border-collapse:collapse;width:100%}.employee-table th,.employee-table td{text-align:left;color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:16px 12px;font-size:15px}.employee-table th{color:#475569;background:#f8fafc;font-weight:600}.action-buttons{align-items:center;gap:12px;display:flex}.action-btn{cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;max-width:fit-content;margin-top:0;padding:8px;transition:all .2s;display:flex}.hollow-edit-btn{color:#3b82f6;background-color:#007bff;border:1px solid #3b82f6}.hollow-edit-btn:hover{color:#2563eb;background:#f4f4f4;border-color:#2563eb;transform:none}.hollow-delete-btn{color:#ef4444;background-color:#dc2626;border:1px solid #ef4444}.hollow-delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626;transform:none}.go-to-page input:focus{box-shadow:none;border-color:#3b82f6;outline:none}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;max-width:fit-content;margin-top:0;padding:8px 14px;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9;transform:none}.container{background:#fff;border-radius:12px;max-width:800px;margin:40px auto;padding:20px;box-shadow:0 4px 12px #0000001a}h2{text-align:center;margin-bottom:20px}.form{grid-template-columns:1fr 1fr;gap:30px;display:grid}.form-left,.form-right{flex-direction:column;gap:15px;display:flex}@media (width<=600px){.form{grid-template-columns:1fr}}.selected-employee-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:10px;padding:15px}.selected-employee-details h4{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 10px;padding-bottom:5px;font-size:15px}.selected-employee-details p{color:#334155;justify-content:flex-start;align-items:center;gap:15px;margin:8px 0;font-size:14px;display:flex}.selected-employee-details p strong{flex-shrink:0;width:90px}.form-actions{grid-column:1/-1;justify-content:center;margin-top:10px;display:flex}.form-actions button{width:100%;max-width:250px}.input-group label{color:#475569;font-size:14px;font-weight:600}input,select{border:1px solid #ccc;border-radius:8px;padding:10px;font-size:14px}input:focus,select:focus{border-color:#28a745;outline:none}.container button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;padding:10px;font-size:16px}.container button:hover{background:#1e7e34}.popup-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{background:#fff;border-radius:12px;width:90%;max-width:400px;padding:20px;box-shadow:0 10px 25px #0003}.popup-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.popup-header h3{margin:0;font-size:18px}.close-btn{color:#666;cursor:pointer;background:0 0;border:none;width:30px;padding:0;font-size:20px}.close-btn:hover{color:#000;background:0 0}.popup-body{flex-direction:column;gap:10px;display:flex}.search-btn{background:#007bff;margin-bottom:10px}.search-btn:hover{background:#0056b3}.employee-details-card{background:#f9f9f9;border:1px solid #eee;border-radius:8px;padding:15px}.employee-details-data{justify-content:space-between;align-items:center;gap:15px;display:flex}.employee-details-left{flex:1}.employee-details-left p{justify-content:flex-start;align-items:center;gap:15px;margin:6px 0;font-size:14px;display:flex}.employee-details-left p strong{flex-shrink:0;width:90px}.employee-details-right{justify-content:center;align-items:center;display:flex}.employee-photo-box{background:#fff;border:2px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:100px;height:100px;overflow:hidden}.employee-photo-box img{object-fit:cover;width:100%;height:100%}.select-btn{background:#28a745;margin-top:15px}.select-btn:hover{background:#1e7e34}.emp-id-btn{color:#333;text-align:left;background:#f8fafc;border:1px solid #ccc;border-radius:8px;padding:10px}.emp-id-btn:hover{background:#e2e8f0}.emp-id-btn.btn-unselected-red{color:#b91c1c;background:#fef2f2;border-color:#fca5a5}.emp-id-btn.btn-unselected-red:hover{background:#fee2e2}.emp-id-btn.btn-selected-green{color:#15803d;background:#f0fdf4;border-color:#86efac}.emp-id-btn.btn-selected-green:hover{background:#dcfce7}.selected-employee-details.green-card{background:#f0fdf4;border-color:#86efac}.table-top-controls{justify-content:space-between;align-items:flex-end;gap:15px;margin-bottom:15px;display:flex}.search-control,.show-control{flex-direction:column;gap:6px;display:flex}.search-control{flex:1}.search-control label,.show-control label{color:#475569;text-transform:uppercase;font-size:13px;font-weight:700}.search-control input{width:100%}.table-container{margin-top:40px;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;margin-top:10px}.employee-table th,.employee-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px;font-size:14px}.employee-table th{letter-spacing:.6px;color:#8a94a6;text-transform:uppercase;background:0 0;border-bottom:1px solid #edf2f7;font-size:11px;font-weight:700}.employee-table tr:hover{background:#f1f5f9}.action-buttons{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;width:auto;padding:6px 10px;font-size:13px;font-weight:500;display:flex}.edit-btn{background:#3b82f6}.edit-btn:hover{background:#2563eb}.delete-btn{background:#ef4444}.delete-btn:hover{background:#dc2626}.pagination-container{color:#475569;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding:15px 0 5px;font-size:14px;display:flex}.pagination-info{font-weight:500}.go-to-page{align-items:center;gap:8px;font-weight:600;display:flex}.go-to-page input{text-align:center;border:1px solid #cbd5e1;border-radius:6px;width:60px;padding:6px}.go-to-page input:focus{border-color:#3b82f6;outline:none}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-weight:500;transition:all .2s}.page-btn.prev-next{font-weight:700}.page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.page-btn.dots{cursor:default;background:0 0;border:none;padding:6px 4px}.page-btn:disabled{opacity:.5;cursor:not-allowed}.manage-page-wrapper{color:#334155;box-sizing:border-box;background:#f4f6f8;height:100%;padding:24px;font-family:Inter,system-ui,sans-serif}.manage-header-section{margin-bottom:30px}.manage-title{color:#1e293b;margin:0 0 16px;font-size:1.5rem;font-weight:700}.manage-search-bar{align-items:center;gap:12px;display:flex}.manage-search-bar input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:250px;padding:10px 16px;font-size:.95rem;transition:border-color .2s}.manage-search-bar input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.search-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:background-color .2s}.search-btn:hover:not(:disabled){background:#4f46e5}.search-btn:disabled{cursor:not-allowed;background:#94a3b8}.manage-content-layout{align-items:flex-start;gap:24px;display:flex}.left-column{flex:1;max-width:400px}.right-column{flex:2}.employee-info-card,.access-control-panel,.no-employee-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.no-employee-card{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.no-employee-card p{color:#475569;margin:0;font-size:1.1rem;font-weight:600}.no-employee-card span{font-size:.9rem}.emp-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:24px;display:flex}.emp-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.5rem;font-weight:700;display:flex}.emp-title-info h3{color:#0f172a;margin:0 0 4px;font-size:1.25rem}.emp-title-info p{color:#64748b;margin:0;font-size:.9rem;line-height:1.4}.emp-card-body{flex-direction:column;gap:16px;padding:24px;display:flex}.detail-row{justify-content:space-between;align-items:center;display:flex}.detail-label{color:#64748b;font-size:.95rem}.detail-value{color:#1e293b;font-weight:500}.status-toggle-btn{cursor:pointer;border:none;border-radius:20px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s}.status-toggle-btn.active{color:#166534;background:#dcfce7}.status-toggle-btn.active:hover{background:#bbf7d0}.status-toggle-btn.inactive{color:#991b1b;background:#fee2e2}.status-toggle-btn.inactive:hover{background:#fecaca}.access-control-panel{flex-direction:column;display:flex}.panel-header{border-bottom:1px solid #f1f5f9;padding:20px 24px}.panel-header h3{color:#0f172a;margin:0 0 4px;font-size:1.15rem}.panel-header p{color:#64748b;margin:0;font-size:.9rem}.panel-body{flex-direction:column;gap:32px;padding:24px;display:flex}.disabled-panel{opacity:.5;pointer-events:none}.permission-group h4{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin:0 0 16px;font-size:.85rem;font-weight:600}.permission-item{border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.permission-item:last-child{border-bottom:none}.perm-info{flex-direction:column;gap:4px;display:flex}.perm-label{color:#1e293b;font-weight:500}.perm-desc{color:#64748b;font-size:.85rem}.panel-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;padding:20px 24px;display:flex}.save-changes-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:background-color .2s}.save-changes-btn:hover:not(:disabled){background:#4f46e5}.save-changes-btn:disabled{cursor:not-allowed;background:#cbd5e1}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:focus+.slider{box-shadow:0 0 1px #6366f1}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}@media (width<=900px){.manage-content-layout{flex-direction:column}.left-column{width:100%;max-width:100%}}.nu-container{background:linear-gradient(135deg,#f0f4ff 0%,#f8fafc 50%,#f0f9ff 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:40px 24px;font-family:Inter,sans-serif;display:flex}.nu-wrapper{width:100%}.nu-step-progress{justify-content:center;align-items:center;gap:0;margin-bottom:36px;display:flex}.nu-step-indicator{color:#94a3b8;cursor:default;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:24px;align-items:center;gap:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nu-step-indicator .nu-step-num{color:#94a3b8;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.nu-step-indicator.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.nu-step-indicator.active .nu-step-num{color:#fff;background:#3b82f6}.nu-step-indicator.completed{color:#10b981;background:#ecfdf5;border-color:#10b981}.nu-step-indicator.completed .nu-step-num{color:#fff;background:#10b981}.nu-step-connector{background:#e2e8f0;width:32px;height:2px;transition:background .4s}.nu-step-connector.completed{background:#10b981}.nu-step-panel{background:#fff;border:1px solid #f1f5f9;border-radius:20px;padding:36px 32px;animation:.4s cubic-bezier(.4,0,.2,1) nuFadeSlideIn;box-shadow:0 4px 24px #0000000a,0 1px 3px #00000005}@keyframes nuFadeSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.nu-step-header{margin-bottom:28px}.nu-step-header h2{color:#1e293b;margin:0 0 6px;font-size:22px;font-weight:700}.nu-step-header p{color:#94a3b8;margin:0;font-size:14px;font-weight:400}.nu-search-filter{max-width:400px;margin-bottom:24px}.nu-search-box{color:#64748b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.nu-search-box:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.nu-search-box input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:14px;font-weight:500}.nu-search-box input::placeholder{color:#94a3b8}.nu-selection-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.nu-selection-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:22px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nu-selection-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f61a}.nu-selection-card.selected{background:#eff6ff;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f626}.nu-card-check{background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) nuCheckPop;display:flex;position:absolute;top:10px;right:12px;box-shadow:0 2px 6px #3b82f666}@keyframes nuCheckPop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.nu-selection-card .nu-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 14px;font-size:22px;transition:all .25s;display:flex}.nu-card-icon.blue{color:#3b82f6;background:#dbeafe}.nu-card-icon.green{color:#10b981;background:#d1fae5}.nu-card-icon.purple{color:#8b5cf6;background:#ede9fe}.nu-card-icon.orange{color:#f97316;background:#ffedd5}.nu-card-icon.rose{color:#f43f5e;background:#ffe4e6}.nu-card-icon.teal{color:#14b8a6;background:#ccfbf1}.nu-selection-card .nu-card-title{color:#1e293b;margin-bottom:4px;font-size:15px;font-weight:600}.nu-selection-card .nu-card-subtitle{color:#94a3b8;opacity:0;max-height:0;font-size:12px;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nu-selection-card:hover .nu-card-subtitle,.nu-selection-card.selected .nu-card-subtitle{opacity:1;max-height:40px;margin-top:4px}.nu-selection-card.selected .nu-card-title{color:#1d4ed8}.nu-mode-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:28px;display:grid}.nu-mode-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.nu-mode-card:hover{border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 6px 20px #3b82f61a}.nu-mode-card.selected{background:linear-gradient(135deg,#eff6ff 0%,#f8faff 100%);border-color:#3b82f6;box-shadow:0 6px 24px #3b82f62e}.nu-mode-card .nu-mode-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:26px;display:flex}.nu-mode-icon.warehouse{color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.nu-mode-icon.showroom{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.nu-mode-icon.building{color:#7c3aed;background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.nu-mode-icon.sales{color:#ea580c;background:linear-gradient(135deg,#ffedd5,#fed7aa)}.nu-mode-icon.service{color:#0d9488;background:linear-gradient(135deg,#ccfbf1,#99f6e4)}.nu-mode-card .nu-mode-title{color:#1e293b;margin-bottom:4px;font-size:16px;font-weight:700}.nu-mode-card .nu-mode-desc{color:#94a3b8;opacity:0;max-height:0;font-size:12px;line-height:1.4;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nu-mode-card:hover .nu-mode-desc,.nu-mode-card.selected .nu-mode-desc{opacity:1;max-height:60px;margin-top:4px}.nu-mode-card.selected .nu-mode-title{color:#1d4ed8}.nu-mode-group{flex-direction:column;gap:12px;display:flex}.nu-warehouse-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;animation:.3s cubic-bezier(.4,0,.2,1) nuFadeSlideIn}.nu-detail-field{margin-bottom:12px}.nu-detail-field:last-child{margin-bottom:0}.nu-detail-field label{color:#475569;text-align:left;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.nu-detail-field select,.nu-detail-field input{color:#1e293b;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.nu-detail-field select:focus,.nu-detail-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.nu-summary-wrapper{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:24px;display:flex}.nu-summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-left:12px;font-size:11px;font-weight:700;display:flex}.nu-selected-badge{color:#166534;background:#f0fdf4;border:1px solid #dcfce7;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #00000005}.nu-selected-badge .badge-icon{font-size:16px}.nu-selected-badge .badge-change{color:#3b82f6;cursor:pointer;margin-left:8px;font-size:12px;font-weight:600;text-decoration:underline}.nu-step-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.nu-step-actions-right{gap:12px;display:flex}.nu-btn-step:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.nu-card-actions{opacity:0;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(4px)}.nu-selection-card:hover .nu-card-actions,.nu-mode-card:hover .nu-card-actions{opacity:1;transform:translateY(0)}.action-icon{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000d}.action-icon.edit{color:#3b82f6;background:#eff6ff}.action-icon.edit:hover{color:#fff;background:#3b82f6;transform:scale(1.1)}.action-icon.delete{color:#ef4444;background:#fef2f2}.action-icon.delete:hover{color:#fff;background:#ef4444;transform:scale(1.1)}.nu-btn-primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #3b82f666}.nu-btn-secondary{color:#64748b;background:#f1f5f9}.nu-btn-secondary:hover{background:#e2e8f0}.nu-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite nuSpin}@keyframes nuSpin{to{transform:rotate(360deg)}}.nu-toast{color:#fff;z-index:9999;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;animation:.4s cubic-bezier(.4,0,.2,1) nuToastSlide;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 24px #00000026}.nu-toast.success{background:linear-gradient(135deg,#10b981,#059669)}.nu-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626)}@keyframes nuToastSlide{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.nu-grouped-categories{flex-direction:column;gap:32px;margin-bottom:28px;display:flex}.nu-category-group-section{background:#fdfdfd;border:1px solid #f1f5f9;border-radius:20px;padding:24px;box-shadow:0 2px 10px #00000005}.nu-group-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:12px;display:flex}.nu-group-header span{color:#fff;letter-spacing:.02em;text-transform:capitalize;background:#3b82f6;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #3b82f633}.nu-group-tag{color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#3b82f6;border-radius:6px;padding:2px 10px;font-size:10px;font-weight:800;display:inline-block}.nu-group-tag.sale{background:#2563eb}.nu-group-tag.service{background:#f97316}.nu-group-header svg{color:#3b82f6;background:#eff6ff;border-radius:8px;padding:6px}.nu-header-dot{opacity:.4;background:#3b82f6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #3b82f61a}.nu-mode-pill{color:#fff;letter-spacing:.02em;text-transform:capitalize;background:#3b82f6;border-radius:20px;padding:5px 16px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #3b82f633}.nu-search-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.nu-search-filter-row .nu-search-box{flex:1;min-width:300px;margin-bottom:0}.nu-type-filters{background:#f1f5f9;border-radius:10px;padding:4px;display:flex}.nu-filter-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s}.nu-filter-pill.active{color:#3b82f6;background:#fff;box-shadow:0 2px 8px #0000000d}@media (width<=600px){.nu-container{padding:20px 12px}.nu-step-panel{padding:24px 16px}.nu-selection-grid{grid-template-columns:1fr 1fr}.nu-mode-grid{grid-template-columns:1fr}.nu-step-progress{flex-wrap:wrap;gap:8px}.nu-step-connector{display:none}.nu-step-indicator{padding:6px 12px;font-size:11px}.nu-search-filter-row .nu-search-box{min-width:100%}.nu-type-filters{justify-content:center;width:100%}}.nu-select-actions{justify-content:flex-start;gap:12px;margin-bottom:24px;display:flex}.nu-action-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.nu-action-btn .icon{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.nu-action-btn.select-all{color:#166534;background:#f0fdf4;border-color:#dcfce7}.nu-action-btn.select-all .icon{color:#fff;background:#10b981}.nu-action-btn.select-all:hover{background:#dcfce7;transform:translateY(-1px);box-shadow:0 4px 12px #10b9811f}.nu-action-btn.remove-all{color:#991b1b;background:#fef2f2;border-color:#fee2e2}.nu-action-btn.remove-all .icon{color:#fff;background:#ef4444}.nu-action-btn.remove-all:hover{background:#fee2e2;transform:translateY(-1px);box-shadow:0 4px 12px #ef44441f}.nu-action-btn:active{transform:translateY(0)}.nu-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10000;background:#0f172a66;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s nuFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes nuFadeIn{0%{opacity:0}to{opacity:1}}.nu-modal-content{background:#fff;border-radius:24px;width:100%;max-width:460px;animation:.4s cubic-bezier(.34,1.56,.64,1) nuModalPop;overflow:hidden;box-shadow:0 20px 50px #00000026}@keyframes nuModalPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.nu-modal-header{background:#fcfcfd;border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;padding:24px 32px;display:flex;position:relative}.nu-modal-header .header-icon{color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.nu-modal-header .header-text h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.nu-modal-header .header-text p{color:#64748b;margin:4px 0 0;font-size:13px}.nu-modal-header .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:all .2s;position:absolute;top:24px;right:24px}.nu-modal-header .close-btn:hover{color:#64748b;background:#f1f5f9}.nu-modal-body{padding:32px}.nu-form-group{margin-bottom:24px}.nu-form-group:last-child{margin-bottom:0}.nu-form-group label{color:#475569;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.nu-form-group input,.nu-form-group textarea{color:#1e293b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.nu-form-group input:focus,.nu-form-group textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.nu-mode-switcher{grid-template-columns:1fr 1fr;gap:12px;display:grid}.nu-mode-switcher button{color:#64748b;cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.nu-mode-switcher button.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.nu-modal-footer{background:#fcfcfd;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:24px 32px;display:flex}.create-module:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f61a;background:#eff6ff!important}.add-supplier-container{max-width:1100px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.step-fade-in{animation:.3s ease-out stepSlide}@keyframes stepSlide{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.add-supplier-header{margin-bottom:2rem}.add-supplier-back-btn{background:var(--bg-card,#fff);color:var(--text-primary,#334155);border:1px solid var(--border-color,#e2e8f0);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.add-supplier-back-btn:hover{background:var(--bg-hover,#f1f5f9);color:var(--primary,#6366f1);border-color:var(--primary,#6366f1);transform:translate(-2px)}.add-supplier-header h1{color:var(--text-primary,#1e293b);letter-spacing:-.025em;margin:0;font-size:2rem;font-weight:800}.add-supplier-header p{color:var(--text-muted,#64748b);margin-top:.4rem;font-size:.95rem}.supplier-stepper-bar{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.25rem 2rem;display:flex}.stepper-step{cursor:pointer;opacity:.6;align-items:center;gap:.75rem;transition:all .25s;display:flex}.stepper-step.active,.stepper-step.completed{opacity:1}.step-number{background:var(--bg-hover,#f1f5f9);border:2px solid var(--border-color,#cbd5e1);width:34px;height:34px;color:var(--text-muted,#64748b);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;transition:all .25s;display:flex}.stepper-step.active .step-number{background:var(--primary,#6366f1);border-color:var(--primary,#6366f1);color:#fff;box-shadow:0 4px 12px #6366f159}.stepper-step.completed .step-number{color:#fff;background:#10b981;border-color:#10b981}.step-label{color:var(--text-primary,#334155);font-size:.925rem;font-weight:700}.stepper-line{background:var(--border-color,#e2e8f0);flex:1;height:2px;margin:0 1.5rem}.supplier-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:1.5rem;padding:2.25rem}.highlight-card{border:2px solid var(--primary-light,#e0e7ff)!important}.section-title{border-bottom:2px solid var(--border-color,#f1f5f9);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.section-title h3{color:var(--text-primary,#334155);margin:0;font-size:1.2rem;font-weight:800}.section-icon{color:var(--primary,#6366f1);width:auto;height:auto;box-shadow:none;border-radius:0;justify-content:center;align-items:center;padding:0;font-size:1.4rem;display:inline-flex;background:0 0!important}.form-grid.three-col{grid-template-columns:repeat(3,1fr)}.form-group input,.form-group select,.form-group textarea{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-input,#f8fafc);color:var(--text-primary,#1e293b);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-card,#fff);border-color:var(--primary,#6366f1);outline:none;box-shadow:0 0 0 4px #6366f11f}.gst-selection-box{margin-top:1rem}.gst-toggle-wrapper{background:var(--bg-hover,#f1f5f9);border-radius:16px;align-items:center;gap:1.5rem;width:fit-content;margin-bottom:1.5rem;padding:1.25rem;display:flex}.gst-status-text{align-items:center;gap:.75rem;display:flex}.status-label{color:var(--text-muted,#94a3b8);font-size:.9rem;font-weight:600;transition:all .3s}.status-label.active{color:var(--primary,#4f46e5);font-weight:800}.status-separator{background:var(--border-color,#cbd5e1);width:1px;height:16px}.switch{width:48px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--primary,#6366f1)}input:checked+.slider:before{transform:translate(24px)}.gst-input-group{max-width:420px}.fetching-loader{border:3px solid #f3f3f3;border-top-color:#6366f1;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;position:absolute;right:12px}.input-helper{color:var(--text-muted,#64748b);margin-top:.4rem;font-size:.75rem;font-weight:500}.address-switch-container{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;gap:1rem;margin-bottom:2rem;padding:.5rem;display:flex}.address-switch-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:1.5px solid #0000;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.address-switch-btn:hover{color:var(--text-primary,#0f172a);background:var(--bg-card,#fff9)}.address-switch-btn.active{border-color:var(--primary,#6366f1);box-shadow:0 4px 14px #6366f159;background:var(--primary,#6366f1)!important;color:#fff!important}.branch-list{flex-direction:column;gap:1rem;display:flex}.branch-item{background:var(--bg-hover,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;align-items:center;gap:1.5rem;padding:1.25rem;display:flex}.branch-item .form-group{flex:1}.remove-branch-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.remove-branch-btn:hover{color:#dc2626;background:#fee2e2}.add-branch-btn{background:var(--bg-card,#fff);color:var(--primary,#6366f1);border:2px dashed var(--border-color,#e2e8f0);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s;display:flex}.add-branch-btn:hover{background:var(--accent-light,#f5f3ff);border-color:var(--primary,#6366f1)}.step-actions{border-top:1px solid var(--border-color,#f1f5f9);align-items:center;margin-top:2.5rem;padding-top:1.5rem;display:flex}.step-actions.right-only{justify-content:flex-end}.step-actions.space-between{justify-content:space-between}.btn-secondary{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);color:var(--text-secondary,#64748b);cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--bg-hover,#f8fafc);border-color:var(--border-color,#cbd5e1);color:var(--text-primary,#475569)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:.75rem;padding:.85rem 2.5rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #6366f159}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.btn-primary:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;background:#94a3b8}@media (width<=768px){.form-grid,.branch-item{grid-template-columns:1fr}.supplier-stepper-bar{padding:1rem}.step-label{display:none}.address-switch-container{flex-direction:column;gap:.5rem}}[data-theme=dark] .add-supplier-container{background:#0b0f19!important}[data-theme=dark] .add-supplier-header h1{color:#f8fafc!important}[data-theme=dark] .add-supplier-header p{color:#cbd5e1!important}[data-theme=dark] .supplier-stepper-bar,[data-theme=dark] .supplier-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .highlight-card{border-color:#312e81!important}[data-theme=dark] .step-label,[data-theme=dark] .section-title h3{color:#f8fafc!important}[data-theme=dark] .section-title{border-bottom-color:#334155!important}[data-theme=dark] .step-number{color:#94a3b8!important;background-color:#334155!important}[data-theme=dark] .stepper-step.active .step-number{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .stepper-step.active .step-label{color:#6366f1!important}[data-theme=dark] .stepper-line{background-color:#334155!important}[data-theme=dark] .form-group label{color:#cbd5e1!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background-color:#0f172a!important;border-color:#6366f1!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#64748b!important}[data-theme=dark] .gst-toggle-wrapper,[data-theme=dark] .address-switch-container,[data-theme=dark] .branch-item{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .status-label{color:#94a3b8!important}[data-theme=dark] .status-label.active{color:#818cf8!important}[data-theme=dark] .gst-number-input-wrapper input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .address-type-btn{color:#cbd5e1!important;background-color:#334155!important;border-color:#475569!important}[data-theme=dark] .address-type-btn.active{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .branch-item .form-group input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .btn-secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .btn-add-branch{color:#cbd5e1!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .success-state,[data-theme=dark] .success-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}.pincode-form-group{position:relative}.pincode-dropdown-menu{background:var(--bg-card,#fff);border:1.5px solid var(--border-color,#e2e8f0);z-index:1050;border-radius:14px;max-height:280px;animation:.2s ease-out dropdownFade;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f,0 4px 10px #0000000f}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.pincode-dropdown-header{background:var(--bg-hover,#f8fafc);border-bottom:1px solid var(--border-color,#e2e8f0);color:var(--text-muted,#64748b);justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.8rem;font-weight:600;display:flex}.pincode-dropdown-header strong{color:var(--primary,#4f46e5)}.close-dropdown-btn{cursor:pointer;color:var(--text-muted,#94a3b8);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.close-dropdown-btn:hover{color:#ef4444}.pincode-results-list{padding:.4rem}.pincode-result-item{cursor:pointer;border:1px solid #0000;border-radius:10px;margin-bottom:.25rem;padding:.65rem .85rem;transition:all .15s}.pincode-result-item:hover{background:var(--bg-hover,#f1f5f9);border-color:var(--border-color,#cbd5e1)}.pincode-supp-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.pincode-supp-name{color:var(--text-primary,#1e293b);font-size:.88rem;font-weight:700}.pincode-comp-name{color:var(--text-muted,#64748b);font-size:.78rem;font-weight:500}.pincode-supp-meta{color:var(--text-muted,#64748b);align-items:center;gap:1rem;font-size:.76rem;display:flex}.pincode-empty-state{text-align:center;color:var(--text-muted,#64748b);justify-content:center;align-items:center;gap:.5rem;padding:1.25rem;font-size:.85rem;font-weight:500;display:flex}.field-error-msg{color:#ef4444;margin-top:.35rem;font-size:.78rem;font-weight:600;animation:.2s fadeIn;display:block}.input-has-error{background-color:#fff5f5!important;border-color:#ef4444!important}.branch-item.four-col{grid-template-columns:1.2fr 1fr 1fr 48px;align-items:flex-end;gap:1rem;display:grid}@media (width<=768px){.branch-item.four-col{grid-template-columns:1fr}}[data-theme=dark] .pincode-dropdown-menu{background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 12px 30px #00000080!important}[data-theme=dark] .pincode-dropdown-header{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .pincode-result-item:hover{background-color:#334155!important}[data-theme=dark] .pincode-supp-name{color:#f8fafc!important}[data-theme=dark] .pincode-comp-name,[data-theme=dark] .pincode-supp-meta,[data-theme=dark] .pincode-empty-state{color:#94a3b8!important}[data-theme=dark] .input-has-error{background-color:#2d1616!important;border-color:#f87171!important}.add-order-container{max-width:1200px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.order-entry-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.order-entry-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.order-entry-header h2{color:#1e293b;margin:0;font-size:1.75rem;font-weight:800}.order-info-grid{grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:2rem;display:grid}.input-box input,.input-box select,.custom-status-display{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.custom-select-wrapper{position:relative}.custom-status-display{cursor:pointer;align-items:center;gap:.75rem;display:flex}.status-option:hover{background:#f8fafc}.products-section{margin-top:2.5rem}.products-table-header,.product-row{align-items:center;width:100%;grid-template-columns:3fr 60px 90px 80px 110px 32px!important;gap:.75rem!important;display:grid!important}.products-table-header{color:#64748b;text-transform:uppercase;background:#f8fafc;border-radius:12px;margin-bottom:1rem;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700}.product-row{margin-bottom:1rem;padding:0 .5rem;animation:.3s ease-out slideIn}.btn-remove{cursor:pointer;border-radius:8px;justify-content:center;justify-self:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex;color:#ef4444!important;background:#fef2f2!important;border:1px solid #fee2e2!important}.btn-remove:hover{background:#fee2e2;transform:scale(1.05)}.mode-toggle button:hover:not(.active){color:#1e293b}.btn-add-item{cursor:pointer;border-radius:12px;align-items:center;gap:.75rem;width:fit-content;margin-top:1.5rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;display:flex;color:#475569!important;background:#f1f5f9!important;border:1.5px dashed #cbd5e1!important}.order-footer{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:3rem;padding-top:2rem;display:flex}.summary-box{flex-direction:column;gap:1rem;width:350px;display:flex}.summary-line{color:#64748b;justify-content:space-between;font-size:.95rem;display:flex}.summary-line.total{color:#1e293b;border-top:2px solid #f1f5f9;padding-top:1rem;font-size:1.25rem;font-weight:800}.form-actions{gap:1rem;margin-top:2rem;display:flex}.btn-save{cursor:pointer;border:none;border-radius:12px;padding:.8rem 2.5rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px -1px #6366f166;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important}.btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important}.btn-cancel{cursor:pointer;border-radius:12px;padding:.8rem 2.5rem;font-weight:700;transition:all .2s;color:#64748b!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important}.btn-cancel:hover{color:#1e293b!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.view-supplier-container{max-width:1300px;margin:0 auto;padding:2rem;animation:.5s ease-out fadeIn}.view-supplier-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.view-supplier-header h1{color:var(--text-primary,#1e293b);letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:800}.view-supplier-header p{color:var(--text-muted,#64748b);margin-top:.5rem}.table-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-wrapper{flex:1;max-width:400px;position:relative}.search-wrapper .search-icon{color:var(--text-muted,#94a3b8);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-wrapper input{border:1.5px solid var(--border-color,#e2e8f0);background:var(--bg-card,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:12px;padding:.75rem 1rem .75rem 2.75rem;font-size:.95rem;transition:all .2s}.search-wrapper input:focus{border-color:var(--primary,#6366f1);outline:none;box-shadow:0 0 0 4px #6366f11a}.supplier-table-card{background:var(--bg-card,#fff);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color,#e2e8f0cc);box-shadow:var(--shadow-md);border-radius:24px;overflow:hidden}.supplier-table{border-collapse:collapse;width:100%}.supplier-table th{text-align:left;color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-color,#edf2f7);background:0 0;padding:13px 16px;font-size:11px;font-weight:700}.supplier-table td{border-bottom:1px solid var(--border-color,#f1f5f9);vertical-align:middle;color:var(--text-primary,#0f172a);padding:1.25rem 1.5rem}.supplier-table tr:last-child td{border-bottom:none}.supplier-table tr:hover{background:var(--table-row-hover,#f1f5f9)}.supplier-info{align-items:center;gap:1rem;display:flex}.supplier-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1rem;font-weight:700;display:flex}.supplier-name{color:var(--text-primary,#1e293b);margin-bottom:.125rem;font-size:.95rem;font-weight:700;display:block}.company-name{color:var(--text-muted,#64748b);font-size:.85rem}.contact-pill{background:var(--bg-hover,#f1f5f9);color:var(--text-secondary,#475569);border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;font-weight:600;display:inline-flex}.gst-badge{border-radius:20px;padding:.35rem .75rem;font-size:.75rem;font-weight:700}.gst-badge.with{color:#166534;background:#dcfce7}.gst-badge.without{color:#991b1b;background:#fee2e2}.actions-cell{gap:.5rem;display:flex}.action-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;text-decoration:none;transition:all .2s;display:inline-flex}.action-btn.view{color:#3b82f6;background:#eff6ff}.action-btn.view:hover{color:#fff;background:#3b82f6}.action-btn.edit{color:#ca8a04;background:#fefce8}.action-btn.delete{color:#ef4444;background:#fef2f2}.loading-state,.empty-state{color:var(--text-muted,#64748b);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;padding:5rem;display:flex}[data-theme=dark] .view-supplier-container{background:#0b0f19!important}[data-theme=dark] .view-supplier-header h1{color:#f8fafc!important}[data-theme=dark] .view-supplier-header p{color:#cbd5e1!important}[data-theme=dark] .table-controls{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .search-wrapper input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .search-wrapper input::placeholder{color:#64748b!important}[data-theme=dark] .supplier-table-card{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .supplier-table th{color:#94a3b8!important;background:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .supplier-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .supplier-table tr:hover td{background-color:#334155!important}[data-theme=dark] .supplier-name{color:#f8fafc!important}[data-theme=dark] .company-name{color:#94a3b8!important}[data-theme=dark] .contact-pill{color:#cbd5e1!important;background-color:#0f172a!important}[data-theme=dark] .action-btn.view{background-color:#3b82f626!important}[data-theme=dark] .action-btn.edit{background-color:#ca8a0426!important}[data-theme=dark] .action-btn.delete{background-color:#ef444426!important}[data-theme=dark] .spinner{border-color:#6366f1 #334155 #334155!important}.supplier-order-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.5s ease-out slideUp}.order-header{justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;display:flex}.order-header-info h1{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:800}.order-header-info p{color:#64748b;margin-top:.5rem;font-size:1.05rem}.order-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.875rem;font-weight:600}.stat-value{color:#1e293b;margin-top:.5rem;font-size:1.75rem;font-weight:800}.order-controls{background:#fff;border:1px solid #e2e8f0;border-bottom:none;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.search-box{flex:1;max-width:450px;position:relative}.search-box input{border:1.5px solid #e2e8f0;border-radius:14px;width:100%;padding:.85rem 1rem .85rem 3rem;font-size:.95rem;transition:all .2s}.search-box .search-icon{color:#94a3b8;position:absolute;top:50%;left:1.15rem;transform:translateY(-50%)}.filter-group{gap:1rem;display:flex}.filter-select{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:.85rem 1.25rem;font-size:.9rem;font-weight:600}.order-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:0 0 20px 20px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000a}.order-table{border-collapse:collapse;width:100%}.order-table th{text-align:left;color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;vertical-align:middle;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.order-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.order-id-container{white-space:nowrap;display:inline-block}.order-id{color:#6366f1;letter-spacing:.02em;background:#eef2ff;border-radius:8px;padding:.35rem .65rem;font-family:Monaco,Consolas,monospace;font-size:.8rem;font-weight:700}.status-badge{border:1px solid #0000;border-radius:12px;align-items:center;min-width:110px;transition:all .2s;display:inline-flex;position:relative}.status-badge.pending{color:#f97316;background:#fff7ed;border-color:#ffedd5}.status-badge.accepted{color:#6d28d9;background:#f5f3ff;border-color:#ede9fe}.status-badge.shipped{color:#3b82f6;background:#eff6ff;border-color:#dbeafe}.status-badge.delivered{color:#22c55e;background:#f0fdf4;border-color:#dcfce7}.status-badge.cancelled{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.status-select{cursor:pointer;width:100%;color:inherit;appearance:none;text-transform:uppercase;z-index:1;background:0 0;border:none;outline:none;padding:.5rem 1.75rem .5rem .85rem;font-family:inherit;font-size:.72rem;font-weight:800}.status-arrow{pointer-events:none;opacity:.8;font-size:10px;position:absolute;right:.75rem}.status-badge:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 2px 4px #0000000d}.status-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.amount-value{color:#1e293b;font-weight:700}.action-menu{justify-content:center;gap:.65rem;display:flex}.icon-btn{cursor:pointer;box-sizing:border-box;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .2s;display:inline-flex}.icon-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.icon-btn.view:hover{color:#4f46e5;background:#eef2ff;border-color:#6366f1}.icon-btn.edit:hover{color:#166534;background:#f0fdf4;border-color:#22c55e}.icon-btn.track:hover{color:#0e7490;background:#ecfeff;border-color:#06b6d4}.icon-btn.delete:hover{color:#991b1b;background:#fef2f2;border-color:#ef4444}.icon-btn.accept:hover{color:#6d28d9;background:#f5f3ff;border-color:#8b5cf6}@media (width<=1024px){.order-stats{grid-template-columns:repeat(2,1fr)}.order-controls{flex-direction:column;align-items:stretch}}.order-mode-toggle{background:#f1f5f9;border-radius:12px;align-items:center;gap:4px;padding:4px;display:flex}.order-mode-btn{cursor:pointer;color:#64748b;background-color:#0000;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .25s}.order-mode-btn.active{color:#fff;background-color:#6366f1;box-shadow:0 2px 8px #6366f14d}.supplier-mini-icon{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.business-name-text,.product-name-text{color:#1e293b;font-weight:600}.variant-tag-pill{color:#6366f1;background:#f5f3ff;border-radius:4px;align-self:flex-start;margin-top:2px;padding:2px 8px;font-size:.75rem;font-weight:700}[data-theme=dark] .supplier-order-container{background:#0b0f19!important}[data-theme=dark] .order-header-info h1,[data-theme=dark] .stat-value,[data-theme=dark] .amount-value,[data-theme=dark] .business-name-text,[data-theme=dark] .product-name-text,[data-theme=dark] .order-date-cell{color:#f8fafc!important}[data-theme=dark] .order-header-info p,[data-theme=dark] .stat-label{color:#cbd5e1!important}[data-theme=dark] .stat-card,[data-theme=dark] .order-controls,[data-theme=dark] .order-table-wrapper{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .order-mode-toggle{background-color:#0f172a!important}[data-theme=dark] .order-mode-btn{color:#94a3b8!important}[data-theme=dark] .order-mode-btn.active{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .supplier-mini-icon{color:#94a3b8!important;background-color:#0f172a!important}[data-theme=dark] .variant-tag-pill{color:#818cf8!important;background-color:#0f172a!important}[data-theme=dark] .search-box input,[data-theme=dark] .filter-select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .search-box input::placeholder{color:#64748b!important}[data-theme=dark] .order-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .order-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .order-table tr:hover td{background-color:#334155!important}[data-theme=dark] .order-id{color:#818cf8!important;background-color:#0f172a!important}[data-theme=dark] .icon-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .icon-btn:hover{color:#fff!important;background-color:#334155!important}[data-theme=dark] .status-badge{border-color:#334155!important}[data-theme=dark] .status-badge.pending{color:#fb923c!important;background-color:#f9731626!important}[data-theme=dark] .status-badge.accepted{color:#c084fc!important;background-color:#6d28d926!important}[data-theme=dark] .status-badge.shipped{color:#60a5fa!important;background-color:#3b82f626!important}[data-theme=dark] .status-badge.delivered{color:#4ade80!important;background-color:#22c55e26!important}[data-theme=dark] .status-badge.cancelled{color:#f87171!important;background-color:#ef444426!important}.supplier-invoice-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.invoice-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.invoice-header-text h1{color:#1e293b;margin:0;font-size:2.25rem;font-weight:800}.invoice-header-text p{color:#64748b;margin-top:.25rem}.invoice-summary{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.invoice-summary .summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.summary-icon{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.summary-details h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.8rem}.summary-details .amount{color:#1e293b;margin-top:.25rem;font-size:1.5rem;font-weight:800}.invoice-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.invoice-table{border-collapse:collapse;width:100%}.invoice-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700}.invoice-table td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.invoice-no{color:#334155;font-family:inherit;font-weight:700}.payment-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:20px;padding:.4rem .85rem;font-size:.7rem;font-weight:800}.payment-badge.paid{color:#166534;background:#dcfce7}.payment-badge.partial{color:#854d0e;background:#fef9c3}.payment-badge.unpaid{color:#991b1b;background:#fee2e2}.btn-icon{cursor:pointer;color:#64748b;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-icon:hover{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}@media (width<=1024px){.invoice-summary{grid-template-columns:1fr}.invoice-filters{flex-direction:column;align-items:stretch}}.payment-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.5s fadeIn}.payment-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.payment-header-info h1{color:#1e293b;margin:0;font-size:2.25rem;font-weight:800}.payment-header-info p{color:#64748b;margin-top:.25rem}.balance-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.balance-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;justify-content:space-between;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.balance-card.total-paid{border-left:6px solid #10b981}.balance-card.outstanding{border-left:6px solid #f43f5e}.balance-card h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.85rem}.balance-card .amount{color:#0f172a;font-size:2rem;font-weight:800}.card-icon{border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.btn-make-payment{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:14px;align-items:center;gap:.75rem;padding:.8rem 1.75rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #4f46e54d}.btn-make-payment:hover{transform:translateY(-2px);box-shadow:0 15px 20px -3px #4f46e566}.payment-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000a}.table-header-box{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.tab-switcher{background:#f1f5f9;border-radius:14px;gap:.25rem;padding:.4rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 4px 6px -1px #0000000d}.payment-mode-pill{border-radius:10px;padding:.4rem .85rem;font-size:.75rem;font-weight:700}.payment-mode-pill.bank{color:#1e40af;background:#eff6ff}.payment-mode-pill.cash{color:#166534;background:#f0fdf4}.payment-mode-pill.upi{color:#5b21b6;background:#f5f3ff}.payment-id{color:#64748b;font-family:monospace}@media (width<=1024px){.balance-cards{grid-template-columns:1fr}}.add-payment-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem;font-family:Inter,-apple-system,sans-serif}.payment-entry-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.payment-entry-header h2{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:800}.btn-back-payment{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0;font-size:.9rem;font-weight:700;transition:color .2s;display:flex}.btn-back-payment:hover{color:#4f46e5}.payment-id-badge{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.25rem}.payment-id-badge .badge-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;display:block}.payment-id-badge .badge-value{color:#1e293b;font-size:1rem;font-weight:800}.payment-form-main{flex-direction:column;gap:1.5rem;display:flex}.pay-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000000d}.pay-section-title{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.pay-section-title svg{color:#6366f1}.pay-form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.pay-form-grid.pay-grid-4{grid-template-columns:repeat(4,1fr)}.pay-form-grid.pay-grid-5{grid-template-columns:repeat(5,1fr)}.pay-form-group{flex-direction:column;gap:.4rem;display:flex}.pay-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.pay-input-field{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.pay-input-field:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.custom-pay-select-wrapper{width:100%;position:relative}.custom-pay-status-display{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.7rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.custom-pay-status-display:hover{border-color:#cbd5e1}.custom-pay-status-display .chevron{color:#94a3b8;margin-left:auto;font-size:.7rem;transition:transform .2s}.custom-pay-status-display .chevron.open{transform:rotate(180deg)}.pay-input-with-icon{align-items:center;display:flex;position:relative}.pay-input-icon{color:#94a3b8;pointer-events:none;font-size:.85rem;position:absolute;left:.85rem}.pay-input-field.icon-padded{padding-left:2.5rem}.pay-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.pay-textarea:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.pay-form-footer{justify-content:flex-end;gap:1rem;padding-top:.5rem;display:flex}.pay-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.pay-btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.pay-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #6366f14d}.pay-btn-save:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}@media (width<=768px){.payment-entry-header{flex-direction:column;gap:1rem}.payment-id-badge{text-align:left}.pay-form-grid,.pay-form-grid.pay-grid-4,.pay-form-grid.pay-grid-5{grid-template-columns:1fr}.pay-form-footer{flex-direction:column}.pay-btn-cancel,.pay-btn-save{justify-content:center;width:100%}}.delivery-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.4s ease-out fadeIn}.delivery-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.delivery-header h1{color:#1e293b;margin:0;font-size:2.25rem;font-weight:800}.delivery-header p{color:#64748b;margin-top:.25rem}.delivery-stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.delivery-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-icon{border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-info h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem;font-weight:700}.stat-info .value{color:#1e293b;margin-top:.25rem;font-size:1.5rem;font-weight:800}.delivery-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.search-field{flex:1;max-width:400px;position:relative}.search-field input{border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:.8rem 1rem .8rem 3rem;font-size:.9rem;transition:all .2s}.search-btn-icon{color:#94a3b8;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.delivery-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000a}.delivery-table{border-collapse:collapse;width:100%}.delivery-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700}.delivery-table td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.delivery-status{border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.7rem;font-weight:800;display:inline-flex}.delivery-status.received{color:#166534;background:#dcfce7}.delivery-status.transit{color:#1e40af;background:#eff6ff}.delivery-status.pending{color:#9a3412;background:#fff7ed}@media (width<=768px){.delivery-stats{grid-template-columns:1fr}.delivery-header{flex-direction:column;align-items:flex-start;gap:1rem}}.quote-template-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:flex-start;padding:30px 15px;display:flex;position:fixed;inset:0;overflow-y:auto}.quote-template-modal{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:860px;margin:auto;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.quote-actions-toolbar{color:#fff;background:#1e293b;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.quote-actions-title{letter-spacing:.5px;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.quote-actions-buttons{align-items:center;gap:10px;display:flex}.quote-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.quote-btn-print{color:#fff;background:#2563eb}.quote-btn-print:hover{background:#1d4ed8}.quote-btn-download{color:#fff;background:#10b981}.quote-btn-download:hover{background:#059669}.quote-btn-close{color:#94a3b8;background:0 0;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex}.quote-btn-close:hover{color:#fff}.quote-document-container{background:#f1f5f9;justify-content:center;padding:24px;display:flex}.quote-paper{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #1e3a8a;width:100%;max-width:800px;padding:40px 45px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative}.quote-header-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.quote-company-info{max-width:55%}.quote-brand-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.quote-logo-placeholder{color:#fff;letter-spacing:.5px;background:#93c5fd;border-radius:4px;justify-content:center;align-items:center;width:44px;height:44px;font-size:10px;font-weight:700;display:flex;box-shadow:0 1px 3px #0000001a}.quote-company-name{color:#2b4c7e;letter-spacing:.2px;margin:0;font-size:24px;font-weight:700}.quote-company-lines{color:#334155;font-size:12px;line-height:1.5}.quote-company-lines p{margin:1px 0}.quote-meta-section{flex-direction:column;align-items:flex-end;display:flex}.quote-main-title{color:#5c7cfa;letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:32px;font-weight:800}.quote-meta-table{border-collapse:collapse;border:1px solid #334155;width:210px;font-size:11px}.quote-meta-table td{border:1px solid #334155;padding:4px 8px}.quote-meta-label{text-align:right;color:#1e293b;text-transform:uppercase;background:#f8fafc;width:50%;font-weight:700}.quote-meta-value{text-align:center;color:#0f172a;width:50%;font-weight:600}.quote-customer-section{margin-bottom:22px}.quote-navy-banner{color:#fff;letter-spacing:1px;text-transform:uppercase;background:#2b4c7e;margin-bottom:6px;padding:5px 12px;font-size:12px;font-weight:700}.quote-customer-box{color:#1e293b;padding-left:2px;font-size:12px;line-height:1.55}.quote-customer-box p{margin:1px 0}.quote-table-wrapper{margin-bottom:18px}.quote-items-table{border-collapse:collapse;border:1px solid #2b4c7e;width:100%;font-size:11.5px}.quote-items-table thead tr{color:#fff;background:#2b4c7e}.quote-items-table th{letter-spacing:.8px;text-transform:uppercase;border:1px solid #2b4c7e;padding:6px 10px;font-size:11px;font-weight:700}.quote-items-table th.col-product{text-align:left;width:38%}.quote-items-table th.col-price{text-align:right;width:13%}.quote-items-table th.col-qty{text-align:center;width:8%}.quote-items-table th.col-tax{text-align:center;width:10%}.quote-items-table th.col-tax-price{text-align:right;width:14%}.quote-items-table th.col-amount{text-align:right;width:17%}.quote-items-table tbody td{vertical-align:middle;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;height:24px;padding:6px 10px;line-height:1.4}.quote-items-table tbody td.col-product{text-align:left;color:#0f172a}.quote-items-table tbody td.col-price{text-align:right;color:#1e293b}.quote-items-table tbody td.col-qty,.quote-items-table tbody td.col-tax{text-align:center;color:#1e293b}.quote-items-table tbody td.col-tax-price{text-align:right;color:#1e293b}.quote-items-table tbody td.col-amount{text-align:right;color:#0f172a;font-weight:600}.product-title-text{color:#0f172a;font-size:11.5px;font-weight:600;line-height:1.35}.product-meta-subtitles{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:10px;font-weight:500;display:flex}.product-brand-subtitle{color:#475569}.product-meta-separator{color:#94a3b8;font-size:10px;font-weight:700}.product-variant-subtitle{color:#2563eb;font-weight:600}.quote-items-table tbody tr.row-even{background:#fff}.quote-items-table tbody tr.row-odd{background:#f8fafc}.quote-items-table tbody tr.row-empty{color:#0000}.quote-items-table tbody tr.row-empty td.col-amount{color:#94a3b8}.quote-items-table tbody tr:last-child td{border-bottom:1px solid #cbd5e1}.quote-bottom-row{justify-content:space-between;align-items:flex-start;gap:20px;margin-top:10px;margin-bottom:24px;display:flex}.quote-terms-card{border:1px solid #cbd5e1;flex:1}.quote-terms-header{color:#fff;letter-spacing:.8px;text-transform:uppercase;background:#2b4c7e;padding:4px 10px;font-size:11px;font-weight:700}.quote-terms-body{color:#1e293b;padding:8px 12px 14px;font-size:10.5px;line-height:1.45}.quote-terms-body ol{margin:0 0 10px;padding-left:18px}.quote-terms-body ol li{margin-bottom:3px}.quote-signature-block{margin-top:12px}.quote-signature-note{color:#334155;margin-bottom:20px;font-size:10.5px;font-style:italic}.quote-sign-line{color:#1e293b;white-space:nowrap;margin-bottom:8px;font-size:11px}.quote-print-name{color:#1e293b;font-size:11px}.quote-totals-box{width:250px}.quote-totals-table{border-collapse:collapse;width:100%;font-size:11.5px}.quote-totals-table td{padding:4px 6px}.quote-totals-table td.total-label{text-align:left;color:#334155;width:40%;font-weight:600}.quote-totals-table td.total-currency{text-align:right;color:#475569;width:10%;font-weight:500}.quote-totals-table td.total-val{text-align:right;color:#0f172a;width:50%;font-weight:500}.quote-tax-input-box{text-align:right;background:#fff;border:1px solid #94a3b8;width:75px;padding:2px 6px;font-size:11px;display:inline-block}.quote-total-final-row td{color:#0f172a;border-top:1px solid #1e293b;border-bottom:3px double #1e293b;padding-top:8px;padding-bottom:8px;font-size:13px;font-weight:800}.quote-footer-section{text-align:center;color:#475569;border-top:1px solid #e2e8f0;padding-top:14px;font-size:11px}.quote-footer-contact{margin-bottom:6px}.quote-thank-you{color:#0f172a;letter-spacing:.5px;margin:0;font-size:13px;font-style:italic;font-weight:800}@media print{body *{visibility:hidden!important}#quote-printable-sheet,#quote-printable-sheet *{visibility:visible!important}#quote-printable-sheet{width:100%!important;max-width:100%!important;box-shadow:none!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:1px solid #1e3a8a!important;margin:0!important;padding:15mm!important;position:absolute!important;top:0!important;left:0!important}.quote-actions-toolbar,.quote-template-backdrop{background:0 0!important;padding:0!important;position:static!important}.quote-template-modal{box-shadow:none!important;border:none!important;border-radius:0!important}.quote-document-container{background:0 0!important;padding:0!important}}.quotation-container{max-width:1400px;margin:0 auto;padding:2rem;animation:.5s fadeIn}.quotation-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.quotation-header h1{color:#1e293b;margin:0;font-size:2.25rem;font-weight:800}.quotation-header p{color:#64748b;margin-top:.25rem}.quotation-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.stat-data h4{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem}.stat-data .value{color:#1e293b;margin-top:.25rem;font-size:1.5rem;font-weight:800}.quotation-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;overflow:hidden;box-shadow:0 10px 15px -3px #0000000a}.table-controls{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.search-field-wrapper{width:350px;position:relative}.search-field-wrapper input{border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:.8rem 1rem .8rem 2.8rem;font-size:.9rem}.quotation-table{border-collapse:collapse;width:100%}.quotation-table th{text-align:left;color:#64748b;text-transform:uppercase;background:#f8fafc;padding:1.25rem 1.5rem;font-size:.75rem;font-weight:700}.quotation-table td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.status-pill{text-transform:uppercase;border-radius:20px;padding:.4rem .8rem;font-size:.7rem;font-weight:800}.status-pill.pending{color:#9a3412;background:#fff7ed}.status-pill.accepted{color:#166534;background:#f0fdf4}.status-pill.rejected{color:#991b1b;background:#fef2f2}.status-pill.expired{color:#475569;background:#f1f5f9}[data-theme=dark] .quotation-container{background:#0b0f19!important}[data-theme=dark] .quotation-header h1,[data-theme=dark] .stat-data .value,[data-theme=dark] .quotation-id,[data-theme=dark] .supplier-name,[data-theme=dark] .total-amount{color:#f8fafc!important}[data-theme=dark] .quotation-header p,[data-theme=dark] .stat-data h4{color:#cbd5e1!important}[data-theme=dark] .stat-card,[data-theme=dark] .quotation-table-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .table-controls{border-bottom-color:#334155!important}[data-theme=dark] .search-field-wrapper input,[data-theme=dark] .filter-select-wrapper select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .quotation-table th{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .quotation-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .quotation-table tr:hover td{background-color:#334155!important}.action-btns{gap:.5rem;display:flex}.btn-icon-sm{cursor:pointer;box-sizing:border-box;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-icon-sm:hover{color:#6366f1;background:#f8fafc;border-color:#6366f1}@media (width<=1024px){.quotation-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.quotation-stats{grid-template-columns:1fr}.quotation-header{flex-direction:column;align-items:flex-start;gap:1rem}}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:90%;max-width:500px;padding:2rem;animation:.3s slideUp;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.modal-header h2{color:#1e293b;margin:0;font-size:1.25rem}.btn-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;transition:color .2s;display:flex}.btn-close:hover{color:#ef4444}.modal-body{flex-direction:column;gap:1rem;display:flex}.detail-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-label{color:#64748b;text-transform:uppercase;font-size:.85rem;font-weight:600}.add-quotation-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem;font-family:Inter,-apple-system,sans-serif}.quotation-entry-header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.quotation-entry-header h2{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.75rem;font-weight:800}.btn-back{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0;font-size:.9rem;font-weight:700;transition:color .2s;display:flex}.btn-back:hover{color:#4f46e5}.quotation-id-badge{text-align:right;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1.25rem}.quotation-id-badge .badge-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700;display:block}.quotation-id-badge .badge-value{color:#1e293b;font-size:1rem;font-weight:800}.quotation-form-main{flex-direction:column;gap:1.5rem;display:flex}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.75rem;box-shadow:0 4px 6px -1px #0000000d}.section-title{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.section-title svg{color:#6366f1}.form-group label{color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:700}.input-field{color:#1e293b;box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.7rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.input-field:focus{background-color:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.input-with-icon .input-icon{color:#94a3b8;pointer-events:none;font-size:.85rem;position:absolute;left:.85rem}.input-with-icon .input-field{padding-left:2.5rem}.suggestions-list{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 12px 12px;max-height:250px;margin-top:-4px;padding:.5rem 0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.suggestion-item{cursor:pointer;flex-direction:column;gap:.25rem;padding:.75rem 1rem;transition:background .2s;display:flex}.suggestion-item:hover{background:#f1f5f9}.suggestion-name{color:#1e293b;font-size:.9rem;font-weight:700}.suggestion-sub{color:#64748b;font-size:.75rem}.section-title-wrapper{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.section-title-wrapper .section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.btn-add-item{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;width:fit-content;padding:.55rem 1.1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 2px 6px #6366f140}.btn-add-item:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f159}.requested-products-wrapper,.items-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;box-shadow:0 1px 3px #00000008;width:100%!important;overflow-x:auto!important}.requested-products-table{border-collapse:collapse!important;table-layout:fixed!important;width:100%!important;min-width:1100px!important}.requested-products-table thead th{text-transform:uppercase!important;letter-spacing:.05em!important;color:#475569!important;white-space:nowrap!important;text-align:left!important;box-sizing:border-box!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:.9rem 1rem!important;font-size:.75rem!important;font-weight:700!important}.quotation-product-row{transition:background-color .15s;border-bottom:1px solid #f1f5f9!important}.quotation-product-row:hover{background-color:#fafcff!important}.quotation-product-row td{vertical-align:middle!important;box-sizing:border-box!important;border-bottom:1px solid #f1f5f9!important;padding:.85rem .75rem!important}.product-column{width:35%!important;min-width:320px!important}.product-details{white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important;flex-direction:column!important;gap:3px!important;display:flex!important}.product-name{color:#0f172a!important;white-space:normal!important;word-break:normal!important;font-size:15px!important;font-weight:600!important;line-height:1.4!important}.variant-name{color:#2563eb!important;margin-top:2px!important;font-size:13px!important;font-weight:600!important}.product-meta{color:#64748b!important;margin-top:1px!important;font-size:12.5px!important}.product-meta-row{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.meta-badge{border-radius:6px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.meta-badge.variant{color:#1d4ed8;background:#eff6ff;border:1px solid #dbeafe}.meta-badge.brand{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.meta-badge.stock{color:#15803d;background:#f0fdf4;border:1px solid #dcfce7}.meta-badge.stock.out{color:#b91c1c;background:#fef2f2;border:1px solid #fee2e2}.empty-table-placeholder{text-align:center;background:#fafcff;padding:3.5rem 1rem!important}.empty-prompt-box{flex-direction:column;justify-content:center;align-items:center;gap:.6rem;max-width:420px;margin:0 auto;display:flex}.empty-prompt-icon{color:#94a3b8;margin-bottom:.25rem;font-size:2.8rem}.empty-prompt-box h4{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.empty-prompt-box p{color:#64748b;margin:0 0 .8rem;font-size:.85rem}.items-entry-table thead th{text-transform:uppercase;letter-spacing:.05em;color:#475569;white-space:nowrap;text-align:left;box-sizing:border-box;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:.9rem 1rem;font-size:.75rem;font-weight:700}.items-entry-table thead th.th-sno,.items-entry-table thead th.th-qty,.items-entry-table thead th.th-tax{text-align:center}.items-entry-table thead th.th-amount{text-align:right}.items-entry-table thead th.th-action{text-align:center}.items-entry-table tbody td{vertical-align:middle;box-sizing:border-box;border-bottom:1px solid #f1f5f9;padding:.85rem .75rem}.items-entry-table tbody tr.item-row:hover{background-color:#fafcff}.items-entry-table tbody td.cell-sno{text-align:center;color:#64748b;font-size:.9rem;font-weight:700}.items-entry-table tbody td.cell-amount{text-align:right}.product-picker-trigger{cursor:pointer;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:.65rem .85rem;transition:all .2s;display:flex}.product-picker-trigger:hover{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.product-picker-trigger.has-value{background:#fff;border-color:#94a3b8}.trigger-text-wrapper{text-align:left;flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex;overflow:hidden}.selected-prod-name{color:#0f172a;word-break:break-word;white-space:normal;font-size:.875rem;font-weight:700;line-height:1.35;display:block}.placeholder-text{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.picker-chevron-icon{color:#64748b;flex-shrink:0;font-size:.75rem}.table-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.6rem;font-size:.9rem;transition:all .2s}.table-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.table-input.center{text-align:center}.price-input-wrapper{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;width:100%;padding:0 .5rem;transition:all .2s;display:flex}.price-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.currency-prefix{color:#64748b;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-right:.25rem;font-size:.9rem;font-weight:600}.percent-suffix{color:#64748b;-webkit-user-select:none;user-select:none;flex-shrink:0;margin-left:.25rem;font-size:.85rem;font-weight:600}.price-input-wrapper input{color:#1e293b;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding:.6rem .25rem;font-size:.9rem}.total-amount-display-pill{box-sizing:border-box;color:#047857;text-align:right;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;width:100%;padding:.55rem .75rem;font-size:.95rem;font-weight:800;display:block}.form-footer-actions{justify-content:flex-end;gap:1rem;padding-top:.5rem;display:flex}.btn-cancel:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-save-quotation{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #6366f14d}.btn-save-quotation:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166}.quotation-summary{margin-top:.5rem}.summary-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.btn-toggle-summary{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-toggle-summary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-toggle-summary.active{color:#ef4444;background:#fef2f2;border-color:#fecaca}.action-btns-cell{justify-content:center;align-items:center;gap:.5rem;display:flex}.btn-row-action{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.btn-row-action:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-row-action.btn-expand.active{color:#ef4444;background:#fef2f2;border-color:#fecaca}.btn-row-action.btn-delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.expanded-row td{background:#f8fafc;padding:0!important}.extra-charges-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:1rem 1rem 1.5rem;padding:1.5rem;animation:.3s slideDown;box-shadow:0 2px 8px #0000000a}.extra-charges-header{color:#6366f1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:800}.extra-charges-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.charge-input{flex-direction:column;gap:.4rem;display:flex}.charge-input label{color:#94a3b8;text-transform:uppercase;font-size:.7rem;font-weight:700}.charge-input input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.6rem .85rem;font-size:.85rem}.charge-input input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}@media (width<=768px){.quotation-entry-header{flex-direction:column;gap:1rem}.quotation-id-badge{text-align:left}.form-grid{grid-template-columns:1fr}.form-footer-actions{flex-direction:column}.btn-cancel,.btn-save-quotation{justify-content:center;width:100%}}[data-theme=dark] .add-quotation-container{background:#0b0f19!important}[data-theme=dark] .quotation-entry-header h2,[data-theme=dark] .quotation-id-badge .badge-value,[data-theme=dark] .section-title,[data-theme=dark] .summary-label,[data-theme=dark] .summary-val{color:#f8fafc!important}[data-theme=dark] .form-section,[data-theme=dark] .quotation-id-badge,[data-theme=dark] .quotation-items-card,[data-theme=dark] .extra-charges-section{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .form-field-group label,[data-theme=dark] .charge-input label{color:#cbd5e1!important}[data-theme=dark] .form-field-group input,[data-theme=dark] .form-field-group select,[data-theme=dark] .form-field-group textarea,[data-theme=dark] .charge-input input,[data-theme=dark] .items-table input,[data-theme=dark] .items-table select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .items-table th{color:#94a3b8!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .items-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .btn-row-action,[data-theme=dark] .btn-cancel{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}.quotation-summary-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:2.25rem;margin-top:1.25rem;padding:1.1rem 1.5rem;display:flex}.summary-item{text-align:right;flex-direction:column;gap:.2rem;display:flex}.summary-item .summary-title{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.725rem;font-weight:700}.summary-item .summary-figure{color:#1e293b;font-size:1rem;font-weight:700}.summary-item .summary-figure.tax{color:#6366f1}.summary-item.grand-total{border-left:2px solid #e2e8f0;padding-left:1.5rem}.summary-item .summary-figure.total{color:#047857;font-size:1.25rem;font-weight:800}.stock-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99999;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stock-modal-container{background:#fff;border:1px solid #cbd5e1;border-radius:16px;flex-direction:column;width:100%;max-width:860px;max-height:85vh;animation:.2s ease-out modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{transform:translateY(0)scale(1)}}.stock-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;display:flex}.modal-badge-store{color:#4f46e5;background:#eef2ff;border-radius:6px;align-items:center;gap:.35rem;margin-bottom:.4rem;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.stock-modal-header-text h3{color:#0f172a;margin:0 0 .25rem;font-size:1.2rem;font-weight:800}.stock-modal-header-text p{color:#64748b;margin:0;font-size:.825rem}.btn-stock-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.5rem;font-size:1.15rem;transition:all .2s;display:flex}.btn-stock-modal-close:hover{color:#0f172a;background:#f1f5f9}.stock-modal-search-bar{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:.85rem 1.5rem;display:flex}.stock-modal-search-bar .search-icon{color:#6366f1;flex-shrink:0;font-size:1rem}.stock-modal-search-bar input{color:#0f172a;border:none;outline:none;width:100%;font-size:.95rem}.stock-modal-search-bar input::placeholder{color:#94a3b8}.btn-clear-search{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:.3rem .6rem;font-size:.75rem;font-weight:600;transition:all .2s}.btn-clear-search:hover{color:#0f172a;background:#e2e8f0}.stock-modal-table-wrap{flex:1;max-height:440px;overflow-y:auto}.stock-modal-table{border-collapse:collapse;text-align:left;width:100%}.stock-modal-table thead th{text-transform:uppercase;letter-spacing:.05em;color:#475569;z-index:2;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:.75rem 1.25rem;font-size:.725rem;font-weight:700;position:sticky;top:0}.stock-modal-table tbody tr.stock-item-row{cursor:pointer;border-bottom:1px solid #f1f5f9;transition:background .15s}.stock-modal-table tbody tr.stock-item-row:hover{background-color:#f5f7ff}.stock-modal-table tbody td{vertical-align:middle;color:#1e293b;padding:.85rem 1.25rem;font-size:.875rem}.stock-cell-product{flex-direction:column;gap:.25rem;display:flex}.stock-prod-name{color:#0f172a;font-size:.9rem;font-weight:700;line-height:1.3}.stock-variant-tag{color:#4f46e5;background:#eef2ff;border-radius:4px;width:max-content;padding:.1rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.stock-cat-text,.stock-brand-text{color:#475569;font-size:.825rem}.stock-count-badge{border-radius:9999px;justify-content:center;align-items:center;min-width:38px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-flex}.stock-count-badge.healthy{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.stock-count-badge.low{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.stock-count-badge.out{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.state-cell{text-align:center;font-size:.9rem;padding:2.5rem 1rem!important}.state-cell.loading{color:#4f46e5;font-weight:600}.state-cell.empty{color:#94a3b8}.stock-modal-table tbody tr.stock-item-row.is-selected{background-color:#eff6ff!important}.stock-modal-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.85rem;display:flex}.stock-modal-footer-info{align-items:center;gap:.75rem;display:flex}.selected-count-badge{color:#4338ca;background:#e0e7ff;border-radius:9999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.775rem;font-weight:700;display:inline-flex}.stock-modal-footer-actions{align-items:center;gap:.75rem;display:flex}.btn-modal-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.btn-modal-add-selected{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.55rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 10px #4f46e540}.btn-modal-add-selected:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 6px 14px #4f46e559}.btn-modal-add-selected:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.business-store-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:.5rem;padding:1.5rem 1.75rem;box-shadow:0 4px 6px -1px #0000000d}.selector-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.selector-group{flex-direction:column;gap:.5rem;display:flex;position:relative}.selector-label{color:#334155;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.5rem;font-size:.8rem;font-weight:700;display:flex}.selector-label .required-dot{color:#ef4444}.selector-trigger{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:.75rem 1rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.selector-trigger:hover:not(.disabled){border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.selector-trigger.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.selector-trigger.disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9;border-color:#e2e8f0}.trigger-content{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.65rem;display:flex;overflow:hidden}.trigger-icon{color:#6366f1;flex-shrink:0;font-size:1.05rem}.selector-trigger.disabled .trigger-icon{color:#94a3b8}.trigger-arrow{color:#64748b;flex-shrink:0;font-size:.8rem;transition:transform .2s}.trigger-arrow.open{transform:rotate(180deg)}.custom-dropdown-popup{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:12px;width:100%;animation:.15s ease-out fadeInSlide;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000026}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.6rem;padding:.65rem .85rem;display:flex}.dropdown-search-header svg{color:#64748b;flex-shrink:0;font-size:.85rem}.dropdown-search-header input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.dropdown-list-items{max-height:220px;padding:.35rem 0;overflow-y:auto}.dropdown-list-item{cursor:pointer;color:#1e293b;justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.9rem;transition:background .12s;display:flex}.dropdown-list-item:hover{color:#4338ca;background-color:#eef2ff}.dropdown-list-item.selected{color:#5b21b6;background-color:#ede9fe;font-weight:600}.dropdown-empty-state{text-align:center;color:#94a3b8;padding:1.25rem;font-size:.85rem}.stock-warning-banner{color:#dc2626;align-items:center;gap:.35rem;margin-top:.25rem;font-size:.75rem;font-weight:600;display:flex}.product-meta-details{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.meta-chip{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;padding:.15rem .45rem;font-size:.72rem;font-weight:600;display:inline-flex}.meta-chip.stock-info{color:#065f46;background:#ecfdf5}.meta-chip.stock-info.out{color:#991b1b;background:#fef2f2}.meta-chip.price-info{color:#1e40af;background:#eff6ff}.meta-chip.gst-info{color:#6b21a8;background:#faf5ff}.add-invoice-container{max-width:1200px;margin:0 auto;padding:2.5rem;animation:.5s ease-out fadeIn}.add-invoice-header{margin-bottom:2.5rem}.back-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.6rem 1.25rem;font-weight:600;transition:all .2s;display:flex}.back-btn:hover{color:#1e293b;background:#f1f5f9}.header-title h1{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:2.25rem;font-weight:800}.header-title p{color:#64748b;margin-top:.5rem;font-size:1.05rem}.invoice-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:2.5rem;box-shadow:0 10px 25px -5px #0000000d}.invoice-info-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.input-box{flex-direction:column;gap:.5rem;display:flex}.input-box label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:800}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#94a3b8;font-size:.9rem;position:absolute;left:1rem}.input-box input,.input-box select{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:.85rem 1rem .85rem 2.75rem;font-size:.95rem;font-weight:600;transition:all .2s}.input-box input:focus,.input-box select:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.items-section{margin-bottom:3rem}.items-section h3{color:#1e293b;margin-bottom:1.5rem;font-size:1.15rem;font-weight:800}.items-table-header{color:#64748b;text-transform:uppercase;background:#f8fafc;border-radius:12px;grid-template-columns:3fr 80px 120px 100px 140px 40px;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem;font-size:.75rem;font-weight:700;display:grid}.item-row{grid-template-columns:3fr 80px 120px 100px 140px 40px;align-items:center;gap:1rem;margin-bottom:.75rem;padding:0 .5rem;display:grid}.item-row input{border:1.2px solid #e2e8f0;border-radius:10px;padding:.8rem 1rem;font-size:.9rem}.item-total-val{color:#1e293b;text-align:right;padding-right:1rem;font-weight:700}.delete-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.delete-btn:hover{background:#fee2e2;transform:scale(1.05)}.add-item-btn{cursor:pointer;border-radius:12px;align-items:center;gap:.6rem;width:fit-content;margin-top:1rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;display:flex;color:#475569!important;background:#f1f5f9!important;border:1.5px dashed #cbd5e1!important}.add-item-btn:hover{color:#1e293b!important;background:#e2e8f0!important;border-color:#94a3b8!important}.invoice-footer{border-top:1px solid #f1f5f9;justify-content:space-between;gap:3rem;margin-bottom:3rem;padding-top:2rem;display:flex}.notes-box{flex:1;max-width:500px}.notes-box label{color:#64748b;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}.notes-box textarea{resize:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;height:100px;padding:1rem}.summary-section{flex-direction:column;gap:1rem;width:300px;display:flex}.summary-row{color:#64748b;justify-content:space-between;font-weight:500;display:flex}.grand-total{color:#1e293b;border-top:2px solid #f1f5f9;margin-top:.5rem;padding-top:1rem;font-size:1.35rem;font-weight:800}.form-actions{justify-content:flex-end;gap:1rem;display:flex}.btn-primary{cursor:pointer;border-radius:14px;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px -1px #6366f166;color:#fff!important;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%)!important;border:none!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f166;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%)!important}.btn-secondary{cursor:pointer;border-radius:14px;padding:1rem 2.5rem;font-weight:700;transition:all .2s;color:#64748b!important;background:#f8fafc!important;border:1.5px solid #e2e8f0!important}.auto-stock-page{color:#e8eaf6;background:linear-gradient(135deg,#0f1117 0%,#1a1d2e 50%,#151825 100%);min-height:100vh;padding:24px;font-family:Inter,sans-serif}.auto-stock-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.auto-stock-header h1{background:linear-gradient(135deg,#6c63ff 0%,#48cae4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.85rem;font-weight:700}.auto-stock-header p{color:#8892b0;margin:4px 0 0;font-size:.875rem}.auto-stock-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #6c63ff2e;border-radius:16px;margin-bottom:28px;padding:28px;transition:box-shadow .3s}.auto-stock-card:hover{box-shadow:0 8px 32px #6c63ff26}.card-title{color:#a9b4d0;border-bottom:1px solid #6c63ff26;align-items:center;gap:8px;margin:0 0 20px;padding-bottom:14px;font-size:1.05rem;font-weight:600;display:flex}.card-title-icon{background:linear-gradient(135deg,#6c63ff20,#48cae420);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:20px;display:grid}.form-label{color:#7b8bac;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:500}.form-input,.form-select{color:#e8eaf6;box-sizing:border-box;background:#ffffff0d;border:1px solid #6c63ff40;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.form-select option{color:#e8eaf6;background:#1a1d2e}.toggle-row{align-items:center;gap:12px;padding:12px 0;display:flex}.toggle-label{color:#a9b4d0;font-size:.875rem;font-weight:500}.toggle-switch{flex-shrink:0;width:48px;height:26px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ffffff1a;border:1px solid #6c63ff40;border-radius:13px;transition:all .3s;position:absolute;inset:0}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#6c63ff,#48cae4);border-color:#6c63ff}.toggle-switch input:checked+.toggle-slider:before{background:#fff;transform:translate(22px)}.form-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6c63ff,#5855d6);border:none;border-radius:10px;padding:10px 22px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{color:#a9b4d0;cursor:pointer;background:#ffffff0f;border:1px solid #6c63ff33;border-radius:10px;padding:10px 20px;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;transition:background .2s,color .2s}.btn-secondary:hover{color:#e8eaf6;background:#6c63ff1f}.btn-danger-sm{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:background .2s}.btn-danger-sm:hover{background:#ef444433}.btn-edit-sm{color:#a78bfa;cursor:pointer;background:#6c63ff1a;border:1px solid #6c63ff40;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;transition:background .2s}.btn-edit-sm:hover{background:#6c63ff33}.auto-stock-table-wrapper{border-radius:12px;overflow-x:auto}.auto-stock-table{border-collapse:collapse;width:100%;font-size:.82rem}.auto-stock-table th{color:#7b8bac;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#6c63ff1f;border-bottom:1px solid #6c63ff2e;padding:12px 14px;font-size:.72rem;font-weight:600}.auto-stock-table td{color:#c9d1e3;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:12px 14px}.auto-stock-table tr:last-child td{border-bottom:none}.auto-stock-table tr:hover td{background:#6c63ff0f}.table-empty{text-align:center;color:#5a6480;padding:40px;font-size:.875rem}.status-badge{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.status-pending{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f640}.status-pending:before{background:#60a5fa}.status-approved{color:#34d399;background:#10b98126;border:1px solid #10b98140}.status-approved:before{background:#34d399}.status-rejected{color:#f87171;background:#ef444426;border:1px solid #ef444440}.status-rejected:before{background:#f87171}.status-completed{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b840}.status-completed:before{background:#94a3b8}.status-cancelled{color:#fb923c;background:#f9731626;border:1px solid #f9731640}.status-cancelled:before{background:#fb923c}.stock-low{color:#f87171;font-weight:600}.stock-ok{color:#34d399}.chip-enabled{color:#34d399;background:#10b98126;border:1px solid #10b98140;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.chip-disabled{color:#64748b;background:#94a3b81a;border:1px solid #94a3b833;border-radius:20px;padding:3px 10px;font-size:.7rem;font-weight:600;display:inline-block}.as-alert{border-radius:10px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 18px;font-size:.85rem;display:flex}.as-alert-success{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.as-alert-error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d}.as-tabs{background:#ffffff08;border:1px solid #6c63ff26;border-radius:12px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.as-tab{cursor:pointer;color:#7b8bac;background:0 0;border:none;border-radius:9px;padding:8px 22px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;transition:all .2s}.as-tab.active{color:#fff;background:linear-gradient(135deg,#6c63ff,#5855d6);box-shadow:0 4px 12px #6c63ff59}.as-tab:hover:not(.active){color:#a9b4d0;background:#6c63ff1a}.as-spinner{vertical-align:middle;border:2px solid #6c63ff4d;border-top-color:#6c63ff;border-radius:50%;width:18px;height:18px;margin-right:6px;animation:.7s linear infinite as-spin;display:inline-block}@keyframes as-spin{to{transform:rotate(360deg)}}.as-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.as-modal{background:#1a1d2e;border:1px solid #6c63ff40;border-radius:16px;width:100%;max-width:520px;padding:28px;animation:.25s asModalIn;box-shadow:0 20px 60px #00000080}@keyframes asModalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.as-modal h3{color:#e8eaf6;margin:0 0 20px;font-size:1.05rem;font-weight:600}@media (width<=768px){.auto-stock-page{padding:16px}.auto-stock-header h1{font-size:1.4rem}.form-grid{grid-template-columns:1fr}}.product-page-wrapper{box-sizing:border-box;background-color:#f4f6fb;flex-direction:column;align-items:center;min-height:calc(100vh - 80px);padding:24px 30px;display:flex}.product-filter-card{box-sizing:border-box;background:#fff;border:1px solid #eef2f7;border-radius:16px;align-items:flex-end;gap:20px;width:100%;max-width:1360px;margin-bottom:22px;padding:22px 28px;display:flex;box-shadow:0 4px 20px -2px #12263f0a,0 2px 6px -1px #12263f05}.filter-field-group{flex-direction:column;gap:8px;display:flex}.filter-field-group.field-search{flex:1;min-width:0}.filter-field-group.field-show{flex:0 0 110px;width:110px}.filter-label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11.5px;font-weight:700}.search-input-box{box-sizing:border-box;background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(90deg,#38bdf8 0%,#595fe1 25%,#7f4ed8 50%,#bd4fd4 75%,#ec4899 100%) border-box;border:2px solid #0000;border-radius:20px;align-items:center;width:100%;height:50px;padding:0 18px;transition:all .25s;display:flex;position:relative;box-shadow:0 2px 8px -2px #7f4ed80f}.search-input-box:focus-within{box-shadow:0 0 14px #7f4ed838}.search-box-icon{color:#1c1c1c;pointer-events:none;flex-shrink:0}.search-input-divider{background-color:#cbd5e1;flex-shrink:0;width:1px;height:24px;margin:0 14px 0 12px}.search-input-box input{color:#1e293b;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;height:100%;padding:0;font-size:15px}.search-input-box input::placeholder{color:#757575;font-weight:400}.show-dropdown-box{width:100%;position:relative}.show-dropdown-box select{color:#1e293b;appearance:none;cursor:pointer;box-sizing:border-box;background-color:#fff;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='%2364748b' 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 14px center;background-repeat:no-repeat;background-size:14px 14px;border:1.8px solid #e2e8f0;border-radius:20px;outline:none;width:100%;height:50px;padding:0 34px 0 16px;font-size:14.5px;font-weight:600;transition:all .2s}.show-dropdown-box select:focus{border-color:#7f4ed8;box-shadow:0 0 12px #7f4ed82e}.product-table-card{box-sizing:border-box;background:#fff;border:1px solid #eef2f7;border-radius:16px;width:100%;max-width:1360px;padding:24px 28px;box-shadow:0 4px 20px -2px #12263f0a,0 2px 6px -1px #12263f05}.product-card-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.product-summary-heading{color:#1e293b;letter-spacing:-.3px;margin:0;font-size:1.35rem;font-weight:800}.product-card-toolbar{align-items:center;gap:16px;display:flex}.table-header-pagination{align-items:center;gap:3px;display:flex}.pagination-nav-arrow{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.pagination-nav-arrow:hover:not(:disabled){color:#1e293b;background:#f1f5f9}.pagination-nav-arrow:disabled{opacity:.3;cursor:not-allowed}.pagination-num-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:13px;font-weight:600;transition:all .15s;display:flex}.pagination-num-pill:hover:not(.active){color:#1e293b;background:#f1f5f9}.pagination-num-pill.active{font-weight:700;color:#fff!important;background:#2b5cf6!important}.pagination-ellipsis-pill{text-align:center;color:#94a3b8;-webkit-user-select:none;user-select:none;width:20px;font-size:13px;font-weight:700}.product-table-responsive-box{width:100%;overflow-x:auto}.modern-product-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.modern-product-table th{text-transform:uppercase;letter-spacing:.6px;color:#8a94a6;white-space:nowrap;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.modern-product-table th.text-right,.modern-product-table td.text-right{text-align:right;padding-right:14px}.modern-product-table td{color:#475569;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:15px 16px;font-size:13.5px;transition:background-color .15s}.modern-product-table tr:hover td{background-color:#f8fafc}.td-sno{color:#64748b;font-size:13px;font-weight:600}.td-name{color:#1e293b;font-weight:600}.td-code{color:#334155;font-weight:600}.td-qty{color:#334155;font-weight:500}.table-action-icons{justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.table-action-square-btn{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;text-decoration:none;transition:all .15s;display:inline-flex}.edit-icon-btn{color:#64748b;border-color:#cbd5e1}.edit-icon-btn:hover{color:#2b5cf6;background-color:#eff4ff;border-color:#2b5cf6}.delete-icon-btn{color:#ef4444;border-color:#fecaca}.delete-icon-btn:hover{color:#dc2626;background-color:#fee2e2;border-color:#dc2626}.no-data{color:#94a3b8;font-size:14px;font-style:italic;text-align:center!important;padding:48px 16px!important}.product-table-bottom-bar{border-top:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.table-summary-info{color:#64748b;font-size:12.5px;font-weight:500}@media (width<=768px){.product-page-wrapper{padding:16px}.product-filter-card,.product-table-card{border-radius:12px;padding:16px}.product-filter-card{flex-direction:column;align-items:stretch;gap:14px}.filter-field-group.field-search,.filter-field-group.field-show{flex:100%;width:100%}.product-card-top-bar{flex-direction:column;align-items:flex-start}.product-card-toolbar{justify-content:flex-end;width:100%}.product-table-bottom-bar{flex-direction:column;align-items:center}}[data-theme=dark] .product-page-wrapper{background-color:#0b0f19!important}[data-theme=dark] .product-filter-card,[data-theme=dark] .product-table-card{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .filter-label,[data-theme=dark] .product-summary-heading{color:#f8fafc!important}[data-theme=dark] .search-input-box{background:linear-gradient(#0f172a,#0f172a) padding-box padding-box,linear-gradient(90deg,#38bdf8 0%,#595fe1 25%,#7f4ed8 50%,#bd4fd4 75%,#ec4899 100%) border-box!important}[data-theme=dark] .search-box-icon{color:#f8fafc!important}[data-theme=dark] .search-input-divider{background-color:#475569!important}[data-theme=dark] .search-input-box input{color:#f8fafc!important}[data-theme=dark] .search-input-box input::placeholder{color:#94a3b8!important}[data-theme=dark] .show-dropdown-box select{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .modern-product-table th{color:#94a3b8!important;border-bottom-color:#334155!important}[data-theme=dark] .modern-product-table td{color:#cbd5e1!important;border-bottom-color:#334155!important}[data-theme=dark] .td-name{color:#f8fafc!important}[data-theme=dark] .modern-product-table tr:hover td{background-color:#334155!important}[data-theme=dark] .table-action-square-btn{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .product-table-bottom-bar{border-top-color:#334155!important}.product-container{background:#f4f6f9;justify-content:center;min-height:100vh;padding:40px;display:flex}.product-card{background:#fff;border-radius:12px;width:1200px;padding:30px;box-shadow:0 4px 14px #00000014}.product-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.product-title{color:#333;margin:0;font-size:24px;font-weight:700}.finalize-btn{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.finalize-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.finalize-btn:disabled{cursor:not-allowed;background:#c3e6cb}.form-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}.form-group select,.form-input{border:1px solid #ccc;border-radius:6px;outline:none;padding:10px;font-size:14px;transition:border-color .2s}.form-group select:focus,.form-input:focus{border-color:#007bff}.form-actions{justify-content:center;gap:15px;margin-top:30px;padding-bottom:20px;display:flex}.save-btn,.reset-btn,.cancel-btn{cursor:pointer;border:none;border-radius:10px;min-width:180px;padding:12px 25px;font-size:15px;font-weight:700;transition:all .3s}.save-btn{box-shadow:0 4px 12px #007bff33;color:#fff!important;background:#007bff!important}.save-btn:hover:not(:disabled){transform:translateY(-2px);background:#0056b3!important}.save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:#007bff!important}.cancel-btn{box-shadow:0 4px 12px #ef444433;color:#fff!important;background:#ef4444!important}.cancel-btn:hover{transform:translateY(-2px);background:#dc2626!important}.product-header .back-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px;font-weight:600;transition:all .2s;display:flex;flex:none!important;width:100px!important;min-width:100px!important;max-width:100px!important}.back-btn:hover{background:#5a6268;transform:translate(-2px)}.saved-list-container{background:#fcfdfe;border:1px dashed #007bff;border-radius:12px;margin-top:40px;padding:25px}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-subtitle{color:#444;margin:0;font-size:19px;font-weight:700}.primary-text{color:#007bff}.results-count{color:#888;font-size:13px}.table-responsive{background:#fff;border-radius:8px;overflow-x:auto}.results-table{border-collapse:collapse;width:100%}.results-table th{text-align:left;color:#333;text-transform:uppercase;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:14px 15px;font-size:13px;font-weight:700}.selected-row{background-color:#f0f7ff}.product-list-table th{background:#e9ecef}.remove-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.remove-btn:hover{color:#fff;background:#ef4444}.clear-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:6px 12px;font-size:13px}.clear-btn:hover{background:#f8f9fa;border-color:#ced4da}.no-results,.empty-list-placeholder{text-align:center;color:#999;border:2px dashed #eee;border-radius:12px;padding:50px}.no-results-icon{margin-bottom:10px;font-size:30px;display:block}@media (width<=900px){.form-grid{grid-template-columns:1fr 1fr}}@media (width<=1250px){.product-card{width:95%}}@media (width<=650px){.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.save-btn,.reset-btn,.cancel-btn{width:100%}}.form-group-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.form-group-header label{margin-bottom:0!important}.category-type-switch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:inline-flex}.type-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .2s}.type-switch-btn.active{box-shadow:0 2px 4px #007bff33;color:#fff!important;background:#007bff!important}.type-switch-btn:hover:not(.active){color:#007bff;background:#e2e8f0}.scan-btn{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;align-items:center;gap:5px;padding:8px 15px;font-weight:600;transition:background .2s;display:flex}.scan-btn:hover{background:#5a6268}.custom-select-trigger.disabled{cursor:not-allowed;opacity:.7;background:#e9ecef;border-color:#ccc}.custom-select-trigger.disabled:hover{box-shadow:none;border-color:#ccc}.custom-select-trigger .chevron{color:#999;font-size:10px;transition:transform .2s}.storage-container{background-color:#f8fafc;min-height:calc(100vh - 80px);box-sizing:border-box!important;width:100%!important;padding:40px!important}.storage-wrapper{max-width:1200px;margin:0 auto}.card-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.storage-title{color:#1e293b;letter-spacing:-.5px;margin:0;font-size:2.2rem;font-weight:800}.stepper-container{justify-content:space-between;align-items:center;width:100%;max-width:1200px;margin-bottom:60px;margin-left:auto;margin-right:auto;padding:0 10px;display:flex;position:relative}.step-item{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-number{color:#94a3b8;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #00000005}.step-item.active .step-number{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.step-item.completed .step-number{color:#fff;background:#10b981;border-color:#10b981}.step-label{color:#94a3b8;text-align:center;width:80px;margin-top:4px;font-size:.8rem;font-weight:600;line-height:1.2;transition:color .3s}.step-item.active .step-label{color:#1e293b}.step-item.completed .step-label{color:#10b981}.stepper-connector{z-index:1;background:#e2e8f0;height:2px;position:absolute;top:20px;left:6%;right:6%}.stepper-progress{background:#3b82f6;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.nu-btn-step{cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nu-btn-primary{color:#fff;background:#3b82f6;box-shadow:0 4px 14px #3b82f64d}.nu-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 20px #3b82f666}.nu-btn-secondary{color:#475569;background:#fff;border-color:#e2e8f0}.nu-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.nu-btn-step:disabled{opacity:.6;cursor:not-allowed;color:#94a3b8;box-shadow:none;background:#f1f5f9}.details-container{background:#fff;border:1px solid #f1f5f9;border-radius:16px;margin-bottom:25px;padding:30px;transition:transform .2s;box-shadow:0 4px 12px #00000008}.details-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.section-title{color:#334155;border-bottom:2px solid #f1f5f9;margin-bottom:25px;padding-bottom:12px;font-size:1.25rem;font-weight:700}.form-grid.three-cols{grid-template-columns:repeat(3,1fr)}.form-group{flex-direction:column;display:flex}.form-group label{color:#64748b;margin-bottom:8px;font-size:.875rem;font-weight:600}.form-group input,.form-group select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 16px;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.save-loc-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;width:fit-content;margin-top:10px;padding:12px 24px;font-weight:600;transition:all .2s}.save-loc-btn:hover{background:#059669;transform:scale(1.02)}.toggle-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;padding:10px 24px;font-weight:600;box-shadow:0 4px 12px #3b82f633}.button-group{justify-content:center;gap:20px;margin-top:20px;display:flex}.save-btn,.cancel-btn{cursor:pointer;border:none;border-radius:12px;flex:1;max-width:200px;padding:14px;font-weight:700;transition:all .2s}.save-btn{color:#fff;background:#3b82f6}.save-btn:disabled{cursor:not-allowed;background:#cbd5e1}.cancel-btn{color:#fff;background:#ef4444}@media (width<=768px){.form-grid{grid-template-columns:1fr!important}}.add-more-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;font-weight:700;transition:all .2s;display:flex}.add-more-btn:hover{background:#2563eb;transform:scale(1.1)}.dynamic-input-group{flex-direction:column;gap:12px;display:flex}.input-with-action{align-items:center;gap:10px;display:flex}.input-with-action input{flex:1}.remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.remove-btn:hover{background:#dc2626;transform:scale(1.1)}.wh-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wh-modal-content{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.wh-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.wh-modal-header h3{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700}.wh-close-btn{cursor:pointer;color:#64748b;background:0 0;border:none;transition:color .2s}.wh-close-btn:hover{color:#ef4444}.wh-search-bar{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;max-width:300px;margin-bottom:20px;padding:10px 15px;font-size:.95rem}.wh-search-bar:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wh-table-container{width:100%;overflow-x:auto}.wh-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.95rem}.wh-table th,.wh-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:12px 15px}.wh-table th{color:#475569;background-color:#f8fafc;font-weight:600}.wh-table tbody tr:hover{background-color:#f1f5f9}.wh-action-btns{gap:8px;display:flex}.wh-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex}.wh-action-btn.view{color:#3b82f6;background:#eff6ff}.wh-action-btn.view:hover{background:#dbeafe}.wh-action-btn.edit{color:#f59e0b;background:#fffbeb}.wh-action-btn.edit:hover{background:#fef3c7}.wh-action-btn.delete{color:#ef4444;background:#fef2f2}.wh-action-btn.delete:hover{background:#fee2e2}.wh-pagination{justify-content:flex-end;align-items:center;gap:8px;margin-top:20px;display:flex}.wh-page-btn{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-weight:500}.wh-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.wh-page-btn:hover:not(.active):not(:disabled){background:#f8fafc}.wh-page-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .storage-container{background-color:#0b0f19!important}[data-theme=dark] .storage-title,[data-theme=dark] .section-title,[data-theme=dark] .wh-modal-header h3{color:#f8fafc!important}[data-theme=dark] .details-container,[data-theme=dark] .wh-modal-content{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .step-number{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .step-label,[data-theme=dark] .form-group label{color:#cbd5e1!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .wh-search-bar{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .nu-btn-secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .wh-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .wh-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}.sss-container{background:#fff;border:1px solid #e8ecf1;border-radius:14px;padding:2rem;box-shadow:0 1px 4px #0000000d}.sss-title{color:#3b6ef5;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.sss-divider{background:linear-gradient(90deg,#3b6ef5,#0000);height:1px;margin-bottom:1.5rem}.sss-input-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.sss-input-group{flex-direction:column;gap:.5rem;display:flex}.sss-label{color:#64748b;font-size:.88rem;font-weight:600}.sss-input{color:#1e293b;appearance:textfield;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:.7rem 1rem;font-size:.95rem;transition:all .2s}.sss-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sss-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sss-input:focus{background:#fff;border-color:#3b6ef5;box-shadow:0 0 0 3px #3b6ef51a}.sss-grid-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.sss-grid-header{color:#1a2332;align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.sss-grid-title{color:#1a2332;margin:0;font-size:1.05rem;font-weight:700}.sss-grid-info{color:#fff;background:linear-gradient(135deg,#3b6ef5,#5b8af7);border-radius:20px;margin-left:auto;padding:4px 12px;font-size:.8rem;font-weight:600}.sss-grid-scroll{padding-bottom:8px;overflow-x:auto}.sss-grid-scroll::-webkit-scrollbar{height:6px}.sss-grid-scroll::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.sss-grid-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.sss-grid{place-items:center;gap:10px;min-width:fit-content;display:grid}.sss-header-cell{color:#475569;text-align:center;-webkit-user-select:none;user-select:none;padding:6px 0;font-size:.85rem;font-weight:700}.sss-row-label{color:#475569;text-align:right;white-space:nowrap;-webkit-user-select:none;user-select:none;padding-right:6px;font-size:.85rem;font-weight:700}.sss-cell{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000a}.sss-cell:hover{background:#ebf2ff;border-color:#93bbfd;transform:scale(1.08);box-shadow:0 3px 10px #3b6ef526}.sss-cell.selected{color:#fff;background:linear-gradient(135deg,#3b6ef5,#5b8af7);border-color:#3b6ef5;transform:scale(1.02);box-shadow:0 3px 12px #3b6ef559}.sss-cell.selected:hover{background:linear-gradient(135deg,#2b5fd9,#3b6ef5);transform:scale(1.1)}.sss-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 3px #0000000a}.sss-summary-title{color:#1e293b;align-items:center;gap:8px;margin:0 0 .75rem;font-size:.95rem;font-weight:700;display:flex}.sss-summary-dot{background:linear-gradient(#3b6ef5,#5b8af7);border-radius:4px;width:4px;height:20px;display:inline-block}.sss-summary-count{color:#fff;background:#3b6ef5;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;font-size:.75rem;font-weight:700;display:inline-flex}.sss-badges{flex-wrap:wrap;gap:8px;display:flex}.sss-badge{color:#3b6ef5;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#eef2ff,#e8ecff);border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.sss-badge:hover{color:#dc2626;background:linear-gradient(135deg,#fde8e8,#fdd);border-color:#fca5a5;transform:translateY(-1px)}.sss-badge:hover .sss-badge-x{color:#dc2626}.sss-badge-x{color:#93a3f5;font-size:.95rem;font-weight:700;transition:color .2s}.sss-empty{color:#94a3b8;margin:0;font-size:.9rem;font-style:italic}@media (width<=640px){.sss-input-row{grid-template-columns:1fr}.sss-cell{width:38px;height:38px}.sss-grid{gap:6px}.sss-container{padding:1.25rem}}.st-container{color:#495057;background-color:#fff;width:900px;margin:40px auto;padding:20px;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif}.st-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.st-title{color:#344767;margin:0;font-size:26px;font-weight:400}.st-nav-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#007bff;border:none;border-radius:6px;justify-content:center;align-items:center;width:160px;height:40px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.st-nav-btn:hover{background:#0056b3}.st-content{flex-direction:column;display:flex}.st-row-group{gap:20px;width:100%;display:flex}.flex-1{flex:1}.st-section{margin-bottom:30px}.st-label{color:#495057;margin-bottom:12px;font-size:15px;font-weight:600;display:block}.st-section-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.st-section-header .st-label.underline{border-bottom:none;margin-bottom:0;padding-bottom:0}.st-action-btns{gap:10px;display:flex}.st-action-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:6px;justify-content:center;align-items:center;width:100px;height:36px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.st-action-btn:hover{background:#0056b3}.st-action-btn.remove{background:#dc3545}.st-action-btn.remove:hover{background:#c82333}.st-select{color:#495057;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23343a40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #d2d6da;border-radius:6px;outline:none;width:100%;padding:10px 14px;font-size:15px}.st-checkbox-group{flex-direction:column;gap:12px;display:flex}.st-checkbox-item{color:#495057;align-items:center;gap:14px;font-size:15px;display:flex}.st-checkbox-item input[type=checkbox]{cursor:pointer;accent-color:#007bff;border:1px solid #d2d6da;border-radius:4px;width:18px;height:18px}.st-add-field-row{gap:12px;margin-top:20px;display:flex}.st-input{color:#495057;border:1px solid #d2d6da;border-radius:6px;outline:none;flex:3;padding:10px 14px;font-size:15px;transition:border-color .2s}.st-input:focus{border-color:#007bff}.st-add-btn{color:#fff;cursor:pointer;background:#0061f2;border:none;border-radius:6px;justify-content:center;align-items:center;width:100px;height:42px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.st-add-btn:hover{background:#004ecc}.st-footer{border-top:1px solid #e9ecef;justify-content:center;margin-top:40px;padding-top:20px;display:flex}.st-save-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;justify-content:center;align-items:center;width:100px;height:42px;font-size:15px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #007bff33}.st-save-btn:hover{background:#0056b3;transform:translateY(-2px);box-shadow:0 6px 15px #007bff4d}.supplier-product-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem;font-family:Inter,-apple-system,sans-serif}.product-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.product-header-info h1{color:#0f172a;letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:800}.product-header-info p{color:#64748b;margin-top:.25rem;font-size:.95rem}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:12px;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #2563eb33}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:.75rem 1.5rem;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.product-stats{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border:1px solid #ffffffb3;border-radius:20px;align-items:center;gap:1.25rem;padding:1.5rem;transition:transform .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f}.stat-card:hover{transform:translateY(-4px)}.stat-icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.stat-icon-wrapper.blue{color:#3b82f6;background:#eff6ff}.stat-icon-wrapper.orange{color:#f59e0b;background:#fffbeb}.stat-icon-wrapper.red{color:#ef4444;background:#fef2f2}.stat-icon-wrapper.green{color:#10b981;background:#f0fdf4}.stat-icon{font-size:1.5rem}.stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.product-controls{background:#fff;border-radius:16px;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:2.5rem;margin-bottom:2rem;padding:1.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.search-box{flex:1;max-width:450px;height:44px;position:relative}.search-box input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:100%;padding:0 1rem 0 2.8rem;font-size:.95rem;transition:all .2s}.search-box input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.filter-group{flex-shrink:0;align-items:center;gap:.75rem;display:flex;flex-direction:row!important}.select-wrapper{align-items:center;width:auto;display:flex;position:relative}.filter-icon{color:#94a3b8;pointer-events:none;position:absolute;left:.875rem}.filter-select{color:#475569;cursor:pointer;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;min-width:180px;height:44px;padding:0 1rem;font-weight:500}.select-wrapper .filter-select{padding-left:2.5rem}.product-list-container{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.product-table{border-collapse:collapse;text-align:left;width:100%}.product-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;vertical-align:top;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1.5rem;font-size:.75rem;font-weight:700}.product-table td{color:#334155;vertical-align:top;border-bottom:1px solid #f1f5f9;padding:.75rem 1.5rem;font-size:.95rem}.product-table tr:last-child td{border-bottom:none}.product-table tr:hover td{background-color:#f8fafc}.product-info-cell{flex-direction:column;display:flex}.product-name{color:#1e293b;margin-bottom:.25rem;font-weight:600}.supplier-name{color:#0f172a;font-size:.95rem;font-weight:700}.category-tag{color:#3b82f6;background:#eff6ff;border-radius:4px;width:fit-content;margin:2px 0;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.product-id{color:#94a3b8;font-family:monospace;font-size:.75rem}.price-cell{color:#0f172a;font-weight:700}.stock-info{align-items:baseline;gap:.25rem;display:flex}.stock-qty{font-weight:600}.stock-unit{color:#64748b;font-size:.75rem}.qty-range{color:#475569;align-items:center;gap:.25rem;font-size:.9rem;display:flex}.qty-range span{color:#1e293b;font-weight:700}.status-in-stock{color:#16a34a;background-color:#f0fdf4;border:1px solid #bbf7d0}.status-low-stock{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a}.status-out-of-stock{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}.status-order-based{color:#7c3aed;background-color:#f5f3ff;border:1px solid #ddd6fe}.lead-time-tag{color:#0369a1;white-space:nowrap;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;justify-content:center;align-items:center;min-width:80px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.action-buttons{gap:.5rem;display:flex}.action-btn{cursor:pointer;box-sizing:border-box;width:32px;height:32px;color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:inline-flex}.action-btn.edit:hover{color:#3b82f6;background-color:#eff6ff;border-color:#bfdbfe}.action-btn.delete:hover{color:#ef4444;background-color:#fef2f2;border-color:#fecaca}.no-results{text-align:center;color:#94a3b8;padding:4rem}.no-results p{margin-top:1rem;font-size:1rem}@media (width<=768px){.product-controls{flex-flow:column wrap;align-items:stretch;gap:1.25rem}.search-box{max-width:100%}.filter-group{justify-content:flex-start;width:100%}.select-wrapper{flex:1}.filter-select{width:100%;min-width:unset}}.view-mode-toggle{background:#f1f5f9;border-radius:12px;align-items:center;gap:4px;margin-right:20px;padding:4px;display:flex}.view-mode-btn{cursor:pointer;color:#64748b;background-color:#0000;border:none;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;transition:all .25s}.view-mode-btn.active{color:#fff;background-color:#6366f1;box-shadow:0 2px 8px #6366f14d}[data-theme=dark] .supplier-product-container{background-color:#0b0f19!important}[data-theme=dark] .product-header-info h1{color:#f8fafc!important}[data-theme=dark] .product-header-info p{color:#cbd5e1!important}[data-theme=dark] .view-mode-toggle{background-color:#0f172a!important}[data-theme=dark] .view-mode-btn{color:#94a3b8!important}[data-theme=dark] .view-mode-btn.active{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .stat-card,[data-theme=dark] .product-controls,[data-theme=dark] .product-list-container{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .stat-label{color:#cbd5e1!important}[data-theme=dark] .stat-value,[data-theme=dark] .product-name,[data-theme=dark] .supplier-name,[data-theme=dark] .price-cell{color:#f8fafc!important}[data-theme=dark] .search-box{box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}[data-theme=dark] .search-box input,[data-theme=dark] .filter-select{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .product-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .product-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .product-table tr:hover td{background-color:#334155!important}[data-theme=dark] .action-btn{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}.mapping-container{background-color:#f8fafc;min-height:calc(100vh - 64px);padding:2rem;font-family:Inter,sans-serif}.mapping-header{background:#fff;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 6px -1px #0000000d}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:600;transition:color .2s;display:flex}.header-text h1{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.header-text p{color:#64748b;margin-top:.25rem;font-size:.9rem}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;padding:.75rem 1.75rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #10b98133}.mapping-grid{grid-template-columns:350px 1fr;gap:2rem;display:grid}.mapping-grid.single-col{grid-template-columns:1fr;max-width:1000px;margin:0 auto}.selection-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.card-header{color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.header-left{align-items:center;gap:.75rem;display:flex}.compact-supplier-search{flex:0 0 350px}.selected-supplier-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.supplier-mini-badge{color:#fff;background:#3b82f6;border-radius:10px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 12px #3b82f633}.clear-selection{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:.5rem;font-size:1.2rem;line-height:1;display:flex}.clear-selection:hover{background:#fff6}.card-header h2{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.card-body{flex-direction:column;align-items:flex-start;width:100%;padding:1.5rem;display:flex}.form-group{flex-direction:column;align-items:flex-start;width:100%;margin-bottom:1.5rem;display:flex}.form-group label{color:#64748b;text-align:left;text-transform:uppercase;width:100%;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.search-input-wrapper{justify-content:flex-start;width:100%;display:flex;position:relative}.search-input-wrapper input{text-align:left;width:100%;padding:.75rem 1rem .75rem 2.5rem!important}.search-suggestions{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:250px;margin-top:8px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px -5px #0000001a}.no-result{text-align:center;color:#94a3b8;padding:1rem;font-size:.9rem}.suggestion-item{cursor:pointer;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.suggestion-item:last-child{border-bottom:none}.suggestion-info{flex-direction:column;align-items:flex-start;display:flex}.suggestion-info .name{color:#1e293b;font-size:.95rem;font-weight:700}.suggestion-info .variant{color:#64748b;font-size:.8rem}.suggestion-item .sku{color:#3b82f6;background:#eff6ff;border-radius:6px;padding:.25rem .5rem;font-family:monospace;font-size:.75rem;font-weight:700}.suggestion-info .gst{color:#64748b;margin-top:2px;font-size:.75rem}input,select{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}input:focus,select:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.supplier-preview-premium{text-align:left;background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:16px;width:100%;margin-top:.5rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000000d}.preview-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.avatar{color:#fff;background:#3b82f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 4px 12px #3b82f633}.info{flex-direction:column;align-items:flex-start;display:flex}.info .name{color:#0f172a;font-size:1.05rem;font-weight:800}.gst-label{color:#3b82f6;text-transform:uppercase;font-size:.75rem;font-weight:700}.detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.7rem;font-weight:700;display:block}.detail-item p{color:#475569;margin:0;font-size:.85rem;font-weight:500;line-height:1.5}.mapping-form{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1.5rem}.search-label-row{justify-content:flex-start;align-items:center;gap:1.5rem;margin-bottom:.75rem;display:flex}.search-mode-toggle{background:#f1f5f9;border-radius:10px;gap:2px;padding:3px;display:flex}.search-mode-toggle button{color:#64748b;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:6px;width:auto;padding:.35rem .75rem;font-size:.7rem;font-weight:700;transition:all .2s}.search-mode-toggle button.active{color:#3b82f6;background:#fff;box-shadow:0 2px 4px #0000000d}.label-with-toggle{align-items:center;gap:1.5rem;display:flex}.multi-add-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:.5rem;padding:2px 8px;transition:background .2s;display:flex}.multi-add-toggle:hover{background:#f1f5f9}.multi-add-toggle span{color:#64748b;text-transform:uppercase;font-size:.75rem;font-weight:700}.toggle-pill{background:#e2e8f0;border-radius:20px;width:32px;height:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.toggle-pill.active{background:#3b82f6}.toggle-pill .knob{background:#fff;border-radius:50%;width:12px;height:12px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0000001a}.toggle-pill.active .knob{transform:translate(14px)}.form-row{gap:1rem;margin-bottom:1rem;display:flex}.form-row:last-child{margin-bottom:0}.form-col{flex-direction:column;flex:1;align-items:flex-start;gap:.5rem;display:flex}.form-col.grow{flex:2}.form-col label{color:#64748b;text-transform:uppercase;letter-spacing:.025em;font-size:.8rem;font-weight:700}.align-end{justify-content:flex-end}.add-item-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:10px;align-items:center;gap:.5rem;height:44px;padding:0 1.5rem;font-weight:700;transition:background .2s;display:flex}.mapping-list{min-height:300px}.mapping-list table{border-collapse:collapse;width:100%}.mapping-list th{color:#94a3b8;text-align:left;text-transform:uppercase;background:#f8fafc;padding:1rem 1.5rem;font-size:.75rem;font-weight:700}.mapping-list td{border-bottom:1px solid #f1f5f9;padding:1.25rem 1.5rem}.item-name-cell{flex-direction:column;display:flex}.item-name-cell .main{color:#1e293b;font-weight:700}.supplier-cell{flex-direction:column;display:flex}.supplier-cell .main{color:#0f172a;font-weight:700}.supplier-cell .sku{color:#3b82f6;font-size:.7rem;font-weight:600}.variant-tag{color:#475569;margin:2px 0;font-size:.75rem;font-weight:600}.item-name-cell .sub{color:#94a3b8;font-family:monospace;font-size:.75rem}.sku-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.bold{color:#0f172a;font-weight:700}.qty-range-cell{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:.25rem;width:fit-content;padding:.25rem .5rem;font-size:.85rem;display:flex}.qty-range-cell span{color:#1e293b;font-weight:700}.delivery-badge{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.status-tag{border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.status-tag.in-stock{color:#059669;background:#ecfdf5;border:1px solid #d1fae5}.status-tag.out-of-stock{color:#e11d48;background:#fff1f2;border:1px solid #ffe4e6}.status-tag.discontinued{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.status-tag.order-based{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.advance-hint{color:#7c3aed;margin-top:4px;font-size:.7rem;font-weight:700;display:block}.remove-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;display:flex}.empty-icon{opacity:.5;margin-bottom:1rem}@media (width<=1024px){.mapping-grid{grid-template-columns:1fr}}[data-theme=dark] .mapping-container{background:#0b0f19!important}[data-theme=dark] .header-text h1,[data-theme=dark] .card-header h2,[data-theme=dark] .info .name,[data-theme=dark] .item-name-cell .main,[data-theme=dark] .supplier-cell .main,[data-theme=dark] .bold{color:#f8fafc!important}[data-theme=dark] .header-text p,[data-theme=dark] .back-btn,[data-theme=dark] .detail-item p{color:#cbd5e1!important}[data-theme=dark] .mapping-header,[data-theme=dark] .selection-card,[data-theme=dark] .supplier-preview-premium{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .mapping-form{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .card-header,[data-theme=dark] .selected-supplier-header,[data-theme=dark] .preview-header{background:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .mapping-form input,[data-theme=dark] .mapping-form select,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] .search-suggestions{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] input::placeholder{color:#64748b!important}[data-theme=dark] .suggestion-item{color:#f8fafc!important;border-bottom-color:#334155!important}[data-theme=dark] .suggestion-item:hover{background-color:#334155!important}[data-theme=dark] .suggestion-info .name{color:#f8fafc!important}[data-theme=dark] .suggestion-info .variant,[data-theme=dark] .suggestion-info .gst{color:#94a3b8!important}[data-theme=dark] .search-mode-toggle{background-color:#0f172a!important}[data-theme=dark] .search-mode-toggle button{color:#94a3b8!important}[data-theme=dark] .search-mode-toggle button.active{color:#818cf8!important;background-color:#1e293b!important}[data-theme=dark] .form-col label,[data-theme=dark] .form-group label,[data-theme=dark] .multi-add-toggle span{color:#94a3b8!important}[data-theme=dark] .multi-add-toggle:hover,[data-theme=dark] .toggle-pill{background:#334155!important}[data-theme=dark] .mapping-list{background-color:#1e293b!important}[data-theme=dark] .mapping-list th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .mapping-list td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .mapping-list table{background-color:#1e293b!important}[data-theme=dark] .empty-state{color:#64748b!important;background-color:#1e293b!important}[data-theme=dark] .sku-badge{color:#94a3b8!important;background-color:#0f172a!important}[data-theme=dark] .qty-range-cell{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .qty-range-cell span{color:#f8fafc!important}[data-theme=dark] .variant-tag,[data-theme=dark] .item-name-cell .sub{color:#94a3b8!important}[data-theme=dark] .supplier-cell .sku{color:#818cf8!important}[data-theme=dark] .detail-item label{color:#64748b!important}[data-theme=dark] .gst-label{color:#818cf8!important}[data-theme=dark] .remove-btn{background-color:#ef44441a!important;border-color:#ef44444d!important}.spe-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:60vh;display:flex}.spe-spinner{color:#6366f1;font-size:2rem;animation:.8s linear infinite spe-spin}@keyframes spe-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spe-spin{margin-right:6px;animation:.8s linear infinite spe-spin}.spe-container{background:#f1f5f9;min-height:100vh;padding:0 0 40px}.spe-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px;display:flex}.spe-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.spe-back-btn:hover{color:#1e293b;background:#e2e8f0}.spe-header-text h1{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.spe-header-text p{color:#64748b;margin:2px 0 0;font-size:.85rem}.spe-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.spe-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f166}.spe-save-btn:disabled{opacity:.65;cursor:not-allowed}.spe-save-btn--success{background:linear-gradient(135deg,#10b981,#059669)!important}.spe-body{grid-template-columns:280px 1fr;align-items:start;gap:24px;max-width:900px;margin:32px auto;padding:0 24px;display:grid}.spe-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px 24px;box-shadow:0 2px 10px #0000000a}.spe-info-badge{text-transform:uppercase;letter-spacing:.06em;color:#6366f1;background:#eff1fe;border-radius:6px;margin-bottom:14px;padding:4px 10px;font-size:.7rem;font-weight:700;display:inline-block}.spe-product-name{color:#1e293b;margin:0 0 10px;font-size:1.15rem;font-weight:700;line-height:1.4}.spe-category-tag{color:#3b82f6;background:#eff6ff;border-radius:6px;margin-bottom:18px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.spe-supplier-row{border-top:1px solid #f1f5f9;flex-direction:column;gap:4px;margin-top:6px;padding-top:16px;display:flex}.spe-supplier-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.75rem;font-weight:600}.spe-supplier-value{color:#334155;font-size:.95rem;font-weight:700}.spe-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 2px 10px #0000000a}.spe-form-title{color:#1e293b;border-bottom:1px solid #f1f5f9;margin:0 0 24px;padding-bottom:16px;font-size:1rem;font-weight:700}.spe-field{margin-bottom:24px}.spe-field--animate{animation:.3s spe-slide-in}@keyframes spe-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.spe-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:.8rem;font-weight:700;display:block}.spe-input-prefix-wrap{border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.spe-input-prefix-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.spe-prefix{color:#64748b;background:#f8fafc;border-right:1.5px solid #e2e8f0;padding:11px 14px;font-size:.95rem;font-weight:700}.spe-input{color:#1e293b;border:none;outline:none;flex:1;padding:11px 14px;font-size:1rem;font-weight:600}.spe-status-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spe-status-btn{cursor:pointer;text-align:center;border:2px solid #0000;border-radius:10px;padding:10px 14px;font-size:.87rem;font-weight:600;transition:all .2s}.spe-status-btn--in_stock{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.spe-status-btn--in_stock.active{color:#fff;background:#16a34a;border-color:#16a34a}.spe-status-btn--low_stock{color:#d97706;background:#fffbeb;border-color:#fde68a}.spe-status-btn--low_stock.active{color:#fff;background:#d97706;border-color:#d97706}.spe-status-btn--out_of_stock{color:#dc2626;background:#fef2f2;border-color:#fecaca}.spe-status-btn--out_of_stock.active{color:#fff;background:#dc2626;border-color:#dc2626}.spe-status-btn--order_based{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.spe-status-btn--order_based.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.spe-lead-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spe-same-day-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;padding:10px 18px;font-size:.87rem;font-weight:700;transition:all .18s}.spe-same-day-btn:hover{color:#6366f1;background:#eff1fe;border-color:#6366f1}.spe-same-day-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.spe-lead-inputs{border:1.5px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;min-width:180px;transition:border-color .2s,opacity .2s;display:flex;overflow:hidden}.spe-lead-inputs:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.spe-lead-inputs--disabled{opacity:.4;pointer-events:none}.spe-lead-num-input{color:#1e293b;box-sizing:border-box;border:none;outline:none;width:50%;padding:10px 12px;font-size:.95rem;font-weight:600}.spe-lead-unit-select{color:#475569;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:none;border-left:1.5px solid #e2e8f0;outline:none;width:50%;padding:10px 12px;font-size:.9rem;font-weight:600}.spe-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:12px;margin:24px 0 20px;padding:16px;display:flex}.spe-preview-item{text-align:center;flex-direction:column;flex:1;gap:4px;display:flex}.spe-preview-item span{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:.72rem;font-weight:600}.spe-preview-item strong{color:#1e293b;font-size:.95rem;font-weight:700}.spe-save-btn-bottom{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:all .2s}.spe-save-btn-bottom:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.spe-save-btn-bottom:disabled{opacity:.65;cursor:not-allowed}.spe-save-btn-bottom.spe-save-btn--success{background:linear-gradient(135deg,#10b981,#059669)}@media (width<=700px){.spe-body{grid-template-columns:1fr}.spe-header{flex-wrap:wrap;gap:12px}}[data-theme=dark] .spe-container{background:#0b0f19!important}[data-theme=dark] .spe-header,[data-theme=dark] .spe-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .spe-header-text h1,[data-theme=dark] .spe-card-title,[data-theme=dark] .spe-summary-title,[data-theme=dark] .spe-info-item strong,[data-theme=dark] .spe-preview-item strong,[data-theme=dark] .spe-lead-num-input{color:#f8fafc!important}[data-theme=dark] .spe-header-text p,[data-theme=dark] .spe-info-item span,[data-theme=dark] .spe-preview-item span,[data-theme=dark] .spe-form-group label{color:#cbd5e1!important}[data-theme=dark] .spe-back-btn,[data-theme=dark] .spe-info-box,[data-theme=dark] .spe-preview,[data-theme=dark] .spe-lead-inputs,[data-theme=dark] .spe-lead-num-input,[data-theme=dark] .spe-lead-unit-select,[data-theme=dark] .spe-input,[data-theme=dark] .spe-select,[data-theme=dark] .spe-textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .spe-same-day-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}.spc-container{color:#1e293b;max-width:1400px;margin:0 auto;padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.spc-title-group h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 6px;font-size:24px;font-weight:700;display:flex}.spc-title-group p{color:#64748b;margin:0;font-size:14px}.spc-switch-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;padding:5px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000d}.spc-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.spc-switch-btn:hover{color:#334155}.spc-switch-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #4f46e526,0 1px 2px #0000000d}.spc-switch-btn svg{font-size:16px}.spc-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:32px;padding:28px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px -2px #0000000d}.spc-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.spc-card-title{color:#1e293b;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.spc-mode-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.spc-mode-badge.category{color:#4338ca;background-color:#e0e7ff}.spc-mode-badge.product{color:#15803d;background-color:#dcfce7}.spc-form-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=900px){.spc-form-grid{grid-template-columns:1fr}}.spc-form-group{flex-direction:column;gap:8px;display:flex;position:relative}.spc-form-group.full-width{grid-column:span 2}@media (width<=900px){.spc-form-group.full-width{grid-column:span 1}}.spc-label{color:#334155;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.spc-label .required{color:#ef4444}.spc-select,.spc-input{color:#1e293b;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}.spc-select:focus,.spc-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.spc-multiselect-container{width:100%;position:relative}.spc-multiselect-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:6px 12px;transition:all .2s;display:flex}.spc-multiselect-trigger.disabled{opacity:.7;color:#94a3b8!important;cursor:not-allowed!important;background-color:#f1f5f9!important;border-color:#e2e8f0!important}.spc-multiselect-trigger:hover{border-color:#94a3b8}.spc-multiselect-trigger.open{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.spc-tags-container{flex-wrap:wrap;flex:1;align-items:center;gap:6px;display:flex}.spc-placeholder{color:#94a3b8;font-size:14px}.spc-selected-text{color:#0f172a;font-size:14px;font-weight:500}.spc-tag{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:13px;font-weight:500;display:inline-flex}.spc-tag-remove{color:#6366f1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:12px;display:flex}.spc-tag-remove:hover{color:#ef4444}.spc-multiselect-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.spc-dropdown-search{background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 10px}.spc-search-bar-row{background:#fff;border:1.5px solid #818cf8;border-radius:6px;align-items:center;gap:8px;padding:7px 12px;transition:all .2s;display:flex;box-shadow:0 0 0 2px #6366f10f}.spc-search-bar-row:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.spc-search-bar-icon{color:#94a3b8;flex-shrink:0;font-size:13px}.spc-search-bar-input{flex:1;font-weight:500;color:#1e293b!important;height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important;font-size:13.5px!important}.spc-search-bar-input::placeholder{color:#94a3b8;font-weight:400}.spc-dropdown-actions{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 12px;font-size:12px;display:flex}.spc-action-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.spc-action-link:hover{text-decoration:underline}.spc-dropdown-list{max-height:220px;padding:6px 0;overflow-y:auto}.spc-dropdown-item{color:#334155;cursor:pointer;align-items:center;gap:10px;padding:8px 14px;font-size:14px;transition:background .15s;display:flex}.spc-dropdown-item:hover{background:#f1f5f9}.spc-dropdown-item.selected{color:#4f46e5;background:#eef2ff;font-weight:500}.spc-checkbox{accent-color:#4f46e5;cursor:pointer;width:16px;height:16px}.spc-no-options{text-align:center;color:#94a3b8;padding:16px;font-size:13px}.spc-stock-options{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.spc-stock-pill{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.spc-stock-pill:hover{border-color:#94a3b8}.spc-stock-pill.selected{border-color:#0000;font-weight:600;box-shadow:0 2px 6px #00000014}.spc-stock-pill.selected[data-status=In\ Stock]{color:#166534;background:#dcfce7}.spc-stock-pill.selected[data-status="Out of Stock"]{color:#991b1b;background:#fee2e2}.spc-stock-pill.selected[data-status=Limited\ Stock]{color:#92400e;background:#fef3c7}.spc-stock-pill.selected[data-status=Discontinued]{color:#475569;background:#f1f5f9}.spc-stock-pill.selected[data-status=Order\ based]{color:#075985;background:#e0f2fe}.spc-variant-pills{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.spc-variant-pill{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:12px;transition:all .15s}.spc-variant-pill:hover{color:#1e293b;background:#e2e8f0}.spc-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;display:flex}.spc-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.spc-btn-secondary{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.spc-btn-secondary:hover{color:#1e293b;background:#e2e8f0}.spc-btn-primary{color:#fff;background:#4f46e5;box-shadow:0 2px 10px #4f46e540}.spc-btn-primary:hover{background:#4338ca;box-shadow:0 4px 14px #4f46e559}.spc-btn:disabled{opacity:.6;cursor:not-allowed}.spc-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;overflow:hidden;box-shadow:0 4px 20px -2px #0000000d}.spc-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.spc-table-title{color:#0f172a;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.spc-table-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spc-search-box{min-width:240px;position:relative}.spc-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:13px}.spc-search-box input:focus{border-color:#6366f1}.spc-search-icon{color:#94a3b8;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.spc-filter-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:3px;display:flex}.spc-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.spc-tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #0000001a}.spc-table-wrapper{overflow-x:auto}.spc-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.spc-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:13px;font-weight:600}.spc-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.spc-table tr:hover td{background-color:#f8fafc}.spc-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.spc-badge-type{text-transform:uppercase;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.spc-badge-type.Category{color:#4338ca;background:#e0e7ff}.spc-badge-type.Product{color:#15803d;background:#dcfce7}.spc-items-cell{flex-wrap:wrap;gap:4px;max-width:320px;display:flex}.spc-item-chip{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:2px 8px;font-size:12px}.spc-status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.spc-status-badge.in-stock{color:#15803d;background:#dcfce7}.spc-status-badge.out-of-stock{color:#b91c1c;background:#fee2e2}.spc-status-badge.limited-stock{color:#b45309;background:#fef3c7}.spc-status-badge.discontinued{color:#64748b;background:#f1f5f9}.spc-status-badge.order-based{color:#0369a1;background:#e0f2fe}.spc-action-btns{gap:8px;display:flex}.spc-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.spc-icon-btn:hover{color:#1e293b;background:#f1f5f9}.spc-icon-btn.delete:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.spc-empty-state{text-align:center;color:#94a3b8;padding:40px 20px}.spc-empty-state svg{color:#cbd5e1;margin-bottom:12px;font-size:40px}.spc-alert{border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.spc-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.spc-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.spc-alert-close{color:inherit;cursor:pointer;background:0 0;border:none;font-size:16px}.csv-container{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.csv-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.csv-title-group h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.csv-header-icon{color:#4f46e5}.csv-title-group p{color:#64748b;margin:0;font-size:14px}.csv-header-actions{gap:12px;display:flex}.csv-btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.csv-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 4px 12px #4f46e540}.csv-btn-primary:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.csv-btn-secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}.csv-btn-secondary:hover{color:#1e293b;background:#f1f5f9}.csv-alert{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:500;animation:.3s fadeIn;display:flex}.csv-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.csv-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.csv-alert-close{cursor:pointer;color:inherit;background:0 0;border:none;font-size:18px}.csv-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:28px;padding:24px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.csv-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:14px;display:flex}.csv-card-title{color:#1e293b;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.csv-card-title .title-icon{color:#4f46e5}.csv-badge-info{color:#4338ca;background:#e0e7ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.csv-form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;display:grid}.csv-form-group{flex-direction:column;gap:6px;display:flex}.csv-form-group.full-width{grid-column:1/-1}.csv-label{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.csv-label .required{color:#ef4444}.csv-input,.csv-select,.csv-textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.csv-input:focus,.csv-select:focus,.csv-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.calculated-field{color:#047857;background-color:#f8fafc;font-weight:700}.csv-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.csv-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.csv-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.csv-table-title{color:#0f172a;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.csv-table-controls{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.csv-filter-tabs{background:#f1f5f9;border-radius:8px;padding:3px;display:flex}.csv-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.csv-tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #0000001a}.csv-search-box{min-width:240px;position:relative}.csv-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:13px}.csv-search-box input:focus{border-color:#6366f1}.csv-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.csv-table-wrapper{overflow-x:auto}.csv-table{border-collapse:collapse;text-align:left;width:100%}.csv-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:700}.csv-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.csv-table tbody tr:hover{background-color:#f8fafc}.code-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:12px;font-weight:600}.cat-chip{color:#4338ca;background:#e0e7ff;border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600}.type-chip{color:#92400e;background:#fef3c7;border-radius:12px;padding:3px 8px;font-size:12px;font-weight:600}.status-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.status-active{color:#065f46;background-color:#d1fae5}.status-inactive{color:#991b1b;background-color:#fee2e2}.status-draft{color:#4b5563;background-color:#f3f4f6}.csv-action-btns{gap:8px;display:flex}.csv-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.csv-icon-btn.edit:hover{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe}.csv-icon-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.csv-empty-state{text-align:center;color:#94a3b8;padding:40px 20px}.csv-empty-state p{margin-top:8px;font-size:14px}.csv-sku-input-wrapper{align-items:center;gap:8px;display:flex}.csv-sku-input-wrapper .csv-input{flex:1}.csv-btn-generate{color:#4338ca;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.csv-btn-generate:hover{color:#3730a3;background:#e0e7ff;border-color:#a5b4fc}.ls-container{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ls-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.ls-title-group h1{color:#0f172a;align-items:center;gap:10px;margin:0 0 4px;font-size:24px;font-weight:700;display:flex}.ls-header-icon{color:#4f46e5}.ls-title-group p{color:#64748b;margin:0;font-size:14px}.ls-alert{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:12px 18px;font-size:14px;font-weight:500;animation:.3s fadeIn;display:flex}.ls-alert-content{align-items:center;gap:10px;display:flex}.ls-alert-success{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.ls-alert-warning{color:#92400e;background-color:#fffbebfb;border:1px solid #fde68a}.ls-alert-error{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.ls-alert-close{cursor:pointer;color:inherit;background:0 0;border:none;font-size:18px}.ls-switch-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:8px;box-shadow:0 2px 4px #00000008}.ls-main-switch-bar{background:#f1f5f9;border-radius:8px;gap:8px;padding:4px;display:flex}.ls-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.ls-switch-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 5px #00000014}.ls-selection-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 2px 4px #00000008}.ls-card-header{margin-bottom:16px}.ls-card-title{color:#1e293b;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.icon-purple{color:#4f46e5}.ls-selection-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.ls-field-group{flex-direction:column;gap:6px;display:flex}.ls-field-group.full-width{grid-column:1/-1}.ls-label{color:#475569;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.ls-label .required{color:#ef4444}.ls-select,.ls-input,.ls-textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:all .2s}.ls-select:focus,.ls-input:focus,.ls-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ls-select:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.ls-validation-card{background:#fffbebfb;border:1px solid #fde68a;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:24px;padding:24px;display:flex}.ls-validation-card .warning-icon{color:#d97706;flex-shrink:0;margin-top:2px}.validation-text h3{color:#92400e;margin:0 0 4px;font-size:16px;font-weight:700}.validation-text p{color:#b45309;margin:0;font-size:13.5px}.ls-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000000d}.ls-table-header-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.ls-breadcrumb-info{flex-wrap:wrap;align-items:center;gap:8px;font-size:15px;display:flex}.crumb-supplier{color:#1e293b;font-weight:700}.crumb-arrow{color:#94a3b8}.crumb-entity-type{color:#64748b;font-weight:600}.crumb-entity-name{color:#4f46e5;background:#e0e7ff;border-radius:12px;padding:3px 10px;font-size:13.5px;font-weight:700}.ls-table-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ls-search-box{min-width:250px;position:relative}.ls-search-box input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 34px;font-size:13px}.ls-search-box input:focus{border-color:#6366f1}.ls-search-icon{color:#94a3b8;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.ls-btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.ls-btn-primary{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 4px 12px #4f46e533}.ls-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}.ls-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ls-btn-outline{color:#475569;background:#fff;border:1px solid #cbd5e1}.ls-btn-outline:hover{color:#0f172a;background:#f8fafc}.ls-btn-danger{color:#fff;background:#dc2626}.ls-btn-danger:hover{background:#b91c1c}.ls-table-wrapper{overflow-x:auto}.ls-table{border-collapse:collapse;text-align:left;width:100%}.ls-table th{color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.ls-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:13px}.ls-table tbody tr:hover{background-color:#f8fafc}.code-pill{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:600}.desc-text{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:320px;display:-webkit-box;overflow:hidden}.ls-action-btns{gap:8px;display:flex}.ls-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.ls-icon-btn.edit:hover{color:#4f46e5;background:#e0e7ff;border-color:#c7d2fe}.ls-icon-btn.delete:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.ls-empty-state{text-align:center;color:#94a3b8;padding:40px 20px}.ls-empty-state p{margin:8px 0 0;font-size:14px}.ls-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ls-modal-card{background:#fff;border-radius:12px;width:100%;max-width:540px;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.ls-modal-card.delete-modal{max-width:440px}.ls-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ls-modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:17px;font-weight:700;display:flex}.ls-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;font-size:22px}.ls-modal-context{color:#475569;background:#f8fafc;border-bottom:1px solid #f1f5f9;gap:12px;padding:8px 20px;font-size:12.5px;display:flex}.ls-modal-body{grid-template-columns:1fr 1fr;gap:16px;padding:20px;display:grid}.ls-modal-actions{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;padding:14px 20px;display:flex}.ls-cards-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:20px;box-shadow:0 1px 3px #0000000d}.ls-cards-header{margin-bottom:16px}.ls-cards-title{color:#0f172a;flex-wrap:wrap;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.ls-supplier-badge{color:#4338ca;background:#e0e7ff;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.ls-cards-sub{color:#64748b;margin:4px 0 0;font-size:13px}.ls-service-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.ls-service-card{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;justify-content:space-between;padding:16px;transition:all .2s ease-in-out;display:flex;position:relative;box-shadow:0 2px 4px #00000008}.ls-service-card:hover{border-color:#6366f1;transform:translateY(-2px);box-shadow:0 8px 16px #6366f11f}.ls-card-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.ls-card-code{color:#475569;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:700}.ls-status-chip{text-transform:capitalize;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.ls-status-chip.active{color:#15803d;background:#dcfce7}.ls-status-chip.inactive{color:#b91c1c;background:#fee2e2}.ls-card-name{color:#1e293b;margin:0 0 8px;font-size:16px;font-weight:700;line-height:1.3}.ls-card-type-tag{color:#c2410c;background:#fff7ed;border:1px solid #ffedd5;border-radius:4px;align-self:flex-start;margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.ls-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.ls-card-footer{border-top:1px dashed #e2e8f0;margin-top:auto;padding-top:12px}.ls-select-card-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s;display:flex}.ls-select-card-btn:hover{background:#4338ca}.ls-loading-cards,.ls-no-cards{text-align:center;color:#64748b;background:#f8fafc;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:20px;font-size:13.5px;display:flex}.lsm-container{box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.lsm-header{margin-bottom:20px}.lsm-title-row{align-items:center;gap:10px;margin-bottom:4px;display:flex}.lsm-title-icon{color:#4f46e5}.lsm-title-row h1{color:#0f172a;margin:0;font-size:24px;font-weight:700}.lsm-subtitle{color:#64748b;margin:0;padding-left:2px;font-size:13.5px}.lsm-alert{border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 18px;font-size:13.5px;font-weight:500;animation:.3s lsmFadeIn;display:flex}.lsm-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.lsm-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.lsm-alert-warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.lsm-tab-switch{background:#e2e8f0;border-radius:10px;width:100%;max-width:480px;margin-bottom:20px;padding:4px;display:flex}.lsm-tab-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:flex}.lsm-tab-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 6px #0000001a}.lsm-tab-btn:hover:not(.active){color:#475569;background:#ffffff80}.lsm-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:18px;padding:22px 24px;box-shadow:0 1px 4px #0000000d}.lsm-card-header{align-items:center;gap:10px;margin-bottom:18px;display:flex}.lsm-card-title-icon{color:#4f46e5}.lsm-card-header h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.lsm-step-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=600px){.lsm-step-grid{grid-template-columns:1fr}}.lsm-field label{color:#475569;align-items:center;gap:6px;margin-bottom:7px;font-size:13px;font-weight:600;display:flex}.lsm-field label .lsm-req{color:#ef4444;font-weight:700}.lsm-select{color:#0f172a;cursor:pointer;appearance:auto;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s}.lsm-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.lsm-services-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.lsm-services-title{align-items:center;gap:8px;display:flex}.lsm-services-title h2{color:#0f172a;margin:0;font-size:16px;font-weight:700}.lsm-supplier-badge{color:#4f46e5;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.lsm-services-hint{color:#64748b;margin:0 0 18px;font-size:13px}.lsm-services-hint strong{color:#0f172a}.lsm-cards-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:6px;display:grid}.lsm-service-card{cursor:default;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:16px;transition:border-color .2s,box-shadow .2s}.lsm-service-card:hover{border-color:#a5b4fc;box-shadow:0 4px 12px #4f46e51a}.lsm-service-card.selected{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.lsm-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.lsm-service-code{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-size:11.5px;font-weight:600}.lsm-status-badge{border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:600}.lsm-status-active{color:#15803d;background:#dcfce7}.lsm-status-inactive{color:#a16207;background:#fef9c3}.lsm-status-draft{color:#64748b;background:#f1f5f9}.lsm-service-name{color:#0f172a;margin:0 0 6px;font-size:16px;font-weight:700}.lsm-service-type-badge{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;margin-bottom:6px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-block}.lsm-service-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:12.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.lsm-select-card-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px 14px;font-size:13px;font-weight:600;transition:background .2s,transform .1s;display:flex}.lsm-select-card-btn:hover{background:#4338ca}.lsm-select-card-btn:active{transform:scale(.98)}.lsm-empty-state{text-align:center;color:#94a3b8;padding:48px 20px}.lsm-empty-icon{color:#cbd5e1;margin-bottom:12px}.lsm-empty-state p{margin:0;font-size:14px}.lsm-loading{color:#64748b;align-items:center;gap:10px;padding:24px;font-size:14px;display:flex}.lsm-spinner{border:2.5px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:20px;height:20px;animation:.75s linear infinite lsmSpin}.lsm-assigned-section{margin-top:4px}.lsm-assigned-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.lsm-assigned-title{align-items:center;gap:8px;display:flex}.lsm-assigned-title h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.lsm-badge-count{color:#fff;background:#4f46e5;border-radius:20px;padding:1px 9px;font-size:12px;font-weight:700}.lsm-table-wrapper{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.lsm-table{border-collapse:collapse;width:100%;font-size:13.5px}.lsm-table th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:11px;font-weight:700}.lsm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.lsm-table tr:last-child td{border-bottom:none}.lsm-table tr:hover td{background:#f8fafc}.lsm-entity-badge{border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:600}.lsm-entity-category{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.lsm-entity-product{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.lsm-fee-cell{color:#0f172a;font-weight:700}.lsm-action-cell{align-items:center;gap:6px;display:flex}.lsm-btn-edit{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.lsm-btn-edit:hover{background:#dbeafe}.lsm-btn-delete{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .2s;display:flex}.lsm-btn-delete:hover{background:#fee2e2}.lsm-bottom-bar{background:#fff;border-top:1px solid #e2e8f0;border-radius:0 0 12px 12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.lsm-bottom-info{color:#475569;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.lsm-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,transform .1s;display:flex}.lsm-add-btn:hover{background:#4338ca}.lsm-add-btn:active{transform:scale(.98)}.lsm-add-btn:disabled{cursor:not-allowed;background:#94a3b8}.lsm-modal-overlay{z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;animation:.2s lsmFadeIn;display:flex;position:fixed;inset:0}.lsm-modal{background:#fff;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:28px;animation:.25s lsmSlideUp;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.lsm-modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.lsm-modal-header h3{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.lsm-modal-close{cursor:pointer;color:#64748b;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:background .2s;display:flex}.lsm-modal-close:hover{background:#e2e8f0}.lsm-modal-service-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:12px 16px}.lsm-modal-service-info p{color:#475569;margin:2px 0;font-size:13px}.lsm-modal-service-info strong{color:#0f172a}.lsm-modal-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}.lsm-modal-field{flex-direction:column;gap:6px;display:flex}.lsm-modal-field.full-width{grid-column:1/-1}.lsm-modal-field label{color:#64748b;font-size:12.5px;font-weight:600}.lsm-modal-input,.lsm-modal-select{color:#0f172a;border:1px solid #cbd5e1;border-radius:7px;outline:none;padding:9px 12px;font-size:14px;transition:border-color .2s}.lsm-modal-input:focus,.lsm-modal-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.lsm-modal-textarea{color:#0f172a;resize:vertical;border:1px solid #cbd5e1;border-radius:7px;outline:none;min-height:70px;padding:9px 12px;font-family:inherit;font-size:13.5px;transition:border-color .2s}.lsm-modal-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.lsm-total-fee-row{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:10px 14px;display:flex}.lsm-total-fee-row span{color:#065f46;font-size:13px;font-weight:600}.lsm-total-fee-row strong{color:#065f46;font-size:16px}.lsm-modal-actions{justify-content:flex-end;gap:10px;display:flex}.lsm-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s}.lsm-btn-cancel:hover{background:#e2e8f0}.lsm-btn-save{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.lsm-btn-save:hover{background:#4338ca}.lsm-btn-save:disabled{cursor:not-allowed;background:#94a3b8}.lsm-confirm-modal{max-width:380px}.lsm-confirm-body{text-align:center;padding:8px 0 20px}.lsm-confirm-icon{color:#ef4444;margin-bottom:14px}.lsm-confirm-body h4{color:#0f172a;margin:0 0 8px;font-size:16px;font-weight:700}.lsm-confirm-body p{color:#64748b;margin:0;font-size:13.5px}.lsm-btn-delete-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 22px;font-size:14px;font-weight:600;transition:background .2s;display:flex}.lsm-btn-delete-confirm:hover{background:#dc2626}@keyframes lsmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lsmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes lsmSpin{to{transform:rotate(360deg)}}.billing-quotation-container{background-color:#0000;min-height:auto;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.bq-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.bq-header-left h1{color:#1e293b;margin:0 0 4px;font-size:1.4rem;font-weight:700}.bq-header-left p{color:#64748b;margin:0;font-size:14px}.bq-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056d2);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #007bff4d}.bq-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px #007bff66}.bq-stats-container{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.bq-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.2rem;display:flex}.stat-icon.pending{color:#f97316;background:#fff7ed}.stat-icon.accepted{color:#22c55e;background:#f0fdf4}.stat-icon.expired{color:#ef4444;background:#fef2f2}.stat-icon.total{color:#8b5cf6;background:#f5f3ff}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;display:block}.stat-value{color:#0f172a;letter-spacing:normal;margin-top:2px;font-family:inherit;font-size:1.5rem;font-weight:700;display:block}.bq-controls{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.bq-search-wrapper{flex:1;max-width:350px;position:relative}.bq-search-wrapper .search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bq-search-wrapper input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 38px;font-size:14px;transition:all .2s}.bq-search-wrapper input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.bq-filters{gap:12px;display:flex}.filter-item{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;display:flex}.filter-item select{color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;font-size:14px;font-weight:600}.bq-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.bq-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.bq-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:14px 16px;font-size:13px;font-weight:700}.bq-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:14px 16px;font-size:14px}.bq-table tr:hover{background-color:#f0f7ff}.quo-id{color:#007bff;font-weight:600}.customer-name{color:#1e293b;font-weight:600}.amount{color:#0f766e;font-weight:700}.bq-actions{gap:6px;display:flex}.action-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.action-btn:hover{background:#f1f5f9}.action-btn.view:hover{color:#007bff;border-color:#007bff}.action-btn.edit:hover{color:#d97706;border-color:#d97706}.action-btn.download:hover{color:#16a34a;border-color:#16a34a}.action-btn.delete:hover{color:#dc2626;border-color:#dc2626}@media (width<=1024px){.bq-stats-container{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.bq-header{flex-direction:column;align-items:flex-start;gap:12px}.bq-controls{flex-direction:column;align-items:stretch}}.bq-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.bq-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;animation:.25s ease-out bqModalSlide;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@keyframes bqModalSlide{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.bq-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bq-modal-header h3{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}.bq-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.5rem;line-height:1}.bq-modal-close:hover{color:#0f172a}.bq-modal-body{color:#334155;padding:20px;font-size:14px}.bq-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.bq-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.bq-btn-secondary:hover{color:#1e293b;background:#f1f5f9}[data-theme=dark] .billing-quotation-container{background:#0b0f19!important}[data-theme=dark] .bq-header-left h1,[data-theme=dark] .stat-value,[data-theme=dark] .bq-modal-header h3,[data-theme=dark] .bold-value{color:#f8fafc!important}[data-theme=dark] .bq-header-left p,[data-theme=dark] .stat-label{color:#cbd5e1!important}[data-theme=dark] .bq-stat-card,[data-theme=dark] .bq-controls,[data-theme=dark] .bq-table-wrapper,[data-theme=dark] .bq-modal-content{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .bq-search-box input,[data-theme=dark] .bq-filter-select select,[data-theme=dark] .filter-select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .bq-search-box input::placeholder{color:#64748b!important}[data-theme=dark] .bq-table th,[data-theme=dark] .bq-modal-header,[data-theme=dark] .bq-modal-footer{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .bq-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .bq-table tr:hover td{background-color:#334155!important}[data-theme=dark] .bq-action-btn,[data-theme=dark] .bq-btn-secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .stat-icon.pending{color:#fb923c!important;background-color:#f9731626!important}[data-theme=dark] .stat-icon.accepted{color:#4ade80!important;background-color:#22c55e26!important}[data-theme=dark] .stat-icon.expired{color:#f87171!important;background-color:#ef444426!important}[data-theme=dark] .stat-icon.total{color:#c084fc!important;background-color:#8b5cf626!important}.bill-history-container{padding:24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bill-history-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.header-left{flex:1;align-items:center;display:flex}.header-center{flex:1;justify-content:center;align-items:center;display:flex}.header-right{flex:1;justify-content:flex-end;align-items:center;display:flex}.bill-history-toggle-container{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.toggle-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.toggle-tab-btn:hover{color:#1e293b}.toggle-tab-btn.active{color:#007bff;background:#fff;box-shadow:0 2px 6px #00000014}.bill-history-header h2{color:#1e293b;margin:0;font-size:1.4rem}.btn-new-bill{color:#fff;cursor:pointer;background:linear-gradient(135deg,#007bff,#0056d2);border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 6px #007bff4d}.btn-new-bill:hover{transform:translateY(-1px);box-shadow:0 4px 10px #007bff66}.loading-state{text-align:center;color:#64748b;padding:40px;font-size:1rem}.empty-state-card{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:60px 20px}.empty-state-card p{color:#64748b;margin-bottom:20px;font-size:1rem}.table-controls-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.show-entries{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.show-entries select{color:#1e293b;cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:6px 10px}.search-box-wrapper{width:100%;max-width:300px;position:relative}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box-wrapper input{border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 38px;font-size:14px;transition:all .2s}.search-box-wrapper input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.bills-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;max-height:500px;overflow-y:auto;box-shadow:0 2px 8px #0000000a}.bills-table{border-collapse:separate;border-spacing:0;width:100%}.bills-table th,.bills-table td{color:#334155;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px;font-size:14px}.bills-table th{color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;z-index:10;background:0 0;border-bottom:1px solid #edf2f7;font-size:11px;font-weight:700;position:sticky;top:0}.bills-table tbody tr:hover{background-color:#f0f7ff}.status-badge{text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.pay-balance-action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026!important}.pagination-container{justify-content:space-between;align-items:center;margin-top:20px;padding:10px 0;display:flex}.pagination-info{color:#64748b;font-size:14px}.go-to-page{color:#64748b;align-items:center;gap:8px;font-size:14px;display:flex}.go-to-page input{text-align:center;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:60px;padding:6px 8px}.pagination-buttons{gap:8px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-weight:600;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#007bff;background:#f1f5f9;border-color:#007bff}.page-btn.active{color:#fff;background:#007bff;border-color:#007bff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.pay-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1200;background:#0f172a99;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.pay-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:680px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.pay-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.header-title-flex{align-items:center;gap:10px;display:flex}.header-title-flex h3{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.pay-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;line-height:1;transition:all .2s;display:flex}.pay-modal-close:hover{color:#1e293b;background:#e2e8f0}.pay-modal-body{padding:24px}.bill-summary-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;padding:16px;display:grid}.info-item{flex-direction:column;gap:4px;display:flex}.info-lbl{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:700}.info-val{color:#1e293b;font-size:14.5px;font-weight:600}.bold-val{color:#0f172a;font-weight:700}.paid-text{color:#16a34a;font-weight:700}.rem-text{color:#dc2626;font-size:16px;font-weight:800}.remaining-highlight-item{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:8px 12px}.new-payment-entries-section{margin-top:16px}.section-hdr{color:#1e40af;margin:0 0 14px;font-size:1rem;font-weight:700}.pay-rows-list{flex-direction:column;gap:12px;display:flex}.pay-row-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:flex-end;gap:12px;padding:12px;display:flex;box-shadow:0 1px 3px #00000008}.p-col-mode{flex:1.3}.p-col-amount,.p-col-txid{flex:1.4}.p-col-action{justify-content:center;align-self:flex-end;width:36px;display:flex}.input-lbl{color:#475569;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.pay-modal-select{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 10px;font-size:13.5px;font-weight:600}.pay-modal-select:focus{background:#fff;border-color:#2563eb}[data-theme=dark] .bill-history-container,[data-theme=dark] .history-container{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .history-title,[data-theme=dark] .stat-val,[data-theme=dark] .modal-title,[data-theme=dark] .cust-name,[data-theme=dark] .bill-table td,[data-theme=dark] .bill-table td *{color:#f8fafc!important}[data-theme=dark] .history-subtitle,[data-theme=dark] .stat-lbl,[data-theme=dark] .cust-phone{color:#cbd5e1!important}[data-theme=dark] .history-card,[data-theme=dark] .stat-card,[data-theme=dark] .controls-card,[data-theme=dark] .table-card,[data-theme=dark] .bill-history-table-card,[data-theme=dark] .modal-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .search-box-input,[data-theme=dark] .select-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .bill-table th,[data-theme=dark] .modal-header,[data-theme=dark] .modal-footer{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .bill-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .bill-table tr:hover td{background-color:#334155!important}.modal-live-summary-box{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:8px;margin-top:20px;padding:14px 16px;display:flex}.live-summary-line{color:#475569;justify-content:space-between;font-size:13.5px;font-weight:500;display:flex}.main-summary-line{color:#0f172a;border-top:1px dashed #cbd5e1;padding-top:8px;font-size:14.5px;font-weight:700}.val-text{font-weight:700}.green-text{color:#16a34a}.red-text{color:#dc2626}.pay-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel-modal{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-save-modal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 4px 10px #16a34a40}.btn-save-modal:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8}.btn-save-modal:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #16a34a59}.payment-history-card-list{flex-direction:column;gap:8px;display:flex}.payment-history-item-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:14px;padding:10px 14px;font-size:13.5px;display:flex}.p-hist-idx{color:#64748b;font-size:12px;font-weight:700}.p-hist-mode .mode-tag{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.p-hist-amt{color:#16a34a;font-weight:700}.p-hist-date{color:#64748b;margin-left:auto;font-size:12.5px}.p-hist-ref{color:#475569;gap:8px;font-size:12px;display:flex}@media (width<=640px){.bill-summary-info-card{grid-template-columns:1fr 1fr}.pay-row-item{flex-direction:column;align-items:stretch}.p-col-action{align-self:flex-end}}@media print{body>*{display:none!important}body .bill-modal-overlay{background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}body .bill-modal-content{width:100%!important;max-width:100%!important;max-height:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.no-print,.bill-modal-footer,.close-x{display:none!important}.bill-modal-header{border-bottom:none!important;flex-direction:column!important;align-items:center!important;padding:24px 32px 8px!important;display:flex!important}.bill-modal-header:before{content:"INVOICE";color:#0070ea;letter-spacing:4px;text-align:center;-webkit-print-color-adjust:exact;print-color-adjust:exact;margin-bottom:16px;font-size:30px;font-weight:900;display:block}.bill-modal-header .header-left{display:none!important}.bill-modal-body{padding:0 32px 32px!important}.bill-info-section{border-bottom:1.5px solid #d1d5db!important;grid-template-columns:1fr 1fr 1fr!important;gap:12px!important;margin-bottom:20px!important;padding-bottom:16px!important;display:grid!important}.items-table-section h3{color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-left:4px solid #0070ea!important;margin-bottom:10px!important;padding-left:10px!important;font-size:14px!important;font-weight:700!important}.items-table-section table{border-collapse:collapse!important;width:100%!important;font-size:12px!important}.items-table-section thead tr{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#0070ea!important}.items-table-section thead th{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#0070ea!important;padding:10px 12px!important;font-size:12px!important;font-weight:700!important}.items-table-section tbody tr:nth-child(2n){-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background-color:#eef6ff!important}.items-table-section tbody td{color:#1f2937!important;border-bottom:1px solid #e5e7eb!important;padding:9px 12px!important;font-size:12px!important}.payment-history-details-section h3{color:#111!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-left:4px solid #0070ea!important;margin-bottom:10px!important;padding-left:10px!important;font-size:14px!important;font-weight:700!important}.totals-section{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;border-top:2px solid #0070ea!important;max-width:320px!important;margin-top:16px!important;margin-left:auto!important;padding-top:12px!important}@page{size:A4 portrait;margin:10mm 14mm}}.sl-container{background:#f8fafc;min-height:100vh;padding:30px}.sl-header{align-items:center;gap:10px;margin-bottom:25px;display:flex}.sl-back-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.sl-back-btn:hover{color:#007bff;background:#f1f5f9}.sl-title{color:#1e293b;text-align:left;flex:1;font-size:1.4rem;font-weight:700}.sl-storage-name-badge{color:#0369a1;background:#e0f2fe;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:200px;height:42px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0369a11a}.sl-storage-name-badge span{color:#0c4a6e;font-weight:800}.sl-content{flex-direction:column;max-width:1000px;margin:0 auto;display:flex;gap:0!important}.sl-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:25px;box-shadow:0 4px 6px -1px #0000001a}.sl-card:not(:last-child){box-shadow:none!important;border-bottom:none!important;border-bottom-right-radius:0!important;border-bottom-left-radius:0!important;padding-bottom:0!important}.sl-card:not(:first-child){border-top-left-radius:0!important;border-top-right-radius:0!important;padding-top:15px!important}.sl-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding-bottom:15px;display:flex}.sl-header-left{align-items:center;gap:10px;display:flex}.sl-header-right{align-items:center;gap:12px;display:flex}.sl-type-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #e0e7ff;border-radius:10px;justify-content:center;align-items:center;width:120px;height:40px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sl-type-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 3px 8px #4f46e533}.sl-card-header h3{color:#334155;font-size:1.1rem;font-weight:600}.sl-icon{color:#007bff}.sl-form-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.sl-form-group{flex-direction:column;gap:8px;display:flex}.sl-form-group label{color:#64748b;font-size:.85rem;font-weight:600}.sl-form-group input{border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.sl-form-group input:focus{border-color:#007bff;outline:none}.sl-steps{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.sl-step-btn{color:#64748b;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:12px;width:180px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sl-step-btn.active{color:#fff;background:#007bff;border-color:#007bff}.sl-step-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.sl-step-btn.active:hover{background:#0056b3;border-color:#0056b3}.sl-step-num{background:#0000000d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;display:flex}.sl-step-btn.active .sl-step-num{background:#fff3}.sl-input-with-btn{align-items:flex-start;gap:12px;display:flex}.sl-row-col-inputs{width:100%;max-width:800px}.sl-input-with-btn input{flex:1}.sl-add-btn{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:100px;height:45px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.sl-add-btn:hover{background:#0056b3}.sl-count-setup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-end;gap:20px;padding:20px;display:flex}.sl-count-setup .sl-input-group{flex:1}.sl-apply-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0d6efd;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:auto;min-width:160px;height:45px;padding:0 25px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.sl-names-config{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.sl-names-grid{grid-template-columns:1fr 1fr;gap:30px;max-height:400px;margin-bottom:20px;padding-right:10px;display:grid;overflow-y:auto}.sl-row-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:20px}.sl-row-selector label{color:#1e293b;margin-bottom:12px;font-size:.95rem;font-weight:700;display:block}.sl-selection-tabs{flex-wrap:wrap;gap:10px;display:flex}.sl-tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:100px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s}.sl-tab-btn:hover{color:#0d6efd;background:#f1f5f9;border-color:#0d6efd}.sl-tab-btn.active{color:#fff;background:#0d6efd;border-color:#0d6efd;box-shadow:0 4px 6px -1px #0d6efd40}.sl-batch-input-area{background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;margin-bottom:20px;padding:15px}.sl-small-label{color:#1e40af;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.sl-input.batch{background:#fff;border-color:#3b82f6;box-shadow:0 1px 2px #0000000d}.sl-individual-names{flex-direction:column;gap:10px;display:flex}.sl-apply-btn.prominent{text-transform:uppercase;letter-spacing:.5px;min-width:250px;font-size:1rem}@media (width<=768px){.sl-names-grid{grid-template-columns:1fr}.sl-row-col-inputs{max-width:100%}}.sl-names-col h4{color:#334155;border-bottom:2px solid #3b82f6;margin-bottom:15px;padding-bottom:5px;font-size:1rem}.sl-names-col .sl-input{margin-bottom:10px}.sl-config-actions{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.sl-btn-link{cursor:pointer;align-items:center;gap:6px;padding:8px 12px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;color:#4f46e5!important;background:0 0!important;border:none!important}.sl-btn-link:hover{border-radius:8px;text-decoration:underline;color:#4338ca!important;background:#4f46e50d!important}.sl-saved-list{margin-top:30px}.sl-saved-list h4{color:#64748b;margin-bottom:12px;font-size:.9rem}.sl-list-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.sl-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sl-item-info{flex-direction:column;gap:4px;display:flex}.sl-item-name{color:#1e293b;font-size:.95rem;font-weight:600}.sl-code{color:#94a3b8;background:#fff;border:1px solid #f1f5f9;border-radius:4px;width:fit-content;padding:2px 6px;font-family:monospace;font-size:.7rem}.sl-item-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.sl-list-item:hover .sl-item-actions,.sl-list-item.editing .sl-item-actions{opacity:1}.sl-action-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sl-action-btn.edit{color:#3b82f6;background:#eff6ff}.sl-action-btn.edit:hover{color:#fff;background:#3b82f6}.sl-action-btn.delete{color:#ef4444;background:#fef2f2}.sl-action-btn.delete:hover{color:#fff;background:#ef4444}.sl-action-btn.save{color:#10b981;background:#ecfdf5}.sl-action-btn.save:hover{color:#fff;background:#10b981}.sl-action-btn.cancel{color:#64748b;background:#f1f5f9}.sl-action-btn.cancel:hover{color:#fff;background:#64748b}.sl-edit-mode{align-items:center;gap:10px;width:100%;display:flex}.sl-edit-input{border:2px solid #3b82f6;border-radius:8px;flex:1;padding:8px 12px;font-size:.9rem}.sl-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;flex:1;max-width:600px;min-height:42px;padding:10px 14px;font-family:inherit;font-size:.95rem;transition:all .2s}.sl-textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 3px #007bff1a}.sl-hint{color:#94a3b8;margin-left:4px;font-size:.75rem;font-weight:400}.sl-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:20px;font-size:.9rem;font-style:italic}.sl-footer{justify-content:center;gap:20px;margin-top:20px;margin-bottom:50px;display:flex}.sl-main-save-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:12px;padding:14px 40px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.sl-main-save-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 6px 15px #10b98166}.sl-next-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;padding:14px 40px;font-size:1.1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.sl-next-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 15px #3b82f666}.sl-next-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;background:#94a3b8}.sl-prev-btn{color:#334155;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;padding:14px 40px;font-size:1.1rem;font-weight:700;transition:all .3s}.sl-prev-btn:hover{background:#f8fafc;border-color:#64748b;transform:translateY(-2px)}.sl-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;max-width:600px;padding:10px 14px;font-size:.95rem}.sl-select:focus{border-color:#007bff}.sl-loading{color:#64748b;justify-content:center;align-items:center;height:100vh;display:flex}.sl-card-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:18px;display:flex}.sl-clear-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:150px;height:45px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.sl-clear-btn:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.sl-save-address-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d6efd,#0b5ed7);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:150px;height:45px;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0d6efd4d}.sl-save-address-btn:hover{background:linear-gradient(135deg,#0b5ed7,#0a4fc4);transform:translateY(-2px);box-shadow:0 6px 15px #0d6efd66}.sl-address-cards-container{margin-top:25px}.sl-address-header-row{justify-content:space-between;align-items:center;margin-bottom:15px;padding:0 5px;display:flex}.sl-bulk-actions{gap:10px;display:flex}.sl-btn-small{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:6px;justify-content:center;align-items:center;width:90px;height:32px;padding:4px 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.sl-btn-small:hover{color:#fff;background:#3b82f6}.sl-btn-small.remove{color:#ef4444;border-color:#ef4444}.sl-btn-small.remove:hover{color:#fff;background:#ef4444}.sl-bulk-delete-btn,.sl-remove-selected-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #ef4444;border-radius:30px;justify-content:center;align-items:center;gap:8px;width:180px;height:38px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.sl-bulk-delete-btn:hover,.sl-remove-selected-btn:hover{color:#fff;background:#ef4444}.sl-address-grid,.sl-items-grid{flex-wrap:wrap;gap:15px;display:flex}.sl-address-card,.sl-item-card{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:220px;height:120px;padding:15px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sl-address-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sl-address-card.selected,.sl-item-card.selected{background-color:#f0f7ff;border-color:#3b82f6}.sl-card-content{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;display:flex}.sl-card-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;font-weight:700;line-height:1.2;overflow:hidden}.sl-code-badge{color:#64748b;text-overflow:ellipsis;white-space:nowrap;background:#f1f5f9;border-radius:6px;width:fit-content;max-width:100%;padding:4px 10px;font-size:.75rem;overflow:hidden}.sl-address-place-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex;overflow:hidden}.sl-card-actions{z-index:10;gap:8px;display:flex;position:absolute;bottom:12px;right:12px}.sl-action-cell{gap:10px;display:flex}.sl-btn-icon{cursor:pointer;background:#fff;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000001a}.sl-btn-icon:hover{transform:scale(1.1);box-shadow:0 2px 5px #00000026}.sl-btn-icon.edit{color:#4f46e5;background:#eef2ff}.sl-btn-icon.edit:hover{color:#fff;background:#4f46e5}.sl-btn-icon.delete{color:#ef4444;background:#fef2f2}.sl-btn-icon.delete:hover{color:#fff;background:#ef4444}.sl-saved-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sl-saved-header h4{margin:0}.sl-saved-actions{align-items:center;gap:15px;display:flex}.sl-item-left{align-items:center;gap:12px;display:flex}.sl-checkbox{accent-color:#0d6efd;cursor:pointer;flex-shrink:0;width:18px;height:18px}.sl-list-item.selected{background:#eff6ff;border-color:#93c5fd}.sl-items-cards-container{margin-top:20px}.sl-card-title{color:#1e293b;font-size:1rem;font-weight:700}.sl-code-badge{color:#64748b;background:#f1f5f9;border-radius:6px;width:fit-content;padding:4px 8px;font-family:inherit;font-size:.75rem;font-weight:600}.sl-item-card.selected .sl-code-badge{color:#1d4ed8;background:#dbeafe}.sl-empty-grid{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;grid-column:1/-1;padding:40px;font-style:italic}.sl-item-card .sl-edit-input{width:100%;margin-right:0}@media (width<=640px){.sl-header{flex-direction:column;align-items:flex-start;gap:10px}.sl-storage-name-badge{justify-content:center;width:100%}}.split-layout{flex-direction:column;gap:24px;width:100%;max-width:1000px;display:flex}.sl-panel-container{gap:24px;width:100%;display:flex}@media (width<=768px){.sl-panel-container{flex-direction:column}}.sl-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-width:0;padding:24px;display:flex;box-shadow:0 1px 3px #0000000d}.sl-panel.disabled{opacity:.6;pointer-events:none;background:#f8fafc}.sl-panel-title{color:#1e293b;border-bottom:2px solid #e0e7ff;margin-bottom:20px;padding-bottom:10px;font-size:1.1rem}.rack-names-wrapper,.shelf-names-wrapper{flex-direction:column;gap:15px;margin-top:20px;display:flex}.rack-names-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;max-height:200px;padding-right:5px;display:grid;overflow-y:auto}.cards-list{border-top:1px dashed #cbd5e1;margin-top:25px;padding-top:20px}.cards-list h5{color:#475569;margin-bottom:15px;font-size:.95rem}.wrap-tabs{max-height:200px;overflow-y:auto}.card-btn{text-align:center;flex:calc(50% - 10px)}.sl-selected-header{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px 16px;font-size:.95rem}.sl-selected-header strong{font-weight:700}.sl-empty-state{text-align:center;color:#94a3b8;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:150px;padding:30px;font-style:italic;display:flex}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.sl-summary-panel{background:#f8fafc;border:1px solid #cbd5e1}.summary-list{flex-direction:column;gap:12px;max-height:300px;display:flex;overflow-y:auto}.summary-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 16px;display:flex}.summary-rack-name{color:#0f172a;min-width:80px;font-weight:700}.summary-arrow{color:#94a3b8}.summary-shelves{color:#334155;flex:1}.save-generate-btn{width:auto;min-width:200px}[data-theme=dark] .sl-container{background:#0b0f19!important}[data-theme=dark] .sl-title,[data-theme=dark] .sl-card-header h3,[data-theme=dark] .sl-item-name,[data-theme=dark] .summary-rack-name{color:#f8fafc!important}[data-theme=dark] .sl-card,[data-theme=dark] .sl-names-config,[data-theme=dark] .sl-list-item,[data-theme=dark] .summary-item{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .sl-count-setup,[data-theme=dark] .sl-row-selector,[data-theme=dark] .sl-batch-input-area{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sl-form-group label,[data-theme=dark] .sl-row-selector label,[data-theme=dark] .summary-shelves{color:#cbd5e1!important}[data-theme=dark] .sl-form-group input,[data-theme=dark] .sl-textarea,[data-theme=dark] .sl-select,[data-theme=dark] .sl-edit-input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sl-step-btn,[data-theme=dark] .sl-tab-btn,[data-theme=dark] .sl-back-btn,[data-theme=dark] .sl-clear-btn,[data-theme=dark] .sl-prev-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sl-step-btn.active,[data-theme=dark] .sl-tab-btn.active{color:#fff!important;background-color:#6366f1!important;border-color:#6366f1!important}[data-theme=dark] .sl-card-header,[data-theme=dark] .sl-card-footer,[data-theme=dark] .sl-config-actions{border-color:#334155!important}.sm-container{color:#1e293b;background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:32px;font-family:Inter,system-ui,-apple-system,sans-serif}.sm-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.sm-title{color:#0f172a;letter-spacing:-.025em;font-size:30px;font-weight:800}.sm-title:hover{cursor:default;color:#0f172a!important;background-color:#0000!important}.sm-storage-badge{color:#2563eb;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;display:flex;box-shadow:0 4px 6px -1px #0000000d}.sm-stepper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;margin-bottom:40px;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.sm-step{cursor:pointer;color:#64748b;border:none;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .3s;display:flex;background:0 0!important}.sm-step.active{color:#fff!important;background:#2563eb!important}.sm-step.completed{color:#2563eb!important;background:#eff6ff!important}.sm-step-icon{color:#94a3b8;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.sm-step.active .sm-step-icon{color:#fff;background:#2563eb}.sm-card{background:#fff;border:1px solid #e2e8f0;border-radius:32px;flex-direction:column;min-height:500px;display:flex;box-shadow:0 10px 15px -3px #0000000a}.sm-step-content{flex:1;padding:48px}.sm-section-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:40px;padding-bottom:24px;display:flex}.sm-section-header h3{color:#0f172a;margin:0;font-size:24px;font-weight:800}.sm-section-header h3 span{color:#2563eb}.sm-form-grid-2,.sm-field-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.sm-field-flex{align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.sm-btn-center-wrapper{justify-content:center;margin:32px 0;display:flex}.sm-structure-chain{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px;padding:32px;display:flex;box-shadow:inset 0 2px 4px #00000005}.sm-level-box{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;align-items:center;min-width:160px;padding:24px;transition:all .2s;display:flex;position:relative}.sm-level-box:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000000d}.sm-level-top{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;font-size:10px;font-weight:800;display:flex}.sm-level-name{color:#1e293b;margin-bottom:20px;font-size:18px;font-weight:800}.sm-level-meta{color:#2563eb;background:#eff6ff;border-radius:999px;margin-top:-8px;margin-bottom:16px;padding:4px 12px;font-size:11px;font-weight:700}.sm-chain-arrow{color:#cbd5e1}.sm-address-list{margin-top:32px}.sm-address-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:16px 24px;transition:all .2s;display:flex}.sm-address-item:hover{background:#f8fafc;border-color:#3b82f6}.sm-address-info{color:#334155;font-size:15px;font-weight:600;line-height:1.6}.sm-address-info b{color:#0f172a}.storage-card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;display:grid}.storage-card{text-align:center;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;align-items:center;padding:40px;transition:all .3s;display:flex;position:relative;overflow:hidden}.storage-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px #00000014}.card-actions{gap:8px;display:flex;position:absolute;top:16px;right:16px}.action-btn{cursor:pointer;color:#94a3b8;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000001a}.action-btn.edit{background:#fff!important}.action-btn.edit:hover{color:#2563eb!important;background:#eff6ff!important}.action-btn.delete:hover{color:#ef4444!important;background:#fef2f2!important}.card-icon-wrapper{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.card-title{color:#0f172a;margin-bottom:8px;font-size:20px;font-weight:800}.card-subtitle{color:#64748b;margin-bottom:24px;font-size:14px}.card-select-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:12px;font-weight:700}.card-select-btn.selected{background:#1e293b}.sm-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.sm-btn-primary{color:#fff;background:#2563eb}.sm-btn-secondary{color:#475569;background:#f1f5f9}.sm-btn-primary:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb40}.sm-btn-icon{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.sm-btn-icon:hover{background:#f1f5f9}.text-blue{color:#2563eb}.text-red{color:#ef4444}.text-neutral{color:#64748b}.sm-form-group{margin-bottom:24px}.sm-label{color:#475569;text-transform:uppercase;letter-spacing:.025em;margin-bottom:8px;font-size:14px;font-weight:700;display:block}.sm-input{box-sizing:border-box;background:#f8fafc;border:2px solid #f1f5f9;border-radius:14px;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.sm-select{box-sizing:border-box;cursor:pointer;appearance:none;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center no-repeat;border:2px solid #f1f5f9;border-radius:14px;width:100%;padding:14px 18px;font-size:15px;transition:all .2s}.sm-input:focus,.sm-select:focus{background:#fff;border-color:#3b82f6;outline:none}.sm-nav-footer{background:#fff;border-top:1px solid #f1f5f9;border-radius:0 0 32px 32px;justify-content:space-between;align-items:center;padding:24px 48px;display:flex}.sm-nav-footer.center{justify-content:center}.sm-tree{background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:16px;display:flex}.loc-card-wrapper{width:100%;position:relative}.loc-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;transition:all .2s;overflow:hidden}.loc-card.expanded{border-color:#dbeafe;box-shadow:0 4px 6px -1px #00000005}.loc-card-header{cursor:pointer;background:#fff;align-items:center;gap:16px;padding:10px 16px;transition:background .2s;display:flex}.loc-card-header:hover{background:#f8fafc}.loc-card-icon{color:#2563eb;background:#eff6ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.loc-card-info{flex:1}.loc-card-title{color:#0f172a;margin:0;font-size:14px;font-weight:700}.loc-card-code{color:#64748b;align-items:center;gap:6px;margin-top:2px;font-size:11px;font-weight:600;display:flex}.loc-card-actions{align-items:center;gap:12px;margin-left:12px;display:flex}.loc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.loc-action-btn.add{color:#fff;background:#2563eb;padding:6px 12px}.loc-action-btn:hover{transform:scale(1.05)}.loc-card-body{flex-direction:column;gap:8px;padding:0 16px 16px 44px;display:flex}.sm-names-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;padding:20px;display:grid}.loc-empty-state .sm-btn{color:#fff!important;background:#2563eb!important}.loc-empty-state .sm-btn:hover{transform:translateY(-2px);background:#1d4ed8!important;box-shadow:0 10px 15px -3px #2563eb40!important}.sm-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:24px;animation:.2s sm-fade-in;display:flex;position:fixed;inset:0}@keyframes sm-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sm-highlight{0%{background-color:#2563eb1a;transform:scale(.98)}50%{background-color:#2563eb0d;transform:scale(1.02)}to{background-color:#0000;transform:scale(1)}}.new-node{animation:2s ease-out sm-highlight}@keyframes sm-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sm-modal{background:#fff;border-radius:24px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;animation:.25s sm-slide-up;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.sm-modal-title{color:#0f172a;border-bottom:1px solid #f1f5f9;margin:0;padding:28px 32px 20px;font-size:22px;font-weight:800}.sm-modal-body{flex:1;padding:28px 32px;overflow-y:auto}.sm-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 24px 24px;justify-content:flex-end;gap:12px;padding:20px 32px;display:flex}.sm-partition-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.sm-sub-heading{color:#475569;text-transform:uppercase;letter-spacing:.03em;align-items:center;margin-bottom:10px;font-size:12px;font-weight:700;display:flex}.sm-link-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.sm-link-btn:hover{background:#eff6ff}.sm-preview-section{border:1px solid #e2e8f0;border-radius:16px;margin-top:20px;overflow:hidden}.sm-preview-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:800;display:flex}.sm-preview-grid-container{padding:16px;overflow-x:auto}.sm-preview-table{border-collapse:separate;border-spacing:6px;table-layout:fixed;width:100%}.sm-preview-table th{text-align:center;color:#64748b;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border-radius:8px;padding:8px 6px;font-size:11px;font-weight:700;overflow:hidden}.sm-preview-table td{padding:3px}.sm-preview-group-label{width:100px;min-width:100px;max-width:100px;color:#94a3b8!important;text-align:left!important;padding-left:10px!important;font-size:10px!important}.sm-preview-row-label{color:#475569;text-align:center;background:#f8fafc;border-radius:8px;width:100px;min-width:100px;max-width:100px;font-size:12px;font-weight:700;padding:8px 10px!important}.sm-preview-cell{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;height:44px;font-size:12px;font-weight:600;display:flex}.sm-preview-cell.interactive{cursor:pointer;transition:all .15s}.sm-preview-cell.interactive:hover{background:#eff6ff;border-color:#3b82f6}.sm-preview-cell.interactive.selected{color:#fff;background:#2563eb;border-color:#2563eb}.sm-preview-hint{color:#94a3b8;text-align:center;border-top:1px solid #f1f5f9;margin:0;padding:12px 16px;font-size:11px}.sm-input-compact{text-align:center;border-radius:10px!important;padding:8px 10px!important;font-size:13px!important}.sm-individual-names{margin-top:8px}.sm-toggle-switch{width:36px;height:20px;display:inline-block;position:relative}.sm-toggle-switch input{opacity:0;width:0;height:0}.sm-toggle-slider{cursor:pointer;background-color:#e2e8f0;border-radius:20px;transition:all .3s;position:absolute;inset:0}.sm-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.sm-toggle-slider{background-color:#2563eb}input:checked+.sm-toggle-slider:before{transform:translate(16px)}.sm-toggle-label{-webkit-user-select:none;user-select:none;font-size:14px;font-weight:700}.loc-empty-state{text-align:center;color:#94a3b8;padding:16px 0;font-size:13px}.loc-empty-state p{margin-bottom:12px}.loc-children-list{flex-direction:column;gap:8px;display:flex}.scrollbar-custom::-webkit-scrollbar{width:5px;height:5px}.sm-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.animate-spin{animation:1s linear infinite spin}[data-theme=dark] .sm-container{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .sm-title,[data-theme=dark] .sm-section-header h3,[data-theme=dark] .card-title,[data-theme=dark] .sm-level-name,[data-theme=dark] .sm-address-info b,[data-theme=dark] .loc-card-title,[data-theme=dark] .sm-modal-title{color:#f8fafc!important}[data-theme=dark] .sm-subtitle,[data-theme=dark] .card-subtitle,[data-theme=dark] .sm-address-info,[data-theme=dark] .loc-card-code{color:#cbd5e1!important}[data-theme=dark] .sm-stepper,[data-theme=dark] .sm-card,[data-theme=dark] .storage-card,[data-theme=dark] .sm-structure-chain,[data-theme=dark] .sm-level-box,[data-theme=dark] .sm-address-item,[data-theme=dark] .sm-nav-footer,[data-theme=dark] .sm-tree,[data-theme=dark] .loc-card,[data-theme=dark] .sm-modal{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .sm-step{color:#cbd5e1!important}[data-theme=dark] .sm-step.active{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .sm-step.completed{color:#818cf8!important;background-color:#6366f133!important}[data-theme=dark] .sm-step-icon{color:#cbd5e1!important;background-color:#0f172a!important}[data-theme=dark] .card-icon-wrapper{color:#818cf8!important;background-color:#0f172a!important}[data-theme=dark] .sm-label{color:#cbd5e1!important}[data-theme=dark] .sm-input,[data-theme=dark] .sm-select{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sm-btn-secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sm-storage-badge{color:#818cf8!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .loc-card-header{background-color:#1e293b!important}[data-theme=dark] .loc-card-header:hover{background-color:#334155!important}[data-theme=dark] .sm-names-grid,[data-theme=dark] .sm-modal-footer{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sm-preview-section,[data-theme=dark] .sm-preview-header,[data-theme=dark] .sm-preview-table th,[data-theme=dark] .sm-preview-row-label,[data-theme=dark] .sm-preview-cell{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .action-btn{color:#cbd5e1!important;background-color:#0f172a!important}.rack-panel-container{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-top:12px;padding:16px}.rack-panel-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.rack-panel-title{color:#334155;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.rack-list-grid{flex-direction:column;gap:10px;display:flex}.rack-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.rack-card-item:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.rack-card-item.dragging{opacity:.5;background:#eff6ff;border-style:dashed;border-color:#2563eb}.rack-drag-handle{cursor:grab;color:#94a3b8;border-radius:6px;align-items:center;margin-right:10px;padding:4px;display:flex}.rack-drag-handle:hover{color:#3b82f6;background:#f1f5f9}.rack-drag-handle:active{cursor:grabbing}.rack-card-left{align-items:center;display:flex}.rack-card-name-group{flex-direction:column;display:flex}.rack-card-title{color:#0f172a;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.rack-card-code{color:#64748b;font-size:12px}.rack-card-right{align-items:center;gap:10px;display:flex}.rack-badge-locked{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.rack-badge-unassigned{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.rack-assign-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.rack-assign-btn:hover{background:#1d4ed8}.locked-path-box{background:#fffbebf8;border:1px solid #fde68a;border-radius:10px;margin-bottom:16px;padding:12px 16px}.locked-path-title{color:#b45309;align-items:center;gap:6px;margin-bottom:4px;font-size:12px;font-weight:700;display:flex}.locked-path-text{color:#78350f;font-size:13px;font-weight:600}.delete-confirm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a99;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.delete-confirm-box{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:28px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.delete-confirm-icon{color:#ef4444;background:#fef2f2;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;display:flex}.delete-confirm-title{color:#0f172a;margin-bottom:8px;font-size:18px;font-weight:800}.delete-confirm-desc{color:#64748b;margin-bottom:20px;font-size:13px;line-height:1.5}.delete-confirm-actions{justify-content:flex-end;gap:12px;display:flex}[data-theme=dark] .rack-panel-container{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .rack-card-item{background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .rack-card-title{color:#f8fafc!important}[data-theme=dark] .delete-confirm-box{color:#f8fafc!important;background:#1e293b!important}[data-theme=dark] .delete-confirm-title{color:#f8fafc!important}.scan-details-container{color:#0f172a;background:#f8fafc;min-height:100vh;padding:32px 24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.scan-details-wrapper{max-width:900px;margin:0 auto}.scan-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.scan-title-group{align-items:center;gap:12px;display:flex}.scan-title-group h1{color:#0f172a;margin:0;font-size:22px;font-weight:800}.scan-code-chip{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700}.scan-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.scan-back-btn:hover{color:#0f172a;background:#f1f5f9}.scan-grid{grid-template-columns:1fr;gap:20px;display:grid}.scan-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px;box-shadow:0 4px 12px #00000008}.scan-card-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:14px;display:flex}.scan-card-header h2{color:#0f172a;margin:0;font-size:16.5px;font-weight:700}.scan-card-icon{color:#4f46e5}.scan-location-banner{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border-radius:14px;margin-bottom:20px;padding:20px 24px;box-shadow:0 6px 20px #4f46e533}.scan-location-title{text-transform:uppercase;letter-spacing:.08em;opacity:.85;margin-bottom:8px;font-size:12px;font-weight:700}.scan-location-path{word-break:break-word;flex-wrap:wrap;align-items:center;gap:8px;font-size:18px;font-weight:800;display:flex}.scan-location-path-step{align-items:center;gap:8px;display:inline-flex}.scan-location-arrow{opacity:.6}.scan-details-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.scan-detail-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.scan-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.scan-detail-value{color:#0f172a;word-break:break-word;font-size:14.5px;font-weight:700}.scan-detail-highlight{color:#4f46e5;font-size:16px}.scan-detail-success{color:#16a34a}.scan-codes-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;padding:20px;display:flex}.scan-code-box{flex-direction:column;align-items:center;gap:10px;display:flex}.scan-code-box span{color:#475569;font-size:12.5px;font-weight:700}.scan-loading-card,.scan-error-card{text-align:center;background:#fff;border-radius:16px;padding:48px 24px;box-shadow:0 4px 12px #0000000d}.scan-spinner{border:3.5px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.75s linear infinite scanSpin}@keyframes scanSpin{to{transform:rotate(360deg)}}.storage-selection-container{background:0 0;flex-direction:column;gap:36px;width:100%;padding:0;display:flex}.ss-section{flex-direction:column;gap:20px;display:flex}.ss-section.no-margin{gap:12px}.storage-selection-container.split-mode{gap:0}.ss-section-heading{align-items:center;gap:12px;display:flex}.ss-section-icon{justify-content:center;align-items:center;display:flex}.ss-pin-icon,.ss-layers-icon{color:#4f46e5}.ss-section-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:800}.ss-section-sub{color:#64748b;margin:0;font-size:.9rem;font-weight:600}.ss-type-cards{flex-wrap:wrap;gap:16px;display:flex}.ss-type-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;flex-direction:column;align-items:center;gap:14px;min-width:130px;padding:24px 32px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a}.ss-type-card:hover{border-color:#a5b4fc;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e51a;background:#fff!important}.ss-type-card.ss-selected{border-color:#4f46e5;box-shadow:0 6px 20px #4f46e526;background:#f5f3ff!important}.ss-type-icon{color:#fff;background:#4f46e5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e54d}.ss-type-card.ss-selected .ss-type-icon{background:#4338ca;box-shadow:0 6px 18px #4f46e566}.ss-type-name{color:#334155;font-size:.95rem;font-weight:700}.ss-type-card.ss-selected .ss-type-name{color:#4f46e5}.ss-fields-grid{grid-template-columns:repeat(2,1fr);gap:24px 32px;display:grid}.ss-field-group{flex-direction:column;gap:10px;transition:opacity .2s;display:flex}.ss-field-group.ss-disabled{opacity:.45;pointer-events:none}.ss-field-group.ss-full-width{grid-column:1/-1}.ss-field-label{color:#1e293b;font-size:.9rem;font-weight:700}.ss-select-wrapper{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;padding:0 16px;transition:all .2s;display:flex;overflow:hidden}.ss-select-wrapper:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.ss-select-wrapper-disabled{background:#f1f5f9;border-color:#e2e8f0}.ss-custom-select{width:100%;position:relative}.ss-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;min-height:48px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ss-select-trigger:hover:not(.ss-disabled){background:#f1f5f9;border-color:#cbd5e1}.ss-custom-select.open .ss-select-trigger{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 4px #4f46e514}.ss-trigger-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:500;overflow:hidden}.ss-select-trigger.active .ss-trigger-text{color:#1e293b;font-weight:600}.ss-select-icon{color:#94a3b8;flex-shrink:0;align-items:center;margin-right:12px;display:flex}.ss-chevron{border-bottom:2px solid #94a3b8;border-right:2px solid #94a3b8;flex-shrink:0;width:10px;height:10px;margin-bottom:4px;transition:all .3s;transform:rotate(45deg)}.ss-chevron.up{border-color:#4f46e5;margin-bottom:-4px;transform:rotate(-135deg)}.ss-dropdown-menu{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;animation:.2s ease-out ss-dropdown-slide;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}@keyframes ss-dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ss-dropdown-search{color:#94a3b8;background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:12px;display:flex}.ss-dropdown-search input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.9rem;font-weight:500}.ss-dropdown-options{max-height:220px;padding:6px;overflow-y:auto}.ss-dropdown-option{color:#475569;cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .15s}.ss-dropdown-option:hover{color:#1e293b;background:#f1f5f9}.ss-dropdown-option.selected{color:#2563eb;background:#eff6ff;font-weight:600}.ss-dropdown-option.placeholder{color:#94a3b8;border-bottom:1px dashed #f1f5f9;margin-bottom:4px;font-style:italic}.ss-dropdown-no-results{text-align:center;color:#94a3b8;padding:20px;font-size:.85rem;font-style:italic}.ss-select-btn{color:#475569;cursor:pointer;text-align:left;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:12px;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.ss-select-btn:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.ss-select-btn:disabled{cursor:not-allowed}.ss-checkbox-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ss-select-all-btn{color:#4f46e5;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:700;transition:all .2s}.ss-select-all-btn:hover{background:#f5f3ff;text-decoration:underline}.ss-checkbox-summary{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:8px;margin-bottom:16px;padding:12px;display:flex}.ss-checkbox-tag{color:#fff;background:#4f46e5;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;animation:.2s ease-out ss-scaleIn;display:inline-flex}@keyframes ss-scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ss-checkbox-tag button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:12px;transition:background .2s;display:flex}.ss-checkbox-tag button:hover{background:#fff6}.ss-checkbox-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;max-height:250px;padding:20px;transition:border-color .2s;overflow-y:auto}.ss-checkbox-container:focus-within{border-color:#4f46e5}.ss-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.ss-checkbox-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.ss-checkbox-item:hover{background:#f8fafc}.ss-checkbox-item.checked{background:#f5f3ff}.ss-checkbox-item input{display:none}.ss-checkbox-box{background:#fff;border:2.5px solid #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.ss-checkbox-item:hover .ss-checkbox-box{border-color:#94a3b8}.ss-checkbox-item.checked .ss-checkbox-box{background:#4f46e5;border-color:#4f46e5}.ss-checkbox-box:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;margin-bottom:2px;display:none;transform:rotate(45deg)}.ss-checkbox-item.checked .ss-checkbox-box:after{display:block}.ss-checkbox-label{color:#475569;font-size:.9rem;font-weight:500}.ss-checkbox-item.checked .ss-checkbox-label{color:#4f46e5;font-weight:700}.ss-checkbox-empty{text-align:center;color:#94a3b8;grid-column:1/-1;padding:30px;font-size:.9rem;font-style:italic}@media (width<=480px){.ss-checkbox-grid{grid-template-columns:1fr}}.sl-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ab3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.sl-modal-content{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) scaleIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.sl-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.sl-modal-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.sl-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex}.sl-modal-close:hover{color:#ef4444;background:#fee2e2}.sl-modal-body{flex:1;padding:32px;overflow-y:auto}.sl-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;padding:20px 32px;display:flex}.sl-modal-save-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:12px 40px;font-size:1rem;font-weight:700;transition:all .2s}.sl-modal-save-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e540}.slot-grid-wrapper{justify-content:center;margin-bottom:1.5rem;display:flex}.slot-grid{place-items:center;gap:12px;display:grid}.slot-header-cell{color:#4a5568;text-align:center;padding:8px 0;font-size:.85rem;font-weight:700}.slot-row-label{color:#4a5568;text-align:right;white-space:nowrap;padding-right:8px;font-size:.85rem;font-weight:700}.slot-cell{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.slot-cell:hover{background:#ede9fe;border-color:#a5b4fc;transform:scale(1.05)}.slot-cell.ss-selected{color:#fff;background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:#4338ca;transform:scale(1.02);box-shadow:0 3px 10px #4f46e559}.slot-selected-summary{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem 1.5rem;box-shadow:0 1px 4px #0000000a}.slot-summary-title{color:#1a2332;align-items:center;gap:8px;margin-bottom:.75rem;font-size:1rem;font-weight:700;display:flex}.slot-summary-indicator{background:linear-gradient(#4f46e5,#4338ca);border-radius:4px;width:4px;height:20px;display:inline-block}.slot-badges{flex-wrap:wrap;gap:8px;display:flex}.slot-badge{color:#4f46e5;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;align-items:center;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.slot-empty-message{color:#94a3b8;margin:0;font-size:.9rem;font-style:italic}@media (width<=768px){.ss-fields-grid{grid-template-columns:1fr}}.ss-loading-state,.ss-empty-state{text-align:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 40px;display:flex}.ss-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:40px;height:40px;margin-bottom:8px;animation:1s linear infinite ss-spin}.ss-empty-icon{margin-bottom:8px;font-size:40px}.ss-empty-state p{color:#334155;margin:0;font-size:1.1rem;font-weight:700}.ss-empty-state small{color:#64748b;font-weight:500}@media (width<=480px){.ss-type-card{min-width:100px;padding:18px 24px}}.ss-inline-loading{color:#4f46e5;background:#f5f3ff;border-radius:20px;align-items:center;gap:10px;margin-left:auto;padding:6px 12px;font-size:.85rem;font-weight:600;animation:.3s fadeIn;display:flex}.ss-spinner.small{border-width:2px;width:16px;height:16px}.ss-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:24px 32px;animation:.4s ease-out fadeInDown;display:flex;box-shadow:0 10px 25px -5px #0000000d}.ss-summary-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ss-summary-icon{color:#6366f1;display:flex}.ss-summary-label{color:#64748b;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.ss-path-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ss-badge-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;padding:8px 16px;transition:all .2s;display:flex}.ss-badge-item:hover{background:#f1f5f9;transform:translateY(-2px)}.ss-badge-value{color:#1e293b;font-size:1rem;font-weight:600}.ss-badge-separator{color:#cbd5e1;font-size:1.2rem;font-weight:400}.ss-edit-path-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f133}.ss-edit-path-btn:hover{background:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 15px #6366f14d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ss-title-edit-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;margin-left:12px;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.ss-title-edit-btn:hover{color:#3b82f6;background:#eff6ff;border-color:#bfdbfe;transform:translateY(-1px)scale(1.05);box-shadow:0 4px 6px -1px #0000000d}.ss-visual-grid-section{border-top:1px dashed #e2e8f0;margin-top:24px;padding-top:24px}.ss-visual-grid-wrapper{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;margin-top:12px;padding:24px;box-shadow:0 4px 6px -1px #00000005}.ss-grid-legend{border-bottom:1px solid #f1f5f9;gap:20px;margin-bottom:20px;padding-bottom:16px;display:flex}.ss-legend-item{color:#64748b;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.ss-legend-item .ss-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:4px;width:16px;height:16px}.ss-legend-item .ss-box.selected{background:#4f46e5;border-color:#4f46e5}.ss-visual-grid-container{padding-bottom:8px;overflow-x:auto}.ss-visual-grid-table{border-collapse:separate;border-spacing:8px;table-layout:fixed;width:100%}.ss-row-header-label{text-transform:uppercase;color:#94a3b8;text-align:center;width:100px;min-width:100px;padding:8px 12px;font-size:.75rem}.ss-col-header{color:#475569;text-align:center;background:#f1f5f9;border-radius:10px;padding:10px 8px;font-size:.8rem;font-weight:700}.ss-row-label-cell{color:#1e293b;text-align:center;background:#f8fafc;border-radius:10px;width:100px;min-width:100px;padding:10px 16px;font-size:.9rem;font-weight:800}.ss-visual-cell{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.ss-visual-cell:hover{color:#4f46e5;z-index:5;background:#f5f3ff;border-color:#4f46e5;transform:scale(1.04);box-shadow:0 4px 12px #4f46e526}.ss-visual-cell.selected{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 4px 10px #4f46e54d}.ss-visual-cell.selected:hover{background:#4338ca;transform:scale(1.04)}.ss-cell-empty{opacity:.5;background:repeating-linear-gradient(45deg,#f8fafc,#f8fafc 5px,#f1f5f9 5px 10px);border-radius:10px;height:48px}.scm-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s scmFadeIn;display:flex;position:fixed;inset:0}.scm-modal{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.25s scmSlideUp;display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.scm-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.scm-title-group{align-items:center;gap:10px;display:flex}.scm-title-group h3{color:#0f172a;margin:0;font-size:17px;font-weight:800}.scm-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.scm-close-btn:hover{color:#0f172a;background:#e2e8f0}.scm-body{flex-direction:column;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.scm-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.scm-info-row{justify-content:space-between;align-items:center;font-size:13.5px;display:flex}.scm-info-label{color:#64748b;font-weight:600}.scm-info-value{color:#0f172a;text-align:right;font-weight:700}.scm-location-badge{color:#2563eb;word-break:break-word;text-align:left;background:#eff6ff;border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:700}.scm-switch-bar{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;gap:4px;padding:4px;display:flex}.scm-switch-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.scm-switch-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #00000014}.scm-code-display-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:210px;padding:20px;display:flex;box-shadow:inset 0 2px 4px #00000005}.scm-unique-code{color:#0f172a;letter-spacing:.06em;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;margin-top:8px;padding:6px 14px;font-family:monospace;font-size:14px;font-weight:800}.scm-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.scm-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.scm-btn-secondary{color:#475569;background:#fff;border:1px solid #cbd5e1}.scm-btn-secondary:hover{color:#0f172a;background:#f1f5f9}.scm-btn-primary{color:#fff;background:#4f46e5;box-shadow:0 4px 12px #4f46e533}.scm-btn-primary:hover{background:#4338ca}@keyframes scmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scmSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.s3d-container{color:#0f172a;background:#f8fafc;border-radius:20px;width:100%;height:calc(100vh - 120px);min-height:600px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.s3d-canvas{width:100%;height:100%;display:block}.s3d-control-bar{z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;top:16px;left:20px;right:20px}.s3d-bar-group{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:0 4px 20px #0000000f}.s3d-mode-switch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.s3d-mode-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.s3d-mode-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 10px #4f46e54d}.s3d-search-wrap{min-width:260px;position:relative}.s3d-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 14px 8px 36px;font-size:13px;transition:all .2s}.s3d-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.s3d-search-icon{color:#64748b;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.s3d-search-results{z-index:30;background:#fff;border:1px solid #e2e8f0;border-radius:12px;max-height:240px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000001a}.s3d-result-item{cursor:pointer;border-bottom:1px solid #f1f5f9;flex-direction:column;gap:2px;padding:10px 14px;font-size:13px;transition:background .15s;display:flex}.s3d-result-item:hover{background:#eef2ff}.s3d-result-name{color:#0f172a;font-weight:700}.s3d-result-path{color:#64748b;font-size:11px}.s3d-icon-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.s3d-icon-btn:hover{background:#f1f5f9;border-color:#94a3b8}.s3d-breadcrumb-bar{z-index:9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0f172a;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:700;display:flex;position:absolute;top:74px;left:20px;box-shadow:0 4px 16px #0000000d}.s3d-crumb-step{color:#4f46e5;cursor:pointer;transition:color .15s}.s3d-crumb-step:hover{color:#3730a3;text-decoration:underline}.s3d-crumb-sep{color:#94a3b8}.s3d-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fffffff5;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:16px;width:340px;max-height:calc(100% - 100px);padding:20px;animation:.25s s3dSlideIn;display:flex;position:absolute;top:80px;right:20px;overflow-y:auto;box-shadow:0 20px 40px #00000014}.s3d-panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.s3d-panel-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.s3d-panel-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.s3d-panel-close:hover{color:#0f172a;background:#e2e8f0}.s3d-panel-body{flex-direction:column;gap:12px;display:flex}.s3d-panel-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}.s3d-panel-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.s3d-panel-value{color:#0f172a;word-break:break-word;font-size:14px;font-weight:700}.s3d-panel-highlight{color:#4f46e5;font-size:16px}.s3d-panel-actions{gap:8px;margin-top:8px;display:flex}.s3d-panel-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.s3d-btn-qr{color:#fff;background:#4f46e5}.s3d-btn-qr:hover{background:#4338ca}.s3d-btn-barcode{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.s3d-btn-barcode:hover{background:#e2e8f0}.s3d-tooltip{pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;z-index:25;background:#0f172ae6;border:1px solid #fff3;border-radius:8px;margin-top:-10px;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-100%);box-shadow:0 4px 16px #00000026}@keyframes s3dSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.s3d-design-selector{align-items:center;gap:8px;display:flex}.s3d-design-label{color:#64748b;font-size:12px;font-weight:700}.s3d-design-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.s3d-design-btn:hover{background:#f1f5f9;border-color:#94a3b8}.s3d-design-btn.active.wooden{color:#fff;background:linear-gradient(135deg,#b45309 0%,#d97706 100%);border-color:#92400e;box-shadow:0 2px 8px #d9770659}.s3d-design-btn.active.metal{color:#fff;background:linear-gradient(135deg,#334155 0%,#475569 100%);border-color:#1e293b;box-shadow:0 2px 8px #47556959}.s3d-design-btn.active.auto{color:#fff;background:#4f46e5;border-color:#4338ca;box-shadow:0 2px 8px #4f46e559}.s3d-container-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:10px;margin-top:8px;padding:12px;display:flex;box-shadow:0 2px 8px #00000008}.s3d-container-header{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:6px;display:flex}.s3d-container-title{color:#4f46e5;align-items:center;gap:6px;font-size:13px;font-weight:800;display:flex}.s3d-container-count{color:#4338ca;background:#eef2ff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.s3d-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;transition:all .15s;display:flex}.s3d-product-card:hover{background:#fff;border-color:#818cf8;box-shadow:0 4px 12px #6366f11a}.s3d-product-title{color:#0f172a;justify-content:space-between;align-items:center;font-size:13.5px;font-weight:800;display:flex}.s3d-product-meta{color:#64748b;justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.storage-allocation-container{flex-direction:column;gap:24px;height:100%;padding:24px;animation:.3s fadeIn;display:flex}.sa-header{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;box-shadow:0 4px 15px #0000000d}.sa-title{color:var(--text);margin:0 0 6px;font-size:1.5rem;font-weight:700}.sa-subtitle{color:var(--text-muted);margin:0;font-size:.9rem}.sa-new-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f140}.sa-new-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f159}.sa-content-area{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.sa-empty-state{text-align:center;max-width:400px}.sa-empty-icon{width:80px;height:80px;color:var(--primary);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.sa-empty-state h3{color:var(--text);margin:0 0 10px;font-size:1.25rem}.sa-empty-state p{color:var(--text-muted);margin:0 0 24px;line-height:1.5}.sa-empty-btn{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;padding:10px 24px;font-weight:600;transition:all .2s}.sa-empty-btn:hover{background:#6366f10d}.sa-content-wrapper{flex:1}.sa-grid-area{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.sa-card-item{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;padding:24px;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 15px #00000005}.sa-card-item:hover{transform:translateY(-4px);box-shadow:0 15px 30px #0000000d}.sa-card-header-actions{gap:8px;display:flex;position:absolute;top:16px;right:16px}.sa-icon-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.sa-icon-btn.edit-btn{color:#4f46e5;background:#f0f4ff}.sa-icon-btn.edit-btn:hover{background:#e0e7ff}.sa-icon-btn.delete-btn{color:#e11d48;background:#fff1f2}.sa-icon-btn.delete-btn:hover{background:#ffe4e6}.sa-card-icon-wrap{margin-top:10px;margin-bottom:20px}.sa-card-icon-circle{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 10px 20px #2563eb66}.sa-card-body-centered{text-align:center;flex:1;margin-bottom:24px}.sa-card-title-lg{color:#0f172a;margin:0 0 12px;font-size:1.5rem;font-weight:800}.sa-card-desc-lg{color:#64748b;margin:0;padding:0 10px;font-size:.95rem;line-height:1.5}.sa-select-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:14px;font-size:1rem;font-weight:700;transition:background .2s}.sa-select-btn:hover{background:#1d4ed8}.sa-status-badge{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.sa-status-badge.active{color:#166534;background:#22c55e26}.sa-action-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.sa-action-btn:hover{color:var(--primary);border-color:var(--primary);background:#f8fafc}.custom-stock-dropdown:hover{background:var(--bg-card,#fff);border-color:var(--primary)!important}.custom-stock-dropdown.active{background:var(--bg-card,#fff);border-color:var(--primary)!important;box-shadow:0 0 0 3px #2563eb1a!important}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-track{background:#f1f5f9}.scrollbar-custom::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=dark] .storage-allocation-container{background-color:#0b0f19!important}[data-theme=dark] .sa-header,[data-theme=dark] .sa-content-area,[data-theme=dark] .sa-card-item{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .sa-title,[data-theme=dark] .sa-card-title-lg,[data-theme=dark] .sa-empty-state h3{color:#f8fafc!important}[data-theme=dark] .sa-subtitle,[data-theme=dark] .sa-card-desc-lg,[data-theme=dark] .sa-empty-state p{color:#cbd5e1!important}[data-theme=dark] .custom-stock-dropdown{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .custom-stock-dropdown:hover,[data-theme=dark] .custom-stock-dropdown.active{background-color:#0f172a!important;border-color:#6366f1!important}[data-theme=dark] .sa-icon-btn.edit-btn{color:#818cf8!important;background-color:#0f172a!important}[data-theme=dark] .sa-icon-btn.delete-btn{color:#ef4444!important;background-color:#0f172a!important}[data-theme=dark] .sa-action-btn{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}.add-delivery-container{background:#f8fafc;min-height:calc(100vh - 80px);padding:2rem}.delivery-entry-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.btn-back{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:0;font-weight:700;transition:transform .2s;display:flex}.btn-back:hover{transform:translate(-4px)}.delivery-entry-header h2{color:#1e293b;margin:0;font-size:1.8rem;font-weight:800}.delivery-entry-header p{color:#64748b;margin:4px 0 0}.delivery-id-badge{text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000008}.badge-label{color:#94a3b8;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:800;display:block}.badge-value{color:#1e293b;font-size:1.2rem;font-weight:800}.delivery-form-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 10px 25px #00000005}.card-header{color:#1e293b;border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.card-header svg{color:#6366f1}.input-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}.input-group input,.input-group select,.custom-status-display,.item-row input,.item-row select{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.input-group input:focus,.input-group select:focus,.custom-status-display:focus-within,.item-row input:focus,.item-row select:focus{background:#f5f3ff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.custom-select-wrapper{width:100%;position:relative}.custom-status-display{cursor:pointer;background:#fff;align-items:center;gap:.75rem;font-weight:600;display:flex}.custom-status-display .chevron{color:#94a3b8;margin-left:auto;font-size:.8rem;transition:transform .2s}.custom-status-display .chevron.open{transform:rotate(180deg)}.status-options-list{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:14px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a}.status-option{color:#475569;cursor:pointer;align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.status-option:hover{color:#1e293b;background:#f8fafc}.status-option span{align-items:center;display:flex}.items-table-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #f1f5f9;grid-template-columns:2fr 100px 100px 100px 120px 50px;gap:1rem;padding:0 1rem 1rem;font-size:.75rem;font-weight:800;display:grid}.items-list{flex-direction:column;gap:.75rem;margin:1rem 0;display:flex}.item-row{background:#f8fafc;border-radius:16px;grid-template-columns:2fr 100px 100px 100px 120px 50px;align-items:center;gap:1rem;padding:.75rem;transition:all .2s;display:grid}.item-row:hover{background:#f1f5f9}.col-qty input{text-align:center}.received-input{font-weight:700;color:#15803d!important;background:#f0fdf4!important;border-color:#bbf7d0!important}.damaged-input{font-weight:700;color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.btn-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.btn-remove:hover{color:#fff;background:#ef4444}.btn-add-item{color:#64748b;cursor:pointer;background:0 0;border:2px dashed #e2e8f0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-weight:700;transition:all .2s;display:flex}.btn-add-item:hover{color:#6366f1;background:#f5f3ff;border-color:#6366f1}textarea{resize:none;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:1.5rem;padding:1rem;font-family:inherit}.delivery-actions{gap:1rem;display:flex}.btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #6366f14d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:1rem 2rem;font-weight:700;transition:all .2s}@media (width<=1024px){.items-table-header,.item-row{grid-template-columns:1fr 80px 80px 80px 100px 40px}}.inv-print-container{box-sizing:border-box;background:#e2e8f0;justify-content:center;align-items:flex-start;width:calc(100% + 4rem);min-height:calc(100vh - 80px);margin:-2rem;padding:2rem;display:flex}.inv-wrapper{box-sizing:border-box;color:#111;background:#fff;flex-direction:column;gap:0;width:210mm;min-height:297mm;margin-top:0;padding:32px 36px;font-family:Arial,sans-serif;font-size:13px;display:flex;box-shadow:0 4px 32px #0000001f}.inv-top-title{text-align:center;color:#1a56db;letter-spacing:3px;margin-bottom:24px;font-size:28px;font-weight:900}.inv-company-row{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.inv-company-left p{color:#374151;margin:2px 0;font-size:12px;line-height:1.5}.inv-company-name{color:#1a56db;margin-bottom:6px;font-size:16px;font-weight:800}.inv-logo-right{justify-content:flex-end;align-items:center;display:flex}.inv-logo-box{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:90px;height:60px;display:flex}.inv-logo-text{color:#6b7280;font-size:18px;font-weight:700}.inv-divider{border:none;border-top:1.5px solid #d1d5db;margin:8px 0 20px}.inv-meta-row{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.inv-bill-to{flex:1}.inv-bill-to p{color:#374151;margin:2px 0;font-size:12px;line-height:1.5}.inv-section-label{color:#1a56db;margin-bottom:6px;font-size:14px;font-weight:700}.inv-meta-right{text-align:right;min-width:260px}.inv-meta-table{border-collapse:collapse;width:100%}.inv-meta-table td{padding:3px 6px;font-size:12px;line-height:1.6}.inv-meta-key{color:#6b7280;white-space:nowrap}.inv-meta-val{text-align:right;color:#111;font-weight:600}.inv-items-table{border-collapse:collapse;width:100%;margin-bottom:24px}.inv-items-table thead tr{color:#fff;background:#1a56db}.inv-th-sl{text-align:center;width:5%;padding:10px 12px;font-size:13px;font-weight:700}.inv-th-desc{text-align:left;padding:10px 12px;font-size:13px;font-weight:700}.inv-th-num{text-align:right;width:13%;padding:10px 12px;font-size:13px;font-weight:700}.inv-row-odd{background:#fff}.inv-row-even{background:#f0f4ff}.inv-items-table tbody tr td{color:#1f2937;border-bottom:1px solid #e5e7eb;padding:9px 12px;font-size:12px}.inv-td-center{text-align:center}.inv-td-right{text-align:right}.inv-filler td{border-bottom:1px solid #e5e7eb;height:100px}.inv-footer-row{justify-content:space-between;gap:32px;margin-bottom:24px;display:flex}.inv-payment-info{flex:1}.inv-payment-info p{color:#374151;margin:2px 0;font-size:12px;line-height:1.6}.inv-totals{flex-direction:column;gap:4px;min-width:260px;display:flex}.inv-total-line{color:#374151;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.inv-total-bold{color:#111;font-size:14px;font-weight:700}.inv-balance-due{color:#111;font-size:14px;font-weight:800}.inv-total-divider{border:none;border-top:1px solid #d1d5db;margin:6px 0}.inv-total-divider--blue{border-top:2px solid #1a56db}.inv-terms-section{border-top:1.5px solid #d1d5db;margin-bottom:24px;padding-top:16px}.inv-terms-body{color:#374151;white-space:pre-wrap;font-size:11px;line-height:1.5}.inv-signature-row{border-top:1.5px solid #d1d5db;justify-content:flex-end;margin-top:24px;padding-top:20px;display:flex}.inv-signature-box{text-align:center;min-width:160px}.inv-cursive-sig{color:#111;margin-bottom:6px;font-family:Brush Script MT,cursive;font-size:38px;line-height:1.2}.inv-sig-label{color:#111;font-size:13px;font-weight:700}@media print{.inv-print-container{background:0 0;padding:0}.inv-wrapper{width:100%;min-height:auto;box-shadow:none}}.process-view-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.process-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.process-header-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.process-header-title h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.process-header-title p{color:#64748b;margin:.2rem 0 0;font-size:.82rem}.view-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.view-toggle-btn:hover{color:#1e293b}.view-toggle-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 6px #4f46e51f,0 1px 2px #0000000d}.process-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.process-search-wrap{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.process-search-wrap .search-icon{color:#94a3b8;position:absolute;left:12px}.process-search-wrap input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem .65rem 2.35rem;font-size:.88rem;transition:all .2s}.process-search-wrap input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.process-filter-actions{align-items:center;gap:.75rem;display:flex}.process-filter-actions select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.86rem;font-weight:600}.process-refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.process-refresh-btn:hover{color:#4f46e5;background:#f8fafc;border-color:#94a3b8}.process-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a}.process-table-responsive{width:100%;overflow-x:auto}.process-data-table{table-layout:fixed;border-collapse:collapse;text-align:left;width:100%;min-width:860px;font-size:.86rem}.process-data-table th{color:#8a94a6;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.process-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.9rem 1rem}.process-data-table tbody tr{cursor:pointer;transition:background-color .15s}.process-data-table tbody tr:hover{background-color:#f8fafc}.process-order-code{color:#4338ca;letter-spacing:.3px;font-family:monospace,sans-serif;font-weight:750}.process-product-name{color:#0f172a;font-weight:600;transition:color .15s}.process-product-name:hover{color:#4f46e5;text-decoration:underline}.process-supplier-name{color:#334155;font-weight:500}.product-cell-stack{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.product-cell-stack-with-image{align-items:center;gap:12px;display:flex}.product-cell-stack-with-image.clickable{cursor:pointer}.product-cell-stack-with-image.clickable:hover .process-product-name{color:#4f46e5;text-decoration:underline}.process-prod-thumb{object-fit:cover;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:44px;height:44px;box-shadow:0 1px 3px #0000000d}.process-prod-thumb-placeholder{background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.details-product-header-with-image{border-bottom:1px solid #f1f5f9;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:14px;display:flex}.details-prod-large-img{object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;width:68px;height:68px;box-shadow:0 2px 6px #0000000f}.details-prod-large-placeholder{background-color:#f1f5f9;border:1px dashed #cbd5e1;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex}.details-prod-info-stack{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.details-prod-title{color:#0f172a;margin:0;font-size:1.1rem;font-weight:700}.process-status-badge{letter-spacing:.3px;border:1px solid #0000;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:.74rem;font-weight:750;display:inline-flex}.process-status-badge.pending{color:#b45309;background:#fffbeb;border-color:#fde68a}.process-status-badge.progress{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.process-status-badge.accepted,.process-status-badge.completed{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.process-status-badge.rejected,.process-status-badge.cancelled{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.supplier-grid-layout{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.supplier-process-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.35rem 1.5rem;transition:all .25s;display:flex;position:relative;box-shadow:0 4px 16px #0000000a}.supplier-process-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.supplier-card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.supplier-avatar-wrap{align-items:center;gap:.75rem;display:flex}.supplier-avatar-icon{color:#4f46e5;background:#eef2ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:800;display:flex}.supplier-info-meta h4{color:#0f172a;margin:0;font-size:1rem;font-weight:750}.supplier-id-tag{color:#64748b;margin-top:2px;font-family:monospace,sans-serif;font-size:.76rem;display:inline-block}.orders-count-badge{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;padding:4px 10px;font-size:.72rem;font-weight:800}.supplier-stats-summary{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem 1rem;display:grid}.stat-item{flex-direction:column;display:flex}.stat-item .stat-label{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.stat-item .stat-value{color:#0f172a;margin-top:2px;font-size:1.1rem;font-weight:800}.card-products-preview{flex-direction:column;gap:.5rem;display:flex}.card-products-preview .preview-heading{color:#475569;text-transform:uppercase;letter-spacing:.3px;font-size:.74rem;font-weight:800}.preview-products-list{flex-direction:column;gap:.4rem;max-height:180px;display:flex;overflow-y:auto}.preview-product-chip{cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:.78rem;transition:all .15s;display:flex}.preview-product-chip:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.preview-product-chip .p-name{white-space:nowrap;text-overflow:ellipsis;max-width:190px;font-weight:600;overflow:hidden}.preview-product-chip .p-qty{color:#059669;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-size:.72rem;font-weight:700}.btn-card-view-products{color:#4f46e5;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:auto;padding:8px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.btn-card-view-products:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.product-details-container{flex-direction:column;gap:1.25rem;width:100%;display:flex}.details-top-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.35rem;display:flex;box-shadow:0 2px 10px #00000008}.btn-back-to-process{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:7px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-back-to-process:hover{color:#0f172a;background:#e2e8f0}.details-top-right-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.process-buyer-actions{align-items:center;gap:.5rem;display:inline-flex}.btn-action-accept{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #10b98140}.btn-action-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98159}.btn-action-partial{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-partial:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.btn-action-reject{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-action-reject:hover{background:#fee2e2}.details-status-display{align-items:center;gap:.5rem;display:flex}.details-status-label{color:#64748b;font-size:.82rem;font-weight:650}.process-details-cards-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:1.25rem;display:grid}.details-card-dispatch{grid-column:1/2}@media (width<=1024px){.process-details-cards-grid{grid-template-columns:repeat(2,1fr)}.details-card-dispatch{grid-column:1/-1}}@media (width<=768px){.process-details-cards-grid{grid-template-columns:1fr}.details-card-dispatch{grid-column:1/-1}}.details-section-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;min-height:220px;padding:1.35rem 1.4rem;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000008}.details-section-card:hover{border-color:#cbd5e1;box-shadow:0 4px 16px #0000000d}.section-card-header{align-items:center;gap:.5rem;display:flex}.section-card-header .sec-icon{color:#4f46e5;flex-shrink:0}.section-card-title{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:.95rem;font-weight:800}.section-card-divider{background:#f1f5f9;width:100%;height:1px;margin:.75rem 0 1rem}.details-fields-two-col{grid-template-columns:1fr 1fr;gap:1.1rem 1.25rem;display:grid}.detail-field-box{flex-direction:column;gap:.2rem;display:flex}.field-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.7rem;font-weight:750}.field-value{color:#0f172a;word-break:break-word;font-size:.92rem;font-weight:750;line-height:1.3}.field-value.qty-positive{color:#059669;font-weight:800}.field-value.price-val{color:#2563eb;font-weight:800}.field-value.order-id-val{color:#0f172a;font-weight:800}.dispatch-notes-box{color:#334155;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:58px;margin-top:.35rem;padding:.85rem 1rem;font-size:.86rem;font-weight:500}.process-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;background:#0f172a73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.process-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) processModalIn;overflow:hidden;box-shadow:0 20px 40px #00000026}@keyframes processModalIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.process-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.process-modal-header h3{color:#0f172a;margin:0;font-size:1.05rem;font-weight:800}.process-modal-header p{color:#64748b;margin:.2rem 0 0;font-size:.8rem}.process-modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.process-modal-close-btn:hover{color:#0f172a;background:#f1f5f9}.process-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.modal-item-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:.4rem;padding:.85rem 1rem;font-size:.84rem;display:flex}.modal-summary-row{justify-content:space-between;align-items:center;display:flex}.modal-summary-row .label{color:#64748b;font-weight:600}.modal-summary-row .value{color:#0f172a;font-weight:750}.process-modal-input-group{flex-direction:column;gap:.35rem;display:flex}.process-modal-input-group label{color:#334155;text-transform:uppercase;font-size:.78rem;font-weight:750}.process-modal-input{color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:.88rem}.process-modal-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.process-modal-textarea{color:#0f172a;box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:80px;padding:9px 12px;font-family:inherit;font-size:.88rem}.process-modal-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.process-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:7px 16px;font-size:.84rem;font-weight:700;transition:all .15s}.btn-modal-confirm{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:7px 18px;font-size:.84rem;font-weight:750;transition:all .15s;box-shadow:0 2px 6px #4f46e540}.btn-modal-confirm:hover{background:#4338ca}.btn-modal-confirm.danger{background:#dc2626;box-shadow:0 2px 6px #dc262640}.btn-modal-confirm.danger:hover{background:#b91c1c}.process-loading-state,.process-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 2rem;display:flex}.process-empty-state h4{color:#1e293b;margin:1rem 0 .35rem;font-size:1.15rem;font-weight:750}.process-empty-state p{color:#64748b;margin:0;font-size:.85rem}.process-pagination-row{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;padding:1.25rem;display:flex}.supplier-details-view{flex-direction:column;gap:1.25rem;width:100%;display:flex}.supplier-details-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.supplier-details-header-top{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.85rem;display:flex}.supplier-quick-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.supplier-meta-badge{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;display:inline-flex}.supplier-meta-badge strong{color:#0f172a}.supplier-meta-badge.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.supplier-meta-badge.success strong{color:#065f46}.supplier-details-title-row{align-items:center;gap:1rem;display:flex}.supplier-avatar-large{color:#4f46e5;background:#eef2ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.supplier-details-title-row h3{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:800}.supplier-details-title-row p{color:#64748b;margin:3px 0 0;font-size:.84rem}.supplier-summary-cards-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.summary-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:1rem;padding:1.25rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 16px #0000000a}.summary-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.stat-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.stat-card-icon.orders{color:#4f46e5;background:#eef2ff}.stat-card-icon.req-qty{color:#16a34a;background:#f0fdf4}.stat-card-icon.sup-qty{color:#059669;background:#ecfdf5}.stat-card-icon.value{color:#9333ea;background:#faf5ff}.stat-card-content{flex-direction:column;gap:2px;display:flex}.stat-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:.76rem;font-weight:700}.stat-card-number{color:#0f172a;font-size:1.45rem;font-weight:800;line-height:1.2}.stat-card-number.text-success{color:#059669}.stat-card-number.text-indigo{color:#4f46e5}.stat-card-sub{color:#94a3b8;margin-top:2px;font-size:.74rem}.supplier-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.date-filter-section{border-bottom:1px solid #f1f5f9;flex-direction:column;gap:.85rem;padding-bottom:1.15rem;display:flex}.date-filter-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.date-filter-heading{color:#1e293b;align-items:center;gap:6px;font-size:.88rem;font-weight:750;display:inline-flex}.date-filter-dropdown-wrap{align-items:center;min-width:180px;display:inline-flex;position:relative}.date-range-dropdown-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:.55rem 1.8rem .55rem .85rem;font-size:.84rem;font-weight:600;transition:all .2s;box-shadow:0 1px 3px #0000000a}.date-range-dropdown-select:hover{border-color:#4f46e5}.date-range-dropdown-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.process-date-dropdown-wrap{align-items:center;display:inline-flex;position:relative}.process-date-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.55rem 1.8rem .55rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s}.process-date-select:hover{border-color:#4f46e5}.process-date-select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.process-custom-date-row{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:.65rem;padding:.5rem .85rem;display:flex}.process-custom-date-row input[type=date]{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:.35rem .65rem;font-size:.8rem}.process-custom-date-row input[type=date]:focus{border-color:#4f46e5}.btn-custom-date-apply{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;transition:background .15s}.btn-custom-date-apply:hover{background:#4338ca}.btn-custom-date-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.35rem .65rem;font-size:.78rem;font-weight:600;transition:all .15s}.btn-custom-date-reset:hover{color:#1e293b;background:#f1f5f9}.date-inputs-row{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.date-input-field{flex-direction:column;gap:4px;display:flex}.date-input-field label{color:#475569;font-size:.76rem;font-weight:700}.date-input-field input[type=date]{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:.55rem .85rem;font-size:.84rem;transition:border-color .15s}.date-input-field input[type=date]:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.date-buttons-group{align-items:center;gap:.5rem;display:flex}.btn-date-action{cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:.6rem 1rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-date-action.apply{color:#fff;background:#4f46e5;border:1px solid #4f46e5;box-shadow:0 2px 6px #4f46e533}.btn-date-action.apply:hover{background:#4338ca;border-color:#4338ca}.btn-date-action.reset{color:#64748b;background:#fff;border:1px solid #cbd5e1}.btn-date-action.reset:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.date-validation-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;display:flex}.supplier-search-status-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.supplier-status-filter-wrap select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem .95rem;font-size:.86rem}.supplier-status-filter-wrap select:focus{border-color:#4f46e5}.process-data-table.supplier-wise-table{table-layout:fixed;width:100%}.prod-id-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.74rem;font-weight:700;display:inline-block}.process-order-code.clickable{cursor:pointer;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.process-order-code.clickable:hover{color:#312e81;text-decoration:underline}.product-cell-stack.clickable{cursor:pointer}.product-cell-stack.clickable:hover .process-product-name{color:#4f46e5;text-decoration:underline}.btn-table-view-details{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:7px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:700;transition:all .15s;display:inline-flex}.btn-table-view-details:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 6px #4f46e533}.details-status-control-wrap{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.details-status-select{color:#1e293b;cursor:pointer;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:.85rem;font-weight:600;transition:all .2s;box-shadow:0 1px 2px #0000000d}.details-status-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.details-status-select:disabled{color:#94a3b8;cursor:not-allowed;background-color:#f1f5f9}.status-updating-spinner{color:#4f46e5}.status-saving-pill{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.table-status-cell-wrap{flex-direction:column;align-items:center;gap:5px;display:inline-flex}.table-status-select{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:3px 8px;font-size:.75rem;font-weight:600;transition:border-color .15s}.table-status-select:hover{border-color:#4f46e5}.table-status-select:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}.table-status-updating{color:#4f46e5;align-items:center;font-size:.75rem;display:inline-flex}.dispatch-notes-box{color:#1e293b;white-space:pre-wrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-height:48px;padding:12px 14px;font-size:.9rem;line-height:1.5;transition:all .2s}.dispatch-notes-box.clickable{cursor:pointer}.dispatch-notes-box.clickable:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-edit-dispatch-notes{color:#4f46e5;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-edit-dispatch-notes:hover{background:#eef2ff;border-color:#c7d2fe}.dispatch-notes-edit-area{flex-direction:column;gap:10px;width:100%;display:flex}.dispatch-notes-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:border-color .2s}.dispatch-notes-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.dispatch-notes-actions{align-items:center;gap:10px;display:flex}.btn-save-notes{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 16px;font-size:.83rem;font-weight:600;transition:background-color .15s;display:inline-flex}.btn-save-notes:hover:not(:disabled){background:#4338ca}.btn-save-notes:disabled{opacity:.65;cursor:not-allowed}.btn-cancel-notes{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.btn-cancel-notes:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#94a3b8}.btn-table-notes{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;max-width:140px;padding:4px 8px;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-table-notes:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.table-notes-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.process-status-badge.hold{color:#991b1b;background:#fef2f2;border-color:#fecaca}.restock-dashboard-wrapper{flex-direction:column;gap:1.5rem;display:flex}.dashboard-cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.metrics-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:1.35rem 1.5rem;transition:all .25s;display:flex;box-shadow:0 4px 16px #0000000a}.metrics-card:hover,.metrics-card.active{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.metrics-card.pending.active{background:#fffbe6;border-color:#f59e0b}.metrics-card.accepted.active{background:#eff6ff;border-color:#3b82f6}.metrics-card.completed.active{background:#ecfdf5;border-color:#10b981}.metrics-card.rejected.active{background:#fef2f2;border-color:#ef4444}.card-top{justify-content:space-between;align-items:center;display:flex}.card-lbl{color:#64748b;letter-spacing:.5px;font-size:.73rem;font-weight:750}.card-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.card-icon-wrap.pending{color:#d97706;background:#fef3c7}.card-icon-wrap.accepted{color:#2563eb;background:#dbeafe}.card-icon-wrap.completed{color:#059669;background:#d1fae5}.card-icon-wrap.rejected{color:#dc2626;background:#fee2e2}.card-sub{color:#64748b;font-size:.8rem}.restock-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;box-shadow:0 4px 16px #0000000a}.table-controls-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.search-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-wrap .search-icon{color:#94a3b8;position:absolute;left:12px}.search-wrap input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem .65rem 2.25rem;font-size:.88rem}.filter-group{align-items:center;gap:.75rem;display:flex}.filter-group select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:.65rem .85rem;font-size:.88rem}.refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.refresh-btn:hover{color:#0f172a;background:#f1f5f9}.spin{animation:1s linear infinite spin}.table-responsive{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.restock-history-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:860px;font-size:.88rem}.restock-history-table th{color:#8a94a6;letter-spacing:.6px;white-space:nowrap;background:0 0;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.restock-history-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.95rem 1rem}.restock-history-table tbody tr:hover{background-color:#f8fafc}.sno-col{color:#64748b;white-space:nowrap;font-size:.85rem;font-weight:600}.req-code-col{white-space:nowrap}.req-code-clickable{color:#4f46e5;cursor:pointer;font-weight:750;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s;display:inline-block}.req-code-clickable:hover{color:#3730a3;text-decoration:underline}.prod-col{line-height:1.35;overflow:hidden}.product-cell-stack{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:flex}.prod-name-title{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;font-weight:700;line-height:1.3;overflow:hidden}.prod-code-badge{color:#475569;letter-spacing:.25px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:1.5px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.73rem;font-weight:600;display:inline-block}.supplier-col{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.supplier-name-text{color:#334155;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.88rem;font-weight:600;display:block;overflow:hidden}.date-col{color:#64748b;white-space:nowrap;font-size:.85rem}.qty-badge{color:#334155;background:#f1f5f9;border-radius:9999px;padding:3px 12px;font-size:.82rem;font-weight:700;display:inline-block}.qty-badge.bold{color:#4f46e5;background:#eef2ff}.qty-badge.success{color:#047857;background:#ecfdf5}.qty-badge.info{color:#1d4ed8;background:#eff6ff}.restock-status-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;display:inline-flex}.restock-status-badge.pending{color:#b45309;background:#fef3c7}.restock-status-badge.accepted{color:#1d4ed8;background:#dbeafe}.restock-status-badge.partial{color:#4338ca;background:#e0e7ff}.restock-status-badge.partial-received{color:#7e22ce;background:#f3e8ff}.restock-status-badge.completed{color:#047857;background:#d1fae5}.restock-status-badge.rejected{color:#b91c1c;background:#fee2e2}.history-action-btns{flex-wrap:nowrap;justify-content:center;align-items:center;gap:.35rem;display:flex}.act-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.act-btn.receive{color:#fff;background:#10b981}.act-btn.receive:hover{background:#059669}.act-btn.accept{color:#fff;background:#3b82f6}.act-btn.accept:hover{background:#2563eb}.act-btn.partial{color:#fff;background:#6366f1}.act-btn.partial:hover{background:#4f46e5}.act-btn.reject{color:#fff;background:#ef4444}.act-btn.reject:hover{background:#dc2626}.act-btn.view{color:#4338ca;background:#e0e7ff}.act-btn.view:hover{color:#3730a3;background:#c7d2fe}.act-btn.audit{color:#64748b;background:#f1f5f9;padding:.35rem .55rem}.act-btn.audit:hover{color:#0f172a;background:#e2e8f0}.view-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:.25rem 0;display:grid}.view-detail-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:.3rem;padding:.85rem 1rem;display:flex}.view-detail-item.full-width{grid-column:1/-1}.detail-label{color:#64748b;letter-spacing:.4px;font-size:.72rem;font-weight:750}.detail-label.danger{color:#dc2626}.detail-value{color:#0f172a;font-size:.92rem;font-weight:600}.detail-value.bold{font-weight:750}.detail-value.badge-val{background:#f1f5f9;border-radius:12px;width:fit-content;padding:2px 10px;font-size:.85rem;font-weight:750;display:inline-block}.detail-value.badge-val.bold{color:#4f46e5;background:#eef2ff}.detail-value.badge-val.success{color:#047857;background:#ecfdf5}.detail-value.badge-val.info{color:#1d4ed8;background:#eff6ff}.danger-box{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.6rem .85rem;font-size:.88rem}.notes-box{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.6rem .85rem;font-size:.88rem}.supplier-quick-actions{flex-wrap:nowrap;align-items:center;gap:.3rem;display:flex}.empty-history-state{text-align:center;padding:3rem 1.5rem}.empty-history-state .empty-icon{color:#cbd5e1;margin-bottom:.5rem}.empty-title{color:#334155;margin:0 0 .2rem;font-weight:750}.empty-sub{color:#94a3b8;margin:0;font-size:.85rem}.table-pagination-row{margin-top:1.25rem}.dash-modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dash-modal-card{background:#fff;border-radius:16px;width:100%;max-width:520px;overflow:hidden;box-shadow:0 20px 40px #0003}.dash-modal-card.large{max-width:650px}.dash-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.15rem 1.35rem;display:flex}.dash-modal-header h3{color:#0f172a;margin:0;font-size:1.1rem;font-weight:750}.dash-modal-header button{color:#64748b;cursor:pointer;background:0 0;border:none}.dash-modal-body{flex-direction:column;gap:1rem;max-height:70vh;padding:1.35rem;display:flex;overflow-y:auto}.dash-modal-desc{color:#475569;margin:0;font-size:.9rem}.modal-info-pill{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;gap:1.5rem;padding:.65rem 1rem;font-size:.85rem;display:flex}.dash-form-group{flex-direction:column;gap:.35rem;display:flex}.dash-form-group label{color:#475569;font-size:.75rem;font-weight:750}.dash-input-field{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem}.dash-input-field.large{color:#4f46e5;text-align:center;font-size:1.25rem;font-weight:800}.dash-textarea{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem}.dash-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1rem 1.35rem;display:flex}.dash-btn{cursor:pointer;border:none;border-radius:10px;padding:.6rem 1.15rem;font-size:.88rem;font-weight:700}.dash-btn.primary{color:#fff;background:#4f46e5}.dash-btn.primary:hover{background:#4338ca}.dash-btn.secondary{color:#475569;background:#e2e8f0}.dash-btn.secondary:hover{background:#cbd5e1}.dash-btn.danger{color:#fff;background:#ef4444}.dash-btn.danger:hover{background:#dc2626}.audit-timeline{flex-direction:column;gap:1rem;padding-left:1.5rem;display:flex;position:relative}.audit-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:8px;bottom:8px;left:7px}.audit-timeline-item{flex-direction:column;gap:.2rem;display:flex;position:relative}.timeline-badge{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:2px;left:-1.5rem}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-action{color:#0f172a;font-size:.9rem;font-weight:750}.timeline-time{color:#94a3b8;font-size:.75rem}.timeline-details{color:#475569;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;margin:0;padding:.5rem .75rem;font-size:.85rem}[data-theme=dark] .metrics-card,[data-theme=dark] .restock-table-card{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .card-lbl,[data-theme=dark] .card-sub,[data-theme=dark] .sno-col,[data-theme=dark] .date-col,[data-theme=dark] .supplier-col{color:#cbd5e1!important}[data-theme=dark] .card-val,[data-theme=dark] .prod-col{color:#f8fafc!important}[data-theme=dark] .metrics-card.pending.active{background-color:#f59e0b26!important;border-color:#f59e0b!important}[data-theme=dark] .metrics-card.accepted.active{background-color:#3b82f626!important;border-color:#3b82f6!important}[data-theme=dark] .metrics-card.completed.active{background-color:#10b98126!important;border-color:#10b981!important}[data-theme=dark] .metrics-card.rejected.active{background-color:#ef444426!important;border-color:#ef4444!important}[data-theme=dark] .search-wrap input,[data-theme=dark] .filter-group select,[data-theme=dark] .refresh-btn{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .table-responsive{border-color:#334155!important}[data-theme=dark] .restock-history-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .restock-history-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .restock-history-table tbody tr:hover td{background-color:#334155!important}[data-theme=dark] .dash-modal-card{color:#f8fafc!important;background-color:#1e293b!important}[data-theme=dark] .dash-modal-header,[data-theme=dark] .dash-modal-footer{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .dash-modal-header h3{color:#f8fafc!important}[data-theme=dark] .view-detail-item,[data-theme=dark] .modal-info-pill{background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .detail-label{color:#cbd5e1!important}[data-theme=dark] .detail-value{color:#f8fafc!important}[data-theme=dark] .dash-input-field,[data-theme=dark] .dash-textarea{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}.auto-restock-tag{color:#d97706;background:#fef3c7;border-radius:6px;align-items:center;gap:2px;margin-top:3px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-flex}.price-col{color:#334155;white-space:nowrap;font-size:.85rem;font-weight:600}.restock-top-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:.25rem;display:flex}.restock-header-left h2{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.45rem;font-weight:800}.restock-header-left p{color:#64748b;margin:.25rem 0 0;font-size:.875rem}.restock-header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.restock-mode-switch-center-row{justify-content:center;align-items:center;width:100%;margin:.25rem 0 .5rem;display:flex}.orders-process-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.op-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.op-toggle-btn:hover{color:#1e293b}.op-toggle-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 8px #4f46e547,0 1px 2px #00000014}.stock-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:4px;display:inline-flex}.mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.mode-btn:hover{color:#334155}.mode-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #4f46e51f,0 1px 2px #0000000f}.btn-supplier-request{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e547}.btn-supplier-request:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e559}.req-type-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:750;display:inline-flex}.req-type-badge.manual{color:#db2777;background:#fdf2f8;border:1px solid #fbcfe8}.req-type-badge.auto{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.code-pill{color:#475569;background:#f1f5f9;border-radius:5px;padding:2px 7px;font-family:monospace;font-size:.75rem;font-weight:600;display:inline-block}.dash-modal-card.x-large{width:95%;max-width:900px}.modal-header-icon.manual{color:#4f46e5;background:#eef2ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-sub-title{color:#64748b;margin:2px 0 0;font-size:.8rem}.manual-step-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem 1.25rem}.step-header{align-items:center;gap:.6rem;margin-bottom:.875rem;display:flex}.step-badge{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:800;display:flex}.step-header h4{color:#1e293b;margin:0;font-size:.95rem;font-weight:750}.selected-count-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:3px 9px;font-size:.78rem;font-weight:700}.supplier-selection-grid{grid-template-columns:1fr 1fr;gap:.875rem;display:grid}@media (width<=640px){.supplier-selection-grid{grid-template-columns:1fr}}.supplier-search-input-wrap{align-items:center;display:flex;position:relative}.supplier-search-input-wrap .search-icon{color:#94a3b8;position:absolute;left:12px}.supplier-search-input-wrap input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:.85rem;transition:border-color .2s}.supplier-search-input-wrap input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.supplier-dropdown-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-size:.85rem;font-weight:600;transition:border-color .2s}.supplier-dropdown-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.manual-products-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:280px;overflow-y:auto}.manual-products-table{border-collapse:collapse;width:100%;font-size:.85rem}.manual-products-table th{color:#475569;z-index:1;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:9px 12px;font-size:.72rem;font-weight:750;position:sticky;top:0}.manual-products-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.manual-products-table tbody tr:hover{background:#f8fafc}.manual-products-table tbody tr.selected-row{background:#f5f3ff}.stock-level-badge{border-radius:5px;padding:2px 7px;font-size:.78rem;font-weight:700;display:inline-block}.stock-level-badge.low{color:#dc2626;background:#fee2e2;border:1px solid #fecaca}.stock-level-badge.min{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.qty-input-field{text-align:center;color:#1e293b;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:75px;padding:5px 8px;font-size:.85rem;font-weight:700;transition:all .2s}.qty-input-field:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.qty-input-field:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.price-input-container{align-items:center;width:95px;display:inline-flex;position:relative}.price-prefix{color:#64748b;pointer-events:none;font-size:.82rem;font-weight:700;position:absolute;left:8px}.price-input-field{text-align:left;color:#0f766e;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:5px 8px 5px 20px;font-size:.85rem;font-weight:700;transition:all .2s}.price-input-field:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}.price-input-field:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9}.manual-empty-prompt{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:2.25rem 1rem;display:flex}.manual-empty-prompt .empty-icon{color:#94a3b8;margin-bottom:.5rem}.manual-empty-prompt .empty-icon.text-success{color:#10b981}.prompt-title{color:#334155;margin:0 0 .25rem;font-size:.95rem;font-weight:750}.prompt-sub{color:#64748b;margin:0;font-size:.8rem}.manual-loading-state{color:#4f46e5;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1rem;font-size:.88rem;font-weight:600;display:flex}.manual-notes-section{flex-direction:column;gap:.4rem;display:flex}.notes-label{color:#475569;font-size:.78rem;font-weight:700}.notes-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.85rem}.notes-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.restock-dependent-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1.15rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 16px #0000000a}.restock-dependent-filter-card:hover{border-color:#cbd5e1;box-shadow:0 6px 20px #0000000f}.filter-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.filter-header-title{align-items:center;gap:.75rem;display:flex}.filter-header-icon{color:#4f46e5;box-sizing:content-box;background:#eef2ff;border-radius:8px;padding:6px}.filter-header-title h3{color:#0f172a;margin:0;font-size:.98rem;font-weight:700}.filter-header-title p{color:#64748b;margin:.15rem 0 0;font-size:.78rem}.btn-clear-filters{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-clear-filters:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.filter-dropdowns-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.filter-dropdowns-grid.orders-mode{grid-template-columns:minmax(280px,460px)}.filter-control-box{flex-direction:column;gap:.45rem;display:flex}.filter-control-label{color:#334155;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;display:flex}.filter-control-label .valid-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:.25rem;margin-left:auto;padding:2px 6px;font-size:.7rem;font-weight:700;display:inline-flex}.filter-control-label .loading-tag{color:#4f46e5;margin-left:auto;font-size:.72rem;font-weight:600}.filter-select-wrap{width:100%;position:relative}.filter-select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;width:100%;padding:9px 12px;font-size:.84rem;font-weight:500;transition:all .2s}.filter-select:hover:not(:disabled){border-color:#94a3b8}.filter-select.error{background:#fff5f5;border-color:#ef4444}.filter-inline-error{color:#dc2626;align-items:center;gap:.35rem;font-size:.73rem;font-weight:600;display:flex}.filter-banner-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:8px 12px;font-size:.82rem;font-weight:500;display:flex}.filter-active-path{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.45rem;padding:8px 12px;font-size:.8rem;display:flex}.filter-active-path .path-label{color:#334155;margin-right:.25rem;font-weight:700}.filter-active-path .path-chip{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px}.filter-active-path .path-chip.store{color:#3730a3;background:#eef2ff;border-color:#c7d2fe}.filter-active-path .path-sep{color:#94a3b8;font-weight:700}.restock-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1rem;animation:.25s ease-out fadeInModal;display:flex;position:fixed;inset:0}.restock-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:650px;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.restock-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.header-title-box{align-items:center;gap:.85rem;display:flex}.header-icon-wrap{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f14d}.restock-modal-header h3{color:#0f172a;margin:0;font-size:1.25rem;font-weight:750}.header-sub{color:#64748b;margin:.15rem 0 0;font-size:.82rem}.modal-close-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;transition:all .2s}.modal-close-icon:hover{color:#0f172a;background:#e2e8f0}.restock-banner-alert{color:#b45309;background:#fffbe6;border-bottom:1px solid #ffe58f;align-items:center;gap:.65rem;padding:.75rem 1.5rem;font-size:.85rem;font-weight:500;display:flex}.alert-icon{color:#d97706;flex-shrink:0}.restock-modal-body{flex-direction:column;gap:1.15rem;max-height:calc(85vh - 140px);padding:1.5rem;display:flex;overflow-y:auto}.restock-error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:.65rem 1rem;font-size:.85rem;font-weight:600}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:.85rem;display:grid}.stat-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;padding:.65rem .85rem;display:flex}.stat-lbl{color:#64748b;text-transform:uppercase;font-size:.7rem;font-weight:700}.stat-val{margin-top:.2rem;font-size:1.2rem;font-weight:800}.stat-val.danger{color:#dc2626}.stat-val.warning{color:#d97706}.stat-val.success{color:#16a34a}.restock-form-group{flex-direction:column;gap:.35rem;display:flex}.restock-form-group label{color:#475569;letter-spacing:.5px;font-size:.75rem;font-weight:750}.req-star{color:#ef4444}.read-only-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .85rem;font-size:.9rem;font-weight:600}.restock-input-field,.restock-input-select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.restock-input-field:focus,.restock-input-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.restock-textarea{resize:vertical;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem}.qty-header-row{justify-content:space-between;align-items:center;display:flex}.edit-qty-link{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:.78rem;font-weight:700;display:flex}.qty-large{color:#4f46e5;text-align:center;background:#eef2ff;border-color:#c7d2fe;font-size:1.35rem;font-weight:800}.qty-large.editable{background:#fff;border-color:#6366f1}.restock-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.15rem 1.5rem;display:flex}.footer-right-group{gap:.75rem;display:flex}.restock-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex}.restock-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 12px #6366f14d}.restock-btn.primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-1px)}.restock-btn.secondary{color:#475569;background:#e2e8f0}.restock-btn.secondary:hover{background:#cbd5e1}.restock-btn.outline{color:#6366f1;background:#fff;border:1px solid #cbd5e1}.restock-btn.outline:hover{background:#eef2ff}.stock-request-page-wrapper{box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:1.5rem 2rem;display:flex}.restock-page-header-banner{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;width:100%;margin-bottom:1.5rem;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.header-left-info h1{color:#0f172a;margin:0;font-size:1.45rem;font-weight:750}.header-left-info p{color:#64748b;margin:.2rem 0 0;font-size:.88rem}.tab-toggle-group{align-items:center;gap:.5rem;display:flex}.tab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.45rem;padding:.6rem 1.15rem;font-size:.88rem;font-weight:700;transition:all .2s;display:flex}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#0000;box-shadow:0 4px 12px #6366f14d}.tab-btn:hover:not(.active){color:#0f172a;background:#f8fafc}.create-request-container{justify-content:center;width:100%;display:flex}.stock-request-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:750px;animation:.3s ease-out pageFadeIn;overflow:hidden;box-shadow:0 10px 30px #00000014}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stock-request-header{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.header-title-group{align-items:center;gap:1rem;display:flex}.header-icon{background:#fff3;border-radius:12px;padding:10px}.header-title-group h2{color:#fff;margin:0;font-size:1.4rem;font-weight:750}.header-title-group p{opacity:.9;margin:4px 0 0;font-size:.88rem;font-weight:500}.page-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.page-close-btn:hover{background:#ffffff4d}.stock-request-content{padding:2rem}.form-section{margin-bottom:1.25rem}.form-section label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:750;display:block}.required{color:#ef4444}.static-field{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:10px 14px;font-size:.9rem;font-weight:600}.input-field{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.input-field.error{border-color:#ef4444}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.inner-icon{color:#94a3b8;position:absolute;left:12px}.icon-padding{padding-left:2.25rem}.textarea-field{resize:vertical;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.88rem}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:1.25rem;padding:.65rem 1rem;font-size:.85rem;font-weight:600}.form-actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:10px;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)}.btn-secondary{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:10px;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700}.btn-secondary:hover{background:#cbd5e1}.success-view{text-align:center;padding:2rem 1rem}.success-animation{margin-bottom:1rem;font-size:3rem}.success-view h2{color:#059669;margin-bottom:.5rem}.btn-back{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;margin-top:1.5rem;padding:.65rem 1.5rem;font-weight:700}.pub-inv-page{color:#0f172a;background:#f1f5f9;min-height:100vh;padding-bottom:3rem;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.pub-inv-loading-container,.pub-inv-error-container{text-align:center;color:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;padding:2rem;display:flex}.spin-icon{color:#0070ea;animation:1s linear infinite spin}.error-icon{color:#ef4444;margin-bottom:.5rem}.pub-retry-btn{color:#fff;cursor:pointer;background:#0070ea;border:none;border-radius:8px;align-items:center;gap:.5rem;margin-top:1rem;padding:.65rem 1.4rem;font-weight:600;display:flex}.pub-inv-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:.8rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.topbar-brand{color:#0070ea;align-items:center;gap:.5rem;font-size:.95rem;font-weight:700;display:flex}.topbar-actions{gap:.6rem;display:flex}.pub-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.pub-btn-secondary{color:#0070ea;background:#eff6ff;border:1px solid #bfdbfe}.pub-btn-secondary:hover{background:#dbeafe}.pub-btn-primary{color:#fff;background:#0070ea}.pub-btn-primary:hover{background:#0056b3}.pub-inv-paper{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:820px;margin:1.8rem auto;padding:2.2rem 2.5rem;box-shadow:0 10px 25px -5px #00000014}.inv-top-title-text{text-align:center;color:#0070ea;letter-spacing:4px;margin-bottom:1.75rem;font-size:1.75rem;font-weight:900}.inv-header-flex{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.25rem;display:flex}.col-label{color:#0070ea;letter-spacing:.05em;margin-bottom:4px;font-size:.78rem;font-weight:700}.store-name-bold,.cust-name-bold{color:#0f172a;font-size:1.05rem;font-weight:800}.biz-name-sub{color:#4b5563;margin-bottom:3px;font-size:.8rem;font-weight:600}.address-text,.phone-text,.cust-phone-text{color:#374151;font-size:.82rem;line-height:1.5}.bill-to-col{text-align:right}.inv-meta-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1.2rem;display:grid}.meta-cell{flex-direction:column;gap:3px;font-size:.84rem;display:flex}.meta-cell .lbl{color:#64748b;font-weight:500}.meta-cell .val{color:#1e293b;font-weight:600}.meta-cell .val.bold{color:#0f172a;font-weight:800}.status-badge{text-align:center;border-radius:20px;width:fit-content;padding:2px 10px;font-size:.72rem;font-weight:700;display:inline-block}.status-badge.completed{color:#15803d;background:#dcfce7;border:1px solid #86efac}.status-badge.pending{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.inv-items-table{border-collapse:collapse;border-bottom:2px solid #0070ea;width:100%;margin-bottom:1.5rem;font-size:.85rem}.inv-items-table th{color:#fff;text-align:left;letter-spacing:.04em;background:#0070ea;padding:.65rem .9rem;font-weight:700}.inv-items-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:.75rem .9rem}.sl-col{text-align:center;width:45px}.desc-col{font-weight:600}.qty-col{text-align:center;width:60px;font-weight:700}.rate-col{text-align:right;width:90px}.amount-col{text-align:right;width:100px;font-weight:800}.inv-bottom-flex{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;display:flex}.instructions-col{flex:1}.instruct-heading{color:#0070ea;margin-bottom:.5rem;font-size:.88rem;font-weight:700}.pay-pill-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.6rem;margin-bottom:.4rem;padding:.45rem .8rem;font-size:.8rem;display:flex}.pay-tag{color:#475569;font-weight:600}.pay-mode-badge{color:#0070ea;background:#eff6ff;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.pay-amt{color:#16a34a;font-weight:700}.pay-date{color:#94a3b8;margin-left:auto;font-size:.72rem}.summary-col{flex-direction:column;gap:.3rem;width:240px;font-size:.85rem;display:flex}.sum-row{color:#475569;justify-content:space-between;display:flex}.sum-row.bold{color:#0f172a;font-weight:700}.sum-row.paid{color:#16a34a;font-weight:700}.sum-row.balance{color:#16a34a;font-size:.95rem;font-weight:800}.sum-divider{border-top:1px solid #cbd5e1;margin:2px 0}.sum-divider.bold-divider{border-top:1.5px solid #0070ea;margin:4px 0}.inv-divider-line{border-top:1px solid #e2e8f0;margin:1.25rem 0}.inv-terms-qr-flex{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;display:flex}.terms-col{flex:1}.terms-heading,.policy-heading{color:#0070ea;margin-bottom:.4rem;font-size:.88rem;font-weight:700}.terms-ol,.policy-ul{color:#374151;margin:0;padding-left:1.1rem;font-size:.8rem;line-height:1.6}.policy-ul{padding-left:0;list-style:none}.qr-col{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;display:flex}.qr-box{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;width:120px;height:120px;padding:6px;box-shadow:0 2px 6px #0000000d}.qr-box img{object-fit:contain;width:100%;height:100%;display:block}.qr-caption{color:#475569;margin-top:6px;font-size:.72rem;font-weight:700}.inv-return-policy-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:1.5rem;padding:1rem 1.2rem}.inv-wg-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.1rem 1.3rem}.inv-wg-heading{color:#0070ea;align-items:center;gap:.5rem;margin-bottom:.8rem;font-size:.92rem;font-weight:800;display:flex}.inv-wg-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.9rem;display:grid}.inv-wg-card{background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.85rem 1rem;box-shadow:0 1px 3px #0000000a}.inv-wg-prod-title{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:.4rem;font-size:.88rem;font-weight:700;display:flex}.inv-wg-badge-row{flex-wrap:wrap;gap:.5rem;margin-top:.3rem;display:flex}.wg-pill{border-radius:20px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.wg-pill-warranty{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.wg-pill-guarantee{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.wg-pill-none{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.inv-wg-details-box{color:#475569;margin-top:.4rem;font-size:.78rem;line-height:1.45}.inv-wg-detail-line{flex-wrap:wrap;gap:.4rem;margin-top:2px;display:flex}.inv-wg-detail-line strong{color:#1e293b}.inv-footer-verified{text-align:center;color:#16a34a;border-top:1px dashed #cbd5e1;justify-content:center;align-items:center;gap:.4rem;padding-top:.75rem;font-size:.78rem;display:flex}.inv-footer-verified code{font-family:monospace;font-weight:700}@media print{.pub-inv-topbar,.pub-inv-loading-container,.pub-inv-error-container{display:none!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}html,body{background:#fff!important;width:100%!important;margin:0!important;padding:0!important}.pub-inv-page{min-height:unset!important;background:#fff!important;margin:0!important;padding:0!important}.pub-inv-paper{box-shadow:none!important;visibility:visible!important;background:#fff!important;border:none!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:16px 24px!important;display:block!important}.inv-top-title-text,.col-label,.store-name-bold,.biz-name-sub,.address-text,.phone-text,.cust-name-bold,.cust-phone-text,.inv-meta-bar,.meta-cell,.lbl,.val,.items-table,.items-table th,.items-table td,.payment-section-title,.payment-history-item-row,.summary-col,.summary-row,.balance-row,.terms-col,.return-col,.verified-footer{display:block;visibility:visible!important;color:#000!important}.items-table{border-collapse:collapse!important;width:100%!important;display:table!important}.items-table thead{display:table-header-group!important}.items-table tbody{display:table-row-group!important}.items-table tr{display:table-row!important}.items-table th,.items-table td{display:table-cell!important}.items-table thead tr th{color:#fff!important;background-color:#0070ea!important}.inv-header-flex,.inv-meta-bar,.inv-bottom-flex,.inv-terms-qr-flex{display:flex!important}.status-badge{color:#000!important;background:0 0!important;border:1px solid #000!important}.inv-bottom-flex,.inv-terms-qr-flex{page-break-inside:avoid}.qr-col img,.qr-col canvas,.qr-col svg{visibility:visible!important;display:block!important}.verified-footer{visibility:visible!important;display:flex!important}}@media (width<=640px){.pub-inv-paper{border-radius:12px;margin:1rem .5rem;padding:1.2rem}.inv-header-flex{flex-direction:column;gap:1rem}.bill-to-col{text-align:left}.inv-meta-bar{grid-template-columns:repeat(2,1fr)}.inv-bottom-flex{flex-direction:column;gap:1.2rem}.summary-col{width:100%}.inv-terms-qr-flex{flex-direction:column;gap:1.2rem}.qr-col{align-items:center;width:100%}}.pqr-container{color:#0f172a;background:#f8fafc;flex-direction:column;width:100vw;height:100vh;min-height:560px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.pqr-centered{justify-content:center;align-items:center;padding:24px}.pqr-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:32px;box-shadow:0 15px 35px #00000014}.pqr-loading .pqr-spinner{border:4px solid #e0e7ff;border-top-color:#4f46e5;border-radius:50%;width:44px;height:44px;margin:0 auto 16px;animation:.8s linear infinite pqrSpin}@keyframes pqrSpin{to{transform:rotate(360deg)}}.pqr-error{flex-direction:column;align-items:center;gap:12px;display:flex}.pqr-error h3{color:#ef4444;margin:0;font-size:20px}.pqr-error p{color:#64748b;margin:0;font-size:14px}.pqr-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#fffffff2;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 20px;display:flex}.pqr-brand{align-items:center;gap:12px;display:flex}.pqr-logo-icon{background:linear-gradient(135deg,#4f46e5 0%,#3730a3 100%);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #4f46e54d}.pqr-brand-title{color:#0f172a;font-size:15px;font-weight:800;line-height:1.2}.pqr-public-pill{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;display:flex}.pqr-view-switch{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:3px;display:flex}.pqr-switch-btn{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.pqr-switch-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 8px #4f46e54d}.pqr-content{flex:1;width:100%;height:calc(100vh - 64px);position:relative;overflow:hidden}.pqr-3d-wrapper{width:100%;height:100%;position:relative}.pqr-3d-canvas{width:100%;height:100%;display:block}.pqr-overlay-bar{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;top:16px;left:16px;right:16px}.pqr-path-badge{pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#0f172a;background:#fffffff2;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;display:flex;box-shadow:0 4px 16px #0000000f}.pqr-reset-btn{pointer-events:auto;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.pqr-reset-btn:hover{background:#f1f5f9}.pqr-target-pill{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#92400e;z-index:9;background:#fef3c7f2;border:1px solid #f59e0b;border-radius:10px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;display:flex;position:absolute;top:66px;left:16px;box-shadow:0 4px 12px #f59e0b33}.pqr-tree-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:20px;max-width:600px;margin:20px auto;padding:24px;box-shadow:0 10px 30px #0000000d}.pqr-tree-title{color:#0f172a;align-items:center;gap:8px;margin:0 0 20px;font-size:18px;font-weight:800;display:flex}.pqr-flow-container{flex-direction:column;align-items:center;gap:8px;display:flex}.pqr-flow-step{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;width:100%;padding:12px 18px;display:flex}.pqr-flow-step.highlighted{background:#eef2ff;border-color:#818cf8}.pqr-step-num{color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.pqr-step-label{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:700}.pqr-step-val{color:#0f172a;font-size:15px;font-weight:800}.pqr-flow-arrow{color:#818cf8;font-size:16px;font-weight:800}.pqr-details-drawer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#fffffff5;border:1px solid #e2e8f0;border-radius:20px;width:360px;max-width:calc(100vw - 32px);padding:20px;animation:.25s pqrSlideUp;position:absolute;bottom:20px;right:20px;box-shadow:0 20px 40px #0000001f}@keyframes pqrSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pqr-drawer-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.pqr-drawer-title{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:800;display:flex}.pqr-close-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.pqr-close-btn:hover{color:#0f172a;background:#e2e8f0}.pqr-drawer-body{flex-direction:column;gap:14px;margin-top:14px;display:flex}.pqr-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;padding:12px;display:flex}.pqr-product-media{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;overflow:hidden}.pqr-product-img{object-fit:cover;width:100%;height:100%}.pqr-img-placeholder{justify-content:center;align-items:center;display:flex}.pqr-pname{color:#0f172a;margin:0 0 4px;font-size:15px;font-weight:800}.pqr-psku{color:#64748b;align-items:center;gap:4px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.pqr-badge-row{gap:6px;display:flex}.pqr-chip{color:#4338ca;background:#e0e7ff;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:800}.pqr-chip.alt{color:#475569;background:#f1f5f9}.pqr-qty-box{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border-radius:14px;padding:14px;box-shadow:0 6px 16px #4f46e540}.pqr-qty-number{font-size:24px;font-weight:900}.pqr-qty-title{opacity:.9;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.pqr-loc-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pqr-loc-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.pqr-loc-lbl{color:#64748b;text-transform:uppercase;font-size:10px;font-weight:700}.pqr-loc-val{color:#0f172a;font-size:13px;font-weight:800}.pqr-full-path{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:11.5px;display:flex}@media (width<=640px){.pqr-header{padding:0 12px}.pqr-brand-title{font-size:13.5px}.pqr-details-drawer{width:auto;bottom:12px;left:12px;right:12px}}.pb-wizard-container{color:#0f172a;box-sizing:border-box;max-width:1600px;margin:0 auto;padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.pb-animate-slide{animation:.35s cubic-bezier(.16,1,.3,1) slideFadeIn}@keyframes slideFadeIn{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.pb-wizard-title-wrapper{margin-bottom:1.5rem;padding:0 .25rem}.pb-wizard-title-wrapper h1{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0;font-size:1.65rem;font-weight:800}.pb-wizard-stepper-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;margin-bottom:1.5rem;padding:1.25rem 1.75rem;box-shadow:0 4px 20px #00000008}.pb-header-top-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.pb-page-title-group{align-items:center;gap:1.25rem;display:flex}.pb-page-title-group h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}.pb-page-subtitle{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.pb-back-nav-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.pb-back-nav-btn:hover{color:#0f172a;background:#e2e8f0}.pb-wizard-stepper{justify-content:space-between;align-items:center;padding:.25rem .5rem;display:flex;position:relative}.pb-step-node{cursor:pointer;z-index:2;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;transition:all .2s;display:flex}.pb-step-badge{color:#64748b;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;font-weight:800;transition:all .25s;display:flex}.pb-step-info{flex-direction:column;display:flex}.pb-step-label{text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;font-size:.73rem;font-weight:700}.pb-step-name{color:#475569;font-size:.9rem;font-weight:700}.pb-step-node.is-active .pb-step-badge{color:#fff;background:#4f46e5;border-color:#6366f1;box-shadow:0 0 0 4px #6366f133}.pb-step-node.is-active .pb-step-name{color:#4f46e5}.pb-step-node.is-completed .pb-step-badge{color:#fff;background:#10b981;border-color:#10b981}.pb-step-node.is-completed .pb-step-name{color:#0f172a}.pb-step-line{background:#cbd5e1;flex:1;height:2px;margin:0 1rem;transition:background .3s}.pb-step-line.is-active{background:#10b981}.pb-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;margin-bottom:1.5rem;display:flex;overflow:visible;box-shadow:0 4px 16px #00000005}.pb-card-header{background:#fff;border-bottom:1px solid #f1f5f9;border-top-left-radius:18px;border-top-right-radius:18px;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.pb-header-title-group,.pb-flex-gap{align-items:center;gap:.65rem;display:flex}.pb-header-title-group h2,.pb-card-header h2{color:#0f172a;margin:0;font-size:1.1rem;font-weight:800;line-height:1.2}.pb-card-icon{color:#4f46e5;flex-shrink:0;align-items:center;font-size:1.2rem;display:flex}.pb-card-body{flex:1;padding:1.5rem}.pb-grid-2{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:1.5rem;display:grid}.pb-form-grid-2{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.pb-col-full{grid-column:span 2}.pb-field{flex-direction:column;gap:.35rem;display:flex}.pb-field label,.pb-label{color:#334155;font-size:.82rem;font-weight:700}.pb-field input,.pb-field select,.pb-field textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem .85rem;font-size:.9rem;transition:all .2s}.pb-field input:focus,.pb-field select:focus,.pb-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pb-product-picker{width:100%;position:relative}.pb-product-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;padding:.65rem .85rem;transition:all .2s;display:flex}.pb-product-trigger:hover,.pb-product-trigger.active,.pb-product-trigger:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.pb-product-trigger-text{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:.5rem;font-size:.9rem;display:flex;overflow:hidden}.pb-placeholder-text{color:#64748b;font-size:.875rem}.pb-icon-box{color:#4f46e5;flex-shrink:0;font-size:1rem}.pb-trigger-right{align-items:center;gap:.5rem;display:flex}.pb-clear-supp-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:.2rem;font-size:.85rem;display:flex}.pb-clear-supp-btn:hover{color:#ef4444;background:#fef2f2}.pb-chevron{color:#64748b;font-size:.8rem;transition:transform .2s}.pb-chevron.open{transform:rotate(180deg)}.pb-product-dropdown-menu{background:var(--dropdown-bg,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:150;box-sizing:border-box;border-radius:14px;width:max-content;min-width:320px;max-width:440px;padding:.6rem;animation:.18s ease-out dropdownFade;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 12px 32px #0f172a2e}.pb-dropdown-search-box{align-items:center;width:100%;margin-bottom:.5rem;display:flex;position:relative}.pb-dropdown-search-box .pb-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;z-index:5;font-size:.85rem;position:absolute;left:.85rem}.pb-dropdown-search-box input{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);box-sizing:border-box;border-radius:8px;outline:none;font-size:.85rem;padding:.6rem .75rem .6rem 2.4rem!important}.pb-product-list{flex-direction:column;gap:.25rem;max-height:240px;display:flex;overflow-y:auto}.pb-product-item-row{cursor:pointer;background:var(--bg-card,#fff);border-radius:8px;justify-content:space-between;align-items:center;padding:.6rem .75rem;transition:background .15s;display:flex}.pb-product-item-row:hover{background:#eff6ff!important}[data-theme=dark] .pb-product-item-row:hover{background:#1e293b!important}.pb-supplier-dropdown-card{box-sizing:border-box;background:var(--dropdown-bg,#fff);border:1px solid var(--border-color,#e5e7eb);z-index:120;border-radius:14px;width:100%;padding:.75rem;animation:.18s ease-out dropdownFade;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a29}.pb-supplier-search-sticky{background:var(--dropdown-bg,#fff);z-index:10;border-bottom:1px solid var(--border-color,#f3f4f6);align-items:center;width:100%;margin-bottom:.5rem;padding-bottom:.6rem;display:flex;position:sticky;top:0}.pb-supplier-search-sticky .pb-search-icon{color:var(--text-muted,#94a3b8);pointer-events:none;z-index:5;font-size:.9rem;position:absolute;left:.85rem}.pb-supplier-search-sticky input{border:1.5px solid var(--border-color,#e5e7eb);background:var(--bg-input,#f9fafb);width:100%;color:var(--text-primary,#111827);box-sizing:border-box;border-radius:10px;outline:none;font-size:.875rem;transition:all .2s;padding:.65rem .85rem .65rem 2.5rem!important}.pb-supplier-search-sticky input:focus{border-color:var(--primary,#2563eb);background:var(--bg-card,#fff);box-shadow:0 0 0 3px #2563eb1f}.pb-supplier-scroll-list{flex-direction:column;gap:.4rem;max-height:290px;padding-right:4px;display:flex;overflow-y:auto}.pb-supplier-card-item{border-bottom:1px solid var(--border-color,#f3f4f6);cursor:pointer;background:var(--bg-card,#fff);box-sizing:border-box;border-left:4px solid #0000;border-radius:10px;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem .85rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.pb-supplier-card-item:hover,.pb-supplier-card-item.is-highlighted{border-radius:10px;background:#eff6ff!important}.pb-supplier-card-item.is-selected{border-radius:10px;background:#dbeafe!important;border-left:4px solid #2563eb!important}[data-theme=dark] .pb-supplier-card-item:hover,[data-theme=dark] .pb-supplier-card-item.is-highlighted{background:#1e293b!important}[data-theme=dark] .pb-supplier-card-item.is-selected{background:#312e81!important;border-left-color:#6366f1!important}.pb-supp-company-icon{color:var(--primary,#2563eb);flex-shrink:0;margin-top:2px;font-size:1.1rem}.pb-supp-info-stack{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.pb-supp-title-name{color:var(--text-primary,#111827);font-size:.95rem;font-weight:700;line-height:1.3}.pb-supp-sub-company{color:var(--text-secondary,#6b7280);font-size:.82rem;font-weight:500;line-height:1.25}.pb-supp-single-line-meta{width:100%;color:var(--text-muted,#4b5563);justify-content:space-between;align-items:center;gap:1rem;margin-top:.25rem;font-size:.82rem;font-weight:500;display:flex}.pb-supp-phone-meta{color:var(--text-primary,#111827);align-items:center;gap:.35rem;font-weight:600;display:inline-flex}.pb-mini-phone-icon{color:var(--primary,#2563eb);font-size:.75rem}.pb-supp-gst-meta{color:var(--text-primary,#111827);font-weight:600}.pb-gst-gray-label{color:var(--text-secondary,#6b7280);font-weight:600}.pb-search-highlight{color:#0f172a;background-color:#fef08a;border-radius:2px;padding:0 2px;font-weight:800}.pb-no-results{text-align:center;color:#64748b;padding:1rem;font-size:.85rem}.pb-use-custom-btn{color:#4f46e5;cursor:pointer;background:#f1f5f9;border:1.5px dashed #cbd5e1;border-radius:8px;margin-top:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .18s}.pb-use-custom-btn:hover{background:#eef2ff;border-color:#6366f1}.pb-supplier-preview-card{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;padding:1.1rem 1.25rem}.pb-preview-header{border-bottom:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.pb-preview-header h3{color:#1e1b4b;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:800;display:flex}.pb-badge-active{color:#166534;background:#dcfce7;border-radius:12px;padding:.2rem .6rem;font-size:.73rem;font-weight:800}.pb-preview-grid{color:#475569;grid-template-columns:repeat(2,1fr);gap:.75rem;font-size:.85rem;display:grid}.pb-subtext-hint{color:#64748b;font-size:.8rem}.pb-single-row-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:1.15rem;padding:1.25rem;display:flex}.pb-single-row-line{grid-template-columns:repeat(4,1fr);align-items:flex-end;gap:1rem;width:100%;display:grid}.pb-single-row-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:.75rem .85rem;padding:1.15rem;display:flex}.pb-row-field{box-sizing:border-box;flex-direction:column;gap:.3rem;width:100%;display:flex}.pb-row-field input,.pb-row-field select,.pb-product-picker{box-sizing:border-box;width:100%}.pb-dual-name-fields{gap:.5rem;width:100%;display:flex}.pb-dual-name-fields .pb-subfield{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.pb-action-total-group{align-items:flex-end;gap:.5rem;width:100%;display:flex;flex-direction:row!important}.pb-total-field-wrap{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.pb-row-field label{color:#475569;white-space:nowrap;font-size:.76rem;font-weight:700}.pb-row-field input,.pb-row-field select{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:38px;padding:.55rem .65rem;font-size:.85rem;transition:all .18s}.pb-row-field input:focus,.pb-row-field select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pb-field-grow{flex:200px;min-width:180px}.pb-readonly-input{color:#334155!important;background:#f1f5f9!important;font-weight:700!important}.pb-highlight-val{color:#4f46e5!important;background:#eef2ff!important;border-color:#a5b4fc!important;font-weight:800!important}.pb-btn-add-row{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;height:38px;padding:.58rem 1.1rem;font-size:.85rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #10b98140}.pb-btn-add-row:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.pb-table-top-controls{align-items:center;gap:.85rem;display:flex}.pb-search-box-wrap{align-items:center;width:220px;display:flex;position:relative}.pb-search-box-wrap .pb-search-icon{color:#94a3b8;pointer-events:none;font-size:.85rem;position:absolute;left:.75rem}.pb-search-box-wrap input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;height:36px;padding:.4rem 2rem .4rem 2.2rem;font-size:.85rem;transition:all .18s}.pb-search-box-wrap input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pb-clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;font-size:.8rem;display:flex;position:absolute;right:.5rem}.pb-clear-search:hover{color:#ef4444}.pb-entries-selector{color:#475569;white-space:nowrap;align-items:center;gap:.4rem;font-size:.83rem;font-weight:600;display:flex}.pb-entries-selector select{color:#0f172a;cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;height:36px;padding:.35rem .65rem;font-size:.85rem;font-weight:700;transition:all .18s}.pb-entries-selector select:focus{border-color:#6366f1}.pb-scrollable-table-container{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;width:100%;max-height:450px;overflow:auto}.pb-scrollable-table-container::-webkit-scrollbar{width:6px;height:6px}.pb-scrollable-table-container::-webkit-scrollbar-track{background:#f1f5f9}.pb-scrollable-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pb-scrollable-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.pb-product-table{border-collapse:collapse;text-align:left;width:100%;min-width:980px;font-size:.85rem}.pb-product-table th{color:#475569;z-index:10;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #cbd5e1;padding:.75rem .85rem;font-weight:700;position:sticky;top:0}.pb-product-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.75rem .85rem}.pb-product-table tr:hover{background:#f8fafc}.pb-td-center{text-align:center}.pb-td-right{text-align:right}.pb-badge-batch{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:.15rem .45rem;font-size:.78rem;font-weight:700}.pb-qty-badge{color:#3730a3;background:#e0e7ff;border-radius:6px;padding:.2rem .5rem;font-weight:800}.pb-text-indigo{color:#4f46e5}.pb-row-actions{justify-content:center;align-items:center;gap:.4rem;display:flex}.pb-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.35rem .45rem;font-size:.85rem;transition:all .18s}.pb-btn-edit{color:#4f46e5;background:#eef2ff}.pb-btn-edit:hover{color:#fff;background:#4f46e5}.pb-btn-delete{color:#ef4444;background:#fef2f2}.pb-btn-delete:hover{color:#fff;background:#ef4444}.pb-empty-table-cell{text-align:center;padding:3rem!important}.pb-empty-state{color:#94a3b8;flex-direction:column;align-items:center;gap:.5rem;display:flex}.pb-empty-icon{color:#cbd5e1;font-size:2.5rem}.pb-table-footer-bar{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.pb-showing-entries-text{color:#64748b;font-size:.88rem;font-weight:500}.pb-pagination-group{align-items:center;gap:1.25rem;display:flex}.pb-goto-page-wrap{color:#334155;align-items:center;gap:.5rem;font-size:.88rem;font-weight:600;display:flex}.pb-goto-page-input{text-align:center;color:#0f172a;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:55px;padding:.35rem .5rem;font-size:.88rem;font-weight:700}.pb-goto-page-input:focus{border-color:#3b49df;box-shadow:0 0 0 3px #3b49df26}.pb-pagination-nav{align-items:center;gap:.35rem;display:flex}.pb-page-btn{color:#1e293b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 .5rem;font-size:.88rem;font-weight:700;transition:all .18s;display:inline-flex}.pb-page-btn:hover:not(:disabled){color:#3b49df;background:#f8fafc;border-color:#3b49df}.pb-page-btn.active{color:#fff;background:#3b49df;border-color:#3b49df;box-shadow:0 2px 8px #3b49df4d}.pb-page-btn:disabled{opacity:.4;cursor:not-allowed;background:#f1f5f9}.pb-page-ellipsis{color:#64748b;padding:0 .3rem;font-size:.9rem;font-weight:700}.pb-live-summary-pills{color:#475569;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.pb-live-summary-pills span{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.3rem .65rem}.pb-pill-grand{color:#3730a3!important;background:#eef2ff!important;border-color:#c7d2fe!important}.pb-highlight-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:.85rem}.pb-summary-card{background:#fff}.pb-summary-details{flex-direction:column;gap:.75rem;display:flex}.pb-summary-row{color:#475569;justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.pb-summary-row strong{color:#0f172a;font-weight:700}.pb-taxable-highlight{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:.5rem .75rem;font-weight:700}.pb-grand-total{border-top:2px dashed #e2e8f0;margin-top:.35rem;padding-top:.85rem;font-size:1.1rem;font-weight:800}.pb-total-val{color:#4f46e5;font-size:1.4rem}.pb-status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.78rem;font-weight:800}.pb-status-badge.paid{color:#15803d;background:#dcfce7}.pb-status-badge.pending{color:#b45309;background:#fef3c7}.pb-status-badge.partial{color:#1d4ed8;background:#dbeafe}.pb-disc-row{justify-content:space-between;align-items:center;display:flex}.pb-disc-input-group{align-items:center;gap:.5rem;display:flex}.pb-disc-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;height:40px;padding:.45rem .6rem;font-size:.85rem;font-weight:700}.pb-disc-input{text-align:right;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:140px;height:40px;padding:.45rem .75rem;font-size:.9rem;font-weight:700}.pb-disc-select:focus,.pb-disc-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pb-roundoff-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:.65rem 1rem;display:flex}.pb-roundoff-left{color:#334155;align-items:center;gap:.65rem;font-size:.9rem;font-weight:700;display:flex}.pb-roundoff-btn{color:#475569;cursor:pointer;background:#cbd5e1;border:none;border-radius:20px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.75rem;font-weight:800;transition:all .2s;display:inline-flex}.pb-roundoff-btn.active{color:#fff;background:#10b981;box-shadow:0 2px 8px #10b98159}.pb-roundoff-dot{background:#fff;border-radius:50%;width:7px;height:7px;display:inline-block}.pb-roundoff-input{text-align:right;color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100px;height:36px;padding:.4rem .65rem;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.pb-roundoff-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b98126}.pb-sticky-bottom-bar{z-index:90;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:.85rem 1.5rem;display:flex;position:sticky;bottom:1rem;box-shadow:0 10px 30px #00000014}.pb-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.pb-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}.pb-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.92rem;font-weight:700;transition:all .2s;display:inline-flex}.pb-btn-secondary:hover:not(:disabled){color:#6366f1;background:#f8fafc;border-color:#6366f1}.pb-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #10b9814d}.pb-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.pb-btn-accent-sm{color:#4f46e5;cursor:pointer;white-space:nowrap;background:#e0e7ff;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.8rem;font-weight:700;transition:all .18s;display:inline-flex}.pb-btn-accent-sm:hover{color:#fff;background:#4f46e5}.pb-btn-group{gap:.75rem;display:flex}.pb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pb-edit-modal-container{z-index:1250;background:#fff;border-radius:20px;flex-direction:column;width:90%;max-width:680px;max-height:90vh;animation:.22s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes modalPopIn{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.pb-edit-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.1rem 1.5rem;display:flex}.pb-edit-modal-header h3{color:#0f172a;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:800;display:flex}.pb-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem;font-size:1.1rem;transition:color .15s}.pb-modal-close:hover{color:#ef4444;background:#fef2f2}.pb-edit-modal-body{padding:1.5rem;overflow-y:auto}.pb-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.pb-alert{border-radius:12px;align-items:center;gap:.6rem;padding:.85rem 1.1rem;font-size:.88rem;font-weight:600;display:flex}.pb-alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.pb-alert-success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.pb-spinner{animation:1s linear infinite spin}.pb-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:750px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0003}.pb-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pb-modal-header h2{margin:0;font-size:1.2rem}.pb-print-document{color:#000;padding:2rem;font-family:serif,sans-serif}.pb-print-header{justify-content:space-between;display:flex}.pb-print-table{border-collapse:collapse;width:100%;margin-top:1rem}.pb-print-table th,.pb-print-table td{text-align:left;border:1px solid #ddd;padding:.5rem;font-size:.85rem}.pb-print-footer{justify-content:space-between;margin-top:1.5rem;display:flex}.pb-modal-actions{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}@media (width<=1024px){.pb-grid-2,.pb-form-grid-2{grid-template-columns:1fr}.pb-col-full{grid-column:span 1}.pb-wizard-stepper{flex-direction:column;align-items:flex-start;gap:1rem}.pb-step-line{width:2px;height:20px;margin:0 0 0 18px}.pb-table-top-controls{flex-direction:column;align-items:stretch;width:100%}.pb-search-box-wrap{min-width:100%}}.pb-disc-label-header{justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.25rem;display:flex}.pb-disc-label-header label{color:#334155;font-size:.76rem;font-weight:700;margin-bottom:0!important}.pb-disc-toggle-pill{background:#e2e8f0;border-radius:20px;align-items:center;gap:2px;padding:2px;display:inline-flex}.pb-disc-mode-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;padding:.18rem .5rem;font-size:.75rem;font-weight:800;line-height:1.2;transition:all .2s}.pb-disc-mode-btn:hover{color:#334155}.pb-disc-mode-btn.active{color:#fff;background:#4f46e5;box-shadow:0 2px 6px #4f46e566}.pb-edit-product-card{background:#f8fafc;border:1px solid #c7d2fe;border-radius:16px;padding:1.25rem;box-shadow:0 4px 12px #00000005}.pb-edit-card-title{color:#334155;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.95rem;font-weight:700;display:flex}.pb-edit-fields-row{flex-wrap:wrap;align-items:flex-end;gap:.75rem .85rem;display:flex}.pb-curr-field-wrap{align-items:center;width:100%;display:flex;position:relative}.pb-curr-symbol{color:#64748b;pointer-events:none;font-size:.85rem;font-weight:700;position:absolute;left:.65rem}.pb-curr-field-wrap input{padding-left:1.5rem!important}.pb-edit-footer-summary{border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.pb-edit-summary-text{color:#475569;align-items:center;gap:1rem;font-size:.82rem;display:flex}.pb-edit-line-total{color:#0f172a;font-size:.92rem;font-weight:800}.pb-edit-action-btns{align-items:center;gap:.75rem;display:flex}.pb-btn-secondary-sm{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .18s}.pb-btn-secondary-sm:hover{background:#f8fafc;border-color:#94a3b8}.pb-btn-success-sm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.88rem;font-weight:800;transition:all .18s;display:inline-flex;box-shadow:0 2px 8px #10b9814d}.pb-btn-success-sm:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px)}.pb-btn-filter-trigger{background:var(--bg-hover,#f1f5f9);color:var(--primary,#6366f1);border:1px solid var(--border-color,#cbd5e1);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;position:relative}.pb-btn-filter-trigger:hover{background:#eef2ff;border-color:#6366f1}.pb-filter-badge-dot{background:#10b981;border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.pb-active-filter-banner{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:flex}.pb-active-filter-info{align-items:center;gap:.6rem;display:flex}.pb-active-filter-icon{color:#4f46e5}.pb-clear-filter-banner-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:flex}.pb-clear-filter-banner-btn:hover{text-decoration:underline}.pb-filter-modal-card{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:20px;width:100%;max-width:480px;animation:.2s cubic-bezier(.16,1,.3,1) modalScale;overflow:hidden;box-shadow:0 20px 45px #0f172a38}.pb-filter-modal-desc{color:var(--text-muted,#64748b);margin-bottom:1.25rem;font-size:.85rem}.pb-filter-modal-select{border:1px solid var(--border-color,#cbd5e1);background:var(--bg-input,#fff);width:100%;color:var(--text-primary,#0f172a);border-radius:10px;outline:none;padding:.7rem .85rem;font-size:.9rem}.pb-modal-close-icon-btn{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.2rem;font-size:1.1rem;transition:all .15s}.pb-modal-close-icon-btn:hover{color:#ef4444;background:#fef2f2}.pb-filter-modal-footer{background:var(--bg-hover,#f8fafc);border-top:1px solid var(--border-color,#f1f5f9);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pb-custom-select-picker{width:100%;position:relative}.pb-custom-select-trigger{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;min-height:42px;padding:.6rem .85rem;transition:all .18s;display:flex}.pb-custom-select-trigger:hover,.pb-custom-select-trigger.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pb-select-trigger-content{color:#0f172a;align-items:center;gap:.65rem;font-size:.9rem;font-weight:600;display:flex}.pb-pay-icon{flex-shrink:0;font-size:1.05rem}.pb-pay-credit{color:#8b5cf6}.pb-pay-cash{color:#10b981}.pb-pay-upi{color:#06b6d4}.pb-pay-bank{color:#3b82f6}.pb-pay-card,.pb-status-pending{color:#f59e0b}.pb-status-paid{color:#10b981}.pb-status-partial{color:#3b82f6}.pb-custom-dropdown-menu{z-index:150;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:.2rem;padding:.4rem;animation:.15s ease-out dropdownFade;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0f172a26}.pb-custom-dropdown-item{cursor:pointer;color:#334155;border-radius:8px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.pb-custom-dropdown-item:hover{color:#0f172a;background:#f1f5f9}.pb-custom-dropdown-item.selected{color:#4f46e5;background:#eef2ff}.pb-item-check-icon{color:#4f46e5;margin-left:auto;font-size:.85rem}.pb-multi-pay-checkbox-label{color:#4f46e5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:.45rem;padding:.35rem .75rem;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.pb-multi-pay-checkbox-label:hover{background:#e0e7ff}.pb-multi-pay-checkbox-label input{cursor:pointer;accent-color:#4f46e5;width:16px;height:16px}.pb-multi-pay-wrapper{background:#f8fafc;border:1px solid #cbd5e1;border-radius:14px;margin-bottom:1.25rem;padding:1.1rem}.pb-multi-pay-title-bar{color:#0f172a;justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.9rem;font-weight:800;display:flex}.pb-badge-pill{color:#4f46e5;background:#e0e7ff;border-radius:12px;padding:.2rem .6rem;font-size:.75rem;font-weight:800}.pb-multi-pay-table{flex-direction:column;gap:.65rem;display:flex}.pb-multi-pay-row-header{color:#475569;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;align-items:center;gap:.65rem;padding-bottom:.35rem;font-size:.76rem;font-weight:700;display:flex}.pb-multi-pay-row-item{align-items:center;gap:.65rem;display:flex}.pb-split-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;height:42px;padding:.6rem .75rem;font-size:.88rem;transition:all .18s}.pb-split-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pb-btn-split-delete{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;padding:.6rem;font-size:.85rem;transition:all .18s;display:flex}.pb-btn-split-delete:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.pb-btn-split-delete:disabled{opacity:.35;cursor:not-allowed}.pb-multi-pay-actions-bar{border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding-top:.85rem;display:flex}.pb-btn-add-split{color:#4f46e5;cursor:pointer;background:#e0e7ff;border:1px dashed #a5b4fc;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .9rem;font-size:.83rem;font-weight:700;transition:all .18s;display:inline-flex}.pb-btn-add-split:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.pb-split-calc-badges{align-items:center;gap:.75rem;display:flex}.pb-split-chip{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.35rem .75rem;font-size:.82rem}.chip-danger{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.chip-success{color:#166534!important;background:#f0fdf4!important;border-color:#bbf7d0!important}[data-theme=dark] .pb-wizard-container{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .pb-page-title-group h1,[data-theme=dark] .pb-wizard-title-wrapper h1,[data-theme=dark] .pb-header-title-group h2,[data-theme=dark] .pb-card-title-main,[data-theme=dark] .pb-step-title,[data-theme=dark] .pb-total-value,[data-theme=dark] .pb-summary-val,[data-theme=dark] .pb-card h2,[data-theme=dark] .pb-product-trigger-text strong,[data-theme=dark] .pb-product-trigger-text span{color:#f8fafc!important}[data-theme=dark] .pb-page-subtitle,[data-theme=dark] .pb-field-label,[data-theme=dark] .pb-label,[data-theme=dark] .pb-placeholder-text{color:#cbd5e1!important}[data-theme=dark] .pb-wizard-stepper-card,[data-theme=dark] .pb-card,[data-theme=dark] .pb-card-header,[data-theme=dark] .pb-form-card,[data-theme=dark] .pb-summary-card,[data-theme=dark] .pb-action-footer-card,[data-theme=dark] .pb-wizard-step,[data-theme=dark] .pb-step-card,[data-theme=dark] .pb-bottom-bar,[data-theme=dark] .pb-bottom-bar-card,[data-theme=dark] div[class*=pb-bottom],[data-theme=dark] div[class*=pb-action-footer]{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .pb-product-trigger{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pb-step-number{color:#94a3b8!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pb-wizard-step.active .pb-step-number{color:#fff!important;background-color:#6366f1!important}[data-theme=dark] .pb-form-input,[data-theme=dark] .pb-form-select,[data-theme=dark] .pb-form-textarea,[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] .pb-back-nav-btn,[data-theme=dark] .pb-btn-cancel,[data-theme=dark] .pb-btn-add-supplier,[data-theme=dark] .pb-btn-secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pb-table th{color:#cbd5e1!important;background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .pb-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .pb-table tr:hover td{background-color:#334155!important}.pl-container{color:#1e293b;flex-direction:column;gap:1.25rem;max-width:1400px;margin:0 auto;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.pl-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 16px #00000005}.pl-header-title{align-items:center;gap:1rem;display:flex}.pl-title-icon-wrap{color:#4338ca;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.35rem;display:flex}.pl-header-title h1{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.pl-header-title p{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.pl-header-right-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.pl-btn-view-bill{color:#4f46e5;cursor:pointer;background:#fff;border:1.5px solid #c7d2fe;border-radius:10px;align-items:center;gap:.5rem;padding:.68rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #4f46e514}.pl-btn-view-bill:hover{color:#4338ca;background:#eef2ff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 4px 12px #4f46e529}.pl-btn-create{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.pl-btn-create:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}.pl-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.pl-entries-select{color:#475569;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.pl-entries-select select{cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.4rem .6rem;font-size:.875rem}.pl-search-wrapper{align-items:center;min-width:280px;display:flex;position:relative}.pl-search-icon{color:#6366f1;font-size:.95rem;position:absolute;left:.85rem}.pl-search-wrapper input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.6rem 2.2rem .6rem 2.3rem;font-size:.875rem;transition:all .2s}.pl-search-wrapper input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pl-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;right:.75rem}.pl-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow-x:auto;box-shadow:0 4px 16px #00000005}.pl-table{border-collapse:collapse;width:100%;font-size:.9rem}.pl-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.9rem 1rem;font-weight:700}.pl-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.85rem 1rem}.pl-table tbody tr:hover{background:#f8fafc}.pl-td-sno{color:#64748b;font-weight:700}.pl-date-cell{flex-direction:column;gap:.15rem;display:flex}.pl-cell-icon{display:none}.pl-time-sub{color:#94a3b8;font-size:.78rem}.pl-supplier-cell{flex-direction:column;display:flex}.pl-supp-name{color:#0f172a;font-size:.925rem}.pl-supp-sub{color:#64748b;font-size:.78rem}.pl-invoice-badge{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.25rem .6rem;font-size:.825rem;font-weight:700}.pl-amount-val{color:#0f766e;font-size:.95rem}.pl-status-tag{border-radius:12px;padding:.25rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.pl-status-tag.paid{color:#15803d;background:#dcfce7}.pl-status-tag.pending{color:#b45309;background:#fef3c7}.pl-action-btns{justify-content:center;align-items:center;gap:.5rem;display:flex}.pl-view-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.825rem;font-weight:700;transition:all .15s;display:inline-flex}.pl-view-btn:hover{color:#fff;background:#1d4ed8}.pl-edit-btn{color:#d97706;cursor:pointer;box-sizing:border-box;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.825rem;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.pl-edit-btn:hover{color:#fff;background:#d97706}.pl-delete-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;padding:.45rem;transition:all .15s;display:inline-flex}.pl-delete-btn:hover{color:#fff;background:#ef4444}.pl-no-data-cell{padding:3rem!important}.pl-no-data{color:#64748b;flex-direction:column;align-items:center;gap:.6rem;display:flex}.pl-no-icon{color:#cbd5e1;font-size:2.5rem}.pl-btn-create-small{color:#4338ca;cursor:pointer;background:#e0e7ff;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700}.pl-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.pl-pagination-info{color:#64748b;font-size:.85rem}.pl-pagination-controls{align-items:center;gap:.75rem;display:flex}.pl-page-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.85rem;font-weight:600;display:inline-flex}.pl-page-btn:disabled{opacity:.5;cursor:not-allowed}.pl-page-num{color:#0f172a;font-size:.85rem;font-weight:700}.pl-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.pl-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.pl-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pl-modal-title{align-items:center;gap:.75rem;display:flex}.pl-modal-title-icon{color:#4f46e5;font-size:1.5rem}.pl-modal-title h2{color:#0f172a;margin:0;font-size:1.2rem}.pl-modal-title p{color:#64748b;margin:0;font-size:.85rem}.pl-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.pl-modal-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5}.pl-modal-body{padding:1.5rem}.pl-bill-print-sheet{background:#fff;padding:1rem}.pl-doc-header{justify-content:space-between;align-items:flex-start;display:flex}.pl-doc-company{color:#0f172a;margin:0;font-size:1.5rem;font-weight:800}.pl-doc-inv{color:#475569;margin:.25rem 0 0;font-size:.95rem}.pl-doc-dates{text-align:right;color:#334155;font-size:.85rem}.pl-doc-dates p{margin:.15rem 0}.pl-doc-divider{background:#e2e8f0;border:0;height:1px;margin:1.25rem 0}.pl-doc-supplier-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.25rem;padding:1.1rem 1.25rem}.pl-doc-supplier-box h3{color:#1e293b;margin:0 0 .75rem;font-size:.95rem;font-weight:700}.pl-supp-info-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:.65rem 1.5rem;font-size:.875rem;display:grid}.pl-supp-info-item{white-space:nowrap;align-items:center;gap:.4rem;display:flex}.pl-supp-info-item.pl-supp-full-width{white-space:normal;grid-column:1/-1}.pl-supp-info-grid .label{color:#64748b;font-weight:600}@media (width<=640px){.pl-supp-info-grid{grid-template-columns:1fr}}.pl-doc-items-section h3{color:#334155;margin:0 0 .6rem;font-size:.95rem}.pl-doc-table{border-collapse:collapse;width:100%;font-size:.85rem}.pl-doc-table th{color:#475569;text-align:left;background:#f1f5f9;border:1px solid #e2e8f0;padding:.6rem}.pl-doc-table td{vertical-align:middle;border:1px solid #e2e8f0;padding:.6rem}.pl-doc-totals-wrap{flex-wrap:wrap;justify-content:space-between;gap:1.5rem;margin-top:1.25rem;display:flex}.pl-doc-notes{color:#475569;max-width:320px;font-size:.85rem}.pl-doc-notes p{margin:.25rem 0}.pl-doc-totals-box{flex-direction:column;gap:.4rem;width:280px;font-size:.9rem;display:flex}.pl-total-row{color:#475569;justify-content:space-between;display:flex}.pl-total-divider{background:#cbd5e1;height:1px;margin:.2rem 0}.pl-grand-row{color:#0f172a;font-size:1.1rem;font-weight:800}.pl-grand-row span:last-child{color:#4f46e5}.pl-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.pl-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 1.1rem;font-size:.875rem;font-weight:600}.pl-btn-download{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.875rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #05966933}.pl-btn-download:hover{background:#047857}.pl-btn-primary{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.2rem;font-size:.875rem;font-weight:700;display:inline-flex}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:#94a3b8}@media print{body *{visibility:hidden}.pl-modal-card,.pl-modal-card *{visibility:visible}.pl-modal-card{width:100%;max-width:100%;box-shadow:none;border:none;position:absolute;top:0;left:0}.pl-modal-header,.pl-modal-footer,.pl-modal-close{display:none!important}}[data-theme=dark] .pl-container{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .pl-header-title h1,[data-theme=dark] .pl-modal-header h3,[data-theme=dark] .pl-amount,[data-theme=dark] .pl-supplier-name,[data-theme=dark] .pl-supp-name,[data-theme=dark] .pl-td-sno,[data-theme=dark] .pl-table td{color:#f8fafc!important}[data-theme=dark] .pl-header-title p,[data-theme=dark] .pl-entries-select,[data-theme=dark] .pl-supp-sub,[data-theme=dark] .pl-time-sub,[data-theme=dark] .pl-pagination-info{color:#cbd5e1!important}[data-theme=dark] .pl-amount-val{color:#2dd4bf!important}[data-theme=dark] .pl-invoice-badge{color:#818cf8!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-header,[data-theme=dark] .pl-controls-card,[data-theme=dark] .pl-table-card,[data-theme=dark] .pl-pagination-bar,[data-theme=dark] .pl-modal-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .pl-search-wrap input,[data-theme=dark] .pl-entries-select select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-search-wrap input::placeholder{color:#64748b!important}[data-theme=dark] .pl-table th,[data-theme=dark] .pl-modal-header,[data-theme=dark] .pl-modal-footer{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .pl-table tr:hover td{background-color:#334155!important}[data-theme=dark] .pl-view-btn{color:#60a5fa!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-view-btn:hover{color:#fff!important;background-color:#3b82f640!important}[data-theme=dark] .pl-edit-btn{color:#facc15!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-edit-btn:hover{color:#fff!important;background-color:#eab30840!important}[data-theme=dark] .pl-delete-btn{color:#f87171!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-delete-btn:hover{color:#fff!important;background-color:#ef444440!important}[data-theme=dark] .pl-page-btn,[data-theme=dark] .pl-btn-secondary{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pl-page-btn:disabled{opacity:.35!important;color:#64748b!important}[data-theme=dark] .pl-status-tag.paid{color:#4ade80!important;background:#22c55e26!important;border:1px solid #22c55e4d!important}[data-theme=dark] .pl-status-tag.pending{color:#fbbf24!important;background:#f59e0b26!important;border:1px solid #f59e0b4d!important}:root{--dropdown-bg:#fff;--dropdown-border:#e5e7eb;--dropdown-shadow:0 8px 24px #00000014;--item-hover:#eef4ff;--item-selected:#3b82f6;--item-selected-text:#fff;--search-bg:#f9fafb;--text-main:#111827;--text-muted:#6b7280}.searchable-dropdown{width:100%;font-family:Inter,sans-serif;position:relative}.dropdown-trigger{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);cursor:pointer;width:100%;height:40px;color:var(--text-main);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;font-size:13.5px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.dropdown-trigger.disabled{background:var(--search-bg);cursor:not-allowed;opacity:.7}.dropdown-trigger:hover:not(.disabled){border-color:#d1d5db}.dropdown-trigger.open:not(.disabled){border-color:var(--item-selected);box-shadow:0 0 0 3px #3b82f61a}.arrow-icon{color:var(--text-muted);transition:transform .2s}.arrow-icon.rotated{transform:rotate(180deg)}.dropdown-error{color:#ef4444;margin-top:4px;padding-left:4px;font-size:12px}.dropdown-panel{background:var(--dropdown-bg);border:1px solid var(--dropdown-border);width:100%;box-shadow:var(--dropdown-shadow);z-index:1000;border-radius:8px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden}.search-container{background:var(--dropdown-bg);border-bottom:1px solid var(--dropdown-border);z-index:10;padding:8px;position:sticky;top:0}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:10px}.search-input{background:var(--search-bg);border:1px solid var(--dropdown-border);border-radius:6px;outline:none;width:100%;padding:8px 10px 8px 32px;font-size:13px;transition:border-color .2s}.search-input:focus{border-color:var(--item-selected)}.options-list{max-height:250px;padding:4px;overflow-y:auto}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:0 0}.options-list::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.option-item{cursor:pointer;color:var(--text-main);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;transition:all .15s;display:flex}.option-item:hover{background:var(--item-hover)}.option-item.selected{background:var(--item-selected);color:var(--item-selected-text)}.option-item.focused{background:var(--item-hover)}.no-results{text-align:center;color:var(--text-muted);padding:20px;font-size:13px}.highlight{color:var(--item-selected);font-weight:700}.option-item.selected .highlight{color:#fff}.rb-container{-webkit-font-smoothing:antialiased!important;box-sizing:border-box!important;background-color:#f8fafc!important;min-height:calc(100vh - 70px)!important;padding:24px 28px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.rb-header{flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;gap:14px!important;width:100%!important;margin-bottom:24px!important;display:flex!important}.rb-header-left{align-items:center!important;width:100%!important;display:flex!important}.rb-header-left h2{color:#0f172a!important;letter-spacing:-.3px!important;margin:0!important;font-family:Inter,-apple-system,sans-serif!important;font-size:1.55rem!important;font-weight:800!important}.rb-header-center{justify-content:center!important;align-items:center!important;width:100%!important;display:flex!important}.rb-header-right{display:none!important}.rb-toggle-container{background-color:#e2e8f0!important;border:1px solid #cbd5e1!important;border-radius:12px!important;gap:4px!important;padding:4px!important;display:inline-flex!important;box-shadow:inset 0 1px 2px #0000000a!important}.rb-toggle-tab-btn{color:#64748b!important;cursor:pointer!important;white-space:nowrap!important;background:0 0!important;border:none!important;border-radius:9px!important;align-items:center!important;gap:8px!important;height:38px!important;padding:0 18px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.rb-toggle-tab-btn:hover{color:#0f172a!important}.rb-toggle-tab-btn.active{color:#2563eb!important;background:#fff!important;font-weight:700!important;box-shadow:0 2px 6px #00000014!important}.rb-stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:16px!important;width:100%!important;margin-bottom:24px!important;display:grid!important}.rb-stat-card{text-align:left!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:16px!important;padding:16px 20px!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;box-shadow:0 1px 3px #00000008!important}.rb-stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #0000000f!important}.rb-stat-icon{border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:48px!important;height:48px!important;font-size:19px!important;display:flex!important}.rb-stat-icon.blue{color:#2563eb!important;background:#eff6ff!important}.rb-stat-icon.green{color:#16a34a!important;background:#f0fdf4!important}.rb-stat-icon.purple{color:#9333ea!important;background:#faf5ff!important}.rb-stat-icon.orange{color:#ea580c!important;background:#fff7ed!important}.rb-stat-details{text-align:left!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:flex-start!important;min-width:0!important;display:flex!important}.rb-stat-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;white-space:nowrap!important;font-family:Inter,-apple-system,sans-serif!important;font-size:11px!important;font-weight:700!important;font-stretch:100%!important}.rb-stat-value{color:#0f172a!important;letter-spacing:-.3px!important;white-space:nowrap!important;text-shadow:none!important;margin:2px 0 1px!important;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:1.4rem!important;font-weight:800!important;font-stretch:100%!important;line-height:1.2!important;transform:none!important}.rb-stat-hint{color:#94a3b8!important;white-space:nowrap!important;font-family:Inter,-apple-system,sans-serif!important;font-size:11.5px!important;font-weight:500!important}.rb-sub-container{width:100%!important}.rb-controls-bar{flex-wrap:nowrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:20px!important;display:flex!important}.rb-search-filter-group{flex-wrap:nowrap!important;flex:1!important;align-items:center!important;gap:12px!important;min-width:0!important;display:flex!important}.rb-search-input-box{flex-shrink:1!important;width:280px!important;min-width:180px!important;max-width:320px!important;position:relative!important}.rb-search-icon{color:#94a3b8!important;font-size:14px!important;position:absolute!important;top:50%!important;left:14px!important;transform:translateY(-50%)!important}.rb-search-input-box input{color:#0f172a!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;width:100%!important;height:42px!important;padding:0 14px 0 40px!important;font-family:inherit!important;font-size:13.5px!important;transition:all .2s!important}.rb-search-input-box input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.rb-select-filter{color:#334155!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;flex-shrink:0!important;width:auto!important;min-width:160px!important;max-width:220px!important;height:42px!important;padding:0 14px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:600!important;transition:all .2s!important}.rb-select-input,.rb-text-input{color:#0f172a!important;box-sizing:border-box!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;width:100%!important;height:42px!important;padding:0 14px!important;font-family:inherit!important;font-size:13.5px!important;transition:all .2s!important}.rb-select-input:focus,.rb-text-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.rb-btn-create{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;border:none!important;border-radius:10px!important;flex-shrink:0!important;align-items:center!important;gap:8px!important;height:42px!important;padding:0 20px!important;font-family:inherit!important;font-size:13.5px!important;font-weight:700!important;transition:all .2s!important;display:inline-flex!important;box-shadow:0 4px 12px #2563eb38!important}.rb-btn-create.purchase-variant{background:linear-gradient(135deg,#9333ea,#7e22ce)!important;box-shadow:0 4px 12px #9333ea38!important}.rb-btn-create:hover{transform:translateY(-1px)!important;box-shadow:0 6px 16px #2563eb52!important}.rb-table-card{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:14px!important;overflow-x:auto!important;box-shadow:0 1px 4px #00000008!important}.rb-empty-state{text-align:center!important;color:#64748b!important;padding:50px 20px!important}.rb-btn-secondary{color:#2563eb!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;margin-top:12px!important;padding:8px 18px!important;font-weight:600!important}.rb-data-table{border-collapse:separate!important;border-spacing:0!important;width:100%!important}.rb-data-table th,.rb-data-table td{color:#334155!important;text-align:left!important;vertical-align:middle!important;white-space:nowrap!important;border-bottom:1px solid #f1f5f9!important;padding:14px 18px!important;font-size:13.5px!important}.rb-data-table th{color:#8a94a6!important;text-transform:uppercase!important;letter-spacing:.6px!important;background:0 0!important;border-bottom:1px solid #edf2f7!important;font-size:11px!important;font-weight:700!important}.rb-data-table tbody tr:hover{background:#f8fafc!important}.rb-id-badge{color:#1d4ed8!important;white-space:nowrap!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:6px!important;align-items:center!important;padding:4px 10px!important;font-size:12px!important;font-weight:700!important;display:inline-flex!important}.rb-id-badge.pur-badge{color:#7e22ce!important;background:#faf5ff!important;border-color:#e9d5ff!important}.rb-cust-info{flex-direction:column!important;justify-content:center!important;display:flex!important}.rb-cust-info span{color:#0f172a!important;white-space:nowrap!important;font-weight:600!important}.rb-cust-info small{color:#64748b!important;white-space:nowrap!important;font-size:11.5px!important}.rb-reason-tag{color:#c2410c!important;white-space:nowrap!important;background:#fff7ed!important;border:1px solid #ffedd5!important;border-radius:20px!important;align-items:center!important;padding:4px 11px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.rb-refund-amount{color:#16a34a!important;white-space:nowrap!important;font-size:14px!important;font-weight:800!important}.rb-refund-amount.pur-amount{color:#9333ea!important}.rb-mode-badge{color:#475569!important;white-space:nowrap!important;background:#f1f5f9!important;border:1px solid #e2e8f0!important;border-radius:6px!important;align-items:center!important;padding:4px 10px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important}.rb-status-badge{color:#15803d!important;white-space:nowrap!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:20px!important;align-items:center!important;gap:5px!important;padding:4px 12px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.rb-actions-cell{justify-content:center!important;align-items:center!important;gap:8px!important;display:flex!important}.rb-btn-icon{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:34px!important;height:34px!important;font-size:13px!important;transition:all .15s!important;display:flex!important}.rb-btn-icon.view:hover{color:#2563eb!important;background:#eff6ff!important;border-color:#93c5fd!important}.rb-btn-icon.delete:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fca5a5!important}.rb-modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:1200!important;background:#0f172aa6!important;justify-content:center!important;align-items:center!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important}.rb-modal-box{background:#fff!important;border-radius:16px!important;flex-direction:column!important;width:95vw!important;max-width:1120px!important;max-height:88vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 25px 50px -12px #00000040!important}.rb-modal-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:20px 30px!important;display:flex!important}.rb-modal-header h3{color:#0f172a!important;align-items:center!important;gap:8px!important;margin:0!important;font-size:1.25rem!important;font-weight:700!important;display:flex!important}.rb-close-btn{color:#94a3b8!important;cursor:pointer!important;background:0 0!important;border:none!important;font-size:18px!important}.rb-modal-body{flex-direction:column!important;flex:1!important;gap:18px!important;padding:24px 30px 32px!important;display:flex!important;overflow-y:auto!important}.rb-form-section{flex-direction:column!important;gap:6px!important;display:flex!important}.rb-modal-label{color:#475569!important;text-transform:uppercase!important;letter-spacing:.4px!important;font-size:12px!important;font-weight:700!important}.bill-summary-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border:1px solid #bfdbfe!important;border-radius:12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;margin-bottom:12px!important;padding:12px 20px!important;display:flex!important;box-shadow:0 2px 6px #2563eb14!important}.bill-summary-banner.pur-banner{background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important;border-color:#e9d5ff!important;box-shadow:0 2px 6px #9333ea14!important}.summary-item{white-space:nowrap!important;align-items:center!important;gap:8px!important;display:flex!important}.summary-lbl{color:#475569!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:11.5px!important;font-weight:700!important}.summary-val{color:#1e40af!important;font-size:13.5px!important;font-weight:700!important}.pur-banner .summary-val{color:#6b21a8!important}.summary-divider{background-color:#cbd5e1!important;width:1px!important;height:22px!important}.summary-item.highlight-total .total-badge{color:#fff!important;background:#1d4ed8!important;border-radius:20px!important;padding:4px 14px!important;font-size:13.5px!important;font-weight:800!important;box-shadow:0 2px 6px #1d4ed840!important}.summary-item.highlight-total .total-badge.pur-badge-val{background:#7e22ce!important;box-shadow:0 2px 6px #7e22ce40!important}.modal-number-input.price-input{color:#1d4ed8!important;background:#eff6ff!important;border-color:#3b82f6!important;width:90px!important;font-weight:700!important}.items-return-table-wrapper{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;width:100%!important;overflow-x:auto!important}.items-return-table{border-collapse:separate!important;border-spacing:0!important;table-layout:auto!important;width:100%!important}.items-return-table th,.items-return-table td{vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:10px 12px!important;font-size:13px!important}.items-return-table th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.5px!important;background-color:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;font-size:11.5px!important;font-weight:700!important}.items-return-table th.col-product-name,.items-return-table td.col-product-name{width:220px!important;max-width:240px!important}.items-return-table th.col-bought,.items-return-table td.col-bought{white-space:nowrap!important;width:80px!important}.grand-refund-footer{background:#f8fafc!important;border:1.5px dashed #cbd5e1!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;margin-top:10px!important;margin-bottom:20px!important;padding:16px 24px!important;display:flex!important}.grand-refund-footer h2{color:#16a34a!important;margin:0!important;font-size:1.6rem!important;font-weight:900!important}.rb-modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-shrink:0!important;justify-content:flex-end!important;gap:12px!important;padding:16px 24px!important;display:flex!important}@media (width<=1024px){.rb-stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.rb-stats-grid{grid-template-columns:1fr!important}.rb-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.rb-header-center{justify-content:center!important}}[data-theme=dark] .rb-container{color:#f8fafc!important;background-color:#0b0f19!important}[data-theme=dark] .rb-header-left h2,[data-theme=dark] .rb-stat-value,[data-theme=dark] .rb-data-table td,[data-theme=dark] .rb-modal-header h3,[data-theme=dark] .rb-cust-info span{color:#f8fafc!important}[data-theme=dark] .rb-stat-card,[data-theme=dark] .rb-table-card,[data-theme=dark] .rb-modal-box{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .rb-toggle-container{background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .rb-toggle-tab-btn.active{color:#60a5fa!important;background-color:#0f172a!important}.rb-exchange-grid{grid-template-columns:1fr 1fr!important;gap:16px!important;width:100%!important;margin-bottom:12px!important;display:grid!important}.exchange-col{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;flex-direction:column!important;display:flex!important;overflow:hidden!important;box-shadow:0 1px 3px #00000008!important}.exchange-col.left-col{border-color:#fca5a5!important}.exchange-col.right-col{border-color:#86efac!important}.col-header{border-bottom:1px solid #e2e8f0!important;flex-direction:column!important;gap:2px!important;padding:12px 16px!important;display:flex!important}.left-header{background:#fef2f2!important}.right-header{background:#f0fdf4!important}.col-header h4{margin:0!important;font-size:13.5px!important;font-weight:700!important}.left-header h4{color:#b91c1c!important}.right-header h4{color:#15803d!important}.col-subtitle{color:#64748b!important;font-size:11.5px!important;font-weight:500!important}.col-content{flex-direction:column!important;flex:1!important;gap:10px!important;max-height:320px!important;padding:12px 14px!important;display:flex!important;overflow-y:auto!important}.exchange-empty{text-align:center!important;color:#94a3b8!important;padding:30px 16px!important;font-size:13px!important}.exchange-loading{text-align:center!important;color:#2563eb!important;padding:24px!important;font-size:13px!important}.exchange-items-table{border-collapse:collapse!important;width:100%!important}.exchange-items-table th,.exchange-items-table td{vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:8px 10px!important;font-size:12.5px!important}.exchange-items-table th{text-transform:uppercase!important;color:#475569!important;background:#f8fafc!important;font-size:11px!important;font-weight:700!important}.qty-btn{cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:4px!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;font-weight:700!important;display:inline-flex!important}.exchange-settlement-row{grid-template-columns:1.5fr 1fr!important;align-items:start!important;gap:16px!important;margin-bottom:12px!important;display:grid!important}.settlement-options-box{flex-direction:column!important;gap:6px!important;display:flex!important}.settlement-pills-group{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.settlement-pill{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:20px!important;align-items:center!important;gap:6px!important;padding:7px 14px!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.settlement-pill:hover{color:#0f172a!important;border-color:#94a3b8!important}.settlement-pill.refund-pill.active{color:#15803d!important;background:#f0fdf4!important;border-color:#86efac!important;box-shadow:0 2px 6px #16a34a26!important}.settlement-pill.pay-pill.active{color:#b91c1c!important;background:#fef2f2!important;border-color:#fca5a5!important;box-shadow:0 2px 6px #dc262626!important}.even-status-banner{color:#1d4ed8!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;padding:8px 16px!important;font-size:13px!important}.rb-settlement-cards{grid-template-columns:repeat(3,1fr)!important;gap:14px!important;width:100%!important;display:grid!important}.settle-card{background:#fff!important;border:1.5px solid #e2e8f0!important;border-radius:12px!important;flex-direction:column!important;justify-content:center!important;padding:12px 18px!important;display:flex!important;box-shadow:0 2px 6px #00000008!important}.settle-card.card-returned{background:linear-gradient(135deg,#fff,#fef2f2)!important;border-color:#fca5a5!important}.settle-card.card-new{background:linear-gradient(135deg,#fff,#f0fdf4)!important;border-color:#86efac!important}.settle-card.card-difference.refund{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#4ade80!important}.settle-card.card-difference.payment{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-color:#f87171!important}.settle-card.card-difference.even{background:linear-gradient(135deg,#eff6ff,#dbeafe)!important;border-color:#60a5fa!important}.card-lbl{color:#64748b!important;letter-spacing:.5px!important;text-transform:uppercase!important;font-size:11px!important;font-weight:700!important}.card-val{color:#0f172a!important;margin:2px 0!important;font-size:1.45rem!important;font-weight:900!important}.card-val.highlight-refund{color:#16a34a!important}.card-val.highlight-payment{color:#dc2626!important}.card-val.highlight-even{color:#2563eb!important}.card-hint{color:#64748b!important;font-size:11.5px!important;font-weight:600!important}.card-hint.tag-refund{color:#15803d!important}.card-hint.tag-payment{color:#b91c1c!important}.card-hint.tag-even{color:#1d4ed8!important}.settle-badge{border-radius:20px!important;padding:3px 10px!important;font-size:11.5px!important;font-weight:700!important;display:inline-flex!important}.settle-badge.badge-refund{color:#16a34a!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important}.settle-badge.badge-payment{color:#dc2626!important;background:#fef2f2!important;border:1px solid #fca5a5!important}.settle-badge.badge-even{color:#2563eb!important;background:#eff6ff!important;border:1px solid #bfdbfe!important}.quick-chip-btn{color:#15803d!important;cursor:pointer!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:12px!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;font-size:11.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.quick-chip-btn:hover{color:#166534!important;background:#dcfce7!important;border-color:#86efac!important}@media (width<=900px){.rb-exchange-grid,.rb-settlement-cards,.exchange-settlement-row{grid-template-columns:1fr!important}}[data-theme=dark] .rb-data-table th,[data-theme=dark] .rb-modal-header,[data-theme=dark] .rb-modal-footer{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .rb-data-table tbody tr:hover{background-color:#334155!important}[data-theme=dark] .rb-search-input-box input,[data-theme=dark] .rb-select-filter,[data-theme=dark] .rb-text-input{color:#f8fafc!important;background-color:#0f172a!important;border-color:#334155!important}.note-receipt-card{background:#fff!important;border:1px solid #cbd5e1!important;border-radius:12px!important;padding:24px 28px!important;font-family:inherit!important;box-shadow:0 4px 12px #0000000a!important}.receipt-header{text-align:center!important;margin-bottom:20px!important}.receipt-header h2{color:#0f172a!important;letter-spacing:.5px!important;text-transform:uppercase!important;margin:0 0 4px!important;font-size:1.5rem!important;font-weight:800!important}.receipt-header p{color:#64748b!important;margin:0!important;font-size:12.5px!important;font-weight:500!important}.exchange-type-badge{color:#2563eb!important;letter-spacing:.8px!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:20px!important;margin-top:10px!important;padding:4px 16px!important;font-size:11.5px!important;font-weight:800!important;display:inline-block!important}.receipt-meta-grid{background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;grid-template-columns:repeat(3,1fr)!important;gap:12px 18px!important;margin-bottom:20px!important;padding:14px 18px!important;display:grid!important}.meta-item{flex-direction:column!important;gap:2px!important;display:flex!important}.meta-label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.3px!important;font-size:11px!important;font-weight:600!important}.meta-val{color:#0f172a!important;font-size:13px!important;font-weight:700!important}.exchange-receipt-section{margin-bottom:16px!important}.section-title{align-items:center!important;gap:6px!important;margin:0 0 8px!important;font-size:13.5px!important;font-weight:700!important;display:flex!important}.section-title.red-title{color:#dc2626!important}.section-title.green-title{color:#16a34a!important}.table-wrapper{border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;overflow:hidden!important}.receipt-items-table{border-collapse:collapse!important;width:100%!important}.receipt-items-table th,.receipt-items-table td{vertical-align:middle!important;border-bottom:1px solid #f1f5f9!important;padding:10px 14px!important;font-size:12.5px!important}.receipt-items-table th{color:#475569!important;text-transform:uppercase!important;letter-spacing:.5px!important;background:#f8fafc!important;border-bottom:1.5px solid #e2e8f0!important;font-size:11px!important;font-weight:700!important}.item-variant{color:#64748b!important;margin-top:1px!important;font-size:11px!important;font-weight:500!important;display:block!important}.section-subtotal{background:#f8fafc!important;border-radius:6px!important;justify-content:flex-end!important;align-items:center!important;gap:10px!important;margin-top:6px!important;padding:8px 14px!important;font-size:13px!important;font-weight:700!important;display:flex!important}.section-subtotal.subtotal-red{color:#dc2626!important}.section-subtotal.subtotal-green{color:#16a34a!important}.receipt-settlement-summary{background:#fff!important;border:1.5px solid #cbd5e1!important;border-radius:10px!important;flex-direction:column!important;gap:8px!important;margin-top:20px!important;padding:16px 20px!important;display:flex!important}.summary-row{color:#475569!important;justify-content:space-between!important;align-items:center!important;font-size:13px!important;font-weight:600!important;display:flex!important}.receipt-total-line{border-top:2px dashed #cbd5e1!important;justify-content:space-between!important;align-items:center!important;margin-top:8px!important;padding-top:12px!important;display:flex!important}.total-lbl{font-size:14px!important;font-weight:800!important}.total-lbl.green{color:#16a34a!important}.total-lbl.red{color:#dc2626!important}.total-lbl.blue{color:#2563eb!important}.total-val{font-size:1.4rem!important;font-weight:900!important}.total-val.green{color:#16a34a!important}.total-val.red{color:#dc2626!important}.total-val.blue{color:#2563eb!important}.receipt-notes{color:#b45309!important;background:#fffbeb!important;border:1px solid #fef3c7!important;border-radius:8px!important;margin-top:16px!important;padding:10px 14px!important;font-size:12.5px!important}.rb-show-group{flex-shrink:0!important;align-items:center!important;gap:8px!important;display:flex!important}.rb-show-group label{color:#64748b!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:12px!important;font-weight:700!important}.rb-show-group select{color:#0f172a!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;outline:none!important;height:42px!important;padding:0 12px!important;font-size:13.5px!important;font-weight:700!important}.rb-btn-action-show{color:#1d4ed8!important;cursor:pointer!important;background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 12px!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.rb-btn-action-show:hover{background:#dbeafe!important;border-color:#93c5fd!important}.rb-btn-action-delete{color:#dc2626!important;cursor:pointer!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:6px 10px!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.rb-btn-action-delete:hover{background:#fee2e2!important;border-color:#fca5a5!important}.pagination-footer{background:#fff!important;border-top:1px solid #e2e8f0!important;border-bottom-right-radius:14px!important;border-bottom-left-radius:14px!important;justify-content:space-between!important;align-items:center!important;padding:16px 20px!important;display:flex!important}.pagination-info{color:#64748b!important;font-size:13.5px!important;font-weight:500!important}.pagination-controls{align-items:center!important;gap:20px!important;display:flex!important}.go-to-page{align-items:center!important;gap:8px!important;display:flex!important}.go-to-page span{color:#334155!important;font-size:13px!important;font-weight:600!important}.go-to-page input{text-align:center!important;color:#0f172a!important;border:1px solid #cbd5e1!important;border-radius:8px!important;outline:none!important;width:54px!important;height:36px!important;padding:0 6px!important;font-size:14px!important;font-weight:700!important}.page-buttons{align-items:center!important;gap:6px!important;display:flex!important}.page-nav-btn,.page-num-btn{color:#334155!important;cursor:pointer!important;background-color:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:14px!important;font-weight:600!important;transition:all .2s!important;display:flex!important}.page-num-btn.active{color:#fff!important;background-color:#2563eb!important;border-color:#2563eb!important}.page-nav-btn:disabled{opacity:.4!important;cursor:not-allowed!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.vm-root{color:#1e293b;background:#f4f6fb;min-height:100vh;padding:32px 24px;font-family:DM Sans,sans-serif}.vm-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.vm-header-title-group{align-items:center;gap:12px;display:flex}.vm-header-title-group svg,.vm-header-title-group img{flex-shrink:0!important;width:26px!important;min-width:26px!important;height:26px!important;min-height:26px!important;display:block!important}.vm-header-icon{filter:drop-shadow(0 2px 5px #0000001f)}.vm-header h1{letter-spacing:-.3px;color:#0f172a;font-size:22px;font-weight:700;line-height:1.2}.vm-header p{color:#64748b;margin-top:3px;font-size:13.5px}.vm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #2563eb2e}.vm-add-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb38}.vm-add-btn:active{transform:translateY(0)}.vm-tabs{background:#e8edf5;border-radius:12px;gap:2px;margin-bottom:24px;padding:4px;display:inline-flex}.vm-tab{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.vm-tab svg{transition:color .18s}.vm-tab.active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #00000017}.vm-tab.active svg{color:#2563eb}.vm-card{background:#fff;border:1px solid #e8edf5;border-radius:14px;width:100%;box-shadow:0 1px 4px #0000000d}.vm-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:64px 24px;font-size:14px;display:flex}.vm-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite vm-spin}@keyframes vm-spin{to{transform:rotate(360deg)}}.vm-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:56px 24px;font-size:14px;display:flex}.vm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;padding:20px;display:grid}.vm-variant-card{background:#f8fafd;border:1px solid #e8edf5;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;transition:box-shadow .18s,border-color .18s;display:flex}.vm-variant-card:hover{border-color:#bfcfe8;box-shadow:0 3px 12px #2563eb17}.vm-variant-badge{align-items:center;gap:8px;display:flex}.vm-variant-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px}.vm-variant-name{color:#1e293b;font-size:14px;font-weight:600}.vm-actions{gap:6px;display:flex}.vm-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,transform .12s;display:flex}.vm-icon-btn:hover{transform:scale(1.08)}.vm-icon-btn.edit{color:#2563eb}.vm-icon-btn.edit:hover{background:#eff6ff}.vm-icon-btn.del{color:#ef4444}.vm-icon-btn.del:hover{background:#fef2f2}.vm-dropdowns{border-bottom:1px solid #f0f4fa;grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}@media (width<=600px){.vm-dropdowns{grid-template-columns:1fr}}.vm-field label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.vm-label-row{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.vm-label-row label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:0;font-size:12.5px;font-weight:600}.vm-inline-add{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.vm-inline-add:hover{background:#dbeafe}.vm-dd-wrapper{position:relative}.vm-dd-trigger{color:#1e293b;cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;transition:border-color .18s,box-shadow .18s;display:flex}.vm-dd-trigger:hover:not(:disabled){border-color:#93c5fd;box-shadow:0 0 0 3px #2563eb0f}.vm-dd-trigger.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vm-dd-trigger:disabled{opacity:.55;cursor:not-allowed;background:#f8fafd}.vm-dd-placeholder{color:#94a3b8}.vm-dd-arrow{color:#94a3b8;flex-shrink:0;transition:transform .2s}.vm-dd-arrow.open{color:#2563eb;transform:rotate(180deg)}.vm-dd-menu{z-index:100;background:#fff;border:1.5px solid #e2e8f0;border-radius:11px;animation:.15s vm-fadedown;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001c}@keyframes vm-fadedown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vm-search-wrap{border-bottom:1px solid #f0f4fa;align-items:center;gap:8px;padding:10px 12px;display:flex}.vm-search-wrap svg{color:#94a3b8;flex-shrink:0}.vm-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-family:DM Sans,sans-serif;font-size:13.5px}.vm-options{max-height:190px;padding:4px 0;overflow-y:auto}.vm-option{color:#334155;cursor:pointer;padding:9px 14px;font-size:14px;transition:background .12s}.vm-option:hover{background:#f0f7ff}.vm-option.selected{color:#2563eb;background:#eff6ff;font-weight:600}.vm-no-data{text-align:center;color:#94a3b8;justify-content:center;align-items:center;gap:7px;padding:16px;font-size:13px;display:flex}.vm-spinner-icon{flex-shrink:0;animation:.7s linear infinite vm-spin}.vm-table-section{padding:20px}.vm-table-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.vm-table-title{color:#1e293b;font-size:15px;font-weight:700}.vm-table-count{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.vm-table-wrap{border:1px solid #e8edf5;border-radius:10px;overflow-x:auto}.vm-table{border-collapse:collapse;width:100%;font-size:13.5px}.vm-table thead{background:#f8fafd}.vm-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid #e8edf5;padding:11px 14px;font-size:12px;font-weight:700}.vm-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f4f6fb;padding:11px 14px}.vm-table tbody tr:last-child td{border-bottom:none}.vm-table tbody tr:hover td{background:#f8fafd}.vm-table .td-idx{color:#94a3b8;width:40px;font-family:DM Mono,monospace;font-size:12px}.vm-table .td-product{color:#0f172a;font-weight:600}.vm-table .td-actions{gap:6px;display:flex}.vm-modal-overlay{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;animation:.2s vm-fadein;display:flex;position:fixed;inset:0}@keyframes vm-fadein{0%{opacity:0}to{opacity:1}}.vm-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;animation:.22s vm-slideup;overflow:hidden;box-shadow:0 20px 60px #0000002e}@keyframes vm-slideup{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.vm-modal-header{border-bottom:1px solid #f0f4fa;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.vm-modal-header h2{color:#0f172a;font-size:17px;font-weight:700}.vm-modal-close{color:#64748b;cursor:pointer;background:#f8fafd;border:1px solid #e8edf5;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:flex}.vm-modal-close:hover{color:#ef4444;background:#fee2e2;border-color:#fecaca}.vm-modal-body{padding:20px 22px}.vm-form-group label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.vm-form-input{color:#1e293b;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;transition:border-color .18s,box-shadow .18s}.vm-form-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.vm-form-input::placeholder{color:#94a3b8}.vm-modal-footer{border-top:1px solid #f0f4fa;justify-content:flex-end;gap:10px;padding:16px 22px 20px;display:flex}.vm-btn{cursor:pointer;border:none;border-radius:9px;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:all .18s}.vm-btn.secondary{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.vm-btn.secondary:hover{background:#e8edf5}.vm-btn.primary{color:#fff;background:#2563eb;box-shadow:0 2px 8px #2563eb2e}.vm-btn.primary:hover:not(:disabled){background:#1d4ed8}.vm-btn.primary:disabled{opacity:.6;cursor:not-allowed}.vm-product-controls{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.vm-field-product{flex:1;min-width:220px}.vm-add-btn-secondary{color:#3b5bdb;cursor:pointer;white-space:nowrap;background:#f0f4ff;border:1.5px solid #c5d0fa;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.vm-loading-sm{gap:8px;padding:18px 0}.vm-loading-sm p{font-size:13px}.vm-empty-sm{gap:6px;padding:18px 0}.vm-empty-sm p{font-size:13px}.vm-checkbox-list{grid-template-columns:repeat(3,1fr);align-items:start;gap:10px;display:grid}.vm-checkbox-row{box-sizing:border-box;background:#fff;border:1.5px solid #e4e7ec;border-radius:10px;padding:12px 14px;transition:border-color .18s,box-shadow .18s,background .18s}.vm-checkbox-row.checked{background:#f5f8ff;border-color:#748ffc;box-shadow:0 0 0 3px #748ffc1a}.vm-checkbox-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.vm-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.vm-checkbox-input{opacity:0;width:0;height:0;position:absolute}.vm-checkbox-custom{background:#fff;border:2px solid #c4cdd6;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:17px;height:17px;transition:border-color .15s,background .15s;display:inline-flex;position:relative}.vm-checkbox-input:checked+.vm-checkbox-custom{background:#3b5bdb;border-color:#3b5bdb}.vm-checkbox-input:checked+.vm-checkbox-custom:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;display:block;transform:rotate(45deg)translateY(-1px)}.vm-checkbox-text{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.vm-checkbox-row.checked .vm-checkbox-text{color:#2c3e8a}.vm-minmax-row{border-top:1px dashed #d0d8f0;grid-template-columns:1fr 1fr;gap:10px 12px;margin-top:12px;padding-top:12px;display:grid}.vm-minmax-field{flex-direction:column;gap:4px;display:flex}.vm-minmax-field.span-2{grid-column:span 2}.vm-minmax-label{color:#667085;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.vm-minmax-input{color:#1d2939;box-sizing:border-box;appearance:textfield;background:#fff;border:1.5px solid #c5d0fa;border-radius:6px;outline:none;width:100%;height:34px;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.vm-minmax-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vm-minmax-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vm-minmax-input:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1f}.vm-minmax-input::placeholder{color:#b0b8c8}.vm-minmax-select{color:#1d2939;box-sizing:border-box;cursor:pointer;background:#fff;border:1.5px solid #c5d0fa;border-radius:6px;outline:none;width:100%;height:34px;padding:7px 10px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.vm-minmax-select:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1f}.vm-table-select{color:#1d2939;cursor:pointer;background:#fff;border:1.5px solid #c5d0fa;border-radius:6px;outline:none;padding:5px 8px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:border-color .15s}.vm-table-select:focus{border-color:#3b5bdb}.vm-policy-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.vm-policy-badge.none{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.vm-policy-badge.warranty{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.vm-policy-badge.guarantee{color:#be185d;background:#fdf2f8;border:1px solid #fbcfe8}.vm-policy-badge.defect{color:#d97706;text-transform:capitalize;background:#fef3c7;border:1px solid #fde68a}.vm-duration-value{color:#0f172a;font-family:DM Mono,monospace;font-weight:600}.vm-unit-value{color:#475569;font-size:13px}@media (width<=480px){.vm-minmax-row{flex-direction:column;gap:8px}.vm-minmax-divider{display:none}.vm-minmax-field{min-width:unset;width:100%}.vm-product-controls{flex-direction:column;align-items:stretch}.vm-field-product,.vm-field-add{width:100%}.vm-add-btn-secondary{justify-content:center;width:100%}}.vm-product-controls{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:14px;margin-top:40px;margin-bottom:24px;display:flex}.vm-field-product{flex:none;width:340px;max-width:100%}.vm-field-add{flex-shrink:0}.vm-variant-section{margin-bottom:24px}.vm-section-label{align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.vm-section-label span:first-child{color:#344054;font-size:14px;font-weight:600}.vm-section-hint{color:#98a2b3;font-size:12px;font-weight:400}.vm-add-btn-secondary{color:#3b5bdb;cursor:pointer;white-space:nowrap;background:#f0f4ff;border:1.5px solid #c5d0fa;border-radius:8px;align-items:center;gap:6px;height:40px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.vm-add-btn-secondary:hover{background:#e0e8ff;border-color:#748ffc}@media (width<=768px){.vm-checkbox-list{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.vm-checkbox-list{grid-template-columns:1fr}.vm-field-product{width:100%}.vm-product-controls{flex-direction:column;align-items:stretch}.vm-minmax-row{flex-wrap:wrap}.vm-minmax-field{min-width:unset;width:100%}.vm-minmax-divider{display:none}.vm-add-btn-secondary{justify-content:center;width:100%}}.vm-save-bar{border-top:1px solid #eef1f8;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.vm-save-hint{color:#3b5bdb;background:#eef2ff;border:1px solid #c5d0fa;border-radius:20px;align-items:center;gap:5px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.vm-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;transition:background .18s,box-shadow .18s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #16a34a38}.vm-save-btn:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 4px 14px #16a34a47}.vm-save-btn:active:not(:disabled){transform:translateY(0)}.vm-save-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.vm-variant-pill{color:#3730a3;white-space:nowrap;background:#f0f4ff;border:1px solid #c7d2fe;border-radius:20px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-block}.vm-stock-badge{border-radius:6px;padding:3px 10px;font-family:DM Mono,monospace;font-size:12.5px;font-weight:600;display:inline-block}.vm-stock-badge.min{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.vm-stock-badge.max{color:#92400e;background:#fef9f0;border:1px solid #fde68a}.vm-table-input{color:#1e293b;appearance:textfield;background:#fff;border:1.5px solid #748ffc;border-radius:6px;outline:none;width:80px;padding:5px 8px;font-family:DM Mono,monospace;font-size:13px;transition:border-color .15s,box-shadow .15s}.vm-table-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.vm-table-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vm-table-input:focus{border-color:#3b5bdb;box-shadow:0 0 0 3px #3b5bdb1a}.vm-row-editing td{background:#f5f8ff!important}.vm-icon-btn.save{color:#16a34a}.vm-icon-btn.save:hover{background:#f0fdf4}.vm-icon-btn.cancel{color:#64748b}.vm-icon-btn.cancel:hover{background:#f1f5f9}.td-minmax{white-space:nowrap}.vm-policies-container{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.vm-policy-subcard{background:#fff;border:1.5px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:8px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.vm-policy-subcard.active{background:#fcfdff;border-color:#748ffc;box-shadow:0 2px 8px #748ffc0d}.vm-policy-cb-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;width:fit-content;display:flex}.vm-policy-cb-input{opacity:0;width:0;height:0;position:absolute}.vm-policy-cb-custom{background:#fff;border:2px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;transition:border-color .15s,background .15s;display:inline-flex;position:relative}.vm-policy-cb-input:checked+.vm-policy-cb-custom{background:#3b5bdb;border-color:#3b5bdb}.vm-policy-cb-input:checked+.vm-policy-cb-custom:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:4px;height:8px;display:block;transform:rotate(45deg)translateY(-1px)}.vm-policy-cb-text{color:#475569;font-size:13px;font-weight:600;transition:color .15s}.vm-policy-subcard.active .vm-policy-cb-text{color:#1d4ed8}.vm-policy-inputs-row{grid-template-columns:1fr 1.2fr;gap:8px;width:100%;animation:.18s ease-out vm-slide-down;display:grid}@keyframes vm-slide-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.vm-policy-input-group{flex-direction:column;gap:4px;display:flex}.vm-policy-input-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.vm-table-policy-edit{align-items:center;gap:6px;width:100%;display:flex}.vm-table-policy-inputs{align-items:center;gap:4px;display:flex}.vm-table-policy-inputs .duration-input{width:50px!important;padding:4px 6px!important}.vm-table-policy-inputs .unit-select{padding:4px 6px!important;font-size:12px!important}[data-theme=dark] .vm-root{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .vm-header h1{color:#f8fafc!important}[data-theme=dark] .vm-header p{color:#cbd5e1!important}[data-theme=dark] .vm-tabs{background:#0f172a!important}[data-theme=dark] .vm-tab{color:#cbd5e1!important}[data-theme=dark] .vm-tab.active{color:#fff!important;background:#6366f1!important}[data-theme=dark] .vm-card{background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .vm-variant-card{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .vm-variant-name{color:#f8fafc!important}[data-theme=dark] .vm-field label,[data-theme=dark] .vm-label-row label,[data-theme=dark] .vm-table-title{color:#cbd5e1!important}[data-theme=dark] .vm-dd-trigger,[data-theme=dark] .vm-form-input,[data-theme=dark] .vm-minmax-input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .vm-dd-menu{background:#1e293b!important;border-color:#334155!important;box-shadow:0 10px 25px #00000080!important}[data-theme=dark] .vm-option{color:#cbd5e1!important}[data-theme=dark] .vm-option:hover{background:#334155!important}[data-theme=dark] .vm-checkbox-row{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .vm-checkbox-row.checked{background:#1e293b!important;border-color:#6366f1!important}[data-theme=dark] .vm-checkbox-text{color:#f8fafc!important}[data-theme=dark] .vm-table-wrap{border-color:#334155!important}[data-theme=dark] .vm-table thead{background:#0f172a!important}[data-theme=dark] .vm-table th{color:#cbd5e1!important;border-bottom-color:#334155!important}[data-theme=dark] .vm-table td{color:#f8fafc!important;background:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .vm-table .td-product{color:#f8fafc!important}[data-theme=dark] .vm-modal{color:#f8fafc!important;background:#1e293b!important}[data-theme=dark] .vm-modal-header,[data-theme=dark] .vm-modal-footer{border-color:#334155!important}[data-theme=dark] .vm-modal-header h2{color:#f8fafc!important}.stock-orders-page{background-color:var(--bg-main,#f8fafc);min-height:calc(100vh - 60px);color:var(--text-main,#1e293b);box-sizing:border-box;flex-direction:column;gap:20px;padding:24px;font-family:inherit;display:flex}.stock-orders-header{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.stock-orders-title-group{align-items:center;gap:14px;display:flex}.stock-orders-icon-wrapper{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 10px #4f46e540}.stock-orders-title{color:#0f172a;margin:0;font-size:1.4rem;font-weight:700;line-height:1.2}.stock-orders-subtitle{color:#64748b;margin:2px 0 0;font-size:.875rem}.stock-orders-actions-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stock-orders-search-box{align-items:center;min-width:260px;display:flex;position:relative}.stock-orders-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.stock-orders-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:9px 34px 9px 38px;font-size:.88rem;transition:all .2s}.stock-orders-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.search-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.search-clear-btn:hover{color:#475569;background:#e2e8f0}.stock-orders-view-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;gap:2px;padding:3px;display:inline-flex}.stock-orders-view-toggle .toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.stock-orders-view-toggle .toggle-btn:hover{color:#1e293b}.stock-orders-view-toggle .toggle-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.stock-orders-btn-primary{color:#fff;cursor:pointer;box-sizing:border-box;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #4f46e533}.stock-orders-btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 8px #4f46e54d}.stock-orders-btn-primary:disabled{opacity:.7;cursor:not-allowed}.stock-orders-btn-secondary{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:9px 14px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.stock-orders-btn-secondary:hover:not(:disabled){color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.spinning{animation:1s linear infinite spin}.stock-orders-content-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-height:400px;padding:20px;display:flex;box-shadow:0 1px 3px #0000000d}.stock-orders-table-wrapper{border:1px solid #e2e8f0;border-radius:8px;width:100%;overflow-x:auto}.stock-orders-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.stock-orders-table thead{background:0 0;border-bottom:1px solid #edf2f7}.stock-orders-table th{color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:700}.stock-orders-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.stock-order-row{transition:background-color .15s}.stock-order-row:hover{background-color:#f8fafc}.sno-badge{color:#64748b;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:.8rem;font-weight:700;display:inline-block}.product-info-flex{align-items:center;gap:12px;display:flex}.product-thumbnail{object-fit:cover;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:42px;height:42px}.product-thumbnail-fallback{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.product-details-wrap{flex-direction:column;display:flex}.product-name-text{color:#0f172a;font-size:.92rem;font-weight:600}.product-id-sub{color:#94a3b8;font-size:.75rem}.order-qty-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:20px;padding:4px 12px;font-size:.86rem;font-weight:700;display:inline-block}.amount-text{color:#059669;font-size:.95rem;font-weight:700}.days-badge{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.days-icon{opacity:.8}.action-buttons-group{align-items:center;gap:6px;display:inline-flex}.action-btn{cursor:pointer;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .15s;display:inline-flex}.view-btn{color:#0284c7;background:#f0f9ff;border-color:#e0f2fe}.view-btn:hover{color:#fff;background:#0284c7}.edit-btn{color:#d97706;background:#fffbeb;border-color:#fef3c7}.edit-btn:hover{color:#fff;background:#d97706}.delete-btn{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.delete-btn:hover{color:#fff;background:#dc2626}.stock-orders-card-grid{box-sizing:border-box;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;display:grid}@media (width<=1100px){.stock-orders-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.stock-orders-card-grid{grid-template-columns:1fr}}.modern-showcase-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000a,0 1px 2px #00000005}.modern-showcase-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000014,0 4px 6px -2px #00000008}.showcase-canvas-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;justify-content:center;align-items:center;height:195px;margin:12px 12px 0;display:flex;position:relative;overflow:hidden}.showcase-cycle-badge{color:#fff;z-index:2;background:#f97316;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 5px #f973164d}.showcase-order-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;z-index:2;background:#0f172acc;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:.74rem;font-weight:600;display:inline-flex;position:absolute;top:10px;right:10px}.showcase-img{object-fit:contain;filter:drop-shadow(0 6px 10px #00000012);max-width:82%;max-height:82%;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.modern-showcase-card:hover .showcase-img{transform:scale(1.06)}.showcase-fallback-art{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.showcase-fallback-icon-wrap{color:#4f46e5;background:#fff;border:1px solid #e0e7ff;border-radius:14px;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 4px 12px #4f46e51f}.showcase-fallback-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.showcase-card-body{flex-direction:column;flex-grow:1;gap:12px;padding:14px 16px 16px;display:flex}.showcase-title-price-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.showcase-title-left{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.showcase-product-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;line-height:1.3;overflow:hidden}.showcase-product-code{color:#64748b;letter-spacing:.02em;font-size:.76rem;font-weight:600}.showcase-price-right{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.showcase-price-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.64rem;font-weight:700}.showcase-amount-price{color:#0f172a;letter-spacing:-.02em;white-space:nowrap;font-size:1.15rem;font-weight:800}.showcase-metrics-bar{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px;display:grid}.showcase-metric-pill{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.metric-micro-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:700}.metric-micro-val{font-size:.92rem;font-weight:700}.metric-micro-val.red-text{color:#dc2626}.metric-micro-val.green-text{color:#16a34a}.metric-micro-val.amber-text{color:#d97706}.showcase-actions-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.showcase-btn.btn-view-more{cursor:pointer;color:#0284c7;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-size:.84rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.showcase-btn.btn-view-more:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 10px #0284c740}.showcase-icon-actions{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.showcase-icon-btn{cursor:pointer;box-sizing:border-box;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.showcase-icon-btn.btn-edit-icon{color:#d97706;background:#fffbeb;border-color:#fde68a}.showcase-icon-btn.btn-edit-icon:hover{color:#fff;background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 10px #d9770640}.showcase-icon-btn.btn-delete-icon{color:#dc2626;background:#fef2f2;border-color:#fecaca}.showcase-icon-btn.btn-delete-icon:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 10px #dc262640}.stock-orders-loading-skeleton,.stock-orders-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 20px;display:flex}.skeleton-loader-spinner{color:#64748b;flex-direction:column;align-items:center;gap:14px;font-weight:500;display:flex}.spinner-icon{color:#4f46e5;animation:1s linear infinite spin}.empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:16px;display:flex}.stock-orders-empty-state h3{color:#0f172a;margin:0 0 6px;font-size:1.2rem;font-weight:700}.stock-orders-empty-state p{color:#64748b;max-width:440px;margin:0 0 20px;font-size:.9rem;line-height:1.5}.stock-orders-top-controls{justify-content:flex-start;align-items:center;margin-bottom:6px;padding-bottom:14px;display:flex}.pagination-entries-selector{color:#475569;white-space:nowrap;align-items:center;gap:8px;font-size:.86rem;font-weight:500;display:inline-flex}.entries-label{white-space:nowrap;color:#64748b}.entries-select{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;padding:6px 10px;font-size:.86rem;font-weight:600;transition:all .2s}.entries-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.stock-orders-pagination-container{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:16px;margin-top:20px;padding-top:16px;display:flex}.modal-backdrop-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.stock-order-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:100%;max-width:540px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title-wrap{align-items:center;gap:12px;display:flex}.modal-icon-badge{color:#4f46e5;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-icon-badge.view-badge{color:#0284c7;background:#f0f9ff}.modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.modal-subtitle{color:#64748b;margin:2px 0 0;font-size:.8rem}.modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.modal-form{flex-direction:column;gap:16px;padding:22px;display:flex}.form-row-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.required-star{color:#ef4444}.form-input,.form-select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:.88rem;transition:border-color .2s,box-shadow .2s}.input-error{background:#fef2f2;border-color:#ef4444!important}.field-error-msg{color:#ef4444;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:inline-flex}.modal-actions{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.stock-order-modal.view-modal{max-width:580px}.view-modal-body{flex-direction:column;gap:16px;max-height:78vh;padding:20px 24px;display:flex;overflow-y:auto}.view-product-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.view-product-header{align-items:center;gap:14px;display:flex}.view-product-img{object-fit:cover;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-shrink:0;width:60px;height:60px}.view-product-img-fallback{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.view-product-info-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.view-product-name{color:#0f172a;margin:0;font-size:1.12rem;font-weight:800;line-height:1.3}.view-product-meta-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.view-meta-tag{color:#475569;background:#e2e8f0;border-radius:6px;align-items:center;padding:2px 8px;font-size:.76rem;font-weight:500;display:inline-flex}.view-meta-tag strong{color:#0f172a;margin-left:3px}.view-meta-tag.tag-category{color:#6366f1;background:#ede9fe;font-weight:600}.view-product-extra-row{border-top:1px dashed #e2e8f0;flex-wrap:wrap;gap:14px;padding-top:8px;font-size:.8rem;display:flex}.extra-item{align-items:center;gap:5px;display:inline-flex}.extra-label{color:#64748b;font-weight:600}.extra-val{color:#1e293b;font-weight:700}.extra-val.stock-val{color:#0284c7}.view-pricing-hero-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pricing-hero-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000a}.pricing-hero-card.per-qty-card{background:#fdf4ff;border-color:#f5d0fe}.pricing-hero-card.total-qty-card{background:#eff6ff;border-color:#bfdbfe}.pricing-hero-card.total-amount-card{background:#f0fdf4;border-color:#bbf7d0}.hero-card-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;font-weight:700}.hero-card-value{color:#0f172a;letter-spacing:-.01em;font-size:1.15rem;font-weight:800}.hero-card-value.text-indigo{color:#9333ea}.hero-card-value.text-blue{color:#2563eb}.hero-card-value.text-green{color:#16a34a}.hero-card-sub{color:#94a3b8;font-size:.7rem;font-weight:500}.qty-calculator-control{background:#fff;border:1.5px solid #bfdbfe;border-radius:8px;justify-content:center;align-items:center;gap:4px;margin:3px 0 1px;padding:2px 4px;display:inline-flex;box-shadow:0 1px 2px #2563eb0f}.qty-calc-btn{color:#2563eb;cursor:pointer;-webkit-user-select:none;user-select:none;background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;transition:all .15s;display:flex}.qty-calc-btn:hover:not(:disabled){color:#fff;background:#2563eb;border-color:#2563eb;transform:scale(1.04)}.qty-calc-btn:active:not(:disabled){transform:scale(.95)}.qty-calc-btn:disabled{opacity:.35;cursor:not-allowed;color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.qty-calc-input{text-align:center;color:#0f172a;appearance:textfield;background:0 0;border:none;outline:none;width:38px;font-size:1.15rem;font-weight:800}.qty-calc-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-calc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.view-details-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.view-detail-card{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.view-detail-card.full-width{grid-column:span 2}.view-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.view-detail-val{color:#0f172a;font-size:.96rem;font-weight:700}.view-detail-val.order-text{color:#2563eb}.view-detail-val.amount-text{color:#059669}.view-detail-val.sub-date{color:#475569;font-size:.86rem;font-weight:600}@media (width<=1024px){.stock-orders-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.stock-orders-page{padding:16px}.stock-orders-header,.stock-orders-actions-group{flex-direction:column;align-items:stretch}.stock-orders-search-box{min-width:100%}.stock-orders-card-grid,.form-row-2,.view-details-grid{grid-template-columns:1fr}.view-detail-card.full-width{grid-column:span 1}}[data-theme=dark] .stock-orders-page{color:#f1f5f9;background-color:#0f172a}[data-theme=dark] .stock-orders-header,[data-theme=dark] .stock-orders-content-card,[data-theme=dark] .stock-order-card,[data-theme=dark] .stock-order-modal{background:#1e293b;border-color:#334155}[data-theme=dark] .stock-orders-title,[data-theme=dark] .card-product-title,[data-theme=dark] .product-name-text,[data-theme=dark] .modal-title,[data-theme=dark] .view-product-name,[data-theme=dark] .view-detail-val,[data-theme=dark] .stock-orders-empty-state h3{color:#f8fafc}[data-theme=dark] .stock-orders-subtitle,[data-theme=dark] .product-id-sub,[data-theme=dark] .modal-subtitle,[data-theme=dark] .view-product-id,[data-theme=dark] .view-detail-label,[data-theme=dark] .stock-orders-empty-state p{color:#94a3b8}[data-theme=dark] .stock-orders-search-input,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .entries-select{color:#f1f5f9;background:#0f172a;border-color:#334155}[data-theme=dark] .stock-orders-view-toggle{background:#0f172a;border-color:#334155}[data-theme=dark] .stock-orders-view-toggle .toggle-btn.active{color:#818cf8;background:#1e293b}[data-theme=dark] .stock-orders-table thead{background:#0f172a;border-color:#334155}[data-theme=dark] .stock-orders-table th{color:#94a3b8}[data-theme=dark] .stock-orders-table td{color:#f1f5f9;border-color:#334155}[data-theme=dark] .stock-order-row:hover{background-color:#243248}[data-theme=dark] .card-image-container,[data-theme=dark] .card-metrics-grid,[data-theme=dark] .modal-header,[data-theme=dark] .modal-actions,[data-theme=dark] .view-product-header,[data-theme=dark] .view-detail-card{background:#0f172a;border-color:#334155}[data-theme=dark] .card-days-tag{color:#fbbf24;background:#0f172ae6;border-color:#78350f}[data-theme=dark] .sno-badge{color:#cbd5e1;background:#334155}[data-theme=dark] .form-label{color:#cbd5e1}.add-stock-order-page{background-color:var(--bg-main,#f8fafc);min-height:calc(100vh - 60px);color:var(--text-main,#1e293b);box-sizing:border-box;flex-direction:column;gap:20px;padding:24px;font-family:inherit;display:flex}.add-stock-order-nav-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.back-nav-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.back-nav-btn:hover{color:#0f172a;background:#e2e8f0;transform:translate(-2px)}.main-tab-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.tab-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.tab-switch-btn:hover{color:#1e293b}.tab-switch-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 5px #00000014,0 1px 2px #0000000a}.tab-count-badge{color:#4338ca;background:#e0e7ff;border-radius:20px;justify-content:center;align-items:center;margin-left:2px;padding:2px 7px;font-size:.75rem;font-weight:700;display:inline-flex}.form-tab-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;max-width:780px;margin:0 auto;padding:28px 32px;box-shadow:0 2px 6px #0000000a}.form-card-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.form-card-title-group{align-items:center;gap:14px;display:flex}.form-card-icon-wrap{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 10px #4f46e533}.form-card-icon-wrap.master-icon{background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 4px 10px #05966940}.form-card-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.form-card-subtitle{color:#64748b;margin:3px 0 0;font-size:.85rem}.new-config-btn{color:#4f46e5;cursor:pointer;background:#f1f5f9;border:1px solid #e0e7ff;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.new-config-btn:hover{background:#e0e7ff}.detected-notice-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:10px;margin-bottom:22px;padding:12px 16px;font-size:.88rem;font-weight:500;display:flex}.notice-icon{color:#2563eb;flex-shrink:0}.stock-order-form{flex-direction:column;gap:20px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex;position:relative}.field-label{color:#334155;letter-spacing:.02em;font-size:.85rem;font-weight:600}.required-mark{color:#ef4444;margin-left:2px;font-weight:700}.field-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.92rem;transition:all .2s}.field-input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.field-input.input-error{background-color:#fffbfb;border-color:#ef4444}.field-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' 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 12px center;background-repeat:no-repeat;padding-right:36px}.form-grid-2{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=640px){.form-grid-2{grid-template-columns:1fr}}.as-amount-input-wrap{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:stretch;width:100%;transition:all .2s;display:flex;overflow:hidden}.as-amount-input-wrap:focus-within{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.as-amount-input-wrap.input-error{background-color:#fffbfb;border-color:#ef4444}.as-currency-prefix{color:#475569;-webkit-user-select:none;user-select:none;background:#f8fafc;border-right:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;padding:0 14px;font-size:1rem;font-weight:700;display:inline-flex}.as-amount-input{color:#0f172a;box-sizing:border-box;flex:1;width:100%;font-size:.92rem;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:10px 14px!important}.as-amount-input::placeholder{color:#94a3b8;font-weight:400}.field-error{color:#ef4444;align-items:center;gap:5px;margin-top:2px;font-size:.78rem;font-weight:500;display:flex}.custom-searchable-select{width:100%;position:relative}.select-trigger-box{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:all .2s;display:flex}.select-trigger-box:hover{border-color:#94a3b8}.select-trigger-box.has-value{border-color:#4f46e5}.select-trigger-box.input-error{border-color:#ef4444}.selected-product-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px}.selected-product-text{color:#0f172a;flex-grow:1;font-size:.92rem;font-weight:500}.selected-product-id-tag{color:#64748b;background:#f1f5f9;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600}.select-dropdown-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:10px;animation:.15s fadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001f,0 8px 10px -6px #0000000d}.dropdown-search-wrap{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;padding:10px 14px;display:flex;position:relative}.dropdown-search-icon{color:#94a3b8;flex-shrink:0;margin-right:8px}.dropdown-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-size:.88rem}.dropdown-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px}.dropdown-items-list{flex-direction:column;gap:2px;max-height:240px;padding:6px;display:flex;overflow-y:auto}.dropdown-item-row{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px 10px;transition:background .15s;display:flex}.dropdown-item-row:hover{background:#f1f5f9}.dropdown-item-row.selected{background:#eef2ff}.dropdown-item-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:6px;width:32px;height:32px}.dropdown-item-img-placeholder{color:#94a3b8;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.dropdown-item-meta{flex-direction:column;flex-grow:1;gap:2px;display:flex}.dropdown-item-name{color:#0f172a;font-size:.88rem;font-weight:600}.dropdown-item-sub{color:#64748b;align-items:center;gap:8px;font-size:.76rem;display:flex}.dropdown-item-code{background:#f1f5f9;border-radius:4px;padding:1px 5px}.dropdown-item-price{color:#059669;font-weight:600}.already-configured-tag{color:#b45309;background:#fef3c7;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:700}.form-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:14px;margin-top:10px;padding-top:20px;display:flex}.form-btn-cancel{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:10px 22px;font-size:.9rem;font-weight:600;transition:all .2s}.form-btn-cancel:hover:not(:disabled){color:#0f172a;background:#f1f5f9;border-color:#94a3b8}.form-btn-submit{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 26px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #4f46e540}.form-btn-submit:hover:not(:disabled){background:#4338ca;transform:translateY(-1px);box-shadow:0 4px 10px #4f46e559}.form-btn-submit:disabled,.form-btn-cancel:disabled{opacity:.65;cursor:not-allowed}.list-tab-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;min-height:440px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #0000000d}.list-tab-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.list-card-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.list-card-subtitle{color:#64748b;margin:3px 0 0;font-size:.85rem}.list-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.list-search-box{align-items:center;min-width:280px;display:flex;position:relative}.list-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.list-search-input{color:#1e293b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:8px 32px 8px 36px;font-size:.88rem;transition:all .2s}.list-search-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.create-stock-order-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #4f46e533}.create-stock-order-btn:hover{background:#4338ca;transform:translateY(-1px)}.master-form-container{width:100%;max-width:640px;margin:0 auto;padding:10px 0}.master-form-body{background:#fff}.master-name-cell{align-items:center;display:flex}.master-name-title{color:#0f172a;font-size:.94rem;font-weight:600}.table-responsive-container{border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:16px;overflow-x:auto}.config-list-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.config-list-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.config-list-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;padding:13px 16px;font-size:.82rem;font-weight:700}.config-list-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 16px}.config-table-row:hover{background-color:#f8fafc}.sno-tag{color:#64748b;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:.8rem;font-weight:700;display:inline-block}.badge-days{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:.82rem;font-weight:600;display:inline-flex}.amount-col-val{color:#059669;font-size:.94rem;font-weight:700}.action-flex-group{align-items:center;gap:6px;display:inline-flex}.action-icon-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.action-icon-btn.edit{color:#d97706;background:#fffbeb;border-color:#fef3c7}.action-icon-btn.edit:hover{color:#fff;background:#d97706}.action-icon-btn.delete{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.action-icon-btn.delete:hover{color:#fff;background:#dc2626}.list-pagination-wrap{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding-top:14px;display:flex}.entries-dropdown-group{color:#64748b;align-items:center;gap:8px;font-size:.85rem;display:flex}.entries-select-input{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:5px 8px;font-size:.85rem}.list-empty-state,.list-loading-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.empty-box-icon{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:14px;display:flex}.list-empty-state h4{color:#0f172a;margin:0 0 6px;font-size:1.15rem;font-weight:700}.list-empty-state p{color:#64748b;max-width:400px;margin:0 0 16px;font-size:.88rem}.clear-search-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:7px 14px;font-size:.85rem;font-weight:600}.clear-search-btn:hover{color:#0f172a;background:#e2e8f0}.sales-page-container{max-width:1600px;color:var(--text-primary,#0f172a);margin:0 auto;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif}.sales-header-banner{border:1px solid var(--border-color,#e2e8f0);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 4px 20px #0000000a}.sales-title-wrapper{align-items:center;gap:1rem;display:flex}.sales-icon-badge{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 16px #6366f14d}.sales-page-title{color:var(--text-primary,#0f172a);letter-spacing:-.015em;margin:0 0 .2rem;font-size:1.35rem;font-weight:800}.sales-page-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.sales-quick-stats{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stat-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .9rem;font-size:.825rem;display:flex}.stat-pill.primary{color:#4f46e5;background:#6366f114;border-color:#6366f133}.sales-top-bar-row{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 10px #00000008}.search-bar-wrapper{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:#64748b;pointer-events:none;position:absolute;left:14px}.sales-search-input{width:100%;color:var(--text-primary,#0f172a);background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.9rem;transition:all .2s}.sales-search-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.2rem;line-height:1;position:absolute;right:12px}.entries-show-wrapper{white-space:nowrap;align-items:center;gap:.6rem;display:flex}.entries-label,.entries-text{color:var(--text-secondary,#475569);font-size:.85rem;font-weight:600}.entries-select-custom{align-items:center;display:flex;position:relative}.entries-select-dropdown{appearance:none;color:var(--text-primary,#0f172a);cursor:pointer;text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;min-width:64px;padding:.55rem 2rem .55rem .9rem;font-size:.875rem;font-weight:700;transition:all .2s}.entries-select-dropdown:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.dropdown-arrow{color:#64748b;pointer-events:none;position:absolute;right:10px}.sales-filter-row{border:1px solid var(--border-color,#e2e8f0);box-sizing:border-box;background:#fff;border-radius:14px;grid-template-columns:repeat(4,minmax(170px,1fr)) minmax(100px,auto);align-items:flex-start;gap:1rem;width:100%;margin-bottom:1.25rem;padding:1.25rem 1.5rem;display:grid;box-shadow:0 2px 10px #00000008}@media (width<=1200px){.sales-filter-row{grid-template-columns:repeat(2,1fr) auto}}@media (width<=640px){.sales-filter-row{grid-template-columns:1fr}}.sales-filter-row .filter-group{gap:0;width:100%;min-width:0;flex-direction:column!important;align-items:stretch!important;display:flex!important}.filter-group.disabled-group{opacity:.75}.filter-label-header{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:.4rem;width:100%;height:26px;margin-bottom:.4rem;display:flex}.filter-label{color:var(--text-secondary,#475569);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.35rem;margin:0;font-size:.75rem;font-weight:700;display:flex;overflow:hidden}.filter-label-placeholder{visibility:hidden;height:26px;display:inline-block}.toggle-enable-btn{cursor:pointer;color:#64748b;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:16px;flex-shrink:0;align-items:center;gap:.25rem;padding:.1rem .45rem;font-size:.7rem;font-weight:600;transition:all .2s;display:inline-flex}.toggle-enable-btn.enabled{color:#4f46e5;background:#6366f11a;border-color:#6366f14d}.toggle-icon-active{color:#6366f1}.select-box-wrapper{align-items:center;width:100%;display:flex;position:relative}.filter-select{appearance:none;width:100%;color:var(--text-primary,#0f172a);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 2.2rem .65rem .9rem;font-size:.875rem;font-weight:600;transition:all .2s;overflow:hidden}.filter-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.filter-select:focus:not(:disabled){background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.filter-action-group{flex-direction:column;justify-content:flex-end;width:100%;display:flex}.reset-filters-btn{color:#475569;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;width:100%;height:40px;padding:0 1.1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.reset-filters-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.results-info-bar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:0 .25rem;display:flex}.results-counter{color:#64748b;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.sparkle-icon{color:#6366f1}.cart-summary-badge{color:#3730a3;background:#e0e7ff;border-radius:20px;align-items:center;gap:.75rem;padding:.4rem .9rem;font-size:.825rem;font-weight:600;display:flex}.cart-total-amount{color:#fff;background:#6366f1;border-radius:12px;padding:.2rem .6rem}.sales-product-grid-5{grid-template-columns:repeat(5,1fr);gap:1.1rem;margin-bottom:1.5rem;display:grid}.product-card-5{border:1px solid var(--border-color,#e2e8f0);background:#fff;border-radius:14px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 3px 12px #0000000a}.product-card-5:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 12px 24px -6px #6366f12e}.product-card-5.selected-in-cart{border:2px solid #6366f1;box-shadow:0 6px 18px #6366f133}.product-card-media{background:#f1f5f9;border-radius:14px 14px 0 0;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden;margin:0!important;padding:0!important}.product-card-img{transition:transform .3s;object-fit:cover!important;object-position:center!important;border-radius:0!important;width:100%!important;height:100%!important}.product-card-5:hover .product-card-img{transform:scale(1.05)}.product-fallback-icon{color:#94a3b8}.stock-badge{z-index:2;border-radius:20px;padding:.25rem .6rem;font-size:.725rem;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 6px #0000001a}.stock-badge.in-stock{color:#fff;background:#10b981}.stock-badge.low-stock{color:#fff;background:#f59e0b}.location-pill{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#0f172abf;border-radius:6px;padding:.2rem .5rem;font-size:.68rem;position:absolute;bottom:8px;right:8px}.product-card-body{flex-direction:column;flex:1;padding:1rem;display:flex}.product-tags-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.category-pill{color:#2563eb;background:#eff6ff;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.brand-pill{color:#c026d3;background:#fdf4ff;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.product-card .product-title,.product-item .product-title{color:var(--text-primary,#0f172a);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:2.7rem;margin:0 0 .3rem;font-size:.9rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.product-sku-code{color:#94a3b8;margin-bottom:.75rem;font-size:.75rem}.product-variant-info{align-items:center;margin-top:.2rem;margin-bottom:.5rem;display:flex}.variant-tag{color:#4f46e5;text-overflow:ellipsis;white-space:nowrap;background:#f0f2fe;border:1px solid #c7d2fe;border-radius:6px;align-items:center;gap:.35rem;max-width:100%;padding:.2rem .55rem;font-size:.72rem;font-weight:600;display:inline-flex;overflow:hidden}.variant-tag .variant-icon{color:#6366f1;flex-shrink:0}.variant-tag .variant-label-text{color:#4338ca;font-weight:700}.product-price-section{align-items:baseline;gap:.5rem;margin-top:auto;margin-bottom:.85rem;display:flex}.selling-price{color:#10b981;font-size:1.1rem;font-weight:800}.mrp-price{color:#94a3b8;font-size:.8rem;text-decoration:line-through}.product-action-container{width:100%}.add-to-sale-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem;font-size:.825rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #6366f140}.add-to-sale-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:scale(1.02)}.add-to-sale-btn.added{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 12px #10b98140}.add-to-sale-btn.added:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%)}.qty-control-bar{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;padding:.2rem;display:flex}.qty-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001a}.qty-btn:hover:not(:disabled){color:#fff;background:#6366f1}.qty-value{color:#6366f1;font-size:.9rem;font-weight:800}.sales-loading-state,.sales-empty-state{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem;padding:4rem 2rem;display:flex}.spinning-icon{color:#6366f1;margin-bottom:1rem;animation:1s linear infinite spin}.empty-icon{color:#94a3b8;margin-bottom:1rem}.sales-empty-state h3{color:#0f172a;margin:0 0 .5rem;font-size:1.1rem}.sales-empty-state p{margin:0 0 1.25rem;font-size:.875rem}.reset-empty-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;display:flex}.sales-pagination-bar{justify-content:center;align-items:center;gap:.6rem;margin-top:2.5rem;margin-bottom:1.5rem;padding:.5rem;display:flex}.pagination-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1.5px solid #dce2ee;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #00000008}.pagination-nav-btn:hover:not(:disabled){color:#3544a0;background:#f8fafc;border-color:#3544a0;transform:translateY(-1px)}.pagination-nav-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;border-color:#e2e8f0}.pagination-pages-list{align-items:center;gap:.45rem;display:flex}.page-number-btn{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #dce2ee;border-radius:12px;justify-content:center;align-items:center;min-width:44px;height:44px;padding:0 10px;font-size:1rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #00000008}.page-number-btn:hover:not(.active){color:#3544a0;background:#f8fafc;border-color:#3544a0;transform:translateY(-1px)}.page-number-btn.active{color:#fff;background:#3544a0;border-color:#3544a0;font-weight:800;box-shadow:0 4px 14px #3544a059}.pagination-ellipsis{color:#475569;-webkit-user-select:none;user-select:none;letter-spacing:1px;justify-content:center;align-items:center;min-width:28px;height:44px;font-size:1.2rem;font-weight:800;display:inline-flex}@media (width<=1400px){.sales-product-grid-5{grid-template-columns:repeat(4,1fr)}}@media (width<=1100px){.sales-product-grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.sales-top-bar-row{flex-direction:column;align-items:stretch}.entries-show-wrapper{justify-content:flex-end}.sales-product-grid-5{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.sales-product-grid-5{grid-template-columns:1fr}}.product-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172ab8;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out forwards fadeInModal;display:flex;position:fixed;inset:0}.product-modal-container{box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:20px;flex-direction:column;width:100%;max-width:960px;max-height:88vh;animation:.25s cubic-bezier(.16,1,.3,1) forwards slideUpModal;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000047}.product-modal-header{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 28px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #00000005}.modal-header-title{color:#0f172a;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.modal-title-icon{color:#6366f1}.modal-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.product-modal-body{flex-direction:column;gap:24px;padding:28px 28px 32px;display:flex}.product-modal-top-grid{grid-template-columns:320px 1fr;align-items:stretch;gap:28px;display:grid}.modal-media-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;justify-content:center;align-items:center;min-height:320px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.modal-media-wrapper{justify-content:center;align-items:center;width:100%;height:100%;min-height:280px;display:flex;position:relative}.modal-product-img{object-fit:contain;object-position:center;border-radius:12px;width:100%;height:100%;max-height:280px;transition:transform .3s}.modal-product-img:hover{transform:scale(1.03)}.modal-fallback-icon{color:#94a3b8}.modal-stock-badge{z-index:5;border-radius:20px;padding:.35rem .85rem;font-size:.75rem;font-weight:800;position:absolute;top:0;left:0;box-shadow:0 4px 12px #0000001f}.modal-stock-badge.in-stock{color:#fff;background:#10b981}.modal-stock-badge.low-stock{color:#fff;background:#f59e0b}.modal-details-container{flex-direction:column;justify-content:space-between;display:flex}.modal-category-tags{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.modal-pill{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:4px 10px;font-size:.725rem;font-weight:700}.modal-pill.category{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.modal-pill.sub-category{color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe}.modal-pill.brand{color:#c026d3;background:#fdf4ff;border:1px solid #f5d0fe}.modal-product-title{color:#0f172a!important;text-align:left!important;align-self:flex-start!important;width:100%!important;margin:0 0 8px!important;font-size:1.5rem!important;font-weight:800!important;line-height:1.3!important}.modal-barcode-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:10px 16px;display:flex}.barcode-visual-bars{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:2px;height:32px;padding:2px 6px;display:flex}.b-bar{background:#0f172a;border-radius:1px;height:24px;display:inline-block}.b-thin{width:1.5px}.b-med{width:3px}.b-thick{width:4.5px}.b-wide{width:6px}.barcode-text-labels{color:#475569;gap:16px;font-size:.835rem;display:flex}.barcode-txt strong{color:#0f172a}.modal-price-card{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:20px 24px;display:flex;box-shadow:0 2px 10px #10b9810f}.price-primary{color:#15803d;align-items:baseline;display:flex}.price-primary .currency{margin-right:2px;font-size:1.25rem;font-weight:800}.price-primary .amount{font-size:1.85rem;font-weight:900}.price-secondary{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.mrp-amount{color:#64748b;text-align:right;font-size:.85rem;text-decoration:line-through}.discount-pill{color:#166534;text-align:right;background:#1665341f;border-radius:6px;padding:4px 10px;font-size:.775rem;font-weight:800}.modal-meta-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:12px;margin-bottom:16px;padding:18px 24px;display:flex}.meta-row{grid-template-columns:1fr 1fr;gap:24px;display:grid}.meta-col{align-items:center;font-size:.875rem;display:flex}.meta-label{color:#64748b;width:130px;min-width:130px;font-weight:500}.meta-colon{color:#64748b;margin-right:12px;font-weight:500}.meta-value{color:#0f172a;font-weight:700}.meta-value.highlight{color:#4f46e5;font-weight:800}.modal-action-bar{margin-top:4px}.modal-add-cart-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;padding:0 24px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 16px #6366f14d}.modal-add-cart-btn:hover{background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 8px 22px #6366f166}.modal-qty-control-wrapper{box-sizing:border-box;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:14px;justify-content:space-between;align-items:center;height:56px;padding:10px 20px;display:flex}.cart-added-label{color:#475569;font-size:.9rem;font-weight:700}.modal-qty-bar{align-items:center;gap:14px;display:flex}.modal-qty-btn{color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex;box-shadow:0 1px 3px #0000001f}.modal-qty-btn:hover:not(:disabled){color:#fff;background:#6366f1}.modal-qty-btn:disabled{opacity:.4;cursor:not-allowed}.modal-qty-val{color:#6366f1;text-align:center;min-width:24px;font-size:1.15rem;font-weight:900}.product-modal-bottom-grid{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.modal-info-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 16px #0000000a}.modal-info-card .card-header.aligned-header{box-sizing:border-box!important;background:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:10px!important;justify-content:flex-start!important;align-items:center!important;gap:10px!important;width:100%!important;margin-bottom:20px!important;padding:10px 16px!important;display:flex!important}.modal-info-card .card-header.aligned-header h3{color:#0f172a!important;text-align:left!important;flex:none!important;width:auto!important;margin:0!important;padding:0!important;font-size:.975rem!important;font-weight:800!important}.card-header-icon{flex-shrink:0!important}.card-header-icon.green{color:#10b981!important}.card-header-icon.indigo{color:#6366f1!important}.features-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.feature-item-highlight{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.feature-item-highlight:hover{background:#f1f5f9;border-color:#cbd5e1}.check-bullet-badge{color:#15803d;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;font-weight:900;display:flex}.feature-text{color:#1e293b;font-size:.865rem;font-weight:600}.warranty-content{flex-direction:column;gap:12px;display:flex}.warranty-highlight-card{border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:6px;padding:12px 16px;transition:all .2s;display:flex}.warranty-highlight-card:hover{transform:translateY(-1px)}.warranty-highlight-card.indigo{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-color:#c7d2fe}.warranty-highlight-card.emerald{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border-color:#a7f3d0}.warranty-highlight-card.violet{background:linear-gradient(135deg,#f5f3ff 0%,#ede9fe 100%);border-color:#ddd6fe}.w-card-header{align-items:center;gap:6px;display:flex}.w-icon.indigo{color:#4f46e5}.w-icon.emerald{color:#059669}.w-icon.violet{color:#7c3aed}.w-label{letter-spacing:.05em;text-transform:uppercase;font-size:.725rem;font-weight:800}.warranty-highlight-card.indigo .w-label{color:#3730a3}.warranty-highlight-card.emerald .w-label{color:#065f46}.warranty-highlight-card.violet .w-label{color:#5b21b6}.w-val{color:#0f172a;font-size:.925rem;font-weight:800}@media (width<=820px){.product-modal-top-grid,.product-modal-bottom-grid{grid-template-columns:1fr}.modal-media-container{min-height:240px}.meta-row{grid-template-columns:1fr;gap:12px}}.suppliers-list-container{background-color:#f8fafc;min-height:100vh;padding:1.5rem 2rem;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.suppliers-list-header{margin-bottom:1.5rem}.suppliers-list-title-wrap{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.suppliers-list-title-wrap h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.suppliers-list-subtitle{color:#64748b;margin:0;font-size:.9rem}.supplier-tabs-bar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.5rem;display:flex;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.supplier-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.supplier-tab-btn:hover{color:#1e293b;background:#f1f5f9}.supplier-tab-btn.tab-request.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #2563eb40}.supplier-tab-btn.tab-in-process.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b40}.supplier-tab-btn.tab-delivery.active{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b98140}.supplier-tab-btn.tab-rejected.active{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef444440}.tab-badge{background:#00000014;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:800}.supplier-tab-btn.active .tab-badge{color:#fff;background:#ffffff40}.suppliers-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000008}.suppliers-table-tools{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.search-input-wrap{flex:1;max-width:380px;position:relative}.search-input-wrap input{border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.6rem 1rem .6rem 2.4rem;font-size:.875rem;transition:all .2s}.search-input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.refresh-btn:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8}.table-responsive{width:100%;overflow-x:auto}.suppliers-custom-table{border-collapse:collapse;text-align:left;width:100%}.suppliers-custom-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem;font-size:.75rem;font-weight:800}.suppliers-custom-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1rem 1.25rem;font-size:.875rem}.suppliers-custom-table tbody tr:hover{background-color:#f8fafc}.product-cell{align-items:center;gap:.85rem;display:flex}.product-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:44px;height:44px}.product-img-placeholder{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.product-title{color:#0f172a;font-weight:700}.product-sku{color:#64748b;margin-top:2px;font-size:.75rem}.status-pill{text-transform:capitalize;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.775rem;font-weight:800;display:inline-flex}.status-pill.status-request{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.status-pill.status-in-process{color:#d97706;background:#fffbebfb;border:1px solid #fde68a}.status-pill.status-delivery{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill.status-rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.table-empty-state{text-align:center;color:#64748b;padding:3rem 1.5rem}.table-empty-state svg{color:#94a3b8;margin-bottom:.75rem}.table-empty-state p{margin:0;font-size:.95rem;font-weight:600}.order-based-product-container{background-color:#f8fafc;min-height:100vh;padding:1.5rem 2rem;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.order-based-product-header{margin-bottom:1.5rem}.obp-title-wrap{align-items:center;gap:.75rem;display:flex}.obp-title-wrap h1{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.6rem;font-weight:800}.title-icon-box{color:#fff;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #06b6d440}.obp-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.9rem}.obp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #00000008}.obp-empty-state{text-align:center;color:#64748b;padding:3rem 1.5rem}.obp-empty-state svg{color:#67e8f9;margin-bottom:.75rem}.obp-empty-state h3{color:#1e293b;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.obp-empty-state p{color:#64748b;margin:0;font-size:.9rem}:root{--font-title:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--primary-color:#6366f1;--primary-hover:#4f46e5;--primary-glow:#6366f126;--secondary-color:#a855f7;--secondary-glow:#a855f726;--background-dark:#0f172a;--background-slate:#1e293b;--text-main:#334155;--text-muted:#64748b;--border-light:#e2e8f0;--bg-light:#f8fafc;--success-color:#10b981;--success-bg:#ecfdf5;--success-border:#10b98133;--danger-color:#ef4444;--danger-bg:#fef2f2;--danger-border:#ef444433;--warning-color:#f59e0b;--warning-bg:#fffbeb;--warning-border:#f59e0b33;--info-color:#3b82f6;--info-bg:#eff6ff;--info-border:#3b82f633;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 25px -5px #0000000d, 0 8px 10px -6px #00000008;--shadow-premium:0 20px 40px -15px #6366f11a;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:9999px}.store-page-outer-container{max-width:1400px;min-height:calc(100vh - 80px);font-family:var(--font-body);color:var(--text-main);background-color:#fcfcfd;margin:0 auto;padding:40px 30px;position:relative}.ambient-background-glow{filter:blur(150px);opacity:.08;pointer-events:none;z-index:0;border-radius:50%;width:450px;height:450px;animation:12s ease-in-out infinite alternate floatGlow;position:absolute}.glow-1{background:var(--primary-color);top:-5%;left:5%}.glow-2{background:var(--secondary-color);animation-delay:-6s;bottom:5%;right:5%}@keyframes floatGlow{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-40px)scale(1.1)}to{transform:translate(-20px,20px)scale(.9)}}.store-page-header{z-index:10;justify-content:space-between;align-items:center;margin-bottom:35px;display:flex;position:relative}.header-meta-info{align-items:center;gap:20px;display:flex}.page-icon-wrapper{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--info-bg), #3b82f633);width:56px;height:56px;color:var(--info-color);justify-content:center;align-items:center;display:flex;box-shadow:0 8px 16px -4px #3b82f633}.store-page-header h1{font-family:var(--font-title);color:var(--background-dark);letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800}.header-actions{gap:14px;display:flex}.store-filters-bar{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-lg);z-index:10;box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #fff6;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:35px;padding:24px;display:flex;position:relative}.filter-search-input-wrapper{flex:2;min-width:280px;position:relative}.filter-search-input-wrapper input{border:1px solid var(--border-light);border-radius:var(--radius-md);width:100%;font-size:14px;font-family:var(--font-body);background:#fff;outline:none;padding:12px 16px 12px 46px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-search-input-wrapper input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow);transform:translateY(-1px)}.search-icon-inside{color:var(--text-muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.filter-select{border:1px solid var(--border-light);border-radius:var(--radius-md);min-width:170px;color:var(--text-main);cursor:pointer;font-size:14px;font-family:var(--font-body);background:#fff;outline:none;flex:1;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow)}.stores-profiles-grid{z-index:10;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px;display:grid;position:relative}.store-profile-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:20px;padding:28px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.store-profile-card:after{content:"";background:0 0;height:4px;transition:background .3s;position:absolute;top:0;left:0;right:0}.store-profile-card:hover{box-shadow:var(--shadow-premium), var(--shadow-lg);border-color:#6366f126;transform:translateY(-6px)}.store-profile-card:hover:after{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color))}.card-header-flex{justify-content:space-between;align-items:flex-start;display:flex}.store-avatar-box{border-radius:var(--radius-md);justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;display:flex}.store-avatar-box.single{background:linear-gradient(135deg, var(--info-bg), #3b82f640);color:var(--info-color)}.store-avatar-box.multiple{color:var(--secondary-color);background:linear-gradient(135deg,#a855f726,#a855f74d)}.status-badge{text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:flex}.status-badge:before{content:"";border-radius:50%;width:6px;height:6px}.status-badge.active{background:var(--success-bg);color:var(--success-color);border:1px solid var(--success-border)}.status-badge.active:before{background:var(--success-color);animation:2s infinite pulseDot}.status-badge.inactive{background:var(--danger-bg);color:var(--danger-color);border:1px solid var(--danger-border)}.status-badge.inactive:before{background:var(--danger-color)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.store-card-name{font-family:var(--font-title);color:var(--background-dark);letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700}.store-card-category{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.branch-type-pill{border-radius:var(--radius-sm);background:var(--bg-light);color:var(--text-main);border:1px solid var(--border-light);align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.store-card-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.action-link-btn{color:var(--primary-color);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.action-link-btn:hover{color:var(--primary-hover);background:var(--primary-glow);transform:translate(3px)}.create-store-wizard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:flex-end;display:flex;position:fixed;inset:0}.wizard-panel{background:#fff;flex-direction:column;gap:28px;width:100%;max-width:580px;height:100%;padding:40px;animation:.45s cubic-bezier(.16,1,.3,1) forwards slideLeft;display:flex;overflow-y:auto;box-shadow:-15px 0 35px #00000026}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.wizard-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.wizard-header h2{font-family:var(--font-title);color:var(--background-dark);margin:0;font-size:22px;font-weight:800}.close-panel-btn{background:var(--bg-light);cursor:pointer;width:40px;height:40px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.close-panel-btn:hover{background:var(--danger-bg);color:var(--danger-color);transform:rotate(90deg)}.form-group-wizard{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-group-wizard label{color:var(--text-main);letter-spacing:-.01em;font-size:13px;font-weight:700}.form-input-wizard{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);background:#fff;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input-wizard:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-glow)}.form-input-wizard:disabled{background-color:var(--bg-light);color:var(--text-muted);cursor:not-allowed}.wizard-footer{border-top:1px solid var(--border-light);gap:16px;margin-top:auto;padding-top:24px;display:flex}.primary-wizard-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-weight:700;font-family:var(--font-body);border:none;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #6366f133}.primary-wizard-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.primary-wizard-btn.danger{background:var(--danger-color);box-shadow:0 4px 12px #ef444433}.primary-wizard-btn.danger:hover{background:#dc2626;box-shadow:0 6px 20px #ef44444d}.secondary-wizard-btn{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-weight:600;font-family:var(--font-body);padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.secondary-wizard-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.detail-control-panel-grid{z-index:10;grid-template-columns:290px 1fr;gap:35px;display:grid;position:relative}.control-panel-sidebar{-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);border-radius:var(--radius-lg);height:fit-content;box-shadow:var(--shadow-md);background:#ffffffb3;border:1px solid #fff6;flex-direction:column;gap:20px;padding:24px;display:flex}.sidebar-store-title-box{border-bottom:1px solid var(--border-light);flex-direction:column;gap:8px;padding-bottom:18px;display:flex}.sidebar-tabs-list{flex-direction:column;gap:8px;display:flex}.sidebar-tab-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);text-align:left;font-size:14px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;align-items:center;gap:12px;padding:14px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-tab-item:hover{background:var(--bg-light);color:var(--primary-color);transform:translate(4px)}.sidebar-tab-item.active{background:var(--info-bg);color:var(--info-color);box-shadow:var(--shadow-sm);border-left:3px solid var(--info-color);border-top-left-radius:4px;border-bottom-left-radius:4px}.control-panel-workspace{border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;min-height:600px;padding:40px}.workspace-tab-title{font-family:var(--font-title);color:var(--background-dark);border-bottom:1px solid var(--border-light);letter-spacing:-.02em;margin-bottom:28px;padding-bottom:16px;font-size:22px;font-weight:800}.timing-day-card{background:var(--bg-light);border:1px solid var(--border-light);border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:20px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.timing-day-card.closed{opacity:.55;background:#f1f5f9;border-style:dashed}.timing-day-card:not(.closed){background:#10b98103;border-color:#10b98133;box-shadow:0 4px 12px -8px #10b9811a}.timing-day-label{width:110px;font-size:15px;font-weight:700;font-family:var(--font-title);color:var(--background-dark)}.timing-inputs-row{align-items:center;gap:12px;display:flex}.timing-select-field{border:1px solid var(--border-light);border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-body);cursor:pointer;background:#fff;outline:none;padding:8px 12px;transition:all .3s}.timing-select-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.scheduler-slots-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:24px;display:grid}.slot-badge-card{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;gap:12px;padding:18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.slot-badge-card:hover{box-shadow:var(--shadow-md);border-color:#6366f126;transform:translateY(-3px)}.slot-delete-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .3s;display:flex;position:absolute;top:14px;right:14px}.slot-delete-btn:hover{color:var(--danger-color);background:var(--danger-bg)}.slot-capacity-container{border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;padding-top:12px;display:flex}.slot-capacity-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;font-weight:600;display:flex}.slot-progress-track{border-radius:var(--radius-pill);background:#f1f5f9;width:100%;height:6px;position:relative;overflow:hidden}.slot-progress-fill{background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));border-radius:var(--radius-pill);height:100%;transition:width .3s}.bookings-log-table-wrapper{border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fff;overflow-x:auto}.bookings-log-table{border-collapse:collapse;text-align:left;width:100%}.bookings-log-table th{background:var(--bg-light);color:var(--text-muted);border-bottom:1px solid var(--border-light);font-size:13px;font-weight:700;font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;padding:16px 20px}.bookings-log-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);vertical-align:middle;padding:16px 20px;font-size:13px}.bookings-log-table tr:hover td{background-color:var(--bg-light)}.toggle-switch-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex}.toggle-switch-control{border-radius:var(--radius-pill);background-color:#cbd5e1;width:48px;height:24px;transition:background-color .3s cubic-bezier(.4,0,.2,1);position:relative}.toggle-switch-control:after{content:"";width:18px;height:18px;box-shadow:var(--shadow-sm);background-color:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px}input[type=checkbox]:checked+.toggle-switch-control{background-color:var(--success-color)}input[type=checkbox]:checked+.toggle-switch-control:after{transform:translate(24px)}.custom-field-add-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-body);border:none;align-items:center;gap:8px;padding:10px 18px;transition:all .3s;display:flex}.custom-field-add-btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px #6366f133}.custom-field-input{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);background:#fff;outline:none;padding:10px 14px;transition:all .3s}.custom-field-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.custom-select-input{border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:14px;font-family:var(--font-body);cursor:pointer;background:#fff;outline:none;padding:10px 14px;transition:all .3s}.custom-select-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-glow)}.info-banner{border-radius:var(--radius-md);color:var(--info-color);background:#3b82f60d;border:1px solid #3b82f626;align-items:flex-start;gap:12px;padding:16px 20px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.spinner-micro{border:2px solid #3b82f61a;border-top:2px solid var(--primary-color);border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.spinner{border:3px solid #0000000d;border-left-color:var(--primary-color);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin;display:inline-block}@media (width<=1024px){.store-page-outer-container{padding:30px 20px}}@media (width<=900px){.detail-control-panel-grid{grid-template-columns:1fr;gap:24px}.control-panel-sidebar{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-direction:row;gap:10px;padding:14px;overflow-x:auto}.sidebar-store-title-box{display:none}.sidebar-tabs-list{flex-direction:row;gap:8px;width:100%}.sidebar-tab-item{flex-shrink:0;padding:10px 16px;font-size:13px}.sidebar-tab-item:hover{transform:none}.sidebar-tab-item.active{border-left:none;border-bottom:3px solid var(--info-color);border-bottom-right-radius:4px;border-bottom-left-radius:4px}.control-panel-workspace{min-height:auto;padding:24px}}@media (width<=768px){.store-page-header{flex-direction:column;align-items:flex-start;gap:16px}.header-actions{width:100%}.header-actions button{flex:1}.stores-profiles-grid{grid-template-columns:1fr}.wizard-panel{padding:24px}.timing-day-card{flex-direction:column;align-items:flex-start;padding:16px}}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-scale-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleUp}.create-store-wizard-overlay{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeInOverlay}.timing-select-field:hover,.custom-select-input:hover,.custom-field-input:hover,.form-input-wizard:hover:not(:disabled){border-color:#cbd5e1}.delete-action-btn{color:var(--danger-color);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:inline-flex}.delete-action-btn:hover{background:var(--danger-bg);color:#dc2626;transform:scale(1.05)}.searchable-dropdown{width:100%;margin-bottom:20px;font-family:Inter,Roboto,sans-serif;position:relative}.searchable-dropdown.disabled{opacity:.6;pointer-events:none}.dropdown-label{color:#333;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.dropdown-trigger{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s ease-in-out;display:flex;box-shadow:0 1px 2px #0000000d}.dropdown-trigger:hover{border-color:#9ca3af}.placeholder-text{color:#9ca3af}.selected-text{color:#111827;font-weight:500}.trigger-icons{align-items:center;gap:8px;display:flex}.chevron-icon{color:#6b7280;transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.spinner-icon{border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}.dropdown-menu{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.search-box{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;align-items:center;padding:10px 12px;display:flex}.search-icon{color:#9ca3af;margin-right:8px}.search-box input{color:#374151;background:0 0;border:none;outline:none;width:100%;font-size:14px}.options-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.option-item{cursor:pointer;color:#374151;padding:10px 16px;font-size:14px;transition:background-color .15s}.option-item:hover{background-color:#f3f4f6}.option-item.selected{color:#1d4ed8;background-color:#eff6ff;font-weight:500}.no-data{text-align:center;color:#6b7280;padding:12px 16px;font-size:14px}.dynamic-flow-container{background-color:#f3f4f6;justify-content:center;align-items:flex-start;min-height:100vh;padding:24px;font-family:Inter,Roboto,sans-serif;display:flex}.dynamic-flow-card{background:#fff;border-radius:12px;width:100%;max-width:800px;padding:32px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.flow-title{color:#111827;border-bottom:2px solid #e5e7eb;margin-top:0;margin-bottom:24px;padding-bottom:12px;font-size:24px;font-weight:600}.flow-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.flow-grid{grid-template-columns:repeat(2,1fr)}}.results-section{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:24px}.results-title{color:#1f2937;margin-bottom:16px;font-size:20px;font-weight:600}.table-responsive{overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%}.results-table th{color:#374151;background-color:#f9fafb;border-bottom:1px solid #d1d5db;padding:12px 16px;font-size:14px;font-weight:600}.results-table td{color:#4b5563;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:14px}.results-table tr:hover{background-color:#f9fafb}.empty-state,.loading-state{text-align:center;color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:8px;padding:32px;font-size:15px}:root{--bg:#0f1117;--surface:#181c27;--surface-2:#1e2336;--border:#2a3050;--border-hover:#3d4f80;--accent:#4f79f6;--accent-light:#7498ff;--accent-glow:#4f79f62e;--green:#22c55e;--green-bg:#22c55e1a;--red:#ef4444;--red-bg:#ef44441a;--amber:#f59e0b;--text-primary:#e8ecf4;--text-secondary:#8b95b0;--text-muted:#5a6380;--font-display:"DM Sans", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--shadow-card:0 2px 16px #0006;--shadow-glow:0 0 0 3px var(--accent-glow);--transition:.2s cubic-bezier(.4, 0, .2, 1)}.delivery-root{font-family:var(--font-display);background:var(--bg);color:var(--text-primary);box-sizing:border-box;max-width:720px;min-height:100vh;margin:0 auto;padding:32px 24px 64px}.delivery-header{border-bottom:1px solid var(--border);margin-bottom:36px;padding-bottom:24px}.delivery-title{letter-spacing:-.03em;background:linear-gradient(135deg, var(--text-primary) 40%, var(--accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:2rem;font-weight:700}.delivery-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.delivery-section{margin-bottom:32px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin:0 0 14px;font-size:.8rem;font-weight:700}.pincode-row{align-items:center;gap:10px;display:flex}.pincode-input{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:.15em;transition:border-color var(--transition), box-shadow var(--transition);outline:none;flex:1;max-width:200px;padding:12px 16px;font-size:1.1rem}.pincode-input::placeholder{color:var(--text-muted);font-family:var(--font-display);letter-spacing:normal;font-size:.9rem}.pincode-input:focus{border-color:var(--accent);box-shadow:var(--shadow-glow)}.btn-check{background:var(--accent);border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-display);transition:background var(--transition), transform var(--transition), opacity var(--transition);border:none;padding:12px 24px;font-size:.9rem;font-weight:600}.btn-check:hover:not(:disabled){background:var(--accent-light);transform:translateY(-1px)}.btn-check:disabled{opacity:.5;cursor:not-allowed}.pincode-error{color:var(--red);margin:8px 0 0;font-size:.82rem}.location-badge{border-radius:var(--radius-sm);align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:.88rem;animation:.3s fadeUp;display:flex}.location-badge--ok{background:var(--green-bg);color:var(--green);border:1px solid #22c55e40}.location-badge--fail{background:var(--red-bg);color:var(--red);border:1px solid #ef444440}.location-badge strong{color:inherit}.pickup-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.pickup-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition), transform var(--transition);box-sizing:border-box;align-items:flex-start;gap:12px;width:100%;padding:16px 14px;display:flex;position:relative}.pickup-card:hover:not(.pickup-card--disabled){border-color:var(--border-hover);background:var(--surface-2);box-shadow:var(--shadow-card);transform:translateY(-2px)}.pickup-card--selected{border-color:var(--accent)!important;background:var(--surface-2)!important;box-shadow:var(--shadow-glow), var(--shadow-card)!important}.pickup-card--disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.5)}.pickup-card__icon{flex-shrink:0;margin-top:2px;font-size:1.6rem;line-height:1}.pickup-card__body{flex-direction:column;gap:4px;min-width:0;display:flex}.pickup-card__label{color:var(--text-primary);font-size:.92rem;font-weight:600;line-height:1.3}.pickup-card__eta{color:var(--text-secondary);font-size:.76rem}.pickup-card__check{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;animation:.2s cubic-bezier(.34,1.56,.64,1) pop;display:flex;position:absolute;top:10px;right:10px}.pickup-card__badge{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:2px 7px;font-size:.65rem;font-weight:700;position:absolute;top:10px;right:10px}.pickup-card__badge--unavail{color:var(--red);background:#ef444426;border:1px solid #ef44444d}.hint-text{color:var(--text-muted);margin:8px 0 0;font-size:.82rem;line-height:1.5}.product-list{flex-direction:column;gap:8px;margin-top:4px;display:flex}.product-row{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);transition:background var(--transition);align-items:center;gap:12px;padding:12px 16px;animation:.25s both fadeUp;display:flex}.product-row--eligible{border-color:#22c55e33}.product-row--ineligible{opacity:.55;border-color:#ef444426}.product-row__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.88rem;font-weight:500;overflow:hidden}.product-row__meta{color:var(--text-muted);white-space:nowrap;font-size:.78rem;font-family:var(--font-mono)}.product-row__status{white-space:nowrap;border-radius:99px;padding:3px 10px;font-size:.74rem;font-weight:700}.tag--green{background:var(--green-bg);color:var(--green);border:1px solid #22c55e40}.tag--red{background:var(--red-bg);color:var(--red);border:1px solid #ef444440}.delivery-summary{background:var(--surface-2);border:1.5px solid var(--border);border-radius:var(--radius-lg);margin-top:8px;padding:24px;animation:.3s fadeUp}.summary-row{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:10px 0;font-size:.9rem;display:flex}.summary-row:last-child{border-bottom:none;padding-bottom:0}.summary-row strong{color:var(--text-primary);font-weight:600}.summary-row--fee{color:var(--text-primary);margin-top:4px;font-size:1rem}.summary-row--fee strong{color:var(--accent-light);font-size:1.1rem;font-family:var(--font-mono)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (width<=520px){.delivery-root{padding:20px 14px 48px}.delivery-title{font-size:1.5rem}.pickup-grid{grid-template-columns:1fr 1fr}.product-row{flex-wrap:wrap;gap:6px}.product-row__meta{width:100%}}.po-card--simple{border-radius:var(--po-radius,16px);background:#fffffff2;border:1px solid #6366f11a;border-left:4px solid #6366f1;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 12px #0000000f}.po-card--simple:hover{transform:translateY(-3px);box-shadow:0 8px 28px #6366f11f}.po-card-simple-row{justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem;display:flex}.po-card-info{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.po-card-product-tag{color:#6366f1;background:#6366f114;border-radius:4px;width:fit-content;padding:.2rem .5rem;font-size:.72rem;font-weight:700}.po-card-meta-row{flex-wrap:wrap;gap:.5rem;margin:.15rem 0;display:flex}.po-card-meta-tag{border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.76rem;display:inline-flex}.po-card-meta-tag--coupon{color:#0891b2;background:#06b6d414;border:1px solid #06b6d426}.po-card-meta-tag--price{color:#059669;background:#10b98114;border:1px solid #10b98126}.po-card-meta-tag--pct{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b26}.po-card-simple-row .po-card-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.po-card-simple-row .po-card-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.po-card-actions--visible{flex-shrink:0;gap:.3rem;display:flex;opacity:1!important}.po-page{--po-primary:#6366f1;--po-primary-light:#818cf8;--po-primary-dark:#4f46e5;--po-success:#10b981;--po-warning:#f59e0b;--po-danger:#ef4444;--po-info:#06b6d4;--po-price-from:#6366f1;--po-price-to:#8b5cf6;--po-coupon-from:#06b6d4;--po-coupon-to:#0ea5e9;--po-discount-from:#10b981;--po-discount-to:#059669;--po-combo-from:#f59e0b;--po-combo-to:#f97316;--po-radius:16px;--po-radius-sm:10px;--po-shadow:0 4px 24px #6366f114;--po-shadow-card:0 8px 32px #00000014, 0 2px 8px #0000000a;--po-shadow-modal:0 24px 80px #0000002e;color:#1e293b;background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 50%,#faf5ff 100%);min-height:100vh;padding:2rem;font-family:Inter,system-ui,sans-serif}.po-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.po-header-left{align-items:center;gap:1rem;display:flex}.po-header-icon{background:linear-gradient(135deg, var(--po-primary), var(--po-primary-light));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #6366f14d}.po-title{background:linear-gradient(135deg, #1e293b 0%, var(--po-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.po-subtitle{color:#64748b;margin-top:.2rem;font-size:.85rem}.po-add-btn{background:linear-gradient(135deg, var(--po-primary), var(--po-primary-dark));color:#fff;border-radius:var(--po-radius-sm);cursor:pointer;letter-spacing:.01em;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 16px #6366f159}.po-add-btn:hover{background:linear-gradient(135deg, var(--po-primary-light), var(--po-primary));transform:translateY(-2px);box-shadow:0 8px 28px #6366f173}.po-add-btn:active{transform:translateY(0)}.po-add-btn--outline{color:var(--po-primary);border:2px solid var(--po-primary);box-shadow:none;background:0 0;margin-top:1rem}.po-add-btn--outline:hover{background:var(--po-primary);color:#fff;box-shadow:0 4px 16px #6366f14d}.po-add-btn-icon{font-size:1.1rem;font-weight:400;line-height:1}.po-stats{-webkit-backdrop-filter:blur(12px);border-radius:var(--po-radius);box-shadow:var(--po-shadow);background:#ffffffd9;border:1px solid #6366f11f;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.po-stat-item{flex-direction:column;flex:1;align-items:center;gap:.15rem;min-width:60px;display:flex}.po-stat-num{color:var(--po-primary);font-size:1.5rem;font-weight:800;line-height:1}.po-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:500}.po-stat-divider{background:#6366f126;flex-shrink:0;width:1px;height:36px}.po-empty{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--po-radius);background:#ffffffb3;border:2px dashed #6366f140;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;animation:.5s po-fadeIn;display:flex}.po-empty-icon{opacity:.4;margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite po-float}.po-empty-title{color:#1e293b;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.po-empty-sub{color:#64748b;max-width:340px;font-size:.9rem}.po-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.po-card{-webkit-backdrop-filter:blur(16px);border-radius:var(--po-radius);box-shadow:var(--po-shadow-card);cursor:default;background:#ffffffeb;border:1px solid #fffc;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.po-card:hover{transform:translateY(-6px)scale(1.01);box-shadow:0 20px 60px #0000001f,0 8px 24px #6366f11a}.po-card--price{border-left:4px solid var(--po-price-from)}.po-card--coupon-code{border-left:4px solid var(--po-coupon-from)}.po-card--discount{border-left:4px solid var(--po-discount-from)}.po-card--combo-offer{border-left:4px solid var(--po-combo-from)}.po-card--enter{animation:.45s cubic-bezier(.34,1.56,.64,1) both po-cardEnter}.po-card--removing{animation:.35s cubic-bezier(.4,0,.6,1) forwards po-cardRemove}.po-card-shine{pointer-events:none;border-radius:var(--po-radius) var(--po-radius) 0 0;background:linear-gradient(#ffffff59 0%,#fff0 100%);height:80px;position:absolute;top:0;left:0;right:0}.po-card-header{align-items:center;gap:.6rem;padding:1rem 1rem .75rem;display:flex}.po-card-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.po-card--price .po-card-icon-wrap{background:#6366f11a}.po-card--coupon-code .po-card-icon-wrap{background:#06b6d41a}.po-card--discount .po-card-icon-wrap{background:#10b9811a}.po-card--combo-offer .po-card-icon-wrap{background:#f59e0b1a}.po-card-actions{opacity:0;gap:.35rem;margin-left:auto;transition:opacity .2s;display:flex}.po-card:hover .po-card-actions{opacity:1}.po-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.po-card--clickable .po-card-actions-wrap{opacity:0;transition:opacity .2s}.po-card--clickable:hover .po-card-actions-wrap{opacity:1}.po-action-btn--edit:hover{background:#6366f11f;transform:scale(1.1)}.po-action-btn--delete:hover{background:#ef44441f;transform:scale(1.1)}.po-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:20px;padding:.25em .7em;font-size:.7rem;font-weight:700}.badge-price{color:var(--po-primary);background:#6366f11f}.badge-coupon{color:#0891b2;background:#06b6d41f}.badge-discount{color:#059669;background:#10b9811f}.badge-combo{color:#d97706;background:#f59e0b1f}.po-card-body{flex-direction:column;gap:.5rem;padding:.25rem 1rem 1.25rem;display:flex}.po-card-title{color:#1e293b;font-size:1.05rem;font-weight:700;line-height:1.3}.po-card-value{align-items:baseline;gap:.2rem;display:flex}.po-card-value--price .po-currency{color:var(--po-price-from);font-size:1.1rem;font-weight:700}.po-card-value--price .po-amount{color:var(--po-price-from);font-size:2rem;font-weight:800;line-height:1}.po-coupon-info{flex-direction:column;gap:.35rem;display:flex}.po-coupon-code{letter-spacing:.1em;color:#0891b2;background:#06b6d412;border:2px dashed #06b6d44d;border-radius:8px;padding:.3rem .7rem;font-size:1.4rem;font-weight:800;display:inline-block}.po-coupon-meta{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.po-coupon-discount{color:var(--po-success);background:#10b9811a;border-radius:6px;padding:.2em .6em;font-size:.85rem;font-weight:700}.po-coupon-expiry{color:#64748b;font-size:.75rem}.po-card-value--discount{align-items:baseline;gap:.15rem}.po-percentage{color:var(--po-discount-from);font-size:2.5rem;font-weight:900;line-height:1}.po-pct-symbol{color:var(--po-discount-from);font-size:1.4rem;font-weight:800}.po-off-label{color:var(--po-discount-from);opacity:.7;margin-left:.3rem;font-size:.85rem;font-weight:700}.po-combo-info{flex-direction:column;gap:.4rem;display:flex}.po-combo-items{flex-wrap:wrap;gap:.4rem;display:flex}.po-combo-tag{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33;border-radius:6px;padding:.25em .6em;font-size:.75rem;font-weight:600}.po-combo-price{color:var(--po-combo-from);font-size:1.5rem;font-weight:800}.po-card-desc{color:#64748b;border-top:1px solid #0000000d;margin-top:.25rem;padding-top:.5rem;font-size:.82rem;line-height:1.5}.po-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;opacity:0;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.po-overlay--in{opacity:1}.po-modal{box-shadow:var(--po-shadow-modal);opacity:0;background:#fff;border-radius:20px;width:100%;max-width:520px;max-height:90vh;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;overflow-y:auto;transform:translateY(24px)scale(.97)}.po-modal--in{opacity:1;transform:translateY(0)scale(1)}.po-modal-header{z-index:1;background:#fff;border-bottom:1px solid #0000000f;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex;position:sticky;top:0}.po-modal-title-wrap{align-items:center;gap:.75rem;display:flex}.po-modal-icon{background:linear-gradient(135deg, var(--po-primary), var(--po-primary-light));border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.15rem;display:flex;box-shadow:0 4px 12px #6366f14d}.po-modal-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.po-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:all .2s;display:flex}.po-modal-close:hover{color:var(--po-danger);background:#ef44441a;transform:rotate(90deg)}.po-modal-body{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.po-field{flex-direction:column;gap:.4rem;display:flex}.po-field--half{flex:1}.po-label{color:#374151;letter-spacing:.01em;font-size:.82rem;font-weight:600}.po-label-hint{color:#9ca3af;font-size:.78rem;font-weight:400}.po-input,.po-select,.po-textarea{border-radius:var(--po-radius-sm);color:#1e293b;appearance:none;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem .9rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.po-input:focus,.po-select:focus,.po-textarea:focus{border-color:var(--po-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.po-input--error{border-color:var(--po-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.po-selector-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--po-radius);background:#ffffffd9;border:1px solid #6366f11f;margin-bottom:1.75rem;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #6366f10d}.po-selector-inner{align-items:center;gap:1.2rem;display:flex}.po-selector-label{color:#374151;white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.po-selector-icon{font-size:1.1rem}.po-select-wrap{flex:1;min-width:250px;position:relative}.po-select{border-radius:var(--po-radius-sm);color:#1e293b;appearance:none;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem 2.5rem .65rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.po-select:focus{border-color:var(--po-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.po-select:disabled{opacity:.6;cursor:not-allowed}.po-select-arrow{color:#9ca3af;pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.po-no-selection{border-radius:var(--po-radius);text-align:center;background:#ffffff80;border:2.5px dashed #6366f126;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;padding:4rem 2rem;display:flex}.po-no-selection-icon{margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite po-float}.po-no-selection-text{color:#64748b;margin:0;font-size:1.05rem;font-weight:500}.po-textarea{resize:vertical;min-height:70px}.po-error{color:var(--po-danger);align-items:center;gap:.25rem;font-size:.76rem;font-weight:500;display:flex}.po-error:before{content:"⚠";font-size:.7rem}.po-modal-footer{background:#fff;border-top:1px solid #0000000f;border-radius:0 0 20px 20px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex;position:sticky;bottom:0}.po-btn{border-radius:var(--po-radius-sm);cursor:pointer;border:none;padding:.65rem 1.4rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1)}.po-btn--ghost{color:#64748b;background:#f1f5f9}.po-btn--ghost:hover{color:#1e293b;background:#e2e8f0}.po-btn--primary{background:linear-gradient(135deg, var(--po-primary), var(--po-primary-dark));color:#fff;box-shadow:0 4px 14px #6366f159}.po-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f173}.po-btn--primary:active{transform:translateY(0)}@keyframes po-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes po-cardEnter{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes po-cardRemove{to{opacity:0;transform:scale(.88)translateY(10px)}}@keyframes po-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.po-page{padding:1rem}.po-title{font-size:1.2rem}.po-header{flex-direction:column;align-items:flex-start}.po-add-btn{justify-content:center;width:100%}.po-grid{grid-template-columns:1fr}.po-stats{gap:.5rem;padding:.75rem 1rem}.po-stat-divider{display:none}.po-stat-num{font-size:1.2rem}.po-row{flex-direction:column}.po-modal-header,.po-modal-body,.po-modal-footer{padding-left:1rem;padding-right:1rem}.po-modal-footer{flex-direction:column-reverse}.po-btn{text-align:center;justify-content:center;width:100%}}@media (width>=769px) and (width<=1024px){.po-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1280px){.po-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1600px){.po-grid{grid-template-columns:repeat(4,1fr)}}.po-modal::-webkit-scrollbar{width:4px}.po-modal::-webkit-scrollbar-track{background:0 0}.po-modal::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.po-modal::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.po-back-bar{margin-bottom:1.5rem}.po-back-btn{color:#4f46e5;border-radius:var(--po-radius-sm);cursor:pointer;background:#ffffffe6;border:1px solid #6366f126;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #6366f10d}.po-back-btn:hover{background:var(--po-primary);color:#fff;border-color:var(--po-primary);transform:translate(-3px);box-shadow:0 4px 12px #6366f133}.po-card--clickable{cursor:pointer;border:1px solid #6366f114;border-left:5px solid var(--po-primary);border-radius:var(--po-radius);background:#ffffffd9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.po-card--clickable:hover{border-left-color:var(--po-primary-dark);transform:translateY(-4px);box-shadow:0 10px 30px #6366f124}.po-card-clickable-body{justify-content:space-between;align-items:center;width:100%;padding:1.4rem;display:flex}.po-card-main-info{align-items:center;gap:1.1rem;display:flex}.po-card-type-icon{background:#6366f112;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.po-card-count-label{color:#64748b;margin:.25rem 0 0;font-size:.85rem;font-weight:500}.po-delete-card-trigger{opacity:0;flex-shrink:0;transition:opacity .2s}.po-card--clickable:hover .po-delete-card-trigger{opacity:1}.po-detail-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.po-detail-card{border-radius:var(--po-radius-sm);background:#fffffff2;border:1px solid #0000000d;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .25s;display:flex;box-shadow:0 4px 18px #0000000a}.po-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.po-detail-card-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.po-detail-card-name{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.po-detail-card-actions{flex-shrink:0;gap:.25rem;display:flex}.po-detail-card-body{flex-direction:column;gap:.6rem;display:flex}.po-detail-meta-list{flex-direction:column;gap:.35rem;display:flex}.po-detail-meta{color:#475569;font-size:.82rem}.po-detail-meta strong{color:#1e293b;font-weight:600}.po-detail-meta--large{color:#059669;margin:.15rem 0;font-size:1rem;font-weight:700}.po-detail-meta--large strong{color:#059669}.po-detail-description{color:#64748b;margin:.35rem 0 0;font-size:.8rem;line-height:1.45}.po-badge{color:var(--po-primary);background:#6366f114;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.po-bottom-actions{border-top:1px dashed var(--po-border);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.po-save-config-btn{background:var(--po-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6366f133}.po-save-config-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.po-save-config-btn:active{transform:translateY(1px)}.po-action-btn--view:hover{background:#2563eb1f;transform:scale(1.1)}.po-compare-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1050;background:#0f172a73;animation:.2s po-fadeIn;position:fixed;inset:0}.po-compare-panel{z-index:1051;background:#fff;flex-direction:column;width:380px;max-width:95vw;animation:.3s cubic-bezier(.34,1.2,.64,1) po-slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-8px 0 40px #00000029}@keyframes po-slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.po-compare-header{background:linear-gradient(135deg,#f8faff 0%,#f1f5ff 100%);border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.4rem 1.5rem 1rem;display:flex}.po-compare-header-left{align-items:center;gap:.85rem;display:flex}.po-compare-icon{background:linear-gradient(135deg,#2563eb,#6366f1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex;box-shadow:0 4px 12px #2563eb4d}.po-compare-title{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.po-compare-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin:.1rem 0 0;font-size:.8rem;overflow:hidden}.po-compare-close{color:#64748b;cursor:pointer;background:#0000000f;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.po-compare-close:hover{color:#ef4444;background:#ef44441a;transform:rotate(90deg)}.po-compare-body{background:#fafbff;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.po-compare-price-block{border:2px solid #0000;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.2rem 1rem;display:flex}.po-compare-price-block--old{background:#f8fafc;border-color:#e2e8f0}.po-compare-price-block--new{background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border-color:#bbf7d0}.po-compare-price-label{letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;font-size:.72rem;font-weight:700}.po-compare-price-block--new .po-compare-price-label{color:#22c55e}.po-compare-price-value{align-items:baseline;gap:.15rem;display:flex}.po-compare-currency{color:#64748b;font-size:1.1rem;font-weight:700}.po-compare-price-block--new .po-compare-currency{color:#16a34a}.po-compare-amount{color:#94a3b8;font-size:2rem;font-weight:800;line-height:1}.po-compare-price-block--old .po-compare-amount{color:#94a3b8;font-size:1.6rem;text-decoration:line-through}.po-compare-amount--new{color:#16a34a!important;font-size:2rem!important;text-decoration:none!important}.po-compare-arrow{color:#6366f1;flex-shrink:0;font-size:1.5rem;font-weight:700;animation:1.4s ease-in-out infinite po-arrowPulse}@keyframes po-arrowPulse{0%,to{opacity:1;transform:translate(0)}50%{opacity:.6;transform:translate(4px)}}.po-compare-diff{text-align:center;letter-spacing:.02em;border-radius:10px;margin:0 1.5rem;padding:.6rem 1rem;font-size:.88rem;font-weight:700}.po-compare-diff--up{color:#16a34a;background:#16a34a14;border:1px solid #16a34a33}.po-compare-diff--down{color:#dc2626;background:#ef444414;border:1px solid #ef444433}.po-compare-input-section{flex-direction:column;gap:.5rem;padding:1.25rem 1.5rem .5rem;display:flex}.po-compare-input-label{color:#374151;font-size:.82rem;font-weight:600}.po-compare-input{color:#1e293b;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:.8rem 1rem;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700;transition:all .2s}.po-compare-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.po-compare-footer{border-top:1px solid #f1f5f9;gap:.75rem;margin-top:auto;padding:1.25rem 1.5rem;display:flex}.po-compare-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;flex:1;padding:.85rem 1rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1)}.po-compare-btn--cancel{color:#64748b;background:#f1f5f9}.po-compare-btn--cancel:hover{color:#1e293b;background:#e2e8f0}.po-compare-btn--apply{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #2563eb59}.po-compare-btn--apply:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb73}.po-compare-btn--apply:disabled{opacity:.45;cursor:not-allowed}.po-detail-card--selected{transform:translateY(-2px);background:linear-gradient(135deg,#fff 0%,#f7fdf9 100%)!important;border:2px solid #22c55e!important;box-shadow:0 8px 30px #22c55e1f!important}.po-active-badge{color:#15803d;text-transform:uppercase;letter-spacing:.05em;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.po-select-plan-wrap{border-top:1px dashed #e2e8f0;margin-top:1.25rem;padding-top:1rem;display:flex}.po-select-plan-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.65rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.po-select-plan-btn:hover{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.po-select-plan-btn--active{color:#fff!important;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none!important;box-shadow:0 4px 12px #16a34a40!important}.po-select-plan-btn--active:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 6px 16px #16a34a59!important}.po-multi-select-input-container{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;min-height:44px;padding:.5rem .85rem;transition:all .2s;display:flex}.po-multi-select-input-container:hover{border-color:#94a3b8}.po-multi-select-tags{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.po-multi-select-placeholder{color:#94a3b8;font-size:.9rem}.po-multi-select-tag{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.78rem;font-weight:600;display:inline-flex}.po-multi-select-tag-remove{color:#3b82f6;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.po-multi-select-tag-remove:hover{color:#1d4ed8}.po-multi-dropdown-menu{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;width:100%;max-height:240px;display:flex;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 10px 25px #00000014}.po-dropdown-search-wrap{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:.5rem .75rem}.po-dropdown-search-input{border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:.45rem .75rem;font-size:.85rem}.po-dropdown-search-input:focus{border-color:#2563eb}.po-dropdown-list{flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.po-dropdown-item{cursor:pointer;color:#374151;justify-content:space-between;align-items:center;padding:.65rem .85rem;font-size:.88rem;transition:background .15s;display:flex}.po-dropdown-item:hover{background:#f1f5f9}.po-dropdown-item--selected{color:#15803d;background:#f0fdf4!important}.po-dropdown-empty{text-align:center;color:#94a3b8;padding:1rem;font-size:.85rem}.custom-select-trigger{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;justify-content:space-between;align-items:center;height:42px;padding:10px 14px;transition:all .2s;display:flex;box-sizing:border-box!important;width:100%!important}.custom-dropdown-menu{background:#fff;border:1px solid #ced4da;border-radius:8px;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a;z-index:1000!important}.dropdown-item:hover,.dropdown-item.highlighted{color:#007bff;background:#f0f7ff;padding-left:16px}.po-dropdown-item.highlighted{background:#f1f5f9}[data-theme=dark] .po-page{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .po-title,[data-theme=dark] .po-selector-label,[data-theme=dark] .po-card-title,[data-theme=dark] .po-modal-header h2,[data-theme=dark] .po-empty-title,[data-theme=dark] .po-form-group label{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}[data-theme=dark] .po-subtitle,[data-theme=dark] .po-empty-state p{color:#cbd5e1!important}[data-theme=dark] .po-selector-card,[data-theme=dark] .po-card--simple,[data-theme=dark] .po-empty-state,[data-theme=dark] .po-modal,[data-theme=dark] .po-modal-content,[data-theme=dark] .custom-dropdown-container,[data-theme=dark] .dropdown-menu-wrapper{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .po-modal-header,[data-theme=dark] .po-modal-footer{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .po-modal-title,[data-theme=dark] .po-modal-header h2,[data-theme=dark] .po-modal-header h3,[data-theme=dark] .po-form-group label,[data-theme=dark] .po-label{color:#f8fafc!important}[data-theme=dark] .po-modal-close,[data-theme=dark] .po-btn--ghost{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .dropdown-trigger-btn,[data-theme=dark] .po-input,[data-theme=dark] .po-select,[data-theme=dark] .po-textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}.sup-page{color:#1e293b;--sup-primary:#6366f1;--sup-primary-dark:#4f46e5;--sup-primary-light:#818cf8;--sup-danger:#ef4444;--sup-radius:16px;--sup-radius-sm:10px;--sup-shadow:0 4px 24px #6366f114;--sup-shadow-card:0 2px 12px #0000000f;background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 60%,#faf5ff 100%);min-height:100vh;padding:2rem;font-family:Inter,system-ui,sans-serif}.sup-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.sup-header-left{align-items:center;gap:1rem;display:flex}.sup-header-icon{background:linear-gradient(135deg, var(--sup-primary), var(--sup-primary-light));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #6366f14d}.sup-title{background:linear-gradient(135deg, #1e293b 0%, var(--sup-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.sup-subtitle{color:#64748b;margin-top:.2rem;font-size:.85rem}.sup-selector-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--sup-radius);box-shadow:var(--sup-shadow);background:#ffffffeb;border:1px solid #6366f11f;flex-direction:column;gap:1rem;margin-bottom:1.75rem;padding:1.25rem 1.5rem;display:flex}.sup-selector-inner{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.sup-selector-label{color:#374151;white-space:nowrap;align-items:center;gap:.5rem;min-width:130px;font-size:.9rem;font-weight:600;display:flex}.sup-selector-icon{font-size:1.1rem}.sup-select-wrap{flex:1;min-width:220px;position:relative}.sup-select{border-radius:var(--sup-radius-sm);color:#1e293b;appearance:none;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem 2.5rem .65rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.sup-select:focus{border-color:var(--sup-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.sup-select-arrow{color:#9ca3af;pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.sup-loading{color:#64748b;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.sup-spinner{border:2px solid #e5e7eb;border-top-color:var(--sup-primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite sup-spin}@keyframes sup-spin{to{transform:rotate(360deg)}}.sup-product-chip{background:#6366f112;border:1px solid #6366f12e;border-radius:30px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;animation:.3s sup-fadeIn;display:flex}.sup-chip-dot{background:var(--sup-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.sup-product-chip strong{color:#1e293b;font-weight:700}.sup-chip-meta{color:#64748b;background:#0000000d;border-radius:4px;padding:.1em .5em;font-size:.78rem}.sup-chip-count{color:var(--sup-primary);background:#6366f11a;border-radius:20px;margin-left:auto;padding:.15em .6em;font-size:.78rem;font-weight:600}.sup-no-selection{border-radius:var(--sup-radius);text-align:center;background:#ffffff80;border:2.5px dashed #6366f126;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;padding:4rem 2rem;display:flex}.sup-no-selection-icon{margin-bottom:.5rem;font-size:3rem;animation:3s ease-in-out infinite sup-float}.sup-no-selection-text{color:#64748b;margin:0;font-size:1.05rem;font-weight:500}.sup-cards-section{animation:.4s sup-fadeIn}.sup-cards-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.sup-cards-header-left{align-items:center;gap:.6rem;display:flex}.sup-cards-title{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.sup-cards-product-name{color:var(--sup-primary)}.sup-cards-count-badge{background:var(--sup-primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-flex}.sup-add-btn{background:linear-gradient(135deg, var(--sup-primary), var(--sup-primary-dark));color:#fff;border-radius:var(--sup-radius-sm);cursor:pointer;border:none;align-items:center;gap:.4rem;padding:.65rem 1.3rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px #6366f152}.sup-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f16b}.sup-add-btn:active{transform:translateY(0)}.sup-add-btn--outline{color:var(--sup-primary);border:2px solid var(--sup-primary);box-shadow:none;background:0 0;margin-top:.75rem}.sup-add-btn--outline:hover{background:var(--sup-primary);color:#fff;box-shadow:0 4px 14px #6366f147}.sup-empty{text-align:center;border-radius:var(--sup-radius);background:#ffffffb3;border:2px dashed #6366f138;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;animation:.4s sup-fadeIn;display:flex}.sup-empty-icon{opacity:.35;margin-bottom:.75rem;font-size:3.5rem;animation:3s ease-in-out infinite sup-float}.sup-empty-title{color:#1e293b;margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.sup-empty-sub{color:#64748b;font-size:.85rem}.sup-no-selection{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;animation:.4s sup-fadeIn;display:flex}.sup-no-selection-icon{opacity:.2;margin-bottom:1rem;font-size:4rem;animation:3s ease-in-out infinite sup-float}.sup-no-selection-text{color:#94a3b8;font-size:.95rem;font-weight:500}.sup-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.sup-card{border-radius:var(--sup-radius-sm);border:1px solid #6366f11a;border-left:4px solid var(--sup-primary);box-shadow:var(--sup-shadow-card);background:#fffffff2;transition:all .25s cubic-bezier(.4,0,.2,1)}.sup-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px #6366f11f}.sup-card--enter{animation:.4s cubic-bezier(.34,1.56,.64,1) both sup-cardIn}.sup-card--removing{animation:.35s forwards sup-cardOut}.sup-card-row{justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.sup-card-info{flex:1;align-items:flex-start;gap:.6rem;min-width:0;display:flex}.sup-card-dot{background:var(--sup-primary);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.35rem}.sup-card-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .15rem;font-size:.92rem;font-weight:700;overflow:hidden}.sup-card-meta-row{flex-wrap:wrap;gap:.5rem;margin:.2rem 0;display:flex}.sup-card-meta-tag{border-radius:6px;align-items:center;gap:.25rem;padding:.15rem .5rem;font-size:.76rem;display:inline-flex}.sup-card-meta-tag--coupon{color:#0891b2;background:#06b6d414;border:1px solid #06b6d426}.sup-card-meta-tag--price{color:#059669;background:#10b98114;border:1px solid #10b98126}.sup-card-meta-tag--pct{color:#d97706;background:#f59e0b14;border:1px solid #f59e0b26}.sup-card-desc{color:#64748b;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.sup-card-actions{flex-shrink:0;gap:.3rem;display:flex}.sup-action-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.sup-card--clickable .sup-card-actions-wrap{opacity:0;transition:opacity .2s}.sup-card--clickable:hover .sup-card-actions-wrap{opacity:1}.sup-action-btn--edit:hover{background:#6366f11a;transform:scale(1.1)}.sup-action-btn--delete:hover{background:#ef44441a;transform:scale(1.1)}.sup-overlay{-webkit-backdrop-filter:blur(6px);z-index:1000;opacity:0;background:#0f172a99;justify-content:center;align-items:center;padding:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}.sup-overlay--in{opacity:1}.sup-modal{opacity:0;background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s;overflow-y:auto;transform:translateY(24px)scale(.97);box-shadow:0 24px 80px #0000002e}.sup-modal--in{opacity:1;transform:translateY(0)scale(1)}.sup-modal-header{z-index:1;background:#fff;border-bottom:1px solid #0000000f;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem 1rem;display:flex;position:sticky;top:0}.sup-modal-title-wrap{align-items:center;gap:.7rem;display:flex}.sup-modal-icon{background:linear-gradient(135deg, var(--sup-primary), var(--sup-primary-light));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex;box-shadow:0 4px 12px #6366f14d}.sup-modal-title{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.sup-modal-close{color:#64748b;cursor:pointer;background:#0000000d;border:none;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;transition:all .2s;display:flex}.sup-modal-close:hover{color:var(--sup-danger);background:#ef44441a;transform:rotate(90deg)}.sup-modal-body{flex-direction:column;gap:1rem;padding:1.1rem 1.5rem;display:flex}.sup-field{flex-direction:column;gap:.4rem;display:flex}.po-field--half,.sup-field--half{flex:1;min-width:0}.po-row{gap:.75rem;display:flex}.sup-label{color:#374151;font-size:.82rem;font-weight:600}.sup-label-hint{color:#9ca3af;font-size:.78rem;font-weight:400}.sup-input,.sup-textarea{border-radius:var(--sup-radius-sm);color:#1e293b;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem .9rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.sup-input:focus,.sup-textarea:focus{border-color:var(--sup-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.sup-input--error{border-color:var(--sup-danger)!important;box-shadow:0 0 0 3px #ef44441a!important}.sup-textarea{resize:vertical;min-height:80px}.sup-error{color:var(--sup-danger);font-size:.76rem;font-weight:500}.sup-modal-footer{background:#fff;border-top:1px solid #0000000f;border-radius:0 0 20px 20px;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.4rem;display:flex;position:sticky;bottom:0}.sup-btn{border-radius:var(--sup-radius-sm);cursor:pointer;border:none;padding:.62rem 1.3rem;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;transition:all .22s}.sup-btn--ghost{color:#64748b;background:#f1f5f9}.sup-btn--ghost:hover{color:#1e293b;background:#e2e8f0}.sup-btn--primary{background:linear-gradient(135deg, var(--sup-primary), var(--sup-primary-dark));color:#fff;box-shadow:0 4px 14px #6366f152}.sup-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f16b}@keyframes sup-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes sup-cardIn{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sup-cardOut{to{opacity:0;transform:scale(.9)}}@keyframes sup-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (width<=768px){.sup-page{padding:1rem}.sup-title{font-size:1.2rem}.sup-selector-inner{flex-direction:column;align-items:stretch}.sup-selector-label{min-width:auto}.sup-grid{grid-template-columns:1fr}.sup-cards-header{flex-direction:column;align-items:flex-start}.sup-add-btn{justify-content:center;width:100%}.sup-modal-footer{flex-direction:column-reverse}.sup-btn{text-align:center;width:100%}}.sup-back-bar{margin-bottom:1.5rem}.sup-back-btn{color:#4f46e5;border-radius:var(--sup-radius-sm);cursor:pointer;background:#ffffffe6;border:1px solid #6366f126;padding:.5rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .2s;box-shadow:0 2px 10px #6366f10d}.sup-back-btn:hover{background:var(--sup-primary);color:#fff;border-color:var(--sup-primary);transform:translate(-3px);box-shadow:0 4px 12px #6366f133}.sup-card--clickable{cursor:pointer;border:1px solid #6366f114;border-left:5px solid var(--sup-primary);border-radius:var(--sup-radius);background:#ffffffd9;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sup-card--clickable:hover{border-left-color:var(--sup-primary-dark);transform:translateY(-4px);box-shadow:0 10px 30px #6366f124}.sup-card-clickable-body{justify-content:space-between;align-items:center;width:100%;padding:1.4rem;display:flex}.sup-card-main-info{align-items:center;gap:1.1rem;display:flex}.sup-card-type-icon{background:#6366f112;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.sup-card-count-label{color:#64748b;margin:.25rem 0 0;font-size:.85rem;font-weight:500}.sup-delete-card-trigger{opacity:0;flex-shrink:0;transition:opacity .2s}.sup-card--clickable:hover .sup-delete-card-trigger{opacity:1}.sup-detail-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.sup-detail-card{border-radius:var(--sup-radius-sm);background:#fffffff2;border:1px solid #0000000d;flex-direction:column;gap:.8rem;padding:1.2rem;transition:all .25s;display:flex;box-shadow:0 4px 18px #0000000a}.sup-detail-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.sup-detail-card-header{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.6rem;display:flex}.sup-detail-card-name{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.sup-detail-card-actions{flex-shrink:0;gap:.25rem;display:flex}.sup-detail-card-body{flex-direction:column;gap:.6rem;display:flex}.sup-detail-meta-list{flex-direction:column;gap:.35rem;display:flex}.sup-detail-meta{color:#475569;font-size:.82rem}.sup-detail-meta strong{color:#1e293b;font-weight:600}.sup-detail-meta--large{color:#059669;margin:.15rem 0;font-size:1rem;font-weight:700}.sup-detail-meta--large strong{color:#059669}.sup-detail-description{color:#64748b;margin:.35rem 0 0;font-size:.8rem;line-height:1.45}.sup-badge{color:var(--sup-primary);background:#6366f114;border-radius:4px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.sup-bottom-actions{border-top:1px dashed var(--sup-border);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.sup-save-config-btn{background:var(--sup-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6366f133}.sup-save-config-btn:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.sup-save-config-btn:active{transform:translateY(1px)}[data-theme=dark] .sup-page{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .sup-title,[data-theme=dark] .sup-selector-label,[data-theme=dark] .sup-empty-title,[data-theme=dark] .sup-empty-sub,[data-theme=dark] .sup-card-title,[data-theme=dark] .sup-label,[data-theme=dark] .custom-select-trigger span{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}[data-theme=dark] .sup-subtitle,[data-theme=dark] .sup-no-selection-text{color:#cbd5e1!important}[data-theme=dark] .sup-selector-card,[data-theme=dark] .sup-card,[data-theme=dark] .sup-empty-card,[data-theme=dark] .sup-empty,[data-theme=dark] .sup-modal-content,[data-theme=dark] .sup-modal,[data-theme=dark] .custom-select-container,[data-theme=dark] .custom-dropdown-menu{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .sup-modal-header,[data-theme=dark] .sup-modal-footer{background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .sup-modal-title,[data-theme=dark] .sup-modal-header h2,[data-theme=dark] .sup-modal-header h3,[data-theme=dark] .sup-field label,[data-theme=dark] .sup-label{color:#f8fafc!important}[data-theme=dark] .sup-modal-close,[data-theme=dark] .sup-btn--ghost{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}[data-theme=dark] .custom-select-trigger,[data-theme=dark] .sup-input,[data-theme=dark] .sup-select,[data-theme=dark] .sup-textarea{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}.dc-page{color:#1e293b;--dc-primary:#6366f1;--dc-primary-dark:#4f46e5;--dc-primary-light:#818cf8;--dc-danger:#ef4444;--dc-danger-dark:#dc2626;--dc-radius:16px;--dc-radius-sm:10px;--dc-shadow:0 4px 24px #6366f114;--dc-shadow-card:0 2px 12px #0000000f;background:linear-gradient(135deg,#f8faff 0%,#f0f4ff 60%,#faf5ff 100%);min-height:100vh;padding:2rem;font-family:Inter,system-ui,sans-serif}.dc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.dc-header-left{align-items:center;gap:1rem;display:flex}.dc-header-icon{background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-light));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #6366f14d}.dc-title{background:linear-gradient(135deg, #1e293b 0%, var(--dc-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.dc-subtitle{color:#64748b;margin-top:.2rem;font-size:.85rem}.dc-selector-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--dc-radius);background:#ffffffd9;border:1px solid #6366f11f;margin-bottom:1.75rem;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #6366f10d}.dc-selector-inner{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.dc-selector-label{color:#374151;white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.dc-selector-icon{font-size:1.1rem}.dc-select-wrap{flex:1;min-width:250px;position:relative}.dc-select{border-radius:var(--dc-radius-sm);color:#1e293b;appearance:none;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem 2.5rem .65rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.dc-select:focus{border-color:var(--dc-primary);background:#fff;box-shadow:0 0 0 3px #6366f11f}.dc-select-arrow{color:#9ca3af;pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.dc-loading{color:#64748b;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.dc-spinner{border:2px solid #e5e7eb;border-top-color:var(--dc-primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite dc-spin}@keyframes dc-spin{to{transform:rotate(360deg)}}.dc-no-selection{border-radius:var(--dc-radius);text-align:center;background:#ffffff80;border:2.5px dashed #6366f126;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;padding:4.5rem 2rem;display:flex}.dc-no-selection-icon{margin-bottom:.75rem;font-size:3.5rem;animation:3s ease-in-out infinite dc-float}.dc-no-selection-text{color:#64748b;margin:0;font-size:1.05rem;font-weight:500}.dc-dashboard-section{animation:.4s dc-fadeIn}.dc-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dc-section-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:750}.dc-add-btn{background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-dark));color:#fff;border-radius:var(--dc-radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #6366f14d}.dc-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.dc-add-btn-icon{font-size:1rem}.dc-add-btn--outline{border:1.5px dashed var(--dc-primary);color:var(--dc-primary);box-shadow:none;background:0 0}.dc-add-btn--outline:hover{box-shadow:none;background:#6366f10d;transform:translateY(-1px)}.dc-empty{border-radius:var(--dc-radius);text-align:center;box-shadow:var(--dc-shadow-card);background:#fffc;border:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.dc-empty-icon{margin-bottom:1rem;font-size:3.5rem}.dc-empty-title{color:#1e293b;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.dc-empty-sub{color:#64748b;max-width:320px;margin:0 0 1.5rem;font-size:.88rem;line-height:1.45}.dc-groups-container{flex-direction:column;gap:2.2rem;display:flex}.dc-group-section{border-radius:var(--dc-radius);background:#fff9;border:1px solid #6366f10f;padding:1.5rem;animation:.3s dc-fadeIn;box-shadow:0 4px 18px #00000005}.dc-group-header{border-bottom:1px solid #0000000a;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.dc-group-icon{font-size:1.25rem}.dc-group-title{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.dc-group-badge{color:var(--dc-primary);background:#6366f117;border-radius:20px;padding:.15rem .65rem;font-size:.78rem;font-weight:700}.dc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.dc-card{border-radius:var(--dc-radius-sm);background:#fffffff2;border:1px solid #0000000a;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000008}.dc-card:hover{border-color:#6366f126;transform:translateY(-4px);box-shadow:0 10px 24px #6366f11a}.dc-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.dc-card-name{color:#1e293b;margin:0;font-size:.98rem;font-weight:700;line-height:1.35}.dc-card-actions{opacity:0;flex-shrink:0;gap:.25rem;transition:opacity .2s;display:flex}.dc-card:hover .dc-card-actions{opacity:1}.dc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;font-size:.85rem;transition:background-color .2s;display:flex}.dc-action-btn:hover{background:#f1f5f9}.dc-action-btn--delete:hover{background:#ef444414}.dc-card-body{flex-direction:column;gap:.5rem;display:flex}.dc-price-tag{color:#059669;font-size:1.2rem;font-weight:800}.dc-unit-label{color:#64748b;font-size:.8rem;font-weight:500}.dc-description{color:#475569;margin:0;font-size:.82rem;line-height:1.45}.dc-meta-tags{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.dc-meta-tag{color:#475569;background:#f1f5f9;border-radius:4px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.dc-meta-tag--note{color:#b45309;background:#fffbeb}.dc-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.25s dc-fadeIn;display:flex;position:fixed;inset:0}.dc-modal-box{border-radius:var(--dc-radius);background:#fff;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) dc-slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dc-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.dc-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:750}.dc-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;transition:color .2s}.dc-modal-close:hover{color:#0f172a}.dc-modal-form{flex-direction:column;display:flex;overflow:hidden}.dc-modal-body{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.dc-form-row{gap:1rem;display:flex}.dc-form-group{flex-direction:column;gap:.35rem;display:flex}.dc-col-6{flex:1}.dc-label{color:#475569;font-size:.8rem;font-weight:600}.dc-input{border-radius:var(--dc-radius-sm);color:#0f172a;border:1.5px solid #e2e8f0;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.dc-input:focus{border-color:var(--dc-primary);box-shadow:0 0 0 3px #6366f11a}.dc-input--error{border-color:var(--dc-danger)!important}.dc-textarea{border-radius:var(--dc-radius-sm);color:#0f172a;resize:vertical;border:1.5px solid #e2e8f0;outline:none;width:100%;min-height:60px;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.dc-textarea:focus{border-color:var(--dc-primary);box-shadow:0 0 0 3px #6366f11a}.dc-error-text{color:var(--dc-danger);font-size:.72rem;font-weight:500}.dc-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.dc-btn{border-radius:var(--dc-radius-sm);cursor:pointer;border:none;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.dc-btn--secondary{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.dc-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.dc-btn--primary{background:linear-gradient(135deg, var(--dc-primary), var(--dc-primary-dark));color:#fff;box-shadow:0 4px 14px #6366f133}.dc-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f14d}@keyframes dc-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.dc-card--enter{animation:.35s dc-fadeIn}.dc-card--removing{opacity:0;animation:.3s reverse dc-slideUp;transform:scale(.95)}@media (width<=768px){.dc-page{padding:1rem}.dc-title{font-size:1.2rem}.dc-selector-inner{flex-direction:column;align-items:stretch}.dc-select-wrap{min-width:auto}.dc-action-bar{flex-direction:column;align-items:flex-start}.dc-add-btn{justify-content:center;width:100%}.dc-modal-footer{flex-direction:column-reverse}.dc-btn{text-align:center;width:100%}}.dc-bottom-actions{border-top:1px dashed var(--dc-border);justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.dc-save-config-btn{background:var(--dc-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #6366f133}.dc-save-config-btn:hover{background:var(--dc-primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #6366f14d}.dc-save-config-btn:active{transform:translateY(1px)}.custom-select-trigger{border-radius:var(--dc-radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e5e7eb;justify-content:space-between;align-items:center;height:42px;padding:10px 14px;transition:all .2s;display:flex;box-sizing:border-box!important;width:100%!important}.custom-select-trigger span{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.9rem;font-weight:500;overflow:hidden}.custom-select-trigger .chevron{color:#9ca3af;flex-shrink:0;margin-left:8px;transition:transform .2s}.dropdown-search-wrapper{background:#f8f9fa;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.dropdown-search-wrapper input::placeholder{color:#94a3b8}.dropdown-item{color:#374151;cursor:pointer;border-radius:6px;padding:9px 12px;font-size:.88rem;transition:all .15s}.dropdown-item:hover,.dropdown-item.highlighted{color:var(--dc-primary);background:#6366f114}.dropdown-item.selected{color:var(--dc-primary);background:#6366f11f;font-weight:600}.dropdown-item.option-placeholder{color:#94a3b8;border-bottom:1px solid #e5e7eb;border-radius:0;margin-bottom:4px;font-style:italic}[data-theme=dark] .dc-page{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .dc-title,[data-theme=dark] .dc-selector-label,[data-theme=dark] .dc-card-title,[data-theme=dark] .dc-empty-title,[data-theme=dark] .dc-empty-card p,[data-theme=dark] .dc-form-group label{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}[data-theme=dark] .dc-subtitle,[data-theme=dark] .dc-no-selection-text{color:#cbd5e1!important}[data-theme=dark] .dc-selector-card,[data-theme=dark] .dc-card,[data-theme=dark] .dc-empty-card,[data-theme=dark] .custom-dropdown-container,[data-theme=dark] .dropdown-menu-wrapper{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .dropdown-trigger-btn,[data-theme=dark] .dc-input,[data-theme=dark] .dc-select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}.pc-page{color:#1e293b;--pc-primary:#059669;--pc-primary-dark:#047857;--pc-primary-light:#34d399;--pc-danger:#ef4444;--pc-danger-dark:#dc2626;--pc-radius:16px;--pc-radius-sm:10px;--pc-shadow:0 4px 24px #05966914;--pc-shadow-card:0 2px 12px #0000000f;background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 60%,#f4fbf7 100%);min-height:100vh;padding:2rem;font-family:Inter,system-ui,sans-serif}.pc-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.pc-header-left{align-items:center;gap:1rem;display:flex}.pc-header-icon{background:linear-gradient(135deg, var(--pc-primary), var(--pc-primary-light));border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #0596694d}.pc-title{background:linear-gradient(135deg, #1e293b 0%, var(--pc-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.pc-subtitle{color:#64748b;margin-top:.2rem;font-size:.85rem}.pc-selector-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--pc-radius);background:#ffffffd9;border:1px solid #0596691f;margin-bottom:1.75rem;padding:1.25rem 1.5rem;box-shadow:0 4px 20px #0596690d}.pc-selector-inner{flex-wrap:wrap;align-items:center;gap:1.2rem;display:flex}.pc-selector-label{color:#374151;white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;display:flex}.pc-selector-icon{font-size:1.1rem}.pc-select-wrap{flex:1;min-width:250px;position:relative}.pc-select{border-radius:var(--pc-radius-sm);color:#1e293b;appearance:none;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;outline:none;width:100%;padding:.65rem 2.5rem .65rem 1rem;font-family:Inter,sans-serif;font-size:.9rem;transition:all .2s}.pc-select:focus{border-color:var(--pc-primary);background:#fff;box-shadow:0 0 0 3px #0596691f}.pc-select-arrow{color:#9ca3af;pointer-events:none;font-size:.85rem;position:absolute;top:50%;right:.9rem;transform:translateY(-50%)}.pc-loading{color:#64748b;align-items:center;gap:.6rem;font-size:.9rem;display:flex}.pc-spinner{border:2px solid #e5e7eb;border-top-color:var(--pc-primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite pc-spin}@keyframes pc-spin{to{transform:rotate(360deg)}}.pc-no-selection{border-radius:var(--pc-radius);text-align:center;background:#ffffff80;border:2.5px dashed #05966926;flex-direction:column;justify-content:center;align-items:center;margin-top:1.5rem;padding:4.5rem 2rem;display:flex}.pc-no-selection-icon{margin-bottom:.75rem;font-size:3.5rem;animation:3s ease-in-out infinite pc-float}.pc-no-selection-text{color:#64748b;margin:0;font-size:1.05rem;font-weight:500}.pc-dashboard-section{animation:.4s pc-fadeIn}.pc-action-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.pc-section-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:750}.pc-add-btn{background:linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));color:#fff;border-radius:var(--pc-radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #0596694d}.pc-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.pc-add-btn-icon{font-size:1rem}.pc-add-btn--outline{border:1.5px dashed var(--pc-primary);color:var(--pc-primary);box-shadow:none;background:0 0}.pc-add-btn--outline:hover{box-shadow:none;background:#0596690d;transform:translateY(-1px)}.pc-empty{border-radius:var(--pc-radius);text-align:center;box-shadow:var(--pc-shadow-card);background:#fffc;border:1px solid #0000000d;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.pc-empty-icon{margin-bottom:1rem;font-size:3.5rem}.pc-empty-title{color:#1e293b;margin:0 0 .5rem;font-size:1.15rem;font-weight:700}.pc-empty-sub{color:#64748b;max-width:320px;margin:0 0 1.5rem;font-size:.88rem;line-height:1.45}.pc-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.pc-card{border-radius:var(--pc-radius-sm);background:#fffffff2;border:1px solid #0000000a;flex-direction:column;gap:.75rem;padding:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 20px #00000008}.pc-card:hover{border-color:#05966926;transform:translateY(-4px);box-shadow:0 10px 24px #0596691a}.pc-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.pc-card-meta-left{flex-wrap:wrap;gap:.4rem;display:flex}.pc-dimension-tag{color:#374151;background:#f1f5f9;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.pc-dimension-tag--empty{color:#047857;background:#ecfdf5}.pc-card-actions{opacity:0;flex-shrink:0;gap:.25rem;transition:opacity .2s;display:flex}.pc-card:hover .pc-card-actions{opacity:1}.pc-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;font-size:.85rem;transition:background-color .2s;display:flex}.pc-action-btn:hover{background:#f1f5f9}.pc-action-btn--delete:hover{background:#ef444414}.pc-card-body{flex-direction:column;gap:.6rem;display:flex}.pc-cost-row{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.pc-cost-label{color:#64748b;font-weight:500}.pc-cost-val{color:#1e293b;font-weight:600}.pc-divider{background:#e2e8f0;height:1px;margin:.25rem 0}.pc-cost-row--total{font-size:1rem}.pc-cost-row--total .pc-cost-label{color:#0f172a;font-weight:700}.pc-cost-row--total .pc-cost-val{color:#059669;font-size:1.15rem;font-weight:800}.pc-notes-box{background:#fdfdfd;border-left:3px solid #cbd5e1;border-radius:0 6px 6px 0;gap:.4rem;margin-top:.5rem;padding:.5rem .75rem;display:flex}.pc-notes-icon{flex-shrink:0;font-size:.85rem}.pc-notes-text{color:#475569;word-break:break-word;margin:0;font-size:.8rem;line-height:1.4}.pc-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.25s pc-fadeIn;display:flex;position:fixed;inset:0}.pc-modal-box{border-radius:var(--pc-radius);background:#fff;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) pc-slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pc-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pc-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:750}.pc-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;transition:color .2s}.pc-modal-close:hover{color:#0f172a}.pc-modal-form{flex-direction:column;display:flex;overflow:hidden}.pc-modal-body{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.pc-form-row{gap:1rem;display:flex}.pc-form-group{flex-direction:column;gap:.35rem;display:flex}.pc-col-6{flex:1}.pc-label{color:#475569;font-size:.8rem;font-weight:600}.pc-input{border-radius:var(--pc-radius-sm);color:#0f172a;border:1.5px solid #e2e8f0;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.pc-input:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px #0596691a}.pc-input--error{border-color:var(--pc-danger)!important}.pc-select-unit{border-radius:var(--pc-radius-sm);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;outline:none;padding:.6rem;font-size:.88rem;transition:all .2s}.pc-select-unit:focus{border-color:var(--pc-primary)}.pc-textarea{border-radius:var(--pc-radius-sm);color:#0f172a;resize:vertical;border:1.5px solid #e2e8f0;outline:none;width:100%;min-height:60px;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.pc-textarea:focus{border-color:var(--pc-primary);box-shadow:0 0 0 3px #0596691a}.pc-error-text{color:var(--pc-danger);font-size:.72rem;font-weight:500}.pc-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.pc-btn{border-radius:var(--pc-radius-sm);cursor:pointer;border:none;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.pc-btn--secondary{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.pc-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.pc-btn--primary{background:linear-gradient(135deg, var(--pc-primary), var(--pc-primary-dark));color:#fff;box-shadow:0 4px 14px #05966933}.pc-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0596694d}@keyframes pc-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pc-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.pc-card--enter{animation:.35s pc-fadeIn}.pc-card--removing{opacity:0;animation:.3s reverse pc-slideUp;transform:scale(.95)}@media (width<=768px){.pc-page{padding:1rem}.pc-title{font-size:1.2rem}.pc-selector-inner{flex-direction:column;align-items:stretch}.pc-select-wrap{min-width:auto}.pc-action-bar{flex-direction:column;align-items:flex-start}.pc-add-btn{justify-content:center;width:100%}.pc-modal-footer{flex-direction:column-reverse}.pc-btn{text-align:center;width:100%}}.pc-bottom-actions{border-top:1px dashed #05966926;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;display:flex}.pc-save-config-btn{background:var(--pc-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 12px #05966933}.pc-save-config-btn:hover{background:var(--pc-primary-dark);transform:translateY(-1px);box-shadow:0 6px 16px #0596694d}.pc-save-config-btn:active{transform:translateY(1px)}.custom-dropdown-container{flex:1;min-width:250px;position:relative!important}.custom-select-trigger{border-radius:var(--pc-radius-sm);cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;justify-content:space-between;align-items:center;height:42px;padding:.65rem 1rem;transition:all .2s;display:flex;box-sizing:border-box!important;width:100%!important}.custom-select-trigger:hover{border-color:var(--pc-primary);background:#fff}.custom-select-trigger.active{border-color:var(--pc-primary);background:#fff;box-shadow:0 0 0 3px #0596691f}.custom-dropdown-menu{border-radius:var(--pc-radius-sm);background:#fff;border:1.5px solid #e5e7eb;width:100%;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;z-index:1000!important}.dropdown-search-wrapper{color:#94a3b8;background:#f8fafc;border-bottom:1px solid #e5e7eb;align-items:center;gap:8px;padding:10px 12px;display:flex}.dropdown-item{color:#475569;cursor:pointer;text-align:left;border-radius:6px;padding:8px 12px;font-size:13px;transition:all .15s}.dropdown-item:hover{color:var(--pc-primary);background:#05966914;padding-left:16px}.dropdown-item.highlighted{color:var(--pc-primary);background:#05966914;padding-left:16px}.dropdown-empty{color:#94a3b8;text-align:center;padding:8px 12px;font-size:12.5px}[data-theme=dark] .pc-page{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .pc-title,[data-theme=dark] .pc-selector-label,[data-theme=dark] .pc-empty-title,[data-theme=dark] .pc-card-title,[data-theme=dark] .pc-form-group label,[data-theme=dark] .pc-summary-value{color:#f8fafc!important;-webkit-text-fill-color:#f8fafc!important}[data-theme=dark] .pc-subtitle,[data-theme=dark] .pc-no-selection-text{color:#cbd5e1!important}[data-theme=dark] .pc-selector-card,[data-theme=dark] .pc-card,[data-theme=dark] .pc-empty-card,[data-theme=dark] .custom-dropdown-container,[data-theme=dark] .dropdown-menu-wrapper{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .dropdown-trigger-btn,[data-theme=dark] .pc-input,[data-theme=dark] .pc-select{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .dropdown-search-wrapper{background-color:#0f172a!important;border-bottom-color:#334155!important}[data-theme=dark] .dropdown-search-wrapper input{color:#f8fafc!important}[data-theme=dark] .dropdown-item{color:#cbd5e1!important}[data-theme=dark] .dropdown-item:hover,[data-theme=dark] .dropdown-item.highlighted{color:#fff!important;background-color:#334155!important}.pcl-page{color:#1e293b;--pcl-primary:#0f172a;--pcl-accent:#059669;--pcl-accent-hover:#047857;--pcl-danger:#ef4444;--pcl-danger-hover:#dc2626;--pcl-radius:16px;--pcl-radius-sm:8px;--pcl-shadow:0 4px 20px #0f172a0d;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 60%,#e2e8f0 100%);min-height:100vh;padding:2rem;font-family:Inter,system-ui,sans-serif}.pcl-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.pcl-header-left{align-items:center;gap:1rem;display:flex}.pcl-header-icon{background:linear-gradient(135deg,#334155,#0f172a);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex;box-shadow:0 8px 24px #0f172a26}.pcl-title{color:#0f172a;margin:0;font-size:1.6rem;font-weight:800;line-height:1.2}.pcl-subtitle{color:#64748b;margin-top:.2rem;font-size:.85rem}.pcl-add-btn{background:linear-gradient(135deg, var(--pcl-accent), var(--pcl-accent-hover));color:#fff;border-radius:var(--pcl-radius-sm);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #05966933}.pcl-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0596694d}.pcl-card-container{-webkit-backdrop-filter:blur(12px);border-radius:var(--pcl-radius);box-shadow:var(--pcl-shadow);background:#ffffffe6;border:1px solid #ffffffb3;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.pcl-search-bar{align-items:center;display:flex}.pcl-search-input-wrap{width:100%;max-width:400px;position:relative}.pcl-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.pcl-search-input{border-radius:var(--pcl-radius-sm);color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;outline:none;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:all .2s}.pcl-search-input:focus{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b81a}.pcl-table-wrapper{border-radius:var(--pcl-radius-sm);border:1px solid #e2e8f0;overflow-x:auto}.pcl-table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}.pcl-table th{color:#475569;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:1rem 1.25rem;font-size:.82rem;font-weight:700}.pcl-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:1rem 1.25rem}.pcl-row{transition:background-color .2s}.pcl-row:hover{background-color:#f8fafc}.pcl-serial-col{color:#64748b;width:60px;font-weight:600}.pcl-product-cell{flex-direction:column;gap:.2rem;display:flex}.pcl-product-name{color:#0f172a;font-weight:600}.pcl-product-specs{color:#64748b;background:#f1f5f9;border-radius:4px;align-self:flex-start;padding:.15rem .4rem;font-size:.75rem;display:inline-block}.pcl-price-col{color:#334155;font-weight:550}.pcl-total-col{color:var(--pcl-accent);font-weight:700}.pcl-actions-col{width:100px}.pcl-action-buttons{justify-content:center;gap:.5rem;display:flex}.pcl-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.pcl-action-btn--edit{color:#475569}.pcl-action-btn--edit:hover{color:#0f172a;background:#f1f5f9}.pcl-action-btn--delete{color:#f87171}.pcl-action-btn--delete:hover{color:var(--pcl-danger-hover);background:#fee2e2}.pcl-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.pcl-empty-icon{color:#94a3b8;margin-bottom:1rem;font-size:3rem}.pcl-empty-state h3{color:#334155;margin:0 0 .5rem;font-size:1.1rem;font-weight:700}.pcl-empty-state p{color:#64748b;max-width:320px;margin:0 0 1.5rem;font-size:.88rem;line-height:1.45}.pcl-empty-btn{color:#fff;border-radius:var(--pcl-radius-sm);cursor:pointer;background:#0f172a;border:none;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:background-color .2s}.pcl-empty-btn:hover{background:#1e293b}.pcl-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.25s pcl-fadeIn;display:flex;position:fixed;inset:0}.pcl-modal-box{border-radius:var(--pcl-radius);background:#fff;flex-direction:column;width:100%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) pcl-slideUp;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pcl-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pcl-modal-title{color:#0f172a;margin:0;font-size:1.15rem;font-weight:750}.pcl-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;transition:color .2s}.pcl-modal-close:hover{color:#0f172a}.pcl-modal-form{flex-direction:column;display:flex;overflow:hidden}.pcl-modal-body{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.pcl-form-row{gap:1rem;display:flex}.pcl-form-group{flex-direction:column;gap:.35rem;display:flex}.pcl-col-6{flex:1}.pcl-label{color:#475569;font-size:.8rem;font-weight:600}.pcl-input{border-radius:var(--pcl-radius-sm);color:#0f172a;border:1.5px solid #e2e8f0;outline:none;width:100%;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.pcl-input:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.pcl-input--error{border-color:var(--pcl-danger)!important}.pcl-select-unit{border-radius:var(--pcl-radius-sm);cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;outline:none;padding:.6rem;font-size:.88rem;transition:all .2s}.pcl-select-unit:focus{border-color:#64748b}.pcl-textarea{border-radius:var(--pcl-radius-sm);color:#0f172a;resize:vertical;border:1.5px solid #e2e8f0;outline:none;width:100%;min-height:60px;padding:.6rem .85rem;font-family:inherit;font-size:.88rem;transition:all .2s}.pcl-textarea:focus{border-color:#64748b;box-shadow:0 0 0 3px #64748b1a}.pcl-error-text{color:var(--pcl-danger);font-size:.72rem;font-weight:500}.pcl-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;display:flex}.pcl-btn{border-radius:var(--pcl-radius-sm);cursor:pointer;border:none;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.pcl-btn--secondary{color:#475569;background:#fff;border:1.5px solid #e2e8f0}.pcl-btn--secondary:hover{background:#f8fafc;border-color:#cbd5e1}.pcl-btn--primary{color:#fff;background:linear-gradient(135deg,#334155,#0f172a);box-shadow:0 4px 14px #0f172a26}.pcl-btn--primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0f172a40}.pcl-loading-container{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:6rem 2rem;font-size:.95rem;display:flex}.pcl-spinner{border:3px solid #e2e8f0;border-top-color:#0f172a;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite pcl-spin}@keyframes pcl-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pcl-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pcl-spin{to{transform:rotate(360deg)}}@media (width<=768px){.pcl-page{padding:1rem}.pcl-header{flex-direction:column;align-items:flex-start}.pcl-add-btn{justify-content:center;width:100%}.pcl-search-input-wrap{max-width:100%}.pcl-modal-footer{flex-direction:column-reverse}.pcl-btn{text-align:center;width:100%}}[data-theme=dark] .pcl-page{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .pcl-title,[data-theme=dark] .pcl-modal-header h3,[data-theme=dark] .pcl-table td,[data-theme=dark] .pcl-table td *{color:#f8fafc!important}[data-theme=dark] .pcl-subtitle{color:#cbd5e1!important}[data-theme=dark] .pcl-card-container,[data-theme=dark] .pcl-modal-card{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .pcl-search-input-wrap input{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pcl-search-input-wrap input::placeholder{color:#64748b!important}[data-theme=dark] .pcl-table th,[data-theme=dark] .pcl-modal-header,[data-theme=dark] .pcl-modal-footer{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pcl-table td{color:#f8fafc!important;background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .pcl-table tr:hover td{background-color:#334155!important}[data-theme=dark] .pcl-product-specs{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pcl-btn--secondary{color:#cbd5e1!important;background-color:#0f172a!important;border-color:#334155!important}.rich-editor-wrapper{border:1px solid var(--border-color,#e2e8f0e6);background:var(--bg-card,#fff);border-radius:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.rich-editor-wrapper:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.rich-editor-toolbar{border-bottom:1px solid var(--border-color,#e2e8f0e6);background:#f8fafc;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.toolbar-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.toolbar-btn:hover{color:#4f46e5;background:#6366f11f}.toolbar-divider{background:#cbd5e1;width:1px;height:20px;margin:0 4px}.rich-editor-content{color:var(--text-main,#1e293b);outline:none;padding:12px 16px;font-size:.95rem;line-height:1.6;overflow-y:auto}.rich-editor-content[data-placeholder]:empty:before{content:attr(data-placeholder);color:#94a3b8;cursor:text}.rich-editor-content ul,.rich-editor-content ol{margin:8px 0;padding-left:24px}.rich-editor-content h1{margin:12px 0 6px;font-size:1.4rem;font-weight:700}.rich-editor-content h2{margin:10px 0 4px;font-size:1.2rem;font-weight:600}.rich-editor-content a{color:#4f46e5;text-decoration:underline}[data-theme=dark] .rich-editor-wrapper{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .rich-editor-toolbar{background:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .toolbar-btn{color:#cbd5e1!important}[data-theme=dark] .toolbar-btn:hover{color:#fff!important;background-color:#334155!important}[data-theme=dark] .toolbar-divider{background-color:#334155!important}[data-theme=dark] .rich-editor-content{color:#f8fafc!important;background-color:#0f172a!important}.terms-policy-container{background:var(--bg-main,#f8fafc);max-width:1440px;min-height:calc(100vh - 80px);color:var(--text-main,#0f172a);flex-direction:column;gap:1.5rem;margin:0 auto;padding:1.5rem 2rem;display:flex}.terms-header-card{color:#fff;background:linear-gradient(135deg,#6366f1f2 0%,#4f46e5f2 100%);border-radius:12px;padding:1.5rem 2rem;box-shadow:0 8px 24px #6366f140}.terms-header-info{align-items:center;gap:1.25rem;display:flex}.header-icon-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:12px;justify-content:center;align-items:center;width:52px;min-width:52px;height:52px;display:flex}.terms-header-card .header-title{letter-spacing:-.015em;color:#fff;margin:0 0 .25rem;font-size:1.45rem;font-weight:800}.terms-header-card .header-subtitle{opacity:.9;color:#fff;margin:0;font-size:.9rem}.terms-alert-banner{border-radius:10px;align-items:center;gap:.75rem;padding:.85rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s fadeIn;display:flex}.terms-alert-banner.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.terms-alert-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-close-btn{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;margin-left:auto}.alert-close-btn:hover{opacity:1}.terms-main-grid{grid-template-columns:1fr 420px;align-items:start;gap:1.5rem;display:grid}@media (width<=1080px){.terms-main-grid{grid-template-columns:1fr}}.section-tab-bar{gap:8px;margin-bottom:1rem;display:flex}.section-tab-btn{border:1px solid var(--border-color,#e2e8f0e6);color:#64748b;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .25s;display:flex}.section-tab-btn:hover{color:#4f46e5;background:#6366f114}.section-tab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 4px 14px #6366f14d}.terms-card{border:1px solid var(--border-color,#e2e8f0cc);background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000a}.card-header-bar{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.card-title-stack{align-items:center;gap:.65rem;display:flex}.card-title-icon{color:#6366f1}.card-header-bar h2{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.editing-badge{color:#4338ca;background:#e0e7ff;border-radius:20px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.15rem;display:flex}.form-label{color:#334155;font-size:.875rem;font-weight:600}.req{color:#ef4444}.form-input,.form-select{border:1px solid var(--border-color,#cbd5e1);color:#0f172a;background:#fff;border-radius:10px;outline:none;padding:.65rem .9rem;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-row-2col{grid-template-columns:1fr 1fr;gap:1.15rem;display:grid}@media (width<=640px){.form-row-2col{grid-template-columns:1fr}}.input-unit-label{color:#64748b;font-size:.75rem}.toggle-group{margin-top:.2rem}.toggle-label,.form-group label.toggle-label{cursor:pointer!important;flex-direction:row!important;align-items:center!important;gap:.65rem!important;width:auto!important;margin:0!important;display:flex!important}.toggle-label input{display:none!important}.toggle-slider{background:#cbd5e1;border-radius:20px;flex-shrink:0;width:42px;height:22px;transition:background .3s;position:relative}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-label input:checked+.toggle-slider{background:#6366f1}.toggle-label input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-text{color:#1e293b;font-size:.9rem;font-weight:600}.toggle-hint{color:#64748b;margin:.25rem 0 0;font-size:.78rem}.radio-pill-group{flex-direction:row!important;align-items:center!important;gap:8px!important;margin-top:.25rem!important;display:flex!important}.pill-btn{color:#475569!important;cursor:pointer!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:.5rem 1.25rem!important;font-size:.85rem!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.pill-btn.active{color:#fff!important;background:#10b981!important;border-color:#10b981!important}.pill-btn.inactive-btn{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.checkbox-row-group{flex-flow:wrap!important;align-items:center!important;gap:.75rem!important;width:100%!important;margin-top:.35rem!important;display:flex!important}.checkbox-chip,.form-group .checkbox-row-group label.checkbox-chip{color:#334155!important;cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:8px!important;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;gap:.55rem!important;width:auto!important;min-width:auto!important;height:auto!important;min-height:auto!important;margin:0!important;padding:.5rem 1rem!important;font-size:.875rem!important;font-weight:500!important;transition:all .2s!important;display:inline-flex!important}.checkbox-chip:hover,.form-group .checkbox-row-group label.checkbox-chip:hover{background:#f1f5f9!important;border-color:#94a3b8!important}.checkbox-chip input[type=checkbox],.form-group .checkbox-row-group label.checkbox-chip input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;accent-color:#6366f1!important;cursor:pointer!important;flex-shrink:0!important;width:17px!important;min-width:17px!important;height:17px!important;min-height:17px!important;margin:0!important;display:inline-block!important}.checkbox-chip span,.form-group .checkbox-row-group label.checkbox-chip span{color:#1e293b!important;margin:0!important;padding:0!important;font-size:.875rem!important;font-weight:600!important;display:inline!important}.sticky-action-bar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color,#e2e8f0e6);background:#fffffff2;border-radius:12px;justify-content:space-between;align-items:center;margin-top:1.25rem;padding:.85rem 1.25rem;display:flex;position:sticky;bottom:1.5rem;box-shadow:0 8px 30px #00000014}.btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#1e293b;background:#e2e8f0}.action-right-group{align-items:center;gap:.75rem;display:flex}.btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:.6rem 1.2rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-primary:hover{background:#4f46e5;box-shadow:0 6px 18px #6366f173}.preview-sticky-card{border:1px solid var(--border-color,#e2e8f0cc);background:#fff;border-radius:12px;padding:20px;position:sticky;top:1.5rem;box-shadow:0 4px 20px #0000000a}.preview-header{margin-bottom:1rem}.preview-badge-live{color:#4338ca;letter-spacing:.03em;background:#e0e7ff;border-radius:20px;align-items:center;gap:.4rem;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.preview-sub{color:#64748b;margin:.35rem 0 0;font-size:.78rem}.invoice-mockup-paper{background:#fdfdfd;border:1px dashed #cbd5e1;border-radius:10px;padding:1.25rem;box-shadow:inset 0 0 10px #00000003}.mockup-header-stub{color:#475569;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:800;display:flex}.mockup-divider{background:#e2e8f0;height:1px;margin:.75rem 0}.preview-section-box{margin-top:.5rem}.preview-section-title{color:#1e293b;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:flex}.preview-tag-default{color:#15803d;background:#dcfce7;border-radius:4px;padding:.1rem .4rem;font-size:.65rem}.preview-policy-meta-chips{flex-wrap:wrap;gap:6px;margin-bottom:.65rem;display:flex}.policy-meta-chip{color:#334155;background:#f1f5f9;border-radius:6px;align-items:center;gap:.25rem;padding:.2rem .5rem;font-size:.72rem;font-weight:600;display:inline-flex}.policy-meta-chip.highlight{color:#92400e;background:#fef3c7}.preview-section-body{color:#475569;background:#fff;border:1px solid #f1f5f9;border-radius:8px;max-height:250px;padding:.75rem;font-size:.82rem;line-height:1.5;overflow-y:auto}.mockup-footer-stub{text-align:center;color:#94a3b8;border-top:1px dashed #e2e8f0;margin-top:1rem;padding-top:.5rem;font-size:.72rem;font-style:italic}.table-section-card{border:1px solid var(--border-color,#e2e8f0cc);background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 20px #0000000a}.table-header-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.table-title-stack{align-items:center;gap:.65rem;display:flex}.table-header-icon{color:#6366f1}.table-title-stack h2{color:#1e293b;margin:0;font-size:1.15rem;font-weight:700}.table-filter-bar{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.search-input-box{align-items:center;display:flex;position:relative}.search-input-box .search-icon{color:#94a3b8;position:absolute;left:10px}.search-input-box input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:200px;padding:.55rem .8rem .55rem 2.1rem;font-size:.85rem}.filter-select{background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:.55rem .8rem;font-size:.85rem}.table-responsive-wrapper{overflow-x:auto}.terms-data-table{border-collapse:collapse!important;text-align:left!important;table-layout:auto!important;width:100%!important;font-size:.875rem!important}.terms-data-table th{letter-spacing:.05em!important;text-transform:uppercase!important;color:#475569!important;white-space:nowrap!important;vertical-align:middle!important;background:#f8fafc!important;border-bottom:2px solid #e2e8f0!important;padding:.85rem 1rem!important;font-size:.75rem!important;font-weight:700!important}.terms-data-table td{color:#334155!important;vertical-align:middle!important;white-space:nowrap!important;border-bottom:1px solid #f1f5f9!important;padding:1rem!important}.terms-data-table td.doc-title-cell{white-space:normal!important;word-break:break-word!important;color:#1e293b!important;max-width:280px!important;font-weight:600!important}.doc-type-pill{white-space:nowrap!important;box-sizing:border-box!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:auto!important;min-width:auto!important;max-width:none!important;height:auto!important;padding:.35rem .85rem!important;font-size:.75rem!important;font-weight:700!important;line-height:1.2!important;display:inline-flex!important}.doc-type-pill.doc-type-terms{color:#3730a3!important;background:#e0e7ff!important;border:1px solid #c7d2fe!important}.doc-type-pill.doc-type-return{color:#92400e!important;background:#fef3c7!important;border:1px solid #fde68a!important}.status-badge{text-transform:capitalize!important;white-space:nowrap!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;padding:.3rem .75rem!important;font-size:.75rem!important;font-weight:700!important;line-height:1.2!important;display:inline-flex!important}.status-badge.active{color:#15803d!important;background:#dcfce7!important;border:1px solid #bbf7d0!important}.status-badge.inactive{color:#b91c1c!important;background:#fee2e2!important;border:1px solid #fecaca!important}.default-badge-yes{color:#fff!important;white-space:nowrap!important;background:#10b981!important;border-radius:6px!important;justify-content:center!important;align-items:center!important;padding:.25rem .65rem!important;font-size:.72rem!important;font-weight:700!important;display:inline-flex!important}.default-badge-no{color:#94a3b8!important;font-weight:600!important}.action-buttons-flex{justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.action-btn.view-btn:hover{color:#fff;background:#6366f1}.action-btn.edit-btn:hover{color:#fff;background:#0284c7}.action-btn.delete-btn:hover{color:#fff;background:#ef4444}.table-state-box{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:.9rem;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.modal-backdrop-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content-card{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:650px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title-stack{color:#6366f1;align-items:center;gap:.65rem;display:flex}.modal-title-stack h3{color:#0f172a;margin:0;font-size:1.15rem;font-weight:700}.modal-close-icon{cursor:pointer;color:#64748b;background:0 0;border:none}.modal-body-content{flex:1;padding:1.5rem;overflow-y:auto}.modal-meta-row{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.modal-policy-grid{background:#f8fafc;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;padding:.85rem;display:grid}.policy-stat-item{flex-direction:column;gap:.15rem;display:flex}.stat-label{color:#64748b;font-size:.72rem;font-weight:600}.stat-val{color:#0f172a;font-size:.85rem;font-weight:700}.formatted-doc-viewer h4{color:#334155;margin:0 0 .5rem;font-size:.95rem;font-weight:700}.html-render-box{color:#334155;background:#fdfdfd;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;font-size:.9rem;line-height:1.6}.modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;padding:1rem 1.5rem;display:flex}.applicable-for-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-top:.5rem;padding:1rem}.form-sub-hint{color:#64748b;margin:-.2rem 0 .75rem;font-size:.78rem}.applicable-tabs-header{flex-wrap:wrap;gap:6px;margin-bottom:.85rem;display:flex}.applicable-subtab-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.applicable-subtab-btn:hover{color:#4f46e5;background:#f1f5f9}.applicable-subtab-btn.active{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 2px 8px #6366f140}.applicable-selector-panel{flex-direction:column;gap:.85rem;display:flex}.selector-input-flex{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.selector-dropdown,.custom-add-input{flex:1;min-width:180px}.btn-add-applicable{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;align-items:center;gap:.3rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-add-applicable:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d}.btn-add-applicable:disabled{cursor:not-allowed;opacity:.7;background:#cbd5e1}.selected-chips-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.85rem 1rem}.chips-title-row{color:#475569;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.btn-clear-all{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem;font-weight:600}.btn-clear-all:hover{text-decoration:underline}.chips-empty-hint{color:#94a3b8;font-size:.8rem;font-style:italic}.chips-grid.flex-chips{flex-wrap:wrap;gap:8px;display:flex}.app-tag-chip{border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex;box-shadow:0 1px 3px #0000000d}.app-tag-chip.category-tag{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe}.app-tag-chip.brand-tag{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.app-tag-chip.product-tag{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.app-tag-chip button{width:16px;height:16px;color:inherit;cursor:pointer;background:#0000001a;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.app-tag-chip button:hover{color:#fff;background:#00000040}[data-theme=dark] .terms-policy-container{color:#f8fafc!important;background:#0b0f19!important}[data-theme=dark] .terms-card,[data-theme=dark] .terms-preview-card,[data-theme=dark] .terms-form-card,[data-theme=dark] .preview-sticky-card,[data-theme=dark] .table-section-card,[data-theme=dark] .sticky-action-bar,[data-theme=dark] .terms-preview-body,[data-theme=dark] .preview-invoice-sheet{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .invoice-mockup-paper{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .form-section-title,[data-theme=dark] .field-label,[data-theme=dark] .form-label,[data-theme=dark] .card-title-stack h2,[data-theme=dark] .table-title-stack h2,[data-theme=dark] .preview-doc-title,[data-theme=dark] .preview-item-title,[data-theme=dark] .preview-item-text,[data-theme=dark] .mockup-logo,[data-theme=dark] .mockup-invoice-title,[data-theme=dark] .terms-data-table td{color:#f8fafc!important}[data-theme=dark] .section-tab-btn,[data-theme=dark] .tab-btn,[data-theme=dark] .btn-cancel,[data-theme=dark] .filter-select,[data-theme=dark] .search-input-box{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .section-tab-btn.active,[data-theme=dark] .tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#4f46e5,#6366f1)!important}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .search-input-box input,[data-theme=dark] .editor-toolbar,[data-theme=dark] .editor-content,[data-theme=dark] .rte-toolbar,[data-theme=dark] .rte-content,[data-theme=dark] .rich-text-editor-container{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .rte-btn{color:#cbd5e1!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] .rte-btn:hover,[data-theme=dark] .rte-btn.active{color:#fff!important;background-color:#334155!important}[data-theme=dark] .terms-data-table th{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .terms-data-table td{background-color:#1e293b!important;border-bottom-color:#334155!important}[data-theme=dark] .terms-data-table tr:hover td{background-color:#334155!important}[data-theme=dark] .applicable-for-section{color:#f8fafc!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .applicable-for-section .form-section-title,[data-theme=dark] .applicable-for-section .form-sub-hint{color:#cbd5e1!important}[data-theme=dark] .applicable-subtab-btn{color:#cbd5e1!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .applicable-subtab-btn:hover{color:#fff!important;background-color:#334155!important}[data-theme=dark] .applicable-subtab-btn.active{color:#fff!important;background:#6366f1!important;border-color:#6366f1!important}[data-theme=dark] .selected-chips-wrapper{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .chips-title-row{color:#cbd5e1!important}[data-theme=dark] .pill-btn{color:#cbd5e1!important;background:#0f172a!important;border-color:#334155!important}[data-theme=dark] .pill-btn.active{color:#fff!important;background:#10b981!important}[data-theme=dark] .pill-btn.inactive-btn{color:#cbd5e1!important;background:#0f172a!important}.wg-root{color:#0f172a;box-sizing:border-box;background:#f8fafc;min-height:100vh;padding:24px 28px 48px;font-family:DM Sans,Inter,-apple-system,BlinkMacSystemFont,sans-serif}.wg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.wg-header-title h1{color:#0f172a;letter-spacing:-.4px;margin:0 0 4px;font-size:24px;font-weight:700}.wg-header-title p{color:#64748b;margin:0;font-size:14px}.wg-switcher-container{background:#e2e8f0;border-radius:14px;padding:4px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000f}.wg-switch-btn{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:10px;outline:none;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex}.wg-switch-btn:hover{color:#0f172a}.wg-switch-btn.active.warranty{color:#2563eb;background:#fff;box-shadow:0 4px 12px #2563eb26,0 1px 3px #00000014}.wg-switch-btn.active.guarantee{color:#059669;background:#fff;box-shadow:0 4px 12px #05966926,0 1px 3px #00000014}.wg-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:24px;transition:box-shadow .2s;box-shadow:0 1px 3px #00000005,0 6px 16px #00000008}.wg-card-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.wg-card-title{color:#1e293b;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.wg-card-title.warranty svg{color:#2563eb}.wg-card-title.guarantee svg{color:#059669}.wg-form-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}@media (width<=1024px){.wg-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.wg-form-grid{grid-template-columns:1fr}}.wg-form-group{flex-direction:column;gap:6px;display:flex}.wg-form-group.span-full{grid-column:1/-1}.wg-label{color:#475569;font-size:13px;font-weight:600}.wg-label .required{color:#ef4444;margin-left:2px}.wg-input,.wg-select,.wg-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .18s}.wg-input:focus,.wg-select:focus,.wg-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.wg-input:disabled,.wg-input.readonly{color:#64748b;cursor:not-allowed;background:#f1f5f9;border-color:#e2e8f0}.wg-period-group{gap:8px;display:flex}.wg-period-group .wg-input{width:45%}.wg-period-group .wg-select{width:55%}.wg-searchable-dd{position:relative}.wg-dd-trigger{cursor:pointer;text-align:left;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:14px;transition:all .18s;display:flex}.wg-dd-trigger:focus,.wg-dd-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.wg-dd-menu{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px #0000001f}.wg-dd-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;margin-bottom:8px;padding:8px 12px;display:flex}.wg-dd-search input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.wg-dd-list{max-height:200px;overflow-y:auto}.wg-dd-item{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:background .15s;display:flex}.wg-dd-item:hover,.wg-dd-item.highlighted{background:#f1f5f9}.wg-dd-item.selected{color:#2563eb;background:#eff6ff;font-weight:600}.wg-dd-item .meta{color:#64748b;font-size:11px}.wg-form-actions{justify-content:flex-end;gap:12px;margin-top:10px;display:flex}.wg-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.wg-btn-primary.warranty{color:#fff;background:#2563eb}.wg-btn-primary.warranty:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40}.wg-btn-primary.guarantee{color:#fff;background:#059669}.wg-btn-primary.guarantee:hover{background:#047857;box-shadow:0 4px 12px #05966940}.wg-btn-secondary{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.wg-btn-secondary:hover{color:#0f172a;background:#e2e8f0}.wg-btn-outline{color:#334155;background:#fff;border-color:#cbd5e1}.wg-btn-outline:hover{background:#f8fafc;border-color:#94a3b8}.wg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.wg-search-box{flex:1;min-width:260px;max-width:400px;position:relative}.wg-search-box svg{color:#94a3b8;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.wg-search-input{background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 40px;font-size:14px;transition:all .18s}.wg-search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.wg-toolbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.wg-filter-btn{position:relative}.wg-filter-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.wg-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:999;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.wg-filter-modal{background:#fff;border-radius:20px;width:100%;max-width:580px;animation:.25s cubic-bezier(.16,1,.3,1) wgModalSlideIn;overflow:hidden;box-shadow:0 20px 40px #0003}@keyframes wgModalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.wg-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.wg-modal-header h3{color:#0f172a;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.wg-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:background .15s;display:flex}.wg-modal-close:hover{color:#0f172a;background:#f1f5f9}.wg-modal-body{padding:24px}.wg-filter-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=500px){.wg-filter-grid{grid-template-columns:1fr}}.wg-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.wg-table-wrapper{border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.wg-table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}.wg-table th{color:#475569;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-weight:600}.wg-table th:hover{color:#0f172a;background:#f1f5f9}.wg-table th .th-content{align-items:center;gap:6px;display:flex}.wg-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 16px}.wg-table tr:last-child td{border-bottom:none}.wg-table tr:hover td{background:#f8fafc}.wg-status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.wg-status-badge.active{color:#15803d;background:#dcfce7}.wg-status-badge.expired{color:#b91c1c;background:#fef2f2}.wg-code-badge{color:#475569;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-family:DM Mono,monospace;font-size:11.5px;font-weight:500}.wg-table-actions{align-items:center;gap:6px;display:flex}.wg-icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.wg-icon-btn:hover.view{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.wg-icon-btn:hover.edit{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.wg-icon-btn:hover.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.wg-pagination{color:#64748b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.wg-pagination-controls{align-items:center;gap:6px;display:flex}.wg-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 8px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.wg-page-btn:hover:not(:disabled){color:#0f172a;background:#f1f5f9}.wg-page-btn.active{color:#fff;background:#2563eb;border-color:#2563eb}.wg-page-btn:disabled{opacity:.4;cursor:not-allowed}.wg-empty-state,.wg-loading-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.wg-empty-state svg{color:#cbd5e1;margin-bottom:12px}.wg-empty-state h4{color:#334155;margin:0 0 4px;font-size:16px;font-weight:600}.wg-empty-state p{margin:0;font-size:13px}.wg-spinner{border:3px solid #e2e8f0;border-top-color:#2563eb;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:.7s linear infinite wgSpin}@keyframes wgSpin{to{transform:rotate(360deg)}}@media print{body *{visibility:hidden}.wg-printable-area,.wg-printable-area *{visibility:visible}.wg-printable-area{width:100%;position:absolute;top:0;left:0}.wg-toolbar,.wg-form-actions,.wg-card:first-child,.wg-pagination{display:none!important}}.messages-page-container{flex-direction:column;gap:1.5rem;max-width:1200px;margin:0 auto;padding:1rem 0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.messages-header-section{background:#ffffffb3;border:1px solid #e2e8f0cc;border-radius:16px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 4px 20px #00000005}@media (width<=640px){.messages-header-section{flex-direction:column;align-items:flex-start;padding:1.25rem 1.5rem}}.messages-page-title{color:#0f172a;letter-spacing:-.025em;margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.messages-page-subtitle{color:#64748b;font-size:.95rem}.messages-header-actions{gap:.75rem;display:flex}.messages-content-box{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000008}.messages-toolbar{background-color:#fafbfc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.25rem 1.5rem;display:flex}.search-messages-wrapper{flex:1;align-items:center;min-width:260px;max-width:400px;display:flex;position:relative}.search-messages-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.search-messages-input{color:#1e293b;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:.9rem;transition:all .2s}.search-messages-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.messages-filter-tabs{gap:.5rem;display:flex}.filter-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.filter-tab-btn:hover{color:#1e293b;background-color:#f1f5f9}.filter-tab-btn.active{color:#fff;background-color:#6366f1}.tab-badge{color:#fff;background-color:#ef4444;border-radius:99px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.messages-list-wrapper{flex-direction:column;min-height:350px;display:flex}.messages-empty-state{text-align:center;flex-direction:column;align-items:center;max-width:400px;margin:auto;padding:3rem 1.5rem;display:flex}.empty-state-icon-circle{background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex;box-shadow:inset 0 2px 4px #00000005}.empty-state-emoji{font-size:2.25rem;line-height:1}.empty-state-title{color:#1e293b;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.empty-state-subtitle{color:#64748b;margin-bottom:1.5rem;font-size:.9rem;line-height:1.5}.empty-state-btn{color:#475569;cursor:pointer;background-color:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.empty-state-btn:hover{color:#0f172a;background-color:#e2e8f0}.messages-list{flex-direction:column;display:flex}.message-item-card{cursor:pointer;background-color:#fff;border-bottom:1px solid #f1f5f9;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .2s;display:flex;position:relative}.message-item-card:hover{background-color:#f8fafc}.message-item-card.unread{background-color:#6366f105}.message-item-card.unread:before{content:"";background-color:#6366f1;width:4px;position:absolute;top:0;bottom:0;left:0}.message-avatar-circle{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:.95rem;font-weight:700;display:flex}.message-avatar-circle.whatsapp{background-color:#25d366}.message-avatar-circle.email{background-color:#ea4335}.message-avatar-circle.sms{background-color:#6366f1}.message-item-details{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.message-item-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.message-sender-name{color:#1e293b;font-size:.95rem;font-weight:700}.message-item-card.unread .message-sender-name{color:#0f172a}.message-time-text{color:#94a3b8;white-space:nowrap;font-size:.75rem}.message-snippet-text{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;overflow:hidden}.message-item-card.unread .message-snippet-text{color:#334155;font-weight:500}.message-channel-indicator{margin-top:.25rem}.channel-badge{border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.channel-badge.whatsapp{color:#065f46;background-color:#d1fae5}.channel-badge.email{color:#991b1b;background-color:#fee2e2}.channel-badge.sms{color:#3730a3;background-color:#e0e7ff}.notifications-page-container{color:#1e293b;max-width:1100px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.3s ease-out fadeInPage}@keyframes fadeInPage{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.notifications-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.75rem;display:flex}.notifications-icon-badge{color:#2563eb;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 2px 6px #2563eb1f}.back-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.back-btn:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.notifications-title-group h1{color:#0f172a;letter-spacing:-.02em;align-items:center;gap:.75rem;margin:0;font-size:1.75rem;font-weight:800;display:flex}.unread-count-pill{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:.25rem .65rem;font-size:.75rem;font-weight:700}.notifications-subtitle{color:#64748b;margin:.25rem 0 0;font-size:.88rem}.notifications-header-actions{align-items:center;gap:.75rem;display:flex}.header-action-btn{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.1rem;font-size:.85rem;font-weight:650;transition:all .2s;display:flex}.btn-secondary-light{color:#475569;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.btn-secondary-light:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-primary-subtle{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.btn-primary-subtle:hover{color:#1d4ed8;background:#dbeafe}.btn-danger-subtle{color:#ef4444;background:#fef2f2;border:1px solid #fecaca}.btn-danger-subtle:hover{color:#dc2626;background:#fee2e2}.spin-icon{animation:.8s linear infinite spin}.notifications-controls-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex;box-shadow:0 2px 8px #00000005}.controls-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.notification-search-box{flex:1;min-width:260px;position:relative}.notification-search-box input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;height:42px;padding:0 1rem 0 2.6rem;font-size:.9rem;transition:all .2s}.notification-search-box input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.search-icon-inside{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.notification-tabs{background:#f1f5f9;border-radius:12px;align-items:center;gap:.35rem;padding:4px;display:flex;overflow-x:auto}.tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:.45rem .9rem;font-size:.82rem;font-weight:600;transition:all .15s}.tab-btn:hover{color:#1e293b}.tab-btn.active{color:#2563eb;background:#fff;font-weight:700;box-shadow:0 1px 4px #0000000f}.notifications-list{flex-direction:column;gap:.85rem;display:flex}.notification-card{cursor:pointer;background:#fff;border:1px solid #f1f5f9;border-radius:16px;flex-direction:column;padding:1.25rem 1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 2px 6px #00000005}.notification-card .card-top-row{align-items:center;gap:1.25rem;width:100%;display:flex}.notification-card.unread{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.notification-card.selected,.notification-card.expanded{background:#fff!important;border-color:#3b82f6!important;box-shadow:0 8px 24px #3b82f624!important}.notification-card:hover{border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.expand-chevron{color:#94a3b8;transition:transform .25s cubic-bezier(.4,0,.2,1)}.expand-chevron.rotated{color:#2563eb;transform:rotate(180deg)}.notification-expand-wrapper{opacity:0;max-height:0;transition:all .28s cubic-bezier(.4,0,.2,1);overflow:hidden}.notification-expand-wrapper.open{opacity:1;border-top:1px dashed #e2e8f0;max-height:1200px;margin-top:1rem;padding-top:1.25rem}.notification-expanded-content{flex-direction:column;gap:1.25rem;animation:.25s ease-out fadeInExpand;display:flex}@keyframes fadeInExpand{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.details-loading-state{color:#475569;justify-content:center;align-items:center;gap:.75rem;padding:1.5rem 0;font-size:.9rem;font-weight:600;display:flex}.card-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.card-main-content{flex:1;min-width:0}.card-header-line{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.card-module-name{color:#0f172a;font-size:1.05rem;font-weight:750}.card-status-badge{letter-spacing:.02em;text-transform:capitalize;border-radius:9999px;padding:2px 9px;font-size:.72rem;font-weight:750}.card-page-name{color:#475569;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.card-product-tag{color:#334155;background:#f1f5f9;border-radius:6px;align-items:center;gap:.35rem;margin-top:.25rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.card-meta-line{color:#94a3b8;align-items:center;gap:.5rem;margin-top:.4rem;font-size:.78rem;display:flex}.card-actions-right{align-items:center;gap:.5rem;margin-left:auto;display:flex}.delete-card-btn{color:#94a3b8;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.delete-card-btn:hover{color:#ef4444;opacity:1;background:#fef2f2}.unread-dot-indicator{background:#2563eb;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #2563eb33}.empty-notifications-card{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:20px;padding:4rem 2rem}.empty-icon-circle{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.25rem;display:flex}.empty-notifications-card h3{color:#1e293b;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.empty-notifications-card p{margin:0;font-size:.9rem}.modal-overlay-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:1.5rem;animation:.22s cubic-bezier(.16,1,.3,1) fadeInOverlay;display:flex;position:fixed;inset:0}.modal-content-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;flex-direction:column;gap:24px;width:95vw;max-width:700px;max-height:90vh;padding:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;animation:.22s cubic-bezier(.16,1,.3,1) scaleUpModal;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #0f172a40,0 0 0 1px #0000000d}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-close-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex;position:absolute;top:24px;right:24px}.modal-close-btn:hover{color:#111827;background:#e5e7eb;transform:rotate(90deg)}.modal-header-box{align-items:center;gap:16px;padding-right:48px;display:flex}.modal-type-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.modal-header-meta{flex-direction:column;gap:4px;display:flex}.modal-header-title{color:#111827;letter-spacing:-.02em;margin:0;font-size:30px;font-weight:700;line-height:1.25}.modal-header-subtext{color:#6b7280;align-items:center;gap:10px;font-size:14px;display:flex}.modal-header-subtext strong{color:#111827}.modal-status-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.modal-status-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;transition:all .18s;display:flex}.modal-status-card:hover{background:#f1f5f9;border-color:#cbd5e1}.modal-card-top-row{color:#6b7280;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.modal-card-val{color:#111827;font-size:17px;font-weight:700}.status-pill-badge{letter-spacing:.01em;border-radius:9999px;align-items:center;gap:5px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-flex}.status-pill-green{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.status-pill-orange{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.status-pill-red{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.status-pill-blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.modal-section-box{flex-direction:column;gap:12px;display:flex}.modal-section-title{color:#111827;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.modal-payment-summary-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;gap:14px;padding:20px;display:flex}.summary-data-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.summary-data-row:last-child{border-bottom:none;padding-bottom:0}.summary-label{color:#6b7280;font-size:14px;font-weight:500}.summary-value{color:#111827;font-size:17px;font-weight:700}.modal-message-card{color:#111827;white-space:pre-line;background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;padding:16px 18px;font-size:14px;line-height:1.65}.modal-footer-section{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding-top:20px;display:flex}.modal-footer-col{flex-direction:column;gap:4px;display:flex}.footer-col-label{color:#6b7280;font-size:13px;font-weight:500}.footer-col-val{color:#111827;font-size:15px;font-weight:700}.modal-action-buttons-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.modal-btn-secondary{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex}.modal-btn-secondary:hover{color:#111827;background:#f9fafb;border-color:#d1d5db}.modal-btn-blue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #2563eb33}.modal-btn-blue:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.modal-btn-green{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .18s;display:inline-flex;box-shadow:0 4px 12px #05966933}.modal-btn-green:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);transform:translateY(-1px);box-shadow:0 6px 16px #0596694d}:root{--reorder-primary:#6366f1;--reorder-primary-hover:#4f46e5;--reorder-primary-light:#eef2ff;--reorder-success:#10b981;--reorder-success-light:#ecfdf5;--reorder-warning:#f59e0b;--reorder-warning-light:#fffbeb;--reorder-danger:#ef4444;--reorder-danger-light:#fef2f2;--reorder-card-bg:#fff;--reorder-border:#e2e8f0;--reorder-text:#1e293b;--reorder-muted:#64748b;--reorder-bg:#f8fafc}.dark{--reorder-primary:#818cf8;--reorder-primary-hover:#6366f1;--reorder-primary-light:#6366f126;--reorder-card-bg:#1e293b;--reorder-border:#334155;--reorder-text:#f8fafc;--reorder-muted:#94a3b8;--reorder-bg:#0f172a}.reorder-page-container{background-color:var(--reorder-bg);min-height:100vh;color:var(--reorder-text);padding:1.5rem 2rem 3rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.reorder-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.reorder-title-group h1{color:var(--reorder-text);align-items:center;gap:.75rem;margin:0 0 .25rem;font-size:1.75rem;font-weight:700;display:flex}.reorder-title-icon{color:var(--reorder-primary);background:var(--reorder-primary-light);border-radius:.75rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.reorder-subtitle{color:var(--reorder-muted);margin:0;font-size:.875rem}.reorder-header-badges{gap:.75rem;display:flex}.reorder-badge{border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.reorder-badge.active{background-color:var(--reorder-primary-light);color:var(--reorder-primary);border:1px solid #6366f133}.reorder-alert{border-radius:.75rem;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.3s ease-out slideDown;display:flex}.reorder-alert.success{background-color:var(--reorder-success-light);color:#065f46;border:1px solid #a7f3d0}.reorder-alert.error{background-color:var(--reorder-danger-light);color:#991b1b;border:1px solid #fecaca}.reorder-alert-close{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.25rem}.reorder-alert-close:hover{opacity:1}.reorder-card{background-color:var(--reorder-card-bg);border:1px solid var(--reorder-border);border-radius:1rem;margin-bottom:1.75rem;transition:box-shadow .2s;overflow:visible;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.reorder-card:hover{box-shadow:0 10px 15px -3px #00000014}.reorder-card-header{border-bottom:1px solid var(--reorder-border);background-color:#f8fafc80;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.reorder-card-title{color:var(--reorder-text);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:600;display:flex}.reorder-card-body{padding:1.5rem;overflow:visible}.supplier-dropdown-wrapper{z-index:100;width:100%;position:relative}.supplier-select-trigger{background:var(--reorder-card-bg);border:1.5px solid var(--reorder-border);cursor:pointer;border-radius:.75rem;justify-content:space-between;align-items:center;width:100%;padding:.85rem 1rem;font-size:.9375rem;transition:all .2s;display:flex}.supplier-select-trigger:hover{border-color:var(--reorder-primary)}.supplier-select-trigger.active{border-color:var(--reorder-primary);box-shadow:0 0 0 3px #6366f126}.supplier-selected-preview{align-items:center;gap:.75rem;display:flex}.supplier-icon-pill{background:var(--reorder-primary-light);width:2.25rem;height:2.25rem;color:var(--reorder-primary);border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.supplier-details-line{flex-direction:column;display:flex}.supplier-main-name{color:var(--reorder-text);font-weight:600}.supplier-sub-info{color:var(--reorder-muted);font-size:.75rem}.supplier-dropdown-menu{background:var(--reorder-card-bg);border:1px solid var(--reorder-border);z-index:9999;border-radius:.85rem;animation:.15s ease-out fadeIn;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:visible;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014}.supplier-search-input-box{border-bottom:1px solid var(--reorder-border);background:var(--reorder-bg);align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.supplier-search-input-box input{width:100%;color:var(--reorder-text);background:0 0;border:none;outline:none;font-size:.9rem}.supplier-search-input-box input::placeholder{color:var(--reorder-muted)}.supplier-options-list{max-height:280px;overflow-y:auto}.supplier-option-item{cursor:pointer;border-bottom:1px solid #e2e8f066;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .15s;display:flex}.supplier-option-item:hover{background-color:var(--reorder-primary-light)}.supplier-option-item.selected{background-color:#6366f11a}.supplier-option-info h4{color:var(--reorder-text);margin:0 0 .15rem;font-size:.9rem;font-weight:600}.supplier-option-info p{color:var(--reorder-muted);margin:0;font-size:.75rem}.supplier-empty-state{text-align:center;color:var(--reorder-muted);padding:1.5rem;font-size:.875rem}.product-search-bar-row{flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;display:flex}.product-search-field{flex:1;min-width:260px;position:relative}.product-search-field svg{color:var(--reorder-muted);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.product-search-field input{border:1.5px solid var(--reorder-border);background:var(--reorder-card-bg);width:100%;color:var(--reorder-text);border-radius:.75rem;outline:none;padding:.75rem 1rem .75rem 2.6rem;font-size:.9rem;transition:border-color .2s}.product-search-field input:focus{border-color:var(--reorder-primary);box-shadow:0 0 0 3px #6366f11f}.category-filter-select{border:1.5px solid var(--reorder-border);background:var(--reorder-card-bg);color:var(--reorder-text);cursor:pointer;border-radius:.75rem;outline:none;min-width:180px;padding:.75rem 1.2rem;font-size:.9rem}.category-filter-select:focus{border-color:var(--reorder-primary)}.table-responsive{border:1px solid var(--reorder-border);border-radius:.75rem;width:100%;overflow-x:auto}.reorder-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.reorder-table th{color:#8a94a6;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;background-color:#0000;border-bottom:1px solid #edf2f7;padding:13px 16px;font-size:11px;font-weight:700}.reorder-table td{border-bottom:1px solid var(--reorder-border);vertical-align:middle;padding:.875rem 1rem}.reorder-table tbody tr{transition:background-color .15s}.reorder-table tbody tr:hover{background-color:#f8fafccc}.reorder-table tbody tr.is-selected{background-color:#6366f10a}.stock-badge{border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.stock-badge.healthy{background-color:var(--reorder-success-light);color:#047857}.stock-badge.low{background-color:var(--reorder-warning-light);color:#b45309}.stock-badge.out{background-color:var(--reorder-danger-light);color:#b91c1c}.reorder-checkbox{cursor:pointer;width:1.15rem;height:1.15rem;accent-color:var(--reorder-primary);border:1.5px solid #cbd5e1;border-radius:.35rem}.selected-products-counter{color:var(--reorder-primary);background:var(--reorder-primary-light);border-radius:9999px;padding:.3rem .75rem;font-size:.875rem;font-weight:600}.qty-input-group{border:1px solid var(--reorder-border);background:var(--reorder-card-bg);border-radius:.5rem;align-items:center;display:inline-flex;overflow:hidden}.qty-btn{cursor:pointer;width:1.75rem;height:2rem;color:var(--reorder-text);background:#f1f5f9;border:none;justify-content:center;align-items:center;transition:background .15s;display:flex}.qty-btn:hover:not(:disabled){background:#e2e8f0}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.qty-input{text-align:center;width:3.5rem;height:2rem;color:var(--reorder-text);background:0 0;border:none;outline:none;font-size:.875rem;font-weight:600}.price-input-wrapper{align-items:center;display:inline-flex;position:relative}.price-currency-symbol{color:var(--reorder-muted);pointer-events:none;font-size:.85rem;position:absolute;left:.6rem}.price-input{border:1px solid var(--reorder-border);width:6.5rem;color:var(--reorder-text);background:var(--reorder-card-bg);border-radius:.5rem;outline:none;padding:.35rem .5rem .35rem 1.4rem;font-size:.875rem;transition:border-color .2s}.price-input:focus{border-color:var(--reorder-primary)}.line-total-amount{color:#0f172a;font-size:.9375rem;font-weight:700}.btn-more-details{border:1px solid var(--reorder-border);color:#475569;cursor:pointer;background-color:#f1f5f9;border-radius:.5rem;align-items:center;gap:.3rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-more-details:hover{background-color:var(--reorder-primary-light);color:var(--reorder-primary);border-color:#6366f14d}.btn-more-details.expanded{background-color:var(--reorder-primary);color:#fff;border-color:var(--reorder-primary)}.btn-remove-item{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.btn-remove-item:hover{background-color:var(--reorder-danger-light);color:var(--reorder-danger)}.tax-details-row{background-color:#f8fafc!important}.tax-details-panel{background:#fff;border:1px dashed #cbd5e1;border-radius:.75rem;margin:.25rem 0;padding:1rem 1.25rem}.tax-details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:flex-end;gap:1rem;display:grid}.tax-field-group{flex-direction:column;gap:.35rem;display:flex}.tax-field-group label{color:var(--reorder-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.tax-select,.tax-input{border:1px solid var(--reorder-border);color:var(--reorder-text);background:var(--reorder-card-bg);border-radius:.5rem;outline:none;padding:.45rem .75rem;font-size:.85rem}.tax-select:focus,.tax-input:focus{border-color:var(--reorder-primary)}.tax-calculated-box{color:#0f172a;background:#f1f5f9;border-radius:.5rem;padding:.45rem .75rem;font-size:.875rem;font-weight:600}.reorder-bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,1fr);align-items:stretch;gap:1.75rem;margin-top:1.5rem;display:grid}@media (width<=992px){.reorder-bottom-grid{grid-template-columns:1fr}}.order-notes-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;flex-direction:column;display:flex;box-shadow:0 4px 16px #0000000a}.notes-textarea{border:1.5px solid var(--reorder-border);width:100%;color:var(--reorder-text);resize:vertical;box-sizing:border-box;border-radius:.75rem;outline:none;min-height:100px;padding:.75rem 1rem;font-family:inherit;font-size:.875rem}.notes-textarea:focus{border-color:var(--reorder-primary)}.reorder-summary-card,.summary-card{justify-content:space-between;box-sizing:border-box!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:1rem!important;flex-direction:column!important;gap:0!important;width:100%!important;padding:1.75rem!important;display:flex!important;box-shadow:0 4px 16px #0000000d!important}.summary-title{color:#0f172a;align-items:center;gap:.5rem;margin:0 0 1.25rem;font-size:1.15rem;font-weight:700;display:flex}.summary-line{color:#64748b;border-bottom:1px solid #f8fafc;padding:.65rem 0;font-size:.9375rem;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;display:flex!important}.summary-line.divider{margin-top:.75rem;padding-top:1rem;border-top:2px dashed #cbd5e1!important;border-bottom:none!important}.summary-grand-total{color:#4f46e5;font-size:1.35rem;font-weight:800}.reorder-actions-bar{gap:.85rem;width:100%;margin-top:1.75rem;flex-direction:row!important;display:flex!important}.btn-cancel-reorder{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:.75rem;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-cancel-reorder:hover{color:#1e293b;background:#f1f5f9;border-color:#94a3b8}.btn-save-reorder{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:.75rem;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e547}.btn-save-reorder:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e561}.btn-save-reorder:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.reorder-spinner{animation:.8s linear infinite spin}.empty-table-placeholder{text-align:center;color:var(--reorder-muted);padding:3rem 1.5rem}.empty-table-placeholder svg{opacity:.4;margin-bottom:.75rem}.empty-table-placeholder p{margin:0;font-size:.9375rem}.sb-page-container{color:#1e293b;flex-direction:column;gap:1.25rem;max-width:1400px;min-height:calc(100vh - 80px);margin:0 auto;padding:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.sb-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.75rem;display:flex;box-shadow:0 4px 16px #00000005}.sb-header-left{align-items:center;gap:1rem;display:flex}.sb-title-icon-wrap{color:#4f46e5;background:#e0e7ff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;box-shadow:0 2px 8px #4f46e526}.sb-header-titles h1{color:#0f172a;align-items:center;gap:.6rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.sb-store-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.sb-header-titles p{color:#64748b;margin:.2rem 0 0;font-size:.85rem}.sb-header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sb-btn-back{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:650;transition:all .2s;display:inline-flex}.sb-btn-back:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translate(-2px)}.sb-btn-refresh{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.15rem;font-size:.875rem;font-weight:650;transition:all .2s;display:inline-flex}.sb-btn-refresh:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.sb-stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.sb-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1.15rem 1.35rem;transition:transform .2s;display:flex;box-shadow:0 2px 10px #00000005}.sb-stat-card:hover{transform:translateY(-2px)}.sb-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;display:flex}.sb-stat-icon-wrap.indigo{color:#4338ca;background:#e0e7ff}.sb-stat-icon-wrap.green{color:#15803d;background:#dcfce7}.sb-stat-icon-wrap.amber{color:#b45309;background:#fef3c7}.sb-stat-icon-wrap.purple{color:#7e22ce;background:#f3e8ff}.sb-stat-info .label{text-transform:uppercase;color:#64748b;letter-spacing:.025em;margin:0;font-size:.78rem;font-weight:600}.sb-stat-info .value{color:#0f172a;margin:.2rem 0 0;font-size:1.35rem;font-weight:800}.sb-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.sb-search-wrap{flex:1;min-width:260px;max-width:480px;position:relative}.sb-search-icon{color:#94a3b8;font-size:.95rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sb-search-input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:.65rem 1rem .65rem 2.6rem;font-size:.875rem;transition:all .2s}.sb-search-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.sb-filter-group{align-items:center;gap:.75rem;display:flex}.sb-store-input-group{color:#475569;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.sb-store-input{color:#0f172a;text-align:center;border:1px solid #cbd5e1;border-radius:8px;width:70px;padding:.45rem .6rem;font-size:.85rem;font-weight:700}.sb-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow-x:auto;box-shadow:0 4px 16px #00000005}.sb-table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}.sb-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.15rem;font-size:.78rem;font-weight:700}.sb-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:1.1rem 1.15rem}.sb-table tbody tr{transition:background-color .15s}.sb-table tbody tr:hover{background-color:#f8fafc}.sb-inv-badge{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;padding:.3rem .65rem;font-family:monospace;font-size:.875rem;font-weight:800;display:inline-block}.sb-supplier-cell{flex-direction:column;gap:.2rem;display:flex}.sb-supp-name{color:#0f172a;font-weight:750}.sb-supp-gstin{color:#64748b;font-family:monospace;font-size:.75rem}.sb-items-pill{color:#334155;background:#f1f5f9;border-radius:20px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.78rem;font-weight:700;display:inline-flex}.sb-amount-val{color:#0f172a;font-size:.95rem;font-weight:800}.sb-status-badge{text-transform:capitalize;border-radius:20px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.78rem;font-weight:750;display:inline-flex}.sb-status-badge.issued{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.sb-status-badge.paid{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.sb-btn-view-format{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:8px;align-items:center;gap:.45rem;padding:.5rem .95rem;font-size:.8125rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #4f46e533}.sb-btn-view-format:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 4px 10px #4f46e54d}.sb-btn-quick-print{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.sb-btn-quick-print:hover{color:#0f172a;background:#f1f5f9}.sb-empty-state{text-align:center;color:#64748b;padding:3.5rem 1.5rem}.sb-empty-icon{color:#cbd5e1;margin-bottom:1rem;font-size:3rem}.sb-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.sb-modal-card{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) sbSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@keyframes sbSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.sb-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.sb-modal-header-left{align-items:center;gap:.85rem;display:flex}.sb-modal-icon-badge{color:#4338ca;background:#e0e7ff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.sb-modal-title h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.sb-modal-title p{color:#64748b;margin:.15rem 0 0;font-size:.8rem}.sb-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;font-size:1.25rem;transition:all .2s;display:flex}.sb-modal-close:hover{color:#0f172a;background:#e2e8f0}.sb-modal-body{background:#f1f5f9;padding:1.75rem;overflow-y:auto}.sb-bill-sheet{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:2.25rem;font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 16px #0000000a}.sb-doc-top{border-bottom:2px solid #4f46e5;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.sb-doc-badge-pill{color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#4f46e5;border-radius:4px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:800;display:inline-block}.sb-doc-main-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.75rem;font-weight:900}.sb-doc-inv-meta{color:#475569;margin:0;font-size:.95rem}.sb-doc-inv-meta strong{color:#4f46e5;font-family:monospace;font-size:1.05rem}.sb-doc-meta-table{text-align:right;border-collapse:collapse;font-size:.85rem}.sb-doc-meta-table td{padding:.25rem .5rem}.sb-doc-meta-table .meta-label{color:#64748b;font-weight:600}.sb-doc-meta-table .meta-val{color:#0f172a;font-weight:750}.sb-parties-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.sb-party-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.sb-party-box h4{text-transform:uppercase;color:#4f46e5;letter-spacing:.06em;align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.8rem;font-weight:800;display:flex}.sb-party-name{color:#0f172a;margin:0 0 .5rem;font-size:1.1rem;font-weight:800}.sb-party-detail{color:#475569;margin:.25rem 0;font-size:.825rem;line-height:1.5}.sb-party-detail strong{color:#1e293b}.sb-doc-table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-bottom:1.5rem;overflow:hidden}.sb-doc-table th{color:#334155;text-transform:uppercase;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:.75rem .9rem;font-size:.78rem;font-weight:750}.sb-doc-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:.85rem .9rem;font-size:.85rem}.sb-doc-table tbody tr:nth-child(2n){background:#fcfcfd}.sb-product-code{color:#64748b;margin-top:.2rem;font-family:monospace;font-size:.75rem}.sb-doc-footer-grid{grid-template-columns:1fr 340px;gap:1.5rem;margin-bottom:1.5rem;display:grid}.sb-terms-box{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.15rem;font-size:.8rem;line-height:1.6}.sb-terms-box h5{color:#1e293b;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:750}.sb-totals-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.15rem}.sb-calc-row{color:#475569;justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.875rem;display:flex}.sb-calc-divider{background:#cbd5e1;height:1px;margin:.5rem 0}.sb-grand-row{color:#0f172a;padding:.6rem 0 .2rem;font-size:1.15rem;font-weight:900}.sb-grand-row span:last-child{color:#4f46e5}.sb-amount-words{color:#64748b;text-align:right;margin-top:.4rem;font-size:.78rem;font-style:italic;font-weight:600}.sb-signatures-row{border-top:1px dashed #cbd5e1;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;display:flex}.sb-sign-block{text-align:center;width:200px}.sb-sign-line{background:#94a3b8;height:1px;margin-bottom:.5rem}.sb-sign-block p{color:#475569;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.sb-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.15rem 1.75rem;display:flex}.sb-btn-close{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:.65rem 1.25rem;font-size:.875rem;font-weight:700}.sb-btn-close:hover{color:#0f172a;background:#e2e8f0}.sb-btn-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:750;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.sb-btn-print:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px)}@media print{body *{visibility:hidden}.sb-bill-sheet,.sb-bill-sheet *{visibility:visible}.sb-bill-sheet{width:100%;box-shadow:none;border:none;margin:0;padding:.5in;position:absolute;top:0;left:0}.sb-modal-overlay{background:0 0;padding:0;position:static}.sb-modal-card{max-width:100%;box-shadow:none;border:none}.sb-modal-header,.sb-modal-footer,.nav-actions,.pl-header{display:none!important}}.mg-container{max-width:1100px;color:var(--text-main,#1e293b);flex-direction:column;gap:1.5rem;margin:0 auto;padding:2rem 1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.mg-anim{animation:.25s ease-out mgFadeIn}@keyframes mgFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mg-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mg-header-left{align-items:center;gap:1rem;display:flex}.mg-header-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #6366f14d}.mg-title{color:var(--text-primary,#0f172a);letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.5rem;font-weight:800}.mg-subtitle{color:var(--text-muted,#64748b);margin:0;font-size:.85rem}.mg-search-box{background:var(--bg-card,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:.5rem;min-width:240px;padding:.5rem 1rem;display:flex}.mg-search-icon{color:var(--text-muted,#94a3b8);flex-shrink:0}.mg-search-input{color:var(--text-main,#334155);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.875rem}.mg-search-input::placeholder{color:var(--text-muted,#94a3b8)}.mg-modules-grid{grid-template-columns:repeat(6,1fr);gap:1.25rem;display:grid}.mg-module-card{cursor:pointer;color:#fff;border-radius:18px;grid-column:span 2;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:130px;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px -5px #00000026}.mg-module-card:nth-child(4){grid-column:2/4}.mg-module-card:nth-child(5){grid-column:4/6}.mg-module-card:before{content:"";opacity:0;border-radius:inherit;background:#ffffff14;transition:opacity .2s;position:absolute;inset:0}.mg-module-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px -5px #0003}.mg-module-card:hover:before{opacity:1}.mg-module-card-inner{flex:1;align-items:flex-start;gap:.875rem;min-width:0;padding-top:.1rem;display:flex}.mg-module-icon-wrap{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.mg-module-text{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.mg-module-title{letter-spacing:-.01em;color:#fff;margin:0;font-size:1rem;font-weight:800}.mg-module-desc{color:#ffffffd9;margin:0;font-size:.77rem;line-height:1.55}.mg-module-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;width:fit-content;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.mg-module-arrow{color:#ffffffbf;flex-shrink:0;transition:transform .2s}.mg-module-card:hover .mg-module-arrow{transform:translate(4px)}.mg-back-bar{align-items:center;display:flex}.mg-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.82rem;font-weight:650;transition:all .18s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.mg-back-btn:hover{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.mg-hero{color:#fff;border-radius:18px;flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.75rem 2rem;display:flex;box-shadow:0 8px 25px -5px #00000026}.mg-hero-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.mg-hero-body{flex:1;min-width:0}.mg-hero-title{letter-spacing:-.02em;margin:0 0 .2rem;font-size:1.45rem;font-weight:850}.mg-hero-desc{color:#ffffffd9;margin:0;font-size:.85rem}.mg-hero-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:14px;gap:1.5rem;padding:1rem 1.5rem;display:flex}.mg-hero-stat{flex-direction:column;align-items:center;gap:.15rem;display:flex}.mg-hstat-num{color:#fff;font-size:1.6rem;font-weight:850;line-height:1}.mg-hstat-enabled{color:#86efac}.mg-hstat-disabled{color:#fca5a5}.mg-hstat-lbl{text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf;font-size:.62rem;font-weight:700}.mg-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.mg-section-title{color:#0f172a;margin:0;font-size:1rem;font-weight:750}.mg-forms-list{flex-direction:column;gap:.75rem;display:flex}.mg-form-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .18s;display:flex;box-shadow:0 1px 4px #00000008}.mg-form-item:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(4px);box-shadow:0 4px 12px #0000000f}.mg-form-icon-wrap{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mg-form-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.mg-form-name{color:#0f172a;font-size:.92rem;font-weight:700}.mg-form-desc{color:#64748b;font-size:.78rem}.mg-form-meta{flex-shrink:0;align-items:center;gap:1rem;display:flex}.mg-form-count{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .65rem;font-size:.75rem;font-weight:650;display:inline-flex}.mg-form-arrow{color:#94a3b8;transition:transform .2s}.mg-form-item:hover .mg-form-arrow{color:#6366f1;transform:translate(4px)}.mg-employees-list{flex-direction:column;gap:1rem;display:flex}.mg-emp-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 8px #0000000a}.mg-emp-card:hover{border-color:#cbd5e1;box-shadow:0 6px 18px #00000012}.mg-emp-card--disabled{opacity:.85;background:#f8fafc;border-color:#e2e8f0}.mg-emp-top{align-items:flex-start;gap:1rem;display:flex}.mg-emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.1rem;font-weight:800;display:flex}.mg-emp-info{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.mg-emp-name-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.mg-emp-name{color:#0f172a;font-size:1rem;font-weight:750}.mg-emp-id{color:#6d28d9;background:#ede9fe;border-radius:6px;padding:.1rem .45rem;font-size:.72rem;font-weight:700}.mg-emp-role{color:#64748b;font-size:.8rem}.mg-emp-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.1rem;font-size:.75rem;display:flex}.mg-emp-meta strong{color:#475569}.mg-emp-toggle-wrap{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.4rem;display:flex}.mg-emp-status-label{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.7rem;font-weight:750;display:inline-flex}.mg-label-enabled{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.mg-label-disabled{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.mg-toggle-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;align-items:center;padding:0;transition:opacity .2s,transform .18s;display:flex}.mg-toggle-btn--on{color:#22c55e}.mg-toggle-btn:hover:not(:disabled){transform:scale(1.08)}.mg-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.mg-emp-notes-section{border-top:1px solid #f1f5f9;flex-direction:column;gap:.65rem;padding-top:1rem;display:flex}.mg-emp-notes-header{align-items:center;gap:.4rem;display:flex}.mg-notes-icon{color:#6366f1}.mg-notes-title{color:#334155;font-size:.82rem;font-weight:700}.mg-notes-saved-badge{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;margin-left:.25rem;padding:.1rem .5rem;font-size:.65rem;font-weight:750}.mg-emp-notes-body{align-items:flex-end;gap:.75rem;display:flex}.mg-notes-textarea{color:#334155;resize:vertical;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;flex:1;min-height:70px;padding:.65rem .85rem;font-family:inherit;font-size:.82rem;line-height:1.55;transition:border-color .18s,background .18s}.mg-notes-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.mg-notes-textarea::placeholder{color:#94a3b8}.mg-notes-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #6366f140}.mg-notes-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px #6366f159}.mg-notes-save-btn:active{transform:translateY(1px)}.mg-notes-save-btn:disabled{opacity:.65;cursor:not-allowed}.mg-toggle-spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.65s linear infinite mgSpin;display:inline-block}@keyframes mgSpin{to{transform:rotate(360deg)}}.mg-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;display:flex}.mg-empty-icon{color:#cbd5e1}.mg-empty h3{color:#475569;margin:0;font-size:1rem;font-weight:700}.mg-empty p{margin:0;font-size:.85rem}@media (width<=900px){.mg-modules-grid{grid-template-columns:repeat(2,1fr)}.mg-module-card,.mg-module-card:nth-child(4),.mg-module-card:nth-child(5){grid-column:span 1}}@media (width<=640px){.mg-container{gap:1rem;padding:1rem}.mg-header{flex-direction:column;align-items:stretch}.mg-search-box{min-width:unset}.mg-modules-grid{grid-template-columns:1fr}.mg-module-card,.mg-module-card:nth-child(4),.mg-module-card:nth-child(5){grid-column:span 1}.mg-hero{flex-direction:column;align-items:flex-start;gap:1rem}.mg-hero-stats{justify-content:space-between;width:100%}.mg-toolbar{flex-direction:column;align-items:stretch}.mg-emp-top{flex-wrap:wrap}.mg-emp-toggle-wrap{flex-direction:row;align-items:center;gap:.75rem}.mg-emp-notes-body{flex-direction:column;align-items:stretch}.mg-notes-save-btn{justify-content:center;align-self:stretch}}.mg-loading-container{flex-direction:column;grid-column:span 6;justify-content:center;align-items:center;gap:1rem;width:100%;min-height:250px;display:flex}.mg-loader-spinner{border:3.5px solid #6366f126;border-top-color:#6366f1;border-radius:50%;width:38px;height:38px;animation:.75s linear infinite mgSpin}.mg-switch-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:.25rem;display:inline-flex}.mg-switch-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.mg-switch-btn:hover{color:#1e293b}.mg-switch-btn--active{color:#0f172a;background:#fff;box-shadow:0 2px 6px #0000000f}.mg-switch-btn--active:hover{color:#0f172a}.query-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.query-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #e2e8f0cc}.query-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.query-modal-header-left{align-items:center;gap:12px;display:flex}.query-modal-icon-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 10px #4f46e54d}.query-modal-title{color:#0f172a;margin:0;font-size:1.2rem;font-weight:700}.query-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:.82rem}.query-modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.query-modal-close-btn:hover{color:#0f172a;background:#e2e8f0}.query-modal-body{flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.query-form-group{flex-direction:column;gap:6px;display:flex;position:relative}.query-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.query-form-label{color:#334155;align-items:center;gap:6px;font-size:.85rem;font-weight:600;display:flex}.query-form-label .required{color:#ef4444}.query-form-label .optional-badge{color:#64748b;background:#f1f5f9;border-radius:6px;margin-left:4px;padding:1px 6px;font-size:.72rem;font-weight:500}.query-form-input,.query-form-select,.query-form-textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.query-form-input:focus,.query-form-select:focus,.query-form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.query-form-textarea{resize:vertical;min-height:90px;line-height:1.5}.query-form-input:disabled,.query-form-select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.query-field-3d-icon{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 4px #0000001a);flex-shrink:0;width:22px;height:22px}.query-field-3d-icon-sm{object-fit:contain;vertical-align:middle;filter:drop-shadow(0 1px 2px #00000014);flex-shrink:0;width:18px;height:18px}.query-custom-select-wrapper{width:100%;position:relative}.query-custom-select-trigger{cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:8px 12px;transition:all .2s;display:flex}.query-custom-select-trigger:hover{border-color:#94a3b8}.query-custom-select-trigger.active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.query-custom-select-trigger.disabled{cursor:not-allowed;opacity:.7;background:#f8fafc}.query-select-trigger-content{color:#1e293b;align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.query-select-placeholder{color:#94a3b8;font-size:.88rem;font-weight:400}.query-custom-dropdown-menu{z-index:1000;background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;animation:.15s ease-out dropdownPop;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 12px 28px #0000001f}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.query-dropdown-search-box{background:#f8fafc;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 10px;display:flex}.query-dropdown-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.85rem}.query-dropdown-options-list{flex-direction:column;gap:2px;max-height:180px;padding:4px;display:flex;overflow-y:auto}.query-dropdown-option-item{color:#334155;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:.88rem;transition:all .15s;display:flex}.query-dropdown-option-item:hover{color:#0f172a;background:#f1f5f9}.query-dropdown-option-item.selected{color:#4f46e5;background:#eef2ff;font-weight:600}.query-dropdown-empty{text-align:center;color:#94a3b8;padding:12px;font-size:.82rem}.query-datetime-container{align-items:center;display:flex;position:relative}.query-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.query-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .15s}.query-btn-cancel:hover{color:#0f172a;background:#f1f5f9}.query-btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.query-btn-submit:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.query-btn-submit:active{transform:translateY(0)}.query-create-trigger-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e540}.query-create-trigger-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e559}.query-reply-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.query-reply-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:680px;max-height:92vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #e2e8f0cc}.query-reply-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}.query-reply-header-left{align-items:center;gap:12px;display:flex}.query-reply-icon-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;box-shadow:0 4px 12px #4f46e54d}.query-reply-ticket-no{color:#1e293b;align-items:center;gap:10px;margin:0;font-size:1.25rem;font-weight:800;display:flex}.query-reply-category{color:#64748b;margin:3px 0 0;font-size:.84rem;font-weight:500}.query-reply-body{background:#fafbfc;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;overflow-y:auto}.query-original-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1.25rem;box-shadow:0 2px 8px #00000008}.query-original-meta{color:#64748b;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.82rem;display:flex}.query-original-desc{color:#1e293b;white-space:pre-wrap;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:12px 14px;font-size:.92rem;line-height:1.55}.query-replies-section-title{color:#334155;align-items:center;gap:8px;margin:.25rem 0 .5rem;font-size:.9rem;font-weight:700;display:flex}.query-replies-list{flex-direction:column;gap:1rem;display:flex}.query-reply-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.25rem;transition:all .2s;box-shadow:0 2px 6px #00000005}.query-reply-bubble.admin{border-left:4px solid #4f46e5}.query-reply-bubble-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.query-reply-author-info{align-items:center;gap:8px;display:flex}.query-reply-author-name{color:#0f172a;font-size:.88rem;font-weight:700}.query-reply-author-role{color:#4f46e5;background:#eef2ff;border-radius:6px;padding:2px 8px;font-size:.75rem;font-weight:600}.query-reply-time{color:#94a3b8;font-size:.78rem}.query-reply-message{color:#334155;white-space:pre-wrap;font-size:.9rem;line-height:1.5}.query-reply-status-pill{color:#475569;background:#f1f5f9;border-radius:6px;align-items:center;gap:5px;margin-top:6px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.query-replies-empty{text-align:center;color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:2rem 1rem;font-size:.88rem}.query-reply-compose-box{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.query-reply-compose-row{align-items:center;gap:.75rem;display:flex}.query-reply-textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;min-height:70px;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:all .2s}.query-reply-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.query-reply-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:.85rem}.query-reply-send-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 20px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #4f46e540}.query-reply-send-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#3730a3 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.query-reply-send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.adb-container{max-width:1000px;margin:0 auto;padding:12px 4px}.adb-header{margin-bottom:36px;animation:.3s ease-out adbFadeIn}.adb-title{color:#0f172a;font-family:Syne,sans-serif;font-size:1.8rem;font-weight:800;line-height:1.2}.adb-subtitle{color:#64748b;margin-top:6px;font-size:.95rem}.adb-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.adb-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px 24px;transition:all .25s cubic-bezier(.4,0,.2,1);animation:.35s cubic-bezier(.16,1,.3,1) both adbSlideUp;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003}.adb-card:first-child{animation-delay:50ms}.adb-card:nth-child(2){animation-delay:.1s}.adb-card:nth-child(3){animation-delay:.15s}.adb-card:hover{border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px -8px #00000014}.adb-card-glow{filter:blur(40px);opacity:.12;pointer-events:none;border-radius:50%;width:140px;height:140px;transition:opacity .25s;position:absolute;top:-60px;right:-60px}.adb-card--employee .adb-card-glow{background:#6366f1}.adb-card--role .adb-card-glow{background:#ec4899}.adb-card--team .adb-card-glow{background:#10b981}.adb-card:hover .adb-card-glow{opacity:.18}.adb-card-content{align-items:center;gap:20px;display:flex}.adb-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s;display:flex}.adb-card:hover .adb-icon-wrapper{transform:scale(1.05)}.adb-card--employee .adb-icon-wrapper{color:#6366f1;background:#6366f114}.adb-card--role .adb-icon-wrapper{color:#ec4899;background:#ec489914}.adb-card--team .adb-icon-wrapper{color:#10b981;background:#10b98114}.adb-stat-info{flex-direction:column;display:flex}.adb-stat-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:.85rem;font-weight:600}.adb-stat-value{color:#0f172a;margin-top:4px;font-family:Syne,sans-serif;font-size:2.2rem;font-weight:800;line-height:1}@keyframes adbFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adbSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.adb-grid{grid-template-columns:1fr}}:root{--white:#fff;--bg:#f7f8fa;--surface:#fff;--border:#e8eaed;--border-strong:#d1d5db;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#1a1a2e;--accent-hover:#2d2d4a;--accent-soft:#f0f0f8;--red:#dc2626;--red-bg:#fef2f2;--red-border:#fecaca;--blue-bg:#eff6ff;--blue-border:#bfdbfe;--blue-text:#1d4ed8;--green-bg:#f0fdf4;--green-border:#bbf7d0;--green-text:#166534;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014;--radius:12px;--radius-sm:8px;--radius-xs:6px}.employee-page-container{flex-direction:column;gap:24px;max-width:1340px;margin:0 auto;padding:32px 24px 60px;display:flex}.employee-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-header-content{align-items:center;gap:16px;display:flex}.employee-icon-badge{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:1.5px solid #bfdbfe;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 14px #2563eb1f}.employee-3d-icon{object-fit:contain;filter:drop-shadow(0 4px 8px #1e3a8a33);width:40px;height:40px}.employee-header-text{flex-direction:column;display:flex}.employee-title{color:var(--text-primary);letter-spacing:-.5px;margin:0;font-family:DM Sans,sans-serif;font-size:26px;font-weight:800}.employee-subtitle{color:var(--text-muted);margin-top:2px;font-size:13.5px}.employee-header-add-btn{color:#fff;cursor:pointer;letter-spacing:.1px;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:9px;padding:10px 22px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #0f172a2e,inset 0 1px #ffffff26}.employee-header-add-btn:hover{background:linear-gradient(135deg,#334155 0%,#1e293b 100%);transform:translateY(-2px);box-shadow:0 8px 22px #0f172a42}.employee-header-add-btn:active{transform:translateY(0)}.employee-title-group{align-items:center;gap:12px;display:flex}.employee-small-icon-wrap{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.employee-dir-mini-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001f);width:26px;height:26px}.employee-list-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);width:100%;overflow:hidden}.employee-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.employee-form-card{flex-direction:column;gap:20px;padding:24px 22px;display:flex}.employee-form-group{flex-direction:column;gap:6px;display:flex}.employee-form-label{color:var(--text-secondary);letter-spacing:.1px;font-size:12.5px;font-weight:600}.employee-required{color:var(--red);margin-left:2px}.employee-form-input,.employee-form-select{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--white);outline:none;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.employee-form-input::placeholder{color:var(--text-muted)}.employee-form-input:focus,.employee-form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a1a2e12}.employee-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.employee-btn-primary{background:var(--accent);color:var(--white);border:1.5px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s}.employee-btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.employee-btn-secondary{background:var(--white);color:var(--text-secondary);border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s}.employee-btn-secondary:hover{background:var(--bg);color:var(--text-primary)}.employee-list-card{flex-direction:column;display:flex}.employee-list-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.employee-search-wrapper{position:relative}.employee-search-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--bg);outline:none;width:220px;padding:7px 12px 7px 32px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:border-color .14s,box-shadow .14s,background .14s}.employee-search-input::placeholder{color:var(--text-muted)}.employee-search-input:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px #1a1a2e12}.employee-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.employee-list-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.employee-primary-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #2563eb47}.employee-primary-add-btn:hover{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);transform:translateY(-1.5px);box-shadow:0 4px 14px #2563eb61}.employee-primary-add-btn:active{transform:translateY(0)}.employee-empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;font-size:14px;display:flex}.employee-card-subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.employee-list-scroll{max-height:820px;padding:20px 24px 32px;overflow-y:auto}.employee-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}@media (width<=1080px){.employee-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.employee-cards-grid{grid-template-columns:1fr}}.portrait-employee-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #f3f4f6;border-radius:30px;flex-direction:column;padding:10px 10px 16px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s;display:flex;position:relative;box-shadow:0 10px 28px #0000000d,0 2px 6px #00000005}.portrait-employee-card:hover{border-color:#e5e7eb;transform:translateY(-5px);box-shadow:0 18px 36px -8px #0000001a,0 4px 12px #00000008}.pec-photo-wrapper{background:#f1f5f9;border-radius:24px;width:100%;height:270px;position:relative;overflow:hidden}.pec-photo-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .4s cubic-bezier(.16,1,.3,1);display:block}.portrait-employee-card:hover .pec-photo-img{transform:scale(1.04)}.pec-photo-fallback{color:#475569;letter-spacing:1px;background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;font-weight:800;display:flex}.pec-floating-top{z-index:3;justify-content:flex-end;align-items:center;display:flex;position:absolute;top:12px;left:12px;right:12px}.pec-badge-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;letter-spacing:.2px;background:#ffffffe6;border:1px solid #fffc;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #00000014}.pec-badge-biz{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#0f172ab8;border-radius:99px;padding:3px 8px;font-size:10.5px;font-weight:600;box-shadow:0 2px 6px #0000001a}.pec-glass-actions{align-items:center;gap:5px;display:flex}.pec-glass-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#475569;cursor:pointer;background:#ffffffe0;border:1px solid #fffffff2;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .16s;display:flex;box-shadow:0 2px 6px #00000014}.pec-glass-btn:hover{transform:scale(1.12)}.pec-glass-btn--perm:hover{color:#4f46e5;background:#fff;box-shadow:0 4px 10px #4f46e540}.pec-glass-btn--edit:hover{color:#0284c7;background:#fff;box-shadow:0 4px 10px #0284c740}.pec-glass-btn--del:hover{color:#ef4444;background:#fff;box-shadow:0 4px 10px #ef444440}.pec-content{flex-direction:column;gap:3px;padding:14px 8px 4px;display:flex}.pec-name-row{align-items:center;gap:7px;display:flex}.pec-name{color:#111827;letter-spacing:-.02em;margin:0;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1.25rem;font-weight:700}.pec-verified-badge{filter:drop-shadow(0 1px 2px #16a34a40);flex-shrink:0;display:inline-block}.pec-role{color:#64748b;margin:0;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;line-height:1.4}.pec-meta-row{flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;display:flex}.pec-chip-id{color:#1e293b;letter-spacing:.2px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:2.5px 7px;font-size:11px;font-weight:700;display:inline-flex}.pec-chip-id-label{color:#64748b;letter-spacing:.3px;font-size:9.5px;font-weight:600}.pec-chip-id-code{color:#0f172a}.pec-chip-biz{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:2.5px 7px;font-size:11px;font-weight:600;display:inline-flex}.pec-chip-biz-icon{color:#4f46e5;flex-shrink:0}.pec-chip-biz-text{white-space:nowrap;text-overflow:ellipsis;max-width:140px;overflow:hidden}.employee-badge-id{background:var(--accent-soft);color:var(--accent);border:1px solid #1a1a2e1f;border-radius:4px;align-items:center;padding:2px 7px;font-family:monospace;font-size:11px;font-weight:600;display:inline-flex}.employee-badge-role{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-border);white-space:nowrap;border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.employee-pass-container{align-items:center;gap:6px;display:flex}.employee-password-text{letter-spacing:.5px;color:#334155;font-family:monospace;font-size:12px}.employee-pass-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .1s,background .1s;display:inline-flex}.employee-pass-toggle:hover{color:var(--text-secondary);background:var(--bg)}.employee-actions{justify-content:center;gap:8px;display:flex}.employee-action-btn{border-radius:var(--radius-xs);border:1.5px solid var(--border);background:var(--white);cursor:pointer;width:30px;height:30px;color:var(--text-muted);justify-content:center;align-items:center;transition:background .13s,border-color .13s,color .13s;display:flex}.employee-action-btn--edit:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.employee-action-btn--delete:hover{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.employee-empty-state{text-align:center;color:var(--text-muted);padding:48px 20px;font-size:13.5px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px}.custom-select-trigger{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;justify-content:space-between;align-items:center;height:42px;padding:9px 12px;transition:border-color .15s,box-shadow .15s;display:flex;box-sizing:border-box!important;width:100%!important}.custom-select-trigger:hover{border-color:var(--accent);box-shadow:0 1px 4px #0000000d}.custom-select-trigger.active{border-color:var(--accent);box-shadow:0 0 0 3px #1a1a2e12}.custom-select-trigger span{color:var(--text-primary);font-size:13.5px;font-weight:500}.custom-select-trigger .placeholder{color:var(--text-muted)}.custom-select-trigger .chevron{color:var(--text-muted);transition:transform .2s}.custom-select-trigger .chevron.open{transform:rotate(180deg)}.custom-dropdown-menu{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-md);animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;z-index:1000!important}.dropdown-search-wrapper{background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.dropdown-search-wrapper input{color:var(--text-primary);flex:1;font-weight:500;background:0 0!important;border:none!important;outline:none!important;padding:4px 0!important;font-size:12.5px!important}.dropdown-list{max-height:200px;padding:4px;overflow-y:auto}.dropdown-item{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;text-align:left;padding:8px 12px;font-size:12.5px;transition:all .15s}.dropdown-item:hover{background:var(--accent-soft);color:var(--accent);padding-left:16px}.dropdown-item.selected{background:var(--accent);color:var(--white);font-weight:600}.dropdown-item.option-placeholder{color:var(--text-muted);border-bottom:1px solid var(--border);border-radius:0;margin-bottom:4px}.dropdown-item.highlighted{background:var(--accent-soft);color:var(--accent);padding-left:16px}.dropdown-empty{color:var(--text-muted);text-align:center;padding:12px 14px;font-size:.84rem;font-style:italic}.custom-add-entry{border-radius:var(--radius-xs);cursor:pointer;background:#f0fdf4;border:1px dashed #86efac;align-items:center;gap:6px;margin:4px 0 2px;padding:9px 12px;font-weight:600;transition:all .15s;display:flex;color:#15803d!important}.custom-add-entry:hover{border-color:#4ade80;color:#166534!important;background:#dcfce7!important}.employee-input-with-action{align-items:center;width:100%;display:flex;position:relative}.employee-input-with-action .employee-form-input{padding-right:88px}.employee-input-icon-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.employee-input-icon-btn:hover{color:var(--text-primary);background:var(--bg)}.employee-quick-generate-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.employee-quick-generate-btn:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.employee-label-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.employee-badge-auto{color:#15803d;letter-spacing:.2px;background:#dcfce7;border:1px solid #bbf7d0;border-radius:9999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.employee-field-hint{color:var(--text-muted);margin-top:3px;font-size:11.5px;display:block}.employee-input-highlight{letter-spacing:.3px;font-weight:600;color:#1e3a8a!important;background:#f8faff!important}.spin-on-hover{transition:transform .35s}.employee-quick-generate-btn:hover .spin-on-hover{transform:rotate(180deg)}.employee-photo-upload-group{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:flex}.employee-photo-upload-group:hover{background:#f1f5f9;border-color:#94a3b8}.employee-avatar-upload-preview{cursor:pointer;background:#e2e8f0;border:2.5px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .2s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 12px #00000014}.employee-avatar-upload-preview:hover{transform:scale(1.04)}.employee-avatar-preview-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.employee-avatar-upload-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:2px;font-size:10px;font-weight:600;display:flex}.employee-avatar-upload-badge{color:#fff;background:#2563eb;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;bottom:0;right:-2px;box-shadow:0 2px 6px #2563eb59}.employee-photo-info{flex-direction:column;flex:1;gap:4px;display:flex}.employee-photo-title{color:var(--text-primary);font-size:13px;font-weight:600}.employee-photo-subtitle{color:var(--text-muted);font-size:11.5px;line-height:1.35}.employee-photo-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.employee-photo-btn{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.employee-photo-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}.employee-photo-remove-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.employee-photo-remove-btn:hover{background:#fee2e2;border-color:#fca5a5}.custom-dropdown-container{position:relative!important}.epm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s cubic-bezier(.16,1,.3,1) fadeIn;display:flex;position:fixed;inset:0}.epm-modal-container{background:var(--white);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);flex-direction:column;width:90%;max-width:650px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;overflow:hidden}.epm-modal-header{border-bottom:1.5px solid var(--border);background:#fcfdfe;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.epm-modal-title{color:var(--text-primary);margin:0;font-family:DM Sans,sans-serif;font-size:18px;font-weight:600}.epm-modal-subtitle{color:var(--text-secondary);margin-top:4px;font-size:12px}.epm-modal-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:flex}.epm-modal-close-btn:hover{background:var(--bg);color:var(--text-primary)}.epm-modal-body{max-height:400px;padding:24px;overflow-y:auto}.epm-table{border-collapse:collapse;width:100%}.epm-table th{text-align:left;border-bottom:1.5px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;padding:10px 12px;font-size:11px}.epm-table td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:12px;font-size:13px}.epm-checkbox-label{cursor:pointer;border:1.5px solid var(--border-strong);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:inline-flex}.epm-checkbox-label:hover{border-color:var(--accent)}.epm-checkbox-label.checked{background:var(--accent);border-color:var(--accent);color:var(--white)}.epm-checkbox-label input{display:none}.epm-modal-footer{border-top:1.5px solid var(--border);background:#fcfdfe;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.employee-role-dropdown-container{width:100%;position:relative}.employee-role-trigger{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);width:100%;color:var(--text-primary);cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:all .15s;display:flex}.employee-role-trigger:hover{border-color:#94a3b8}.employee-role-trigger.open,.employee-role-trigger:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #1a1a2e14}.employee-role-trigger.placeholder .employee-role-text{color:var(--text-muted);font-weight:400}.employee-role-trigger-content{align-items:center;gap:8px;display:flex;overflow:hidden}.employee-role-icon{color:#6366f1;flex-shrink:0}.employee-role-text{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.employee-role-arrow{color:#64748b;flex-shrink:0;transition:transform .2s}.employee-role-arrow.rotate{transform:rotate(180deg)}.employee-role-menu{z-index:1050;background:#fff;border:1px solid #e2e8f0;border-radius:10px;animation:.15s ease-out roleDropdownFade;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #00000024,0 8px 10px -6px #00000014}@keyframes roleDropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.employee-role-search-wrap{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;padding:8px 10px;display:flex;position:relative}.employee-role-search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:18px}.employee-role-search-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:6px 28px 6px 30px;font-family:inherit;font-size:12.5px;transition:border-color .15s,box-shadow .15s}.employee-role-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.employee-role-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex;position:absolute;right:18px}.employee-role-search-clear:hover{color:#0f172a;background:#e2e8f0}.employee-role-list{max-height:190px;padding:4px;overflow-y:auto}.employee-role-item{cursor:pointer;color:#1e293b;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13px;transition:all .12s;display:flex}.employee-role-item:hover{background:#f1f5f9}.employee-role-item.selected{color:#4f46e5;background:#eef2ff;font-weight:600}.employee-role-item-info{flex:1;align-items:center;gap:8px;display:flex;overflow:hidden}.employee-role-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.employee-role-item-dept{color:#475569;background:#e2e8f0;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:500}.employee-role-item.selected .employee-role-item-dept{color:#3730a3;background:#c7d2fe}.employee-role-item-check{color:#4f46e5;flex-shrink:0}.employee-role-empty{text-align:center;color:#94a3b8;padding:16px;font-size:12.5px}.eam-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;box-sizing:border-box;background:#0f172a8c;justify-content:center;align-items:center;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) eamFadeIn;display:flex;position:fixed;inset:0}.eam-modal-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;animation:.28s cubic-bezier(.34,1.56,.64,1) eamScaleUp;display:flex;overflow:hidden;box-shadow:0 20px 45px -10px #0f172a38}.eam-modal-header{background:linear-gradient(#f8fafc 0%,#fff 100%);border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:20px 26px;display:flex}.eam-header-left{align-items:center;gap:16px;display:flex}.eam-avatar-circle{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.25rem;font-weight:800;display:flex;position:relative;box-shadow:0 4px 14px #4f46e54d}.eam-status-dot{border:2.5px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-2px;right:-2px}.eam-status-dot--active{background:#10b981;box-shadow:0 0 0 2px #10b98133}.eam-status-dot--on-break{background:#f59e0b}.eam-status-dot--offline{background:#94a3b8}.eam-profile-meta{flex-direction:column;gap:4px;display:flex}.eam-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eam-employee-name{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1.25rem;font-weight:800}.eam-badge-empid{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-family:monospace;font-size:.78rem;font-weight:700}.eam-badge-role{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;padding:3px 9px;font-size:.76rem;font-weight:700}.eam-submeta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:14px;font-size:.8rem;display:flex}.eam-header-right{align-items:center;gap:12px;display:flex}.eam-status-selector{align-items:center;gap:6px;display:flex}.eam-status-label{color:#64748b;font-size:.78rem;font-weight:600}.eam-status-dropdown{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s}.eam-status-dropdown--active{color:#166534;background:#f0fdf4;border-color:#86efac}.eam-status-dropdown--on-break{color:#92400e;background:#fffbeb;border-color:#fde68a}.eam-status-dropdown--offline{color:#475569;background:#f8fafc;border-color:#cbd5e1}.eam-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.eam-close-btn:hover{color:#b91c1c;background:#fee2e2;border-color:#fca5a5}.eam-kpi-grid{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 26px;display:grid}@media (width<=768px){.eam-kpi-grid{grid-template-columns:repeat(2,1fr)}}.eam-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;box-shadow:0 1px 3px #00000005}.eam-kpi-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.eam-kpi-info{flex-direction:column;display:flex}.eam-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.eam-kpi-val{color:#1e293b;font-size:1.05rem;font-weight:800;line-height:1.2}.eam-kpi-sub{color:#94a3b8;margin-top:1px;font-size:.7rem}.eam-tabs-bar{background:#fff;border-bottom:1px solid #e2e8f0;gap:8px;padding:0 26px;display:flex}.eam-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;align-items:center;gap:8px;padding:12px 16px;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.eam-tab-btn:hover{color:#1e293b}.eam-tab-btn.active{color:#4f46e5;border-bottom-color:#4f46e5}.eam-modal-body{background:#fff;max-height:480px;padding:24px 26px;overflow-y:auto}.eam-grid-2col{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:16px;display:grid}@media (width<=768px){.eam-grid-2col{grid-template-columns:1fr}}.eam-detail-section{background:#fcfdfe;border:1px solid #e2e8f0;border-radius:14px;padding:16px 18px}.eam-section-title{color:#1e293b;align-items:center;gap:8px;margin:0 0 14px;font-size:.95rem;font-weight:700;display:flex}.eam-info-list{flex-direction:column;gap:10px;display:flex}.eam-info-item{border-bottom:1px dashed #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:8px;font-size:.83rem;display:flex}.eam-info-item:last-child{border-bottom:none;padding-bottom:0}.eam-info-label{color:#64748b;font-weight:500}.eam-info-val{color:#1e293b;font-weight:600}.eam-badge-success{color:#15803d;background:#dcfce7;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.76rem;font-weight:700;display:inline-flex}.eam-progress-bar-bg{background:#e2e8f0;border-radius:99px;width:90px;height:7px;overflow:hidden}.eam-progress-bar-fill{background:linear-gradient(90deg,#4f46e5,#10b981);border-radius:99px;height:100%}.eam-work-banner{background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);border:1px solid #bbf7d0;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.eam-wb-left{align-items:center;gap:12px;display:flex}.eam-wb-pulse{background:#10b981;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1.8s infinite eamPulse;box-shadow:0 0 #10b981b3}@keyframes eamPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 10px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.eam-wb-title{color:#14532d;margin:0 0 2px;font-size:.9rem;font-weight:700}.eam-wb-desc{color:#166534;margin:0;font-size:.78rem}.eam-refresh-btn{color:#15803d;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #86efac;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.eam-refresh-btn:hover{background:#dcfce7}.eam-timeline{flex-direction:column;padding-left:20px;display:flex;position:relative}.eam-timeline:before{content:"";background:#e2e8f0;width:2px;position:absolute;top:8px;bottom:8px;left:85px}.eam-timeline-item{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex;position:relative}.eam-tl-time{color:#64748b;text-align:right;flex-shrink:0;width:65px;padding-top:2px;font-size:.78rem;font-weight:700}.eam-tl-bullet{z-index:1;background:#fff;border:3px solid #4f46e5;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px}.eam-tl-bullet--success{border-color:#10b981}.eam-tl-bullet--warning{border-color:#f59e0b}.eam-tl-bullet--info{border-color:#3b82f6}.eam-tl-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 14px}.eam-tl-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.eam-tl-action{color:#1e293b;font-size:.88rem;font-weight:700}.eam-tl-cat-badge{border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:700}.eam-tl-cat--billing{color:#15803d;background:#dcfce7}.eam-tl-cat--query{color:#b45309;background:#fef3c7}.eam-tl-cat--login{color:#4338ca;background:#e0e7ff}.eam-tl-cat--security{color:#b91c1c;background:#fee2e2}.eam-tl-cat--navigation{color:#475569;background:#f1f5f9}.eam-tl-details{color:#475569;margin:0 0 6px;font-size:.82rem}.eam-tl-ip{color:#94a3b8;align-items:center;gap:4px;font-family:monospace;font-size:.72rem;display:inline-flex}.eam-query-list{grid-template-columns:1fr;gap:12px;display:grid}.eam-query-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px}.eam-qc-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.eam-qc-ticket{color:#4f46e5;font-size:.88rem;font-weight:800}.eam-qc-status{border-radius:6px;padding:3px 8px;font-size:.74rem;font-weight:700}.eam-qc-status--open{color:#b91c1c;background:#fee2e2}.eam-qc-status--under-review,.eam-qc-status--in-progress{color:#b45309;background:#fef3c7}.eam-qc-status--resolved{color:#15803d;background:#dcfce7}.eam-qc-status--closed{color:#475569;background:#f1f5f9}.eam-qc-title{color:#1e293b;margin:0 0 4px;font-size:.92rem;font-weight:700}.eam-qc-desc{color:#475569;margin:0 0 10px;font-size:.82rem}.eam-qc-meta{color:#94a3b8;border-top:1px solid #e2e8f0;justify-content:space-between;padding-top:8px;font-size:.75rem;display:flex}.eam-perms-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.eam-perm-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px}.eam-perm-card.has-access{background:#faf5ff;border-color:#c7d2fe}.eam-perm-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.eam-perm-name{color:#1e293b;font-size:.88rem;font-weight:700}.eam-perm-status-badge{border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:700}.eam-perm-status-badge.granted{color:#15803d;background:#dcfce7}.eam-perm-status-badge.denied{color:#94a3b8;background:#f1f5f9}.eam-perm-badges-row{gap:6px;display:flex}.eam-p-pill{color:#94a3b8;background:#f1f5f9;border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}.eam-p-pill.active{color:#fff;background:#4f46e5}.eam-empty-tab{text-align:center;color:#64748b;flex-direction:column;align-items:center;gap:8px;padding:3rem 1rem;display:flex}.eam-empty-tab h4{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.eam-empty-tab p{max-width:400px;margin:0;font-size:.85rem}.eam-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.eam-footer-audit-note{color:#10b981;font-size:.78rem;font-weight:600}.eam-footer-right{gap:10px;display:flex}.eam-btn-outline{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:.83rem;font-weight:600;transition:all .15s;display:inline-flex}.eam-btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.eam-btn-primary{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:9px;padding:8px 18px;font-size:.83rem;font-weight:600;transition:all .15s}.eam-btn-primary:hover{background:#0f172a}@keyframes eamFadeIn{0%{opacity:0}to{opacity:1}}@keyframes eamScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}:root{--eap-bg:#f8fafc;--eap-surface:#fff;--eap-border:#e2e8f0;--eap-border-subtle:#f1f5f9;--eap-border-focus:#6366f1;--eap-text-main:#0f172a;--eap-text-muted:#64748b;--eap-text-subtle:#94a3b8;--eap-primary:#4f46e5;--eap-primary-hover:#4338ca;--eap-primary-light:#eef2ff;--eap-primary-border:#c7d2fe;--eap-green:#16a34a;--eap-green-bg:#f0fdf4;--eap-green-border:#bbf7d0;--eap-amber:#d97706;--eap-amber-bg:#fffbeb;--eap-red:#ef4444;--eap-red-bg:#fef2f2;--eap-shadow-xs:0 1px 2px #0000000a;--eap-shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--eap-shadow-md:0 4px 14px #0000000f, 0 2px 4px #00000005;--eap-shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #00000005}.eap-root{background:var(--eap-bg);min-height:100vh;color:var(--eap-text-main);flex-direction:column;padding:24px 32px 48px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.eap-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.eap-header-title-box{flex-direction:column;gap:4px;display:flex}.eap-title-badge{background:var(--eap-primary-light);color:var(--eap-primary);border:1px solid var(--eap-primary-border);letter-spacing:.3px;text-transform:uppercase;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.eap-badge-icon{color:var(--eap-primary)}.eap-title{letter-spacing:-.03em;color:var(--eap-text-main);margin:4px 0 2px;font-size:1.85rem;font-weight:800}.eap-subtitle{color:var(--eap-text-muted);margin:0;font-size:.95rem;font-weight:400}.eap-header-actions{align-items:center;gap:12px;display:flex}.eap-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .18s;display:inline-flex}.eap-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.eap-btn--save{background:var(--eap-primary);color:#fff;box-shadow:0 2px 8px #4f46e547}.eap-btn--save:hover:not(:disabled){background:var(--eap-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #4f46e559}.eap-btn--reset,.eap-btn--outline{color:var(--eap-text-muted);border-color:var(--eap-border);box-shadow:var(--eap-shadow-xs);background:#fff}.eap-btn--reset:hover,.eap-btn--outline:hover{color:var(--eap-text-main);border-color:var(--eap-border-strong,#cbd5e1);background:#f8fafc}.eap-btn--add-priv{background:var(--eap-primary-light);height:34px;color:var(--eap-primary);border:1px dashed var(--eap-primary-border);border-radius:8px;padding:0 13px;font-size:.82rem}.eap-btn--add-priv:hover{border-color:var(--eap-primary);background:#e0e7ff}.eap-btn--full{width:100%}.eap-layout-grid{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}@media (width<=1080px){.eap-layout-grid{grid-template-columns:1fr}}.eap-main-column{flex-direction:column;gap:20px;display:flex}.eap-card{background:var(--eap-surface);border:1px solid var(--eap-border);box-shadow:var(--eap-shadow-sm);border-radius:16px;transition:border-color .2s,opacity .2s;position:relative;overflow:visible}.eap-card--disabled{opacity:.62;pointer-events:none}.eap-step-header{border-bottom:1px solid var(--eap-border-subtle);background:#fff;border-radius:16px 16px 0 0;align-items:center;gap:14px;padding:18px 24px;display:flex}.eap-step-num{background:var(--eap-primary-light);width:32px;height:32px;color:var(--eap-primary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:flex}.eap-step-info{flex:1}.eap-step-title-with-count{align-items:center;gap:10px;display:flex}.eap-step-title{color:var(--eap-text-main);margin:0;font-size:1.05rem;font-weight:700}.eap-step-desc{color:var(--eap-text-muted);margin:2px 0 0;font-size:.85rem}.eap-count-chip{background:var(--eap-primary);color:#fff;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.eap-pill-selected{background:var(--eap-green-bg);border:1px solid var(--eap-green-border);color:var(--eap-green);border-radius:99px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:flex}.eap-card-body{padding:20px 24px;position:relative}.eap-search-trigger{border:1.5px solid var(--eap-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;height:52px;padding:0 16px;transition:all .16s;display:flex}.eap-search-trigger:hover:not(.eap-search-trigger--disabled){background:#fbfcfe;border-color:#cbd5e1}.eap-search-trigger--active{border-color:var(--eap-primary);background:#fdfdff;box-shadow:0 0 0 3px #4f46e514}.eap-search-trigger--disabled{cursor:not-allowed;border-color:var(--eap-border);background:#f8fafc}.eap-trigger-label{flex:1;align-items:center;gap:10px;display:flex;overflow:hidden}.eap-placeholder{color:var(--eap-text-subtle);align-items:center;gap:8px;font-size:.92rem;display:flex}.eap-chevron{color:var(--eap-text-muted);flex-shrink:0;transition:transform .2s}.eap-chevron--open{color:var(--eap-primary);transform:rotate(180deg)}.eap-employee-chip-preview{align-items:center;gap:12px;display:flex}.eap-avatar-circle{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:700;display:flex}.eap-avatar-circle--sm{width:28px;height:28px;font-size:10.5px}.eap-emp-info{flex-direction:column;display:flex}.eap-emp-name{color:var(--eap-text-main);font-size:.95rem;font-weight:700;line-height:1.2}.eap-emp-sub{color:var(--eap-text-muted);font-size:.78rem}.eap-module-chip-preview{align-items:center;gap:10px;display:flex}.eap-mod-name{color:var(--eap-text-main);font-size:.95rem;font-weight:700}.eap-dropdown-panel{border:1px solid var(--eap-border);box-shadow:var(--eap-shadow-lg);z-index:50;background:#fff;border-radius:14px;animation:.16s ease-out eapFadeIn;position:absolute;top:calc(100% + 8px);left:24px;right:24px;overflow:hidden}@keyframes eapFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.eap-dropdown-search-box{border-bottom:1px solid var(--eap-border);background:#fafbfc;align-items:center;gap:8px;padding:10px 14px;display:flex}.eap-search-clear{color:var(--eap-text-subtle);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.eap-dropdown-list{max-height:240px;padding:6px;overflow-y:auto}.eap-dropdown-loading,.eap-dropdown-empty{color:var(--eap-text-muted);text-align:center;padding:18px 14px;font-size:.86rem}.eap-dropdown-item{cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;transition:background .14s;display:flex}.eap-dropdown-item:hover{background:#f1f5f9}.eap-dropdown-item--selected{background:var(--eap-primary-light)}.eap-item-content{flex:1;min-width:0}.eap-item-name-row{align-items:center;gap:8px;display:flex}.eap-item-name{color:var(--eap-text-main);font-size:.9rem;font-weight:700}.eap-item-id-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:1px 6px;font-size:10.5px;font-weight:700}.eap-item-meta{color:var(--eap-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.eap-item-biz{color:#6366f1}.eap-item-desc{color:var(--eap-text-muted);font-size:.78rem}.eap-check-icon,.eap-item-icon{color:var(--eap-primary);flex-shrink:0}.eap-inline-status{border-radius:8px;align-items:center;gap:8px;margin-top:10px;padding:6px 12px;font-size:.82rem;display:flex}.eap-inline-status--loading{color:var(--eap-text-muted);background:#f8fafc}.eap-inline-status--info{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.eap-quick-actions{align-items:center;gap:8px;display:flex}.eap-quick-btn{color:var(--eap-primary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:.82rem;font-weight:600}.eap-quick-btn:hover{text-decoration:underline}.eap-divider{color:#cbd5e1;font-size:.8rem}.eap-page-search-wrapper{align-items:center;margin-bottom:14px;display:flex;position:relative}.eap-page-search-input{border:1px solid var(--eap-border);width:100%;height:40px;color:var(--eap-text-main);background:#fafbfc;border-radius:10px;outline:none;padding:0 32px 0 34px;font-family:inherit;font-size:.88rem;transition:all .16s}.eap-page-search-input:focus{border-color:var(--eap-primary);background:#fff;box-shadow:0 0 0 3px #4f46e514}.eap-page-search-wrapper .eap-search-icon{position:absolute;left:12px}.eap-page-search-wrapper .eap-search-clear{position:absolute;right:10px}.eap-pages-checklist{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;display:grid}.eap-page-checkbox-item{border:1.5px solid var(--eap-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .16s;display:flex}.eap-page-checkbox-item:hover{background:#f8fafc;border-color:#cbd5e1}.eap-page-checkbox-item--checked{background:var(--eap-primary-light);border-color:var(--eap-primary-border)}.eap-checkbox-custom{flex-shrink:0;align-items:center;display:flex}.eap-cb-checked{color:var(--eap-primary)}.eap-cb-unchecked{color:var(--eap-text-subtle)}.eap-page-item-info{flex:1;min-width:0}.eap-page-item-title{color:var(--eap-text-main);font-size:.92rem;font-weight:700;line-height:1.25;display:block}.eap-page-item-sub{color:var(--eap-text-muted);font-size:.74rem}.eap-page-status-pill{color:var(--eap-green);background:var(--eap-green-bg);border:1px solid var(--eap-green-border);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.eap-pages-loading,.eap-card-empty-prompt{text-align:center;color:var(--eap-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:36px 20px;font-size:.9rem;display:flex}.eap-icon-faded{color:#cbd5e1}.eap-icon-amber{color:#f59e0b}.eap-icon-indigo{color:var(--eap-primary)}.eap-icon-muted{color:var(--eap-text-subtle)}.eap-privilege-cards-container{flex-direction:column;gap:16px;display:flex}.eap-page-privilege-card{border:1.5px solid var(--eap-border);box-shadow:var(--eap-shadow-xs);background:#fff;border-radius:14px;transition:border-color .16s;overflow:hidden}.eap-page-privilege-card:hover{border-color:#cbd5e1}.eap-ppc-header{border-bottom:1px solid var(--eap-border);background:#fafbfc;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.eap-ppc-title-box{align-items:center;gap:8px;display:flex}.eap-ppc-icon{color:var(--eap-primary)}.eap-ppc-title{color:var(--eap-text-main);margin:0;font-size:.95rem;font-weight:700}.eap-ppc-actions{align-items:center;gap:8px;display:flex}.eap-ppc-count{color:var(--eap-text-muted);background:#e2e8f0;border-radius:99px;padding:2px 7px;font-size:.78rem;font-weight:600}.eap-ppc-btn{color:var(--eap-primary);cursor:pointer;background:0 0;border:none;padding:1px 4px;font-size:.78rem;font-weight:600}.eap-ppc-btn:hover{text-decoration:underline}.eap-ppc-body{padding:16px 18px}.eap-privilege-pill-grid{flex-wrap:wrap;gap:10px;display:flex}.eap-priv-checkbox-label{border:1px solid var(--eap-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:99px;align-items:center;gap:8px;padding:7px 14px;transition:all .16s;display:inline-flex}.eap-priv-checkbox-label:hover{background:#f1f5f9;border-color:#cbd5e1}.eap-priv-checkbox-label--checked{background:var(--eap-primary-light);border-color:var(--eap-primary-border);color:var(--eap-primary);font-weight:700}.eap-hidden-checkbox{display:none}.eap-priv-check-box{color:#fff;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:all .14s;display:flex}.eap-priv-checkbox-label--checked .eap-priv-check-box{background:var(--eap-primary);border-color:var(--eap-primary)}.eap-priv-name{font-size:.85rem}.eap-warning-alert{color:var(--eap-red);background:var(--eap-red-bg);border-radius:6px;align-items:center;gap:6px;margin-top:12px;padding:6px 10px;font-size:.78rem;display:flex}.eap-summary-card{border:1.5px solid var(--eap-border);box-shadow:var(--eap-shadow-md);background:#fff;border-radius:16px;position:sticky;top:24px;overflow:hidden}.eap-summary-header{border-bottom:1px solid var(--eap-border);background:#fafbfc;align-items:center;gap:8px;padding:16px 20px;display:flex}.eap-summary-sparkle{color:var(--eap-primary)}.eap-summary-title{color:var(--eap-text-main);margin:0;font-size:1.05rem;font-weight:800}.eap-summary-body{flex-direction:column;gap:18px;padding:18px 20px;display:flex}.eap-summary-section{flex-direction:column;gap:6px;display:flex}.eap-summary-label{letter-spacing:.5px;color:var(--eap-text-subtle);text-transform:uppercase;font-size:10.5px;font-weight:800}.eap-summary-emp-box{border:1px solid var(--eap-border);background:#f8fafc;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.eap-summary-emp-name{color:var(--eap-text-main);font-size:.92rem;font-weight:700}.eap-summary-emp-id{color:var(--eap-text-muted);font-size:.76rem}.eap-summary-mod-box{background:var(--eap-primary-light);border:1px solid var(--eap-primary-border);color:var(--eap-primary);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:700;display:flex}.eap-summary-pages-head{justify-content:space-between;align-items:center;display:flex}.eap-summary-badge{color:#334155;background:#e2e8f0;border-radius:99px;padding:1px 7px;font-size:10px;font-weight:700}.eap-summary-faded{color:var(--eap-text-subtle);font-size:.84rem;font-style:italic}.eap-summary-pages-list{flex-direction:column;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.eap-summary-page-row{border:1px solid var(--eap-border);background:#fafbfc;border-radius:10px;padding:10px 12px}.eap-spr-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.eap-spr-name{color:var(--eap-text-main);font-size:.88rem;font-weight:700}.eap-spr-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.eap-spr-remove:hover{color:var(--eap-red)}.eap-spr-privs{flex-wrap:wrap;gap:5px;display:flex}.eap-spr-priv-chip{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.eap-spr-check{color:var(--eap-green)}.eap-spr-empty{color:var(--eap-red);font-size:.75rem;font-style:italic}.eap-summary-footer{border-top:1px solid var(--eap-border);background:#fff;flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.eap-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.eap-modal-container{border:1px solid var(--eap-border);background:#fff;border-radius:18px;width:100%;max-width:440px;animation:.2s cubic-bezier(.16,1,.3,1) eapModalPop;overflow:hidden;box-shadow:0 20px 40px #0000002e}@keyframes eapModalPop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.eap-modal-header{border-bottom:1px solid var(--eap-border);background:#fafbfc;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.eap-modal-title-box{align-items:center;gap:8px;display:flex}.eap-modal-icon{color:var(--eap-primary)}.eap-modal-title{color:var(--eap-text-main);margin:0;font-size:1.05rem;font-weight:700}.eap-modal-close{color:var(--eap-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.eap-modal-close:hover{color:var(--eap-text-main);background:#e2e8f0}.eap-modal-body{flex-direction:column;gap:16px;padding:20px;display:flex}.eap-form-group{flex-direction:column;gap:6px;display:flex}.eap-form-label{color:var(--eap-text-main);font-size:.85rem;font-weight:700}.eap-required{color:var(--eap-red)}.eap-optional{color:var(--eap-text-muted);font-size:.75rem;font-weight:400}.eap-form-input{border:1.5px solid var(--eap-border);height:42px;color:var(--eap-text-main);background:#fff;border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:.9rem;transition:all .16s}.eap-form-input:focus{border-color:var(--eap-primary);box-shadow:0 0 0 3px #4f46e514}.eap-input-hint{color:var(--eap-text-muted);font-size:.75rem}.eap-modal-footer{border-top:1px solid var(--eap-border);background:#fafbfc;justify-content:flex-end;align-items:center;gap:10px;padding:14px 20px;display:flex}.eap-spinner--sm{border-color:#4f46e533;border-top-color:var(--eap-primary);width:13px;height:13px}@keyframes eapSpin{to{transform:rotate(360deg)}}.eap-scope-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}@media (width<=768px){.eap-scope-grid{grid-template-columns:1fr}}.eap-scope-item{flex-direction:column;gap:6px;display:flex}.eap-scope-label{color:var(--eap-text-main);align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:flex}.eap-scope-select{border:1.5px solid var(--eap-border);height:44px;color:var(--eap-text-main);cursor:pointer;background:#fff;border-radius:10px;outline:none;padding:0 14px;font-family:inherit;font-size:.88rem;font-weight:500;transition:all .16s}.eap-scope-select:focus{border-color:var(--eap-primary);box-shadow:0 0 0 3px #4f46e514}.eap-scope-select:disabled{color:var(--eap-text-subtle);cursor:not-allowed;background:#f8fafc}.eap-summary-scope-chips{flex-direction:column;gap:5px;display:flex}.eap-scope-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:.8rem;font-weight:600;display:inline-flex}@media (width<=768px){.eap-root{padding:16px 16px 36px}.eap-header{flex-direction:column;align-items:stretch}.eap-header-actions{justify-content:flex-end}.eap-pages-checklist{grid-template-columns:1fr}.eap-privilege-pill-grid{gap:6px}.eap-priv-checkbox-label{padding:6px 10px;font-size:.8rem}}.eap-top-tabs{align-items:center;gap:8px;margin-top:14px;display:flex}.eap-top-tab-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.eap-top-tab-btn:hover{color:#334155;background:#f8fafc;border-color:#cbd5e1}.eap-top-tab-btn.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;box-shadow:0 1px 3px #4f46e51f}.eap-tab-badge{color:#fff;background:#6366f1;border-radius:99px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-top-tab-btn:not(.active) .eap-tab-badge{color:#475569;background:#e2e8f0}.eap-edit-banner{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:10px 16px;font-size:.88rem;font-weight:600;display:flex}.eap-edit-banner-info{align-items:center;gap:8px;display:flex}.eap-sparkle-icon{color:#d97706}.eap-btn--xs{color:#92400e;cursor:pointer;background:#fff;border:1px solid #fcd34d;border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:600}.eap-btn--xs:hover{background:#fef3c7}.eap-list-view-section{flex-direction:column;gap:16px;width:100%;display:flex}.eap-list-toolbar{box-shadow:var(--eap-shadow-xs);background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.eap-toolbar-left{flex-wrap:wrap;flex:1;align-items:center;gap:12px;display:flex}.eap-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:260px;max-width:380px;height:40px;padding:0 12px;transition:all .2s;display:flex}.eap-search-clear:hover{color:#475569}.eap-toolbar-right{align-items:center;gap:12px;display:flex}.eap-view-switcher{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9px;align-items:center;padding:3px;display:flex}.eap-view-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.eap-view-btn.active{color:#4f46e5;background:#fff;box-shadow:0 1px 3px #00000014}.eap-view-btn:hover:not(.active){color:#1e293b}.eap-table-wrap,.eap-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow:auto hidden;box-shadow:0 4px 18px -2px #0f172a0d,0 1px 3px #0f172a08}.eap-table th.eap-th-sno{text-align:center;width:70px;padding:14px 12px}.eap-table th.eap-th-emp{min-width:190px}.eap-table th.eap-th-scope{min-width:250px}.eap-table th.eap-th-module{min-width:130px}.eap-table th.eap-th-pages{min-width:260px}.eap-table th.eap-th-privs{min-width:150px}.eap-table th.eap-th-actions,.eap-table th.text-right{text-align:right;width:100px;padding-right:20px}.eap-table tbody tr{background-color:#fff;transition:all .15s}.eap-td-sno{text-align:center;padding:14px 12px!important}.eap-sno-pill,.eap-sno-badge{color:#64748b;letter-spacing:.02em;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:26px;padding:0 6px;font-size:.76rem;font-weight:700;transition:all .15s;display:inline-flex}.eap-table tbody tr:hover .eap-sno-pill,.eap-table tbody tr:hover .eap-sno-badge{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.eap-table-emp-cell,.eap-emp-cell{align-items:center;gap:12px;display:flex}.eap-avatar-circle,.eap-emp-avatar-cell{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-weight:800;display:flex;box-shadow:0 2px 6px #4f46e538}.eap-emp-info,.eap-emp-details-cell{flex-direction:column;gap:2px;display:flex}.eap-emp-name,.eap-emp-name-main{color:#0f172a;font-size:.9rem;font-weight:700;line-height:1.25}.eap-emp-sub,.eap-emp-sub-info{color:#64748b;font-size:.74rem;font-weight:500}.eap-table-scope-cell{flex-direction:column;gap:5px;display:flex}.eap-scope-row{color:#1e293b;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.eap-scope-biz-text{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.eap-scope-sub-row{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.eap-scope-tag{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;max-width:140px;padding:3px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.eap-scope-tag span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.eap-scope-tag--platform{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.eap-scope-tag--store{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.eap-scope-tag-icon{flex-shrink:0}.eap-mod-tag,.eap-chip-module{color:#7e22ce;white-space:nowrap;background:#faf5ff;border:1px solid #e9d5ff;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #7e22ce0d}.eap-mod-icon{color:#7e22ce;flex-shrink:0}.eap-table-pages-chips,.eap-pages-chips-cloud{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.eap-page-chip,.eap-page-tag{color:#334155;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.eap-page-chip:hover,.eap-page-tag:hover{color:#0f172a;background:#e2e8f0}.eap-page-chip-icon{color:#64748b;flex-shrink:0}.eap-page-chip--more{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;font-weight:700}.eap-page-chip--more:hover{background:#e0e7ff}.eap-privs-badges,.eap-privs-cell{align-items:center;gap:4px;display:inline-flex}.eap-priv-dot{color:#94a3b8;-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.72rem;font-weight:800;transition:all .15s;display:inline-flex}.eap-priv-dot.active{color:#059669;background:#ecfdf5;border-color:#a7f3d0;box-shadow:0 1px 2px #0596691f}.eap-priv-dot.active.c{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.eap-priv-dot.active.r{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.eap-priv-dot.active.u{color:#d97706;background:#fffbeb;border-color:#fde68a}.eap-priv-dot.active.d{color:#dc2626;background:#fef2f2;border-color:#fecaca}.eap-priv-dot.active.m{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.eap-table-actions,.eap-actions-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.eap-action-btn,.eap-row-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .18s;display:inline-flex}.eap-action-btn.edit,.eap-row-btn.edit{color:#4f46e5;background:#eef2ff;border-color:#e0e7ff}.eap-action-btn.edit:hover,.eap-row-btn.edit:hover{color:#fff;background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 3px 8px #4f46e547}.eap-action-btn.delete,.eap-row-btn.delete{color:#ef4444;background:#fef2f2;border-color:#fee2e2}.eap-action-btn.delete:hover:not(:disabled),.eap-row-btn.delete:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 3px 8px #ef444447}.eap-action-btn:disabled,.eap-row-btn:disabled{opacity:.5;cursor:not-allowed}.eap-row-deleting{opacity:.45;pointer-events:none;background:#fef2f2!important}.eap-grid-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;width:100%;display:grid}.eap-grid-card{box-shadow:var(--eap-shadow-xs);background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.eap-grid-card:hover{box-shadow:var(--eap-shadow-md);border-color:#cbd5e1;transform:translateY(-2px)}.eap-card-deleting{opacity:.5;pointer-events:none;background:#fef2f2}.eap-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eap-card-emp-head{align-items:center;gap:10px;display:flex}.eap-emp-avatar-card{color:#fff;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 2px 6px #4f46e540}.eap-card-emp-text{flex-direction:column;gap:2px;display:flex}.eap-card-emp-name{color:#0f172a;margin:0;font-size:.96rem;font-weight:700;line-height:1.2}.eap-card-emp-badges{align-items:center;gap:6px;display:flex}.eap-card-id-tag{color:#64748b;background:#f1f5f9;border-radius:4px;padding:1px 6px;font-size:.72rem;font-weight:600}.eap-card-role-tag{color:#4f46e5;text-transform:uppercase;font-size:.7rem;font-weight:700}.eap-card-status-pill{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:99px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-status-dot{background:#16a34a;border-radius:50%;width:6px;height:6px}.eap-card-scope-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:9px;grid-template-columns:1fr 1fr 1fr;gap:8px;padding:10px;display:grid}.eap-scope-item{flex-direction:column;gap:2px;display:flex;overflow:hidden}.eap-scope-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.68rem;font-weight:700}.eap-scope-value{color:#334155;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:.78rem;font-weight:600;display:flex;overflow:hidden}.eap-scope-icon{color:#64748b;flex-shrink:0}.eap-card-module-block{flex-direction:column;gap:8px;display:flex}.eap-card-mod-head{justify-content:space-between;align-items:center;display:flex}.eap-mod-tag{background:#faf5ff;border:1px solid #e9d5ff;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.eap-mod-icon{color:#7e22ce}.eap-mod-title{color:#6b21a8;font-size:.82rem;font-weight:700}.eap-pages-counter-badge{color:#4f46e5;background:#eef2ff;border-radius:99px;padding:2px 7px;font-size:.72rem;font-weight:600}.eap-card-pages-list{flex-wrap:wrap;gap:5px;display:flex}.eap-card-page-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:500;display:inline-flex}.eap-card-privs-block{flex-direction:column;gap:6px;display:flex}.eap-privs-head-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:700}.eap-card-actions{border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:auto;padding-top:10px;display:flex}.eap-card-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.eap-card-btn.edit{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.eap-card-btn.edit:hover{color:#fff;background:#4f46e5}.eap-card-btn.delete{color:#dc2626;background:#fef2f2;border-color:#fecaca;flex:none}.eap-card-btn.delete:hover{color:#fff;background:#dc2626}.eap-list-loading{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:60px 20px;font-size:.92rem;font-weight:500;display:flex}.eap-list-empty{text-align:center;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.eap-empty-icon-box{color:#4f46e5;background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.eap-empty-desc{color:#64748b;max-width:420px;margin:0;font-size:.88rem;line-height:1.5}.eap-selected-modules-wrap{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.eap-selected-mod-pill{border:1.5px solid var(--eap-border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border-radius:99px;align-items:center;gap:8px;padding:8px 14px;transition:all .16s;display:inline-flex}.eap-selected-mod-pill:hover{background:#f1f5f9;border-color:#cbd5e1}.eap-selected-mod-pill--active{background:var(--eap-primary-light);border-color:var(--eap-primary);box-shadow:0 0 0 2px #4f46e51f}.eap-mod-pill-name{color:var(--eap-text-main);font-size:.88rem;font-weight:700}.eap-mod-pill-count{color:#475569;background:#e2e8f0;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:700}.eap-selected-mod-pill--active .eap-mod-pill-count{color:var(--eap-primary);background:#c7d2fe}.eap-mod-pill-remove{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:2px;transition:all .14s;display:flex}.eap-mod-pill-remove:hover{color:#ef4444;background:#fee2e2}.eap-dropdown-item--disabled{opacity:.55;cursor:not-allowed;background:#f8fafc!important}.eap-dropdown-item-badge{color:#64748b;background:#e2e8f0;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.eap-step4-tabs{border-bottom:1px solid var(--eap-border-subtle);align-items:center;gap:8px;margin-bottom:14px;padding-bottom:12px;display:flex;overflow-x:auto}.eap-step4-tab{color:var(--eap-text-muted);cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex}.eap-step4-tab:hover{color:var(--eap-text-main);background:#e2e8f0}.eap-step4-tab--active{background:var(--eap-primary);color:#fff;border-color:var(--eap-primary)}.eap-step4-tab-badge{background:#00000014;border-radius:99px;padding:1px 6px;font-size:10px;font-weight:800}.eap-step4-tab--active .eap-step4-tab-badge{color:#fff;background:#ffffff40}.eap-module-permission-group{border-bottom:1.5px dashed var(--eap-border);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:20px;display:flex}.eap-module-permission-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.eap-mpg-header{border:1px solid var(--eap-border);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.eap-mpg-title-box{align-items:center;gap:8px;display:flex}.eap-mpg-title{color:var(--eap-text-main);margin:0;font-size:.98rem;font-weight:800}.eap-mpg-count{background:var(--eap-primary-light);color:var(--eap-primary);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:700}.eap-mpg-actions{align-items:center;gap:8px;display:flex}.eap-step-nav-footer{border-top:1px solid var(--eap-border-subtle);justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:16px;display:flex}.eap-summary-group{margin-bottom:14px}.eap-summary-group-title{color:var(--eap-text-main);align-items:center;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:800;display:flex}.eap-mon-root{color:#0f172a;background:#f8fafc;flex-direction:column;min-height:100vh;padding:24px 32px 48px;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.eap-mon-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.eap-mon-header-left{flex-direction:column;gap:6px;display:flex}.eap-back-btn-row{flex-direction:column;gap:12px;display:flex}.eap-mon-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;width:fit-content;padding:7px 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.eap-mon-back-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translate(-2px)}.eap-badge-tag{color:#4f46e5;letter-spacing:.05em;background:#eef2ff;border:1px solid #c7d2fe;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.eap-mon-title{color:#0f172a;letter-spacing:-.02em;margin:0;font-size:1.7rem;font-weight:800}.eap-mon-subtitle{color:#64748b;margin:2px 0 0;font-size:.9rem}.eap-mon-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eap-btn{cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-size:.86rem;font-weight:600;transition:all .18s;display:inline-flex}.eap-btn--primary{color:#fff;background:#4f46e5;box-shadow:0 2px 8px #4f46e547}.eap-btn--primary:hover{background:#4338ca;transform:translateY(-1px)}.eap-btn--outline{color:#334155;background:#fff;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000a}.eap-btn--outline:hover{background:#f8fafc;border-color:#cbd5e1}.eap-btn--deactivate{color:#dc2626;background:#fef2f2;border-color:#fecaca}.eap-btn--deactivate:hover{color:#fff;background:#dc2626}.eap-btn--activate{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.eap-btn--activate:hover{color:#fff;background:#16a34a}.eap-spin-icon{animation:1s linear infinite eapSpin}.eap-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:20px;display:grid}.eap-metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 1px 3px #0f172a0a}.eap-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px #0f172a12}.eap-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.eap-metric-icon.bg-indigo{color:#4f46e5;background:#eef2ff}.eap-metric-icon.bg-emerald{color:#059669;background:#ecfdf5}.eap-metric-icon.bg-amber{color:#d97706;background:#fffbeb}.eap-metric-icon.bg-slate{color:#64748b;background:#f1f5f9}.eap-metric-icon.bg-rose{color:#e11d48;background:#fef2f2}.eap-metric-content{flex-direction:column;display:flex}.eap-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:600}.eap-metric-val{color:#0f172a;font-size:1.45rem;font-weight:800;line-height:1.2}.text-emerald{color:#059669}.text-amber{color:#d97706}.text-slate{color:#64748b}.text-rose{color:#e11d48}.text-indigo{color:#4f46e5}.eap-mon-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:14px 18px;box-shadow:0 1px 3px #0f172a0a}.eap-toolbar-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.eap-search-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex:1;align-items:center;gap:8px;min-width:260px;height:40px;padding:0 12px;transition:all .15s;display:flex}.eap-search-box:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.eap-search-icon{color:#94a3b8;flex-shrink:0}.eap-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.88rem}.eap-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.eap-filter-select-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:6px;height:40px;padding:0 10px;display:flex;position:relative}.eap-filter-icon{color:#64748b;flex-shrink:0}.eap-filter-select{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;padding-right:8px;font-family:inherit;font-size:.84rem;font-weight:500}.eap-employee-cards-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;width:100%;display:grid}.eap-emp-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 10px #0f172a0a}.eap-emp-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 25px -4px #0f172a14,0 4px 6px -2px #0f172a08}.eap-emp-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.eap-emp-card-avatar-box{flex-shrink:0;position:relative}.eap-emp-avatar{color:#fff;letter-spacing:.03em;border-radius:12px;justify-content:center;align-items:center;width:46px;height:46px;font-size:.95rem;font-weight:800;display:flex}.eap-emp-avatar--online{background:#00a884;box-shadow:0 3px 10px #00a8844d}.eap-emp-avatar--idle{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 3px 10px #f59e0b4d}.eap-emp-avatar--offline{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.eap-emp-avatar--inactive{opacity:.75;background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.eap-avatar-dot{border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;bottom:-2px;right:-2px}.eap-avatar-dot--online{background:#10b981}.eap-avatar-dot--idle{background:#f59e0b}.eap-avatar-dot--offline{background:#94a3b8}.eap-avatar-dot--inactive{background:#e11d48}.eap-emp-card-title-box{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.eap-emp-card-name-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.eap-emp-card-name{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.05rem;font-weight:800;overflow:hidden}.eap-emp-card-id-row{align-items:center;gap:8px;display:flex}.eap-emp-id-badge{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;padding:1px 7px;font-size:.72rem;font-weight:700}.eap-emp-role-text{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.eap-status-pill{white-space:nowrap;letter-spacing:.02em;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:.74rem;font-weight:700;display:inline-flex}.eap-status-pill--online{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-status-pill--idle{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.eap-status-pill--offline{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.eap-status-pill--inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.eap-pulse-dot{border-radius:50%;width:7px;height:7px}.eap-pulse-dot--online{background:#10b981;animation:1.8s infinite eapPulse;box-shadow:0 0 0 2px #10b98159}.eap-pulse-dot--idle{background:#f59e0b}.eap-pulse-dot--offline{background:#94a3b8}.eap-pulse-dot--inactive{background:#e11d48}@keyframes eapPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 5px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.eap-emp-card-contact{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:12px;padding:8px 12px;display:flex}.eap-contact-item{align-items:center;gap:6px;font-size:.78rem;display:flex;overflow:hidden}.eap-contact-label{color:#94a3b8;flex-shrink:0;width:48px;font-weight:500}.eap-contact-val{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.eap-emp-card-scope{flex-direction:column;gap:5px;margin-bottom:14px;display:flex}.eap-scope-line{align-items:center;gap:6px;font-size:.8rem;display:flex}.eap-scope-line-icon{color:#6366f1;flex-shrink:0}.eap-scope-line-label{color:#64748b;width:60px;font-weight:500}.eap-scope-line-val{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.eap-emp-card-stats-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;padding:10px;display:grid}.eap-card-stat-box{flex-direction:column;display:flex}.eap-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-size:.7rem;font-weight:600}.eap-stat-val{color:#0f172a;font-size:.85rem;font-weight:700}.eap-emp-card-footer{border-top:1px solid #f1f5f9;padding-top:12px}.eap-view-details-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .16s;display:flex}.eap-view-details-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.eap-mon-details-container{flex-direction:column;gap:20px;width:100%;display:flex}.eap-details-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px;display:flex;box-shadow:0 2px 10px #0f172a0a}.eap-profile-left{flex:1;align-items:flex-start;gap:20px;min-width:320px;display:flex}.eap-profile-avatar-wrap{flex-shrink:0;position:relative}.eap-profile-avatar{color:#fff;letter-spacing:.04em;border-radius:16px;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.5rem;font-weight:800;display:flex}.eap-profile-avatar--online{background:#00a884}.eap-profile-avatar--idle{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.eap-profile-avatar--offline{background:linear-gradient(135deg,#64748b 0%,#475569 100%)}.eap-profile-avatar--inactive{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%)}.eap-profile-dot{border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;bottom:-3px;right:-3px}.eap-profile-dot--online{background:#10b981}.eap-profile-dot--idle{background:#f59e0b}.eap-profile-dot--offline{background:#94a3b8}.eap-profile-dot--inactive{background:#e11d48}.eap-profile-main-info{flex-direction:column;gap:6px;display:flex}.eap-profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.eap-profile-name{color:#0f172a;margin:0;font-size:1.4rem;font-weight:800}.eap-account-status-pill{border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:700}.eap-account-status-pill.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-account-status-pill.inactive{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.eap-profile-meta-row{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;font-size:.84rem;display:flex}.eap-profile-id{color:#334155;background:#f1f5f9;border-radius:5px;padding:1px 7px;font-weight:700}.eap-profile-role{color:#4f46e5;font-weight:600}.eap-profile-contact-row{color:#475569;align-items:center;gap:10px;margin-top:4px;font-size:.82rem;display:flex}.eap-profile-scopes{flex-wrap:wrap;gap:18px;display:flex}.eap-scope-col{flex-direction:column;gap:6px;display:flex}.eap-scope-head{color:#64748b;text-transform:uppercase;align-items:center;gap:5px;font-size:.72rem;font-weight:700;display:flex}.eap-scope-chips{flex-wrap:wrap;gap:5px;display:flex}.eap-scope-chip{border-radius:6px;align-items:center;padding:3px 9px;font-size:.76rem;font-weight:600;display:inline-flex}.eap-scope-chip.biz{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.eap-scope-chip.plat{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.eap-scope-chip.store{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.eap-details-stats-summary{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;display:grid}.eap-summary-stat-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0f172a0a}.eap-sum-stat-val{font-size:1.65rem;font-weight:800;line-height:1.2}.eap-sum-stat-lbl{color:#64748b;margin-top:4px;font-size:.78rem;font-weight:600}.eap-details-controls-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex;box-shadow:0 1px 2px #0f172a08}.eap-details-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eap-details-tab{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;align-items:center;gap:8px;padding:8px 16px;font-size:.86rem;font-weight:600;transition:all .16s;display:inline-flex}.eap-details-tab:hover{color:#1e293b;background:#f8fafc}.eap-details-tab.active{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;box-shadow:0 1px 3px #4f46e51f}.eap-tab-count{color:#fff;background:#6366f1;border-radius:99px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:700;display:inline-flex}.eap-details-tab:not(.active) .eap-tab-count{color:#475569;background:#e2e8f0}.eap-date-pills-bar{align-items:center;gap:6px;display:flex}.eap-date-label{color:#64748b;align-items:center;gap:4px;margin-right:4px;font-size:.78rem;font-weight:700;display:inline-flex}.eap-date-pill{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.eap-date-pill:hover{color:#4f46e5;background:#eef2ff}.eap-date-pill.active{color:#fff;background:#4f46e5;border-color:#4f46e5}.eap-tab-content-panel{flex-direction:column;gap:16px;display:flex}.eap-activity-filters-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;box-shadow:0 1px 2px #0f172a08}.eap-af-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.eap-af-item{flex-direction:column;gap:4px;display:flex}.eap-af-item label{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:700}.eap-af-item select{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;height:38px;padding:0 10px;font-size:.84rem}.eap-af-item select:focus{border-color:#6366f1}.eap-af-search{flex:1;min-width:220px}.eap-af-search-wrap{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;height:38px;padding:0 12px;display:flex}.eap-af-search-wrap input{background:0 0;border:none;outline:none;width:100%;font-size:.84rem}.eap-clear-filters-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;height:38px;padding:0 14px;font-size:.82rem;font-weight:600;transition:all .15s}.eap-clear-filters-btn:hover{color:#0f172a;background:#e2e8f0}.eap-timeline-stream{flex-direction:column;padding:10px 0;display:flex;position:relative}.eap-timeline-item{gap:16px;margin-bottom:20px;display:flex;position:relative}.eap-timeline-item:last-child{margin-bottom:0}.eap-tl-left{flex-direction:column;flex-shrink:0;align-items:flex-end;width:85px;padding-top:4px;display:flex}.eap-tl-time{color:#1e293b;font-size:.85rem;font-weight:800}.eap-tl-date{color:#94a3b8;font-size:.72rem;font-weight:500}.eap-tl-center{flex-direction:column;flex-shrink:0;align-items:center;width:24px;display:flex;position:relative}.eap-tl-node{z-index:2;border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-top:5px;display:flex;box-shadow:0 0 0 1.5px #e2e8f0}.eap-tl-node.node-success{background:#10b981;box-shadow:0 0 0 1.5px #a7f3d0}.eap-tl-node.node-failed{background:#ef4444;box-shadow:0 0 0 1.5px #fecaca}.eap-tl-node-dot{background:#fff;border-radius:50%;width:6px;height:6px}.eap-tl-line{z-index:1;background:#e2e8f0;width:2px;position:absolute;top:24px;bottom:-22px}.eap-tl-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;padding:16px 18px;transition:all .15s;box-shadow:0 1px 3px #0f172a0a}.eap-tl-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0f172a0f}.eap-tl-hierarchy-bar{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:10px;font-size:.74rem;font-weight:700;display:flex}.eap-hier-item{border-radius:5px;padding:2px 7px}.eap-hier-item.biz{color:#334155;background:#f1f5f9}.eap-hier-item.plat{color:#166534;background:#f0fdf4}.eap-hier-item.store{color:#1e40af;background:#eff6ff}.eap-hier-item.mod{color:#6b21a8;background:#faf5ff}.eap-hier-item.page{color:#b45309;background:#fffbeb}.eap-hier-arrow{color:#94a3b8;font-weight:800}.eap-tl-body-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.eap-tl-action-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eap-tl-record-title{color:#0f172a;margin:0;font-size:.95rem;font-weight:700}.eap-act-badge{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.74rem;font-weight:700;display:inline-flex}.eap-badge-action-create{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-badge-action-update{color:#d97706;background:#fffbeb;border:1px solid #fde68a}.eap-badge-action-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.eap-badge-action-read{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.eap-badge-action-login{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.eap-badge-action-logout{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.eap-badge-action-print{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.eap-badge-action-export{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.eap-result-pill{border-radius:99px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-result-pill.success{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-result-pill.failed{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.eap-tl-meta-chips{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;font-size:.76rem;display:flex}.eap-meta-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.eap-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow-x:auto;box-shadow:0 2px 10px #0f172a0a}.eap-table{border-collapse:separate;border-spacing:0;text-align:left;color:#1e293b;width:100%;font-size:.86rem}.eap-table thead tr{background:#f8fafc}.eap-table th{color:#64748b;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 18px;font-size:.72rem;font-weight:700}.eap-sticky-table thead th{z-index:2;position:sticky;top:0}.eap-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 18px}.eap-table tbody tr:hover{background-color:#f8faff}.eap-table tbody tr:last-child td{border-bottom:none}.eap-td-entry-box{flex-direction:column;display:flex}.eap-entry-name{color:#0f172a;font-weight:600}.eap-entry-id{color:#64748b;font-family:monospace;font-size:.72rem}.eap-session-badge{border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.eap-session-badge.login{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.eap-session-badge.logout{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.eap-session-status-pill{border-radius:99px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-session-status-pill.online{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-session-status-pill.completed{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.eap-device-cell{color:#334155;align-items:center;gap:6px;font-size:.82rem;display:flex}.eap-pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;margin-top:10px;padding:12px 18px;display:flex}.eap-pag-text{color:#64748b;font-size:.8rem}.eap-pag-btns{align-items:center;gap:8px;display:flex}.eap-pag-btn{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:5px 12px;font-size:.78rem;font-weight:600}.eap-pag-btn:disabled{opacity:.45;cursor:not-allowed}.eap-pag-current{color:#4f46e5;font-size:.8rem;font-weight:700}.eap-tree-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 1px 3px #0f172a0a}.eap-tree-root-node{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;display:flex}.eap-tree-biz-name{color:#1e1b4b;font-size:1.05rem;font-weight:800}.eap-tree-badge{color:#fff;background:#6366f1;border-radius:99px;margin-left:auto;padding:1px 7px;font-size:.7rem;font-weight:700}.eap-tree-platforms-list{border-left:2px dashed #cbd5e1;flex-direction:column;gap:18px;margin-left:12px;padding-left:20px;display:flex}.eap-tree-plat-branch{flex-direction:column;gap:12px;display:flex}.eap-tree-plat-header{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.95rem;font-weight:700;display:flex}.eap-tree-stores-list{border-left:2px dashed #cbd5e1;flex-direction:column;gap:14px;margin-left:12px;padding-left:20px;display:flex}.eap-tree-store-branch{flex-direction:column;gap:10px;display:flex}.eap-tree-store-header{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:.9rem;font-weight:700;display:flex}.eap-tree-modules-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;padding-left:20px;display:grid}.eap-tree-mod-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:10px;padding:14px;display:flex}.eap-tree-mod-title-row{align-items:center;gap:6px;display:flex}.eap-tree-mod-title{color:#1e293b;margin:0;font-size:.88rem;font-weight:800}.eap-tree-pages-list{flex-direction:column;gap:8px;display:flex}.eap-tree-page-row{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;display:flex}.eap-tree-page-info{align-items:center;gap:6px;display:flex}.eap-tree-page-name{color:#334155;font-size:.8rem;font-weight:700}.eap-tree-perms-cloud{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.eap-tree-perm-tag{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:800}.eap-tree-perm-tag.allowed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-tree-perm-tag.denied{color:#94a3b8;background:#f1f5f9;border:1px solid #e2e8f0}.eap-empty-card{text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:48px 24px;display:flex}.eap-empty-icon-wrap,.eap-empty-icon{color:#94a3b8}.eap-empty-title{color:#1e293b;margin:0;font-size:1.15rem;font-weight:800}.eap-empty-desc{color:#64748b;max-width:420px;margin:0;font-size:.88rem}.eap-loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px 0;font-size:.9rem;font-weight:600;display:flex}.eap-spinner{border:3px solid #e2e8f0;border-top-color:#4f46e5;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite eapSpin}.eap-spinner-lg{border-width:3.5px;width:36px;height:36px}@media (width<=900px){.eap-mon-root{padding:16px}.eap-details-profile-card{flex-direction:column}.eap-details-controls-bar{flex-direction:column;align-items:stretch}}.eap-drilldown-container{flex-direction:column;gap:16px;display:flex}.eap-drilldown-header-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.eap-drilldown-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;font-size:.88rem;display:flex}.eap-breadcrumb-link{color:#4f46e5;cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.eap-breadcrumb-link:hover{text-decoration:underline}.eap-breadcrumb-sep{color:#94a3b8;font-weight:400}.eap-breadcrumb-current{color:#0f172a;font-weight:700}.eap-drilldown-back-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.eap-drilldown-back-btn:hover{color:#0f172a;background:#e2e8f0}.eap-modules-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.eap-module-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.eap-module-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.eap-module-card-top{align-items:flex-start;gap:12px;display:flex}.eap-module-icon-wrap{color:#4f46e5;background:#eef2ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.eap-module-card-title{color:#0f172a;margin:0 0 4px;font-size:1.05rem;font-weight:800}.eap-module-card-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.eap-module-card-stats{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.eap-mod-stat-item{flex-direction:column;gap:2px;display:flex}.eap-mod-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.eap-mod-stat-val{color:#0f172a;font-size:1.05rem;font-weight:800}.eap-module-card-btn{color:#4f46e5;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:.84rem;font-weight:700;transition:all .15s;display:flex}.eap-module-card:hover .eap-module-card-btn{color:#fff;background:#4f46e5;border-color:#4f46e5}.eap-pages-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.eap-page-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:14px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.eap-page-card:hover{border-color:#cbd5e1;box-shadow:0 6px 16px #0000000f}.eap-page-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.eap-page-card-title-box{align-items:center;gap:8px;display:flex}.eap-page-card-title{color:#0f172a;margin:0;font-size:1rem;font-weight:800}.eap-page-perms-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.eap-perm-pill{border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-perm-pill.allowed{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}.eap-perm-pill.denied{color:#94a3b8;background:#f8fafc;border:1px solid #e2e8f0}.eap-page-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:12px;display:flex}.eap-page-activity-stats{color:#64748b;align-items:center;gap:12px;font-size:.8rem;display:flex}.eap-page-view-btn{color:#4f46e5;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex}.eap-page-view-btn:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.eap-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a8c;justify-content:flex-end;animation:.2s eapFadeIn;display:flex;position:fixed;inset:0}.eap-drawer-container{background:#fff;flex-direction:column;width:100%;max-width:680px;height:100vh;animation:.25s cubic-bezier(.16,1,.3,1) eapSlideLeft;display:flex;box-shadow:-8px 0 32px #00000026}@keyframes eapSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.eap-drawer-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:sticky;top:0}.eap-drawer-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.eap-readonly-badge{color:#475569;letter-spacing:.05em;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:800}.eap-drawer-title{color:#0f172a;margin:0;font-size:1.25rem;font-weight:800}.eap-drawer-subtitle{color:#64748b;margin:2px 0 0;font-size:.82rem}.eap-drawer-close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex}.eap-drawer-close-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.eap-drawer-body{background:#f8fafc;flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.eap-drawer-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;box-shadow:0 1px 2px #00000008}.eap-card-subtitle{color:#64748b;letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:800}.eap-card-title{color:#0f172a;margin:0;font-size:.96rem;font-weight:800}.eap-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.eap-db-verified-pill{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.eap-drawer-hier-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;display:grid}.eap-hier-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.eap-hier-box-lbl{color:#64748b;align-items:center;gap:4px;font-size:.68rem;font-weight:600;display:flex}.eap-hier-box-val{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;overflow:hidden}.eap-drawer-meta-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.eap-meta-cell{flex-direction:column;gap:2px;display:flex}.eap-meta-cell-lbl{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:600}.eap-meta-cell-val{color:#0f172a;font-size:.86rem}.eap-record-details-layout{flex-direction:column;display:flex}.eap-section-subhead{color:#475569;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px dashed #e2e8f0;margin-bottom:10px;padding-bottom:6px;font-size:.8rem;font-weight:800}.eap-details-kv-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.eap-kv-item{background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.eap-kv-lbl{color:#64748b;font-size:.72rem;font-weight:600}.eap-kv-val{color:#0f172a;word-break:break-word;font-size:.88rem}.eap-record-unavailable-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;align-items:center;gap:12px;padding:16px;display:flex}.eap-drawer-items-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.eap-drawer-table{border-collapse:collapse;width:100%;font-size:.82rem}.eap-drawer-table th{text-align:left;color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 12px;font-weight:700}.eap-drawer-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:8px 12px}.eap-drawer-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex}.eap-drawer-footer-note{color:#64748b;font-size:.76rem}.role-management-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;width:100%;min-height:calc(100vh - 70px);padding:24px 32px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.role-main-header{margin-bottom:24px}.role-header-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 12px -2px #0f172a0a}.role-title-group{align-items:center;gap:16px;display:flex}.role-icon-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 8px 16px -4px #4f46e559}.role-header-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 4px;font-size:24px;font-weight:700}.role-header-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.4}.role-view-switch-wrapper{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:4px;padding:5px;display:inline-flex}.role-view-switch-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.role-view-switch-btn:hover{color:#1e293b;background:#fff9}.role-view-switch-btn.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #0f172a14}.role-badge-count{color:#4338ca;background:#e0e7ff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.role-view-switch-btn.active .role-badge-count{color:#fff;background:#4f46e5}.role-create-view-container{max-width:1280px;margin:0 auto}.role-create-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px;box-shadow:0 8px 24px -4px #0f172a0f}.role-editing-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:12px 18px;font-size:13.5px;display:flex}.role-editing-banner-text{align-items:center;gap:10px;display:flex}.role-banner-cancel-btn{color:#1e40af;cursor:pointer;background:#fff;border:1px solid #bfdbfe;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.role-banner-cancel-btn:hover{background:#dbeafe}.role-form-sections-grid{grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px;display:grid}@media (width<=1024px){.role-form-sections-grid{grid-template-columns:1fr}}.role-form-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:22px}.role-scope-panel{grid-column:1/-1}.role-panel-header{border-bottom:1px solid #e2e8f0;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:14px;display:flex}.role-panel-step{color:#fff;background:#4f46e5;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.role-panel-title{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.role-panel-subtitle{color:#64748b;margin:0;font-size:12px}.role-field-group{margin-bottom:18px}.role-field-label{color:#334155;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.role-req{color:#ef4444;margin-left:2px}.role-optional{color:#94a3b8;font-size:11px;font-weight:400}.role-field-input,.role-field-textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:all .15s}.role-field-input:focus,.role-field-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.role-input-with-icon{align-items:center;display:flex;position:relative}.role-input-left-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.role-field-input-icon{padding-left:36px}.role-status-segmented-control{gap:10px;margin-top:4px;display:flex}.role-status-btn{cursor:pointer;border:1.5px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.role-status-active{color:#64748b;background:#fff;border-color:#e2e8f0}.role-status-active:hover{color:#065f46;background:#f0fdf4;border-color:#a7f3d0}.role-status-active.selected{color:#047857;background:#ecfdf5;border-color:#10b981;box-shadow:0 4px 10px #10b98126}.role-status-deactive{color:#64748b;background:#fff;border-color:#e2e8f0}.role-status-deactive:hover{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.role-status-deactive.selected{color:#e11d48;background:#fff1f2;border-color:#f43f5e;box-shadow:0 4px 10px #f43f5e26}.role-field-hint{color:#64748b;margin:6px 0 0;font-size:11.5px}.role-dropdown-container{width:100%;position:relative}.role-dropdown-trigger{cursor:pointer;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:11px 14px;transition:all .15s;display:flex}.role-dropdown-trigger:hover,.role-dropdown-trigger.open{border-color:#6366f1}.role-dropdown-selected-info{align-items:center;gap:10px;display:flex}.role-dropdown-icon{color:#6366f1}.role-dropdown-text--placeholder{color:#94a3b8;font-size:13.5px}.role-dropdown-text--bold{color:#0f172a;font-size:13.5px;font-weight:600}.role-arrow{color:#64748b;transition:transform .2s}.role-arrow.rotate{transform:rotate(180deg)}.role-dropdown-menu{z-index:50;background:#fff;border:1px solid #cbd5e1;border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 24px -4px #0f172a1f}.role-dropdown-option{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;transition:background .15s;display:flex}.role-dropdown-option:hover{background:#f1f5f9}.role-dropdown-option.current{color:#4338ca;background:#eef2ff;font-weight:600}.role-dropdown-option-left{color:#1e293b;align-items:center;gap:10px;font-size:13.5px;display:flex}.role-dropdown-option-right{align-items:center;gap:6px;display:flex}.role-tag-badge{border-radius:6px;padding:2px 7px;font-size:11px;font-weight:500}.role-tag-badge--pages{color:#64748b;background:#f1f5f9}.role-tag-badge--success{color:#15803d;background:#dcfce7;font-weight:600}.role-module-placeholder{text-align:center;color:#64748b;background:#fff;border:2px dashed #cbd5e1;border-radius:12px;padding:36px 20px}.role-placeholder-icon{color:#94a3b8;margin-bottom:8px}.role-module-placeholder h4{color:#334155;margin:0 0 6px;font-size:14.5px;font-weight:600}.role-module-placeholder p{color:#64748b;max-width:320px;margin:0 auto;font-size:12px}.role-pages-selector-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;padding:16px;box-shadow:0 2px 6px #0f172a0a}.role-pages-selector-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.role-pages-module-info{align-items:center;gap:8px;display:flex}.role-active-module-pill{color:#4338ca;background:#eef2ff;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.role-pages-count-pill{color:#64748b;font-size:12px;font-weight:500}.role-pages-actions-group{gap:6px;display:flex}.role-mini-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 9px;font-size:11.5px;font-weight:600;transition:all .15s}.role-mini-btn:hover{color:#0f172a;background:#e2e8f0}.role-page-search-wrapper{margin-bottom:12px;position:relative}.role-page-search-input{box-sizing:border-box;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:7px 30px;font-size:12.5px}.role-page-search-input:focus{background:#fff;border-color:#6366f1;outline:none}.role-search-icon{color:#94a3b8;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.role-clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.role-pages-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:220px;margin-bottom:14px;padding:4px 2px;display:grid;overflow-y:auto}.role-page-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .15s;display:flex}.role-page-card:hover{background:#f8fafc;border-color:#cbd5e1}.role-page-card.selected{color:#3730a3;background:#eef2ff;border-color:#818cf8}.role-page-card-left{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex;overflow:hidden}.role-checkbox-icon{color:#cbd5e1;flex-shrink:0}.role-checkbox-icon.active{color:#4f46e5}.role-page-card-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.role-page-card-icon{color:#94a3b8;flex-shrink:0}.role-page-card.selected .role-page-card-icon{color:#6366f1}.role-no-pages-msg{text-align:center;color:#94a3b8;grid-column:1/-1;padding:24px 12px;font-size:12.5px}.role-add-module-action{text-align:center;border-top:1px solid #f1f5f9;padding-top:12px}.role-add-module-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #4f46e540}.role-add-module-btn:hover{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 100%);transform:translateY(-1px);box-shadow:0 6px 16px #4f46e559}.role-add-module-tip{color:#64748b;margin:6px 0 0;font-size:11px}.role-configured-summary-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;padding:22px}.role-summary-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.role-summary-title-wrap{align-items:center;gap:8px;display:flex}.role-summary-icon{color:#4f46e5}.role-summary-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}.role-summary-count-badge{color:#4338ca;background:#e0e7ff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.role-empty-summary-box{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;align-items:center;gap:10px;padding:16px 20px;font-size:13px;display:flex}.role-empty-summary-icon{color:#94a3b8;flex-shrink:0}.role-configured-modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.role-configured-card{background:#fff;border:1px solid #cbd5e1;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex;box-shadow:0 2px 8px -2px #0f172a0d}.role-configured-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.role-configured-module-badge{color:#1e293b;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.role-configured-page-counter{color:#64748b;background:#f1f5f9;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.role-configured-actions{align-items:center;gap:4px;display:flex}.role-configured-btn{cursor:pointer;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.role-configured-btn--edit{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.role-configured-btn--edit:hover{background:#e0e7ff}.role-configured-btn--delete{color:#ef4444;background:#fef2f2;border-color:#fecaca;padding:4px 6px}.role-configured-btn--delete:hover{background:#fee2e2}.role-configured-pages-list{flex-wrap:wrap;gap:6px;display:flex}.role-page-tag{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;display:inline-flex}.role-form-submit-bar{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.role-form-submit-left{gap:10px;display:flex}.role-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4f46e54d}.role-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.role-btn-primary:disabled{opacity:.65;cursor:not-allowed}.role-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .15s;display:inline-flex}.role-btn-secondary:hover{color:#0f172a;background:#f1f5f9}.role-btn-outline{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:10px;align-items:center;padding:10px 16px;font-size:13.5px;font-weight:500;transition:all .15s;display:inline-flex}.role-btn-outline:hover{color:#334155;background:#f1f5f9}.role-list-view-container{max-width:1380px;margin:0 auto}.role-list-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0f172a0a}.role-search-box{flex:1;min-width:260px;max-width:420px;position:relative}.role-search-input{box-sizing:border-box;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:10px 36px 10px 38px;font-size:13.5px;transition:all .15s}.role-search-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.role-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.role-filter-pills{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.role-filter-pill{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.role-filter-pill:hover{color:#1e293b}.role-filter-pill.active{color:#4f46e5;background:#fff;box-shadow:0 1px 4px #0f172a14}.role-quick-create-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.role-quick-create-btn:hover{background:#4338ca;transform:translateY(-1px)}.role-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;display:grid}@media (width<=640px){.role-cards-grid{grid-template-columns:1fr}}.role-card-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:22px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px -2px #0f172a0d}.role-card-item:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 12px 24px -4px #0f172a1a}.role-card-top-bar{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.role-card-identity{align-items:center;gap:12px;display:flex}.role-card-avatar{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.role-card-avatar--active{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 4px 10px #10b98140}.role-card-avatar--deactive{color:#fff;background:linear-gradient(135deg,#94a3b8 0%,#64748b 100%);box-shadow:0 4px 10px #64748b33}.role-card-title-stack{flex-direction:column;gap:4px;display:flex}.role-card-role-name{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:17px;font-weight:700}.role-card-dept-tag{color:#475569;background:#f1f5f9;border-radius:5px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:11.5px;font-weight:600;display:inline-flex}.role-card-status-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.role-card-status-toggle.active{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.role-card-status-toggle.active:hover{background:#d1fae5;box-shadow:0 2px 6px #10b98133}.role-card-status-toggle.deactive{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.role-card-status-toggle.deactive:hover{background:#ffe4e6;box-shadow:0 2px 6px #f43f5e33}.role-status-dot{border-radius:50%;width:7px;height:7px}.role-card-status-toggle.active .role-status-dot{background:#10b981;box-shadow:0 0 6px #10b981}.role-card-status-toggle.deactive .role-status-dot{background:#f43f5e}.role-card-desc{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0 0 16px;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.role-card-modules-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1;margin-bottom:16px;padding:14px}.role-card-modules-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.role-card-modules-title{color:#334155;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.role-card-pages-count{color:#6366f1;background:#eef2ff;border-radius:5px;padding:2px 6px;font-size:11px;font-weight:600}.role-card-no-modules{color:#94a3b8;margin:0;font-size:12px;font-style:italic}.role-card-module-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.role-card-module-chip{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:7px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-flex}.role-card-mod-count{color:#4338ca;background:#e0e7ff;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:700}.role-card-details-section{border-top:1px solid #e2e8f0;margin-top:6px;padding-top:8px}.role-card-expand-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:2px 0;font-size:11.5px;font-weight:600;display:flex}.role-card-expand-btn:hover{text-decoration:underline}.role-card-expanded-pages{border-top:1px dashed #e2e8f0;flex-direction:column;gap:8px;max-height:180px;margin-top:8px;padding-top:8px;display:flex;overflow-y:auto}.role-expanded-module-group{flex-direction:column;gap:4px;display:flex}.role-expanded-module-name{color:#475569;align-items:center;gap:4px;font-size:11.5px;font-weight:700;display:flex}.role-expanded-pages-chips{flex-wrap:wrap;gap:4px;display:flex}.role-expanded-page-chip{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:inline-flex}.role-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.role-card-meta{color:#94a3b8;align-items:center;gap:4px;font-size:11.5px;display:flex}.role-card-actions{align-items:center;gap:6px;display:flex}.role-card-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.role-card-btn--edit{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.role-card-btn--edit:hover{background:#e0e7ff;border-color:#a5b4fc}.role-card-btn--delete{color:#e11d48;background:#fff1f2;border-color:#fecdd3}.role-card-btn--delete:hover{background:#ffe4e6;border-color:#fda4af}.role-loading-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:22px;display:grid}.role-card-skeleton{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;border-radius:16px;height:240px;animation:1.5s infinite roleShimmer}@keyframes roleShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.role-empty-list-state{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;max-width:500px;margin:40px auto;padding:56px 20px}.role-empty-icon-box{color:#94a3b8;background:#f1f5f9;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 16px;display:flex}.role-empty-list-state h3{color:#0f172a;margin:0 0 8px;font-size:18px;font-weight:700}.role-empty-list-state p{color:#64748b;margin:0 0 20px;font-size:13.5px;line-height:1.5}.role-scope-panel{background:linear-gradient(135deg,#f0f9ff 0%,#faf5ff 100%);border:1.5px solid #c7d2fe}.role-scope-grid{grid-template-columns:repeat(3,1fr);gap:16px;padding:16px 20px 20px;display:grid}@media (width<=900px){.role-scope-grid{grid-template-columns:1fr}}.role-scope-item{flex-direction:column;gap:6px;display:flex}.role-scope-scoped-pill{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:3px 10px;font-size:11.5px;font-weight:600;display:flex}.role-card-scope-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.role-card-scope-tag{color:#5b21b6;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.vacancy-page-root{color:#0f172a;box-sizing:border-box;background:#f8fafc;width:100%;min-height:calc(100vh - 70px);padding:24px 32px 48px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.vacancy-header-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;padding:24px 28px;display:flex;box-shadow:0 4px 16px -2px #0f172a0a}.vacancy-header-main{align-items:center;gap:20px;max-width:650px;display:flex}.vacancy-icon-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 100%);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex;box-shadow:0 10px 20px -4px #4f46e559}.vacancy-badge-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.vacancy-top-pill{text-transform:uppercase;letter-spacing:.06em;color:#6366f1;background:#ede9fe;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.vacancy-badge-accent{color:#64748b;background:#f1f5f9;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600}.vacancy-main-title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:800}.vacancy-subtitle{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.vacancy-metrics-strip{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.metric-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:12px;min-width:140px;padding:12px 18px;transition:transform .2s,box-shadow .2s;display:flex}.metric-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px -3px #0f172a0f}.metric-box.total-box .metric-icon{color:#6366f1;background:#ede9fe}.metric-box.active-box .metric-icon{color:#16a34a;background:#dcfce7}.metric-box.urgent-box .metric-icon{color:#dc2626;background:#fee2e2}.metric-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:600;display:block}.metric-value{color:#0f172a;font-size:19px;font-weight:800;line-height:1.2;display:block}.metric-value small{color:#94a3b8;margin-left:2px;font-size:11px;font-weight:500}.vacancy-form-section{margin-bottom:36px}.vacancy-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 6px 20px -3px #0f172a0d}.vacancy-form-card.is-editing{border-color:#6366f1;box-shadow:0 0 0 4px #6366f126,0 10px 30px -4px #6366f11a}.form-card-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.form-header-title-box{align-items:center;gap:14px;display:flex}.form-header-icon{color:#6366f1;background:#ede9fe;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.vacancy-form-card.is-editing .form-header-icon{color:#d97706;background:#fef3c7}.form-header-title-box h2{color:#0f172a;margin:0 0 3px;font-size:17px;font-weight:700}.form-header-title-box p{color:#64748b;margin:0;font-size:12.5px}.btn-cancel-edit{color:#dc2626;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:6px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-cancel-edit:hover{color:#991b1b;background:#fca5a5}.vacancy-grid-form{grid-template-columns:repeat(2,1fr);gap:22px;padding:28px;display:grid}.form-field-group{flex-direction:column;gap:7px;display:flex}.form-field-group.full-width-group{grid-column:1/-1}.form-label{color:#334155;align-items:center;gap:4px;font-size:13.5px;font-weight:700;display:flex}.req-star{color:#ef4444;font-weight:700}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon .field-icon{color:#94a3b8;pointer-events:none;position:absolute;left:14px}.input-with-icon input{padding-left:42px!important}.vacancy-grid-form input[type=text],.vacancy-grid-form input[type=number],.vacancy-grid-form select,.vacancy-grid-form textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:11px 14px;font-family:inherit;font-size:14px;transition:all .2s}.vacancy-grid-form input:focus,.vacancy-grid-form select:focus,.vacancy-grid-form textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11f}.custom-select-wrapper{align-items:center;display:flex;position:relative}.custom-select-wrapper select{appearance:none;cursor:pointer;padding-right:36px}.select-arrow{color:#94a3b8;pointer-events:none;position:absolute;right:14px}.quick-tags-container{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.quick-tag-label{color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:600}.quick-tag{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 9px;font-size:11.5px;font-weight:500;transition:all .15s}.quick-tag:hover{color:#0f172a;background:#e2e8f0}.quick-tag.tag-active{color:#6366f1;background:#ede9fe;border-color:#c4b5fd;font-weight:600}.stepper-input-container{align-items:center;gap:8px;display:flex}.stepper-btn{color:#0f172a;cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.stepper-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.stepper-input-container input{text-align:center;max-width:90px;padding:10px;font-size:16px;font-weight:700}.count-label-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.field-hint{color:#94a3b8;margin-top:3px;font-size:11.5px}.scope-selection-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.scope-box-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.scope-title{color:#1e293b;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.scope-help-text{color:#64748b;font-size:12px}.scope-selectors-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.selector-unit{flex-direction:column;gap:6px;display:flex}.sub-label{color:#475569;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.scope-active-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 14px;font-size:12.5px;display:flex}.summary-title{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.scope-crumb{border-radius:6px;padding:3px 9px;font-weight:600}.scope-crumb.biz{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.scope-crumb.plat{color:#9333ea;background:#faf5ff;border:1px solid #e9d5ff}.scope-crumb.stor{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.scope-sep{color:#cbd5e1;font-weight:700}.form-actions-row{border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:12px;padding-top:10px;display:flex}.btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:11px 22px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:11px 28px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 14px -2px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px -2px #6366f180}.btn-primary.btn-update{background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%);box-shadow:0 4px 14px -2px #f59e0b66}.btn-primary.btn-update:hover{box-shadow:0 6px 20px -2px #f59e0b80}.list-controls-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px;padding:18px 24px;display:flex;box-shadow:0 4px 12px -2px #0f172a08}.list-header-left{flex-direction:column;gap:2px;display:flex}.list-title-wrap{align-items:center;gap:10px;display:flex}.list-title-wrap h2{color:#0f172a;margin:0;font-size:19px;font-weight:800}.list-count-badge{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.list-subtitle{color:#64748b;margin:0;font-size:12.5px}.list-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.vacancy-search-bar{align-items:center;min-width:260px;display:flex;position:relative}.vacancy-search-bar .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:12px}.vacancy-search-bar input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:8px 32px 8px 36px;font-size:13px;transition:all .2s}.vacancy-search-bar input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.clear-search-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.clear-search-btn:hover{color:#475569}.filter-select-wrap{align-items:center;display:flex;position:relative}.filter-select-wrap .filter-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.filter-select-wrap select{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:8px 14px 8px 28px;font-size:12.5px;font-weight:600;transition:all .2s}.filter-select-wrap select:focus{background:#fff;border-color:#6366f1;outline:none}.view-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:3px;padding:4px;display:inline-flex}.toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.toggle-btn:hover{color:#1e293b}.toggle-btn.active{color:#6366f1;background:#fff;box-shadow:0 2px 6px #0f172a14}.vacancy-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.vacancy-table{border-collapse:collapse;text-align:left;width:100%}.vacancy-table th{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:14px 18px;font-size:11.5px;font-weight:700}.vacancy-table td{vertical-align:middle;color:#1e293b;border-bottom:1px solid #f1f5f9;padding:16px 18px;font-size:13.5px}.vacancy-table tr:hover td{background:#fbfcfe}.vacancy-table tr.row-highlighted td{background:#fefce8}.sno-cell{width:50px}.sno-badge{color:#64748b;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.role-cell-wrap{align-items:center;gap:12px;display:flex}.role-avatar-circle{color:#6366f1;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.role-name{color:#0f172a;font-weight:700}.role-id-tag{color:#94a3b8;font-size:11px;font-weight:500}.dept-pill{color:#334155;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.count-pill-display{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:10px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;display:inline-flex}.count-pill-display strong{color:#1d4ed8;font-size:14px;font-weight:800}.scope-cell-stack{flex-direction:column;gap:4px;display:flex}.scope-badge-biz{color:#1e293b;align-items:center;gap:5px;font-size:12px;font-weight:700;display:inline-flex}.scope-sub-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.scope-badge-plat,.scope-badge-stor{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.type-priority-cell{flex-direction:column;gap:4px;display:flex}.type-badge{color:#475569;font-size:11.5px;font-weight:600}.priority-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;width:fit-content;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.priority-urgent{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca}.priority-high{color:#c2410c;background:#ffedd5;border:1px solid #fed7aa}.priority-medium{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.priority-normal{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.status-pill{border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{border-radius:50%;width:7px;height:7px}.status-open{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.status-open .status-dot{background:#16a34a}.status-in-progress{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.status-in-progress .status-dot{background:#d97706}.status-closed{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.status-closed .status-dot{background:#94a3b8}.action-buttons-cell{align-items:center;gap:8px;display:flex}.action-btn-mini{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.action-btn-mini.edit-btn{color:#4f46e5}.action-btn-mini.edit-btn:hover{background:#ede9fe;border-color:#c4b5fd}.action-btn-mini.delete-btn{color:#ef4444}.action-btn-mini.delete-btn:hover{background:#fee2e2;border-color:#fca5a5}.vacancy-grid-cards-wrapper{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;display:grid}.vacancy-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.vacancy-card:hover{border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 24px -4px #0f172a14}.vacancy-card.card-highlighted{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}.vcard-header{background:#fbfcfd;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;display:flex}.vcard-badges{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.vcard-body{flex-direction:column;gap:14px;padding:18px;display:flex}.vcard-role-title{color:#0f172a;margin:0;font-size:17px;font-weight:800;line-height:1.3}.vcard-count-spotlight{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex}.count-number-badge{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:800;display:flex;box-shadow:0 4px 10px #6366f14d}.count-text-wrap{flex-direction:column;display:flex}.count-title{color:#0f172a;font-size:13.5px;font-weight:700}.count-type{color:#64748b;font-size:11.5px;font-weight:500}.vcard-notes{color:#64748b;background:#f8fafc;border-left:3px solid #6366f1;border-radius:8px;margin:0;padding:8px 10px;font-size:12px;font-style:italic}.vcard-scope-box{border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;padding-top:6px;display:flex}.vcard-scope-box .scope-row{color:#475569;align-items:center;gap:8px;font-size:12px;display:flex}.vcard-scope-box .scope-icon.biz{color:#2563eb}.vcard-scope-box .scope-icon.plat{color:#9333ea}.vcard-scope-box .scope-icon.stor{color:#16a34a}.vcard-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.vcard-date{color:#94a3b8;font-size:11px;font-weight:600}.vcard-actions{align-items:center;gap:8px;display:flex}.vcard-action-btn{cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.vcard-action-btn.edit{color:#6366f1;background:#ede9fe;border:1px solid #ddd6fe}.vcard-action-btn.edit:hover{color:#fff;background:#6366f1}.vcard-action-btn.delete{color:#ef4444;background:#fee2e2;border:1px solid #fecaca}.vcard-action-btn.delete:hover{color:#fff;background:#ef4444}.empty-vacancies-card{text-align:center;background:#fff;border:1.5px dashed #cbd5e1;border-radius:18px;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.empty-icon-wrap{color:#94a3b8;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.empty-vacancies-card h3{color:#1e293b;margin:0;font-size:18px;font-weight:700}.empty-vacancies-card p{color:#64748b;max-width:450px;margin:0;font-size:13.5px;line-height:1.5}.btn-clear-filters{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;margin-top:6px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:all .2s}.btn-clear-filters:hover{color:#0f172a;background:#e2e8f0}.vacancy-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.vacancy-modal-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:440px;padding:28px;display:flex;box-shadow:0 20px 40px -10px #0f172a40}.delete-modal-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.vacancy-modal-card h3{color:#0f172a;margin:0;font-size:19px;font-weight:800}.vacancy-modal-card p{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}.modal-actions-row{align-items:center;gap:12px;width:100%;margin-top:10px;display:flex}.btn-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex:1;padding:10px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-modal-cancel:hover{color:#0f172a;background:#f8fafc}.btn-modal-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:12px;flex:1;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s}.btn-modal-danger:hover{background:#b91c1c}@media (width<=992px){.vacancy-grid-form,.scope-selectors-grid{grid-template-columns:1fr}.vacancy-header-card{flex-direction:column;align-items:flex-start}}@media (width<=640px){.vacancy-page-root{padding:16px}.list-header-right{flex-direction:column;align-items:stretch;width:100%}.vacancy-search-bar,.filter-select-wrap select{width:100%}.view-mode-toggle{justify-content:center;width:100%}.toggle-btn{flex:1;justify-content:center}}.page-module-container{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:10px 10px 50px;display:flex}.page-hero-card{background:var(--white,#fff);border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius,16px);box-shadow:var(--shadow-sm,0 1px 4px #0000000a);flex-direction:column;display:flex;overflow:hidden}.page-hero-banner{background:linear-gradient(110deg,#fff 65%,#ede9fe 100%);align-items:center;padding:22px 28px;display:flex;position:relative}.page-hero-icon-box{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1.5px solid #fed7aa;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #f9731629}.hero-folder-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #ea580c40);width:32px;height:32px}.page-hero-divider{background:#e2e8f0;flex-shrink:0;width:1.5px;height:36px;margin:0 20px}.page-hero-text{flex-direction:column;gap:3px;display:flex}.page-hero-title{color:#0f172a;letter-spacing:-.3px;margin:0;font-family:DM Sans,sans-serif;font-size:20px;font-weight:800}.page-hero-subtitle{color:#64748b;margin:0;font-size:13.5px}.page-stepper-container{background:#fff;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:22px 60px 24px;display:flex}.page-step-item{cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;align-items:center;gap:8px;transition:all .2s;display:flex}.page-step-circle{color:#64748b;background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:13.5px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.page-step-item:hover .page-step-circle{color:#1e293b;border-color:#94a3b8;transform:translateY(-1px)}.page-step-label{color:#64748b;white-space:nowrap;font-size:13px;font-weight:500;transition:color .2s}.page-step-item:hover .page-step-label{color:#1e293b}.page-step-item.active .page-step-circle{color:#fff;background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 6px #2563eb26}.page-step-item.active .page-step-label{color:#2563eb;font-weight:700}.page-step-line{border-top:2px dashed #cbd5e1;flex:1;min-width:40px;margin:0 20px 24px}@media (width<=780px){.page-stepper-container{padding:18px 20px 20px}.page-step-line{min-width:20px;margin:0 10px 24px}}@media (width<=580px){.page-hero-banner{padding:16px}.page-hero-divider{margin:0 12px}.page-hero-title{font-size:17px}.page-hero-subtitle{font-size:12px}.page-step-label{font-size:11.5px}}.page-layout-grid{grid-template-columns:380px 1fr;align-items:start;gap:24px;display:grid}@media (width<=780px){.page-layout-grid{grid-template-columns:1fr}}.page-form-card{background:var(--white,#fff);border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius,12px);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);flex-direction:column;gap:20px;padding:24px 22px;display:flex}.page-card-title{color:var(--text-primary,#111827);border-bottom:1px solid var(--border,#e8eaed);margin-bottom:4px;padding-bottom:10px;font-size:14px;font-weight:600}.page-card-title.with-icon{align-items:center;gap:9px;display:flex}.card-title-folder-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #ea580c33);width:22px;height:22px}.card-title-lucide-icon{flex-shrink:0}.card-title-lucide-icon.text-blue{color:#2563eb}.card-title-lucide-icon.text-indigo{color:#6366f1}.page-form{flex-direction:column;gap:16px;display:flex}.page-form-group{flex-direction:column;gap:6px;display:flex}.page-form-label{color:var(--text-secondary,#6b7280);font-size:12.5px;font-weight:600}.page-required{color:var(--red,#dc2626);margin-left:2px}.page-form-input,.page-form-select,.page-form-textarea{border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius-sm,8px);color:var(--text-primary,#111827);background:var(--white,#fff);outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.page-form-input:focus,.page-form-select:focus,.page-form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.page-form-textarea{resize:vertical;min-height:90px;line-height:1.5}.page-form-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.page-btn-primary{color:var(--white,#fff);border-radius:var(--radius-sm,8px);cursor:pointer;background:#2563eb;border:1.5px solid #2563eb;padding:9px 20px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.page-btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.page-btn-secondary{background:var(--white,#fff);color:var(--text-secondary,#6b7280);border:1.5px solid var(--border-strong,#d1d5db);border-radius:var(--radius-sm,8px);cursor:pointer;padding:9px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:all .15s}.page-btn-secondary:hover{background:var(--bg,#f7f8fa);color:var(--text-primary,#111827)}.page-list-card{background:var(--white,#fff);border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius,12px);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);flex-direction:column;display:flex}.page-list-header{border-bottom:1px solid var(--border,#e8eaed);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.page-search-wrapper{position:relative}.page-search-input{border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius-sm,8px);color:var(--text-primary,#111827);background:var(--bg,#f7f8fa);outline:none;width:220px;padding:7px 12px 7px 32px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:all .15s}.page-search-input:focus{background:var(--white,#fff);border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.page-search-icon{color:var(--text-muted,#9ca3af);pointer-events:none;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.page-list-scroll{max-height:520px;padding:16px 20px;overflow-y:auto}.page-table{border-collapse:collapse;text-align:left;width:100%}.page-table th,.page-table td{border-bottom:1px solid var(--border,#e8eaed);padding:12px 14px;font-size:13px}.page-table th{color:var(--text-secondary,#6b7280);background-color:var(--bg,#f7f8fa);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.page-table tr:hover td{background-color:#f7f8fa80}.module-item-cell{align-items:center;gap:10px;display:inline-flex}.module-row-folder-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #ea580c40);flex-shrink:0;width:22px;height:22px}.page-item-cell{align-items:center;gap:10px;display:inline-flex}.page-row-icon{color:#2563eb;flex-shrink:0}.page-row-doc-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #eab30840);flex-shrink:0;width:22px;height:22px}.module-item-name{color:var(--text-primary,#111827);font-weight:600}.status-badge{border-radius:99px;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.active{color:#137333;background-color:#e6f4ea}.status-badge.inactive{color:#c5221f;background-color:#fce8e6}.mapping-badge{color:#1a73e8;background-color:#e8f0fe;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.mapping-badge.with-icon{align-items:center;gap:6px;padding:3px 10px;display:inline-flex}.mapping-page-doc-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.hero-mapping-pair{justify-content:center;align-items:center;gap:3px;display:flex}.hero-pair-icon{object-fit:contain;width:20px;height:20px}.page-action-btn{cursor:pointer;color:var(--text-muted,#9ca3af);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:inline-flex}.page-action-btn:hover{background-color:var(--bg,#f7f8fa);color:var(--text-primary,#111827)}.page-action-btn.delete:hover{color:#c5221f;background-color:#fce8e6}.page-empty-state{text-align:center;color:var(--text-muted,#9ca3af);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;font-size:13.5px;display:flex}.empty-state-folder-icon{object-fit:contain;opacity:.85;filter:drop-shadow(0 2px 6px #ea580c33);width:48px;height:48px}.explorer-tree-root{flex-direction:column;gap:12px;padding:4px 2px;display:flex}.explorer-module-group{flex-direction:column;display:flex}.explorer-module-row{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e8eaed;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.explorer-module-row:hover{background:#f8fafc;border-color:#cbd5e1}.explorer-module-row.open{background:#f8fafc;border-color:#93c5fd;box-shadow:0 1px 3px #2563eb0f}.explorer-module-left{align-items:center;gap:10px;display:flex}.explorer-folder-icon-wrapper{justify-content:center;align-items:center;display:flex}.explorer-folder-img{object-fit:contain;filter:drop-shadow(0 1px 2px #ea580c40);width:24px;height:24px}.explorer-module-title{color:#0f172a;font-size:14px;font-weight:700}.explorer-item-count-badge{color:#64748b;background:#f1f5f9;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.explorer-module-right{align-items:center;display:flex}.explorer-chevron{color:#64748b;transition:transform .2s,color .15s}.explorer-module-row:hover .explorer-chevron{color:#0f172a}.explorer-children-tree{flex-direction:column;gap:8px;margin-left:20px;padding-top:8px;padding-bottom:4px;padding-left:20px;display:flex;position:relative}.explorer-file-row{background:#fff;border:1.5px solid #f1f5f9;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 14px;transition:all .15s;display:flex;position:relative}.explorer-file-row:hover{background:#fff;border-color:#cbd5e1;transform:translate(2px);box-shadow:0 2px 6px #0000000a}.explorer-file-row:before{content:"";border-left:1.5px dashed #cbd5e1;position:absolute;top:-8px;bottom:0;left:-20px}.explorer-file-row.is-last:before{bottom:50%}.explorer-file-row:after{content:"";border-top:1.5px dashed #cbd5e1;width:18px;position:absolute;top:50%;left:-20px}.explorer-file-left{align-items:center;gap:10px;min-width:0;display:flex}.explorer-file-doc-icon{object-fit:contain;filter:drop-shadow(0 1px 2px #eab30840);flex-shrink:0;width:20px;height:20px}.explorer-file-text{flex-direction:column;gap:2px;min-width:0;display:flex}.explorer-file-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.explorer-file-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.explorer-file-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.status-dot{vertical-align:middle;margin-right:3px;font-size:8px}.explorer-actions{align-items:center;gap:6px;display:flex}.page-form-label-row{justify-content:space-between;align-items:center;display:flex}.selected-pages-count{color:#2563eb;background:#eff6ff;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:600}.custom-search-select-wrapper{width:100%;position:relative}.custom-select-trigger{border:1.5px solid var(--border,#e8eaed);border-radius:var(--radius-sm,8px);background:var(--white,#fff);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;min-height:40px;padding:6px 12px;transition:border-color .15s,box-shadow .15s;display:flex}.custom-select-trigger:hover{border-color:#cbd5e1}.custom-select-trigger.open{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.custom-select-trigger-content{flex:1;align-items:center;min-width:0;display:flex}.custom-select-trigger-content.multi{flex-wrap:wrap;gap:4px}.select-placeholder{color:#9ca3af;font-size:13.5px}.select-val-item{align-items:center;gap:8px;display:inline-flex}.select-val-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.select-val-text{color:#0f172a;font-size:13.5px;font-weight:600}.select-arrow{color:#64748b;flex-shrink:0;transition:transform .2s}.select-arrow.rotated{transform:rotate(180deg)}.select-tags-container{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.select-tag-chip{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:2px 7px;font-size:12px;font-weight:600;display:inline-flex}.select-chip-icon{object-fit:contain;width:14px;height:14px}.select-chip-remove{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.select-chip-remove:hover{color:#ef4444}.select-tag-more{color:#2563eb;background:#eff6ff;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.custom-select-dropdown{z-index:100;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;animation:.15s ease-out fadeInDown;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.dropdown-search-box{background:#fafafa;border-bottom:1px solid #f1f5f9;padding:8px 10px;position:relative}.dropdown-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.dropdown-search-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:6px 28px;font-family:DM Sans,sans-serif;font-size:12.5px;transition:border-color .15s}.dropdown-search-input:focus{border-color:#2563eb}.dropdown-search-clear{cursor:pointer;color:#94a3b8;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.dropdown-search-clear:hover{color:#0f172a}.dropdown-quick-actions{background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.dropdown-action-btn{cursor:pointer;color:#2563eb;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:11.5px;font-weight:600}.dropdown-action-btn:hover{text-decoration:underline}.dropdown-action-btn.clear{color:#64748b}.dropdown-options-list{max-height:200px;padding:4px;overflow-y:auto}.dropdown-option-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:background .12s;display:flex}.dropdown-option-item:hover{background:#f1f5f9}.dropdown-option-item.selected{background:#eff6ff}.dropdown-option-content{align-items:center;gap:8px;min-width:0;display:flex}.dropdown-option-checkbox{accent-color:#2563eb;cursor:pointer;width:15px;height:15px;margin:0}.dropdown-option-icon{object-fit:contain;flex-shrink:0;width:18px;height:18px}.dropdown-option-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.dropdown-check-icon{color:#2563eb;flex-shrink:0}.dropdown-no-results{text-align:center;color:#94a3b8;padding:16px;font-size:12.5px}.admin-login-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#0b0f19 0%,#0f172a 50%,#1e1b4b 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px 20px;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}[data-theme=light] .admin-login-wrapper{background:linear-gradient(135deg,#f0f4ff 0%,#eef2ff 40%,#f8fafc 100%)}.admin-login-back-btn{z-index:50;-webkit-backdrop-filter:blur(12px);color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:24px;left:28px}[data-theme=light] .admin-login-back-btn{color:#334155;background:#ffffffd9;border:1px solid #cbd5e1;box-shadow:0 4px 12px #0000000d}.admin-login-back-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d;transform:translate(-3px)}[data-theme=light] .admin-login-back-btn:hover{color:#0f172a;background:#fff;border-color:#94a3b8}.admin-login-card{z-index:10;-webkit-backdrop-filter:blur(20px);background:#0f172ad1;border:1px solid #ffffff1f;border-radius:30px;width:100%;max-width:1040px;min-height:600px;animation:.45s cubic-bezier(.16,1,.3,1) cardFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000a6,0 0 0 1px #ffffff0d}[data-theme=light] .admin-login-card{background:#ffffffeb;border:1px solid #e2e8f0cc;box-shadow:0 25px 60px -15px #0f172a1a,0 0 0 1px #e2e8f099}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-login-hero{border-right:1px solid #ffffff14;flex-direction:column;flex:1.05;justify-content:space-between;padding:48px 40px;display:flex;position:relative;overflow:hidden}[data-theme=light] .admin-login-hero{border-right:1px solid #e2e8f0b3}.theme-manage-admin .admin-login-hero{background:radial-gradient(circle at 10% 20%,#6366f138 0%,#0f172a00 70%),linear-gradient(160deg,#1e1b4b80 0%,#0f172ad9 100%)}[data-theme=light] .theme-manage-admin .admin-login-hero{background:radial-gradient(circle at 10% 20%,#6366f11f 0%,#fff0 70%),linear-gradient(160deg,#eef2ff 0%,#f8fafc 100%)}.theme-pannel-admin .admin-login-hero{background:radial-gradient(circle at 10% 20%,#a855f738 0%,#0f172a00 70%),linear-gradient(160deg,#3b076473 0%,#0f172ad9 100%)}[data-theme=light] .theme-pannel-admin .admin-login-hero{background:radial-gradient(circle at 10% 20%,#a855f71f 0%,#fff0 70%),linear-gradient(160deg,#faf5ff 0%,#f8fafc 100%)}.admin-hero-brand{align-items:center;gap:12px;display:flex}.admin-brand-icon-box{border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 18px #00000040}.theme-manage-admin .admin-brand-icon-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%)}.theme-pannel-admin .admin-brand-icon-box{color:#fff;background:linear-gradient(135deg,#a855f7 0%,#7e22ce 100%)}.admin-brand-text{flex-direction:column;display:flex}.admin-brand-title{color:#fff;letter-spacing:-.3px;font-size:17px;font-weight:700}[data-theme=light] .admin-brand-title{color:#0f172a}.admin-brand-subtitle{color:#94a3b8;font-size:12px;font-weight:500}[data-theme=light] .admin-brand-subtitle{color:#64748b}.admin-hero-body{margin:36px 0}.admin-hero-tag{letter-spacing:.6px;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;margin-bottom:16px;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.theme-manage-admin .admin-hero-tag{color:#a5b4fc;background:#6366f12e;border:1px solid #6366f159}[data-theme=light] .theme-manage-admin .admin-hero-tag{color:#4338ca;background:#e0e7ff;border-color:#c7d2fe}.theme-pannel-admin .admin-hero-tag{color:#d8b4fe;background:#a855f72e;border:1px solid #a855f759}[data-theme=light] .theme-pannel-admin .admin-hero-tag{color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.admin-hero-heading{color:#fff;letter-spacing:-.5px;margin:0 0 12px;font-size:28px;font-weight:800;line-height:1.25}[data-theme=light] .admin-hero-heading{color:#0f172a}.admin-hero-desc{color:#94a3b8;margin:0;font-size:14.5px;line-height:1.6}[data-theme=light] .admin-hero-desc{color:#475569}.admin-hero-features{flex-direction:column;gap:12px;margin-top:24px;display:flex}.admin-feature-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;display:flex}[data-theme=light] .admin-feature-item{background:#ffffffb3;border:1px solid #e2e8f0}.admin-feature-icon{border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.theme-manage-admin .admin-feature-icon{color:#818cf8;background:#6366f133}.theme-pannel-admin .admin-feature-icon{color:#c084fc;background:#a855f733}.admin-feature-text{color:#e2e8f0;font-size:13px;font-weight:600}[data-theme=light] .admin-feature-text{color:#1e293b}.admin-hero-footer{color:#64748b;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding-top:16px;font-size:11.5px;font-weight:500;display:flex}[data-theme=light] .admin-hero-footer{color:#64748b;border-top-color:#e2e8f0}.admin-login-form-section{background:0 0;flex-direction:column;flex:1.15;justify-content:center;padding:48px 46px;display:flex}.admin-form-header{margin-bottom:28px}.admin-form-badge{letter-spacing:.6px;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.theme-manage-admin .admin-form-badge{color:#818cf8;background:#6366f126}[data-theme=light] .theme-manage-admin .admin-form-badge{color:#4f46e5;background:#eef2ff}.theme-pannel-admin .admin-form-badge{color:#c084fc;background:#a855f726}[data-theme=light] .theme-pannel-admin .admin-form-badge{color:#7e22ce;background:#faf5ff}.admin-form-title{color:#fff;letter-spacing:-.4px;margin:0 0 6px;font-size:26px;font-weight:700}[data-theme=light] .admin-form-title{color:#0f172a}.admin-form-subtitle{color:#94a3b8;margin:0;font-size:13.5px}[data-theme=light] .admin-form-subtitle{color:#64748b}.admin-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;font-weight:500;animation:.3s cubic-bezier(.36,.07,.19,.97) both shake;display:flex}[data-theme=light] .admin-error-banner{color:#dc2626;background:#fef2f2;border-color:#fecaca}.admin-quick-fill{color:#cbd5e1;background:#ffffff0d;border:1px dashed #ffffff26;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:8px 12px;font-size:12px;display:flex}[data-theme=light] .admin-quick-fill{color:#475569;background:#f8fafc;border:1px dashed #cbd5e1}.admin-quick-fill-btn{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f166;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .2s}[data-theme=light] .admin-quick-fill-btn{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.admin-quick-fill-btn:hover{color:#fff;background:#6366f1}.admin-input-group{margin-bottom:18px}.admin-input-label{color:#e2e8f0;margin-bottom:7px;font-size:13px;font-weight:600;display:block}[data-theme=light] .admin-input-label{color:#334155}.admin-input-wrapper{align-items:center;display:flex;position:relative}.admin-input-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.admin-input{color:#fff;box-sizing:border-box;background:#0f172aa6;border:1px solid #ffffff24;border-radius:12px;width:100%;height:48px;padding:0 42px;font-family:inherit;font-size:14px;transition:all .25s}[data-theme=light] .admin-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1}.admin-input:focus{background:#0f172ae6;border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f138}[data-theme=light] .admin-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f12e}.admin-input-wrapper:focus-within .admin-input-icon{color:#818cf8}.theme-pannel-admin .admin-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f738}[data-theme=light] .theme-pannel-admin .admin-input:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f72e}.theme-pannel-admin .admin-input-wrapper:focus-within .admin-input-icon{color:#c084fc}.admin-input-toggle{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .2s,background .2s;display:flex;position:absolute;right:12px}.admin-input-toggle:hover{color:#cbd5e1;background:#ffffff14}[data-theme=light] .admin-input-toggle:hover{color:#0f172a;background:#f1f5f9}.admin-form-options{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:13px;display:flex}.admin-remember-label{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}[data-theme=light] .admin-remember-label{color:#64748b}.admin-checkbox{accent-color:#6366f1;cursor:pointer;border-radius:4px;width:16px;height:16px}.theme-pannel-admin .admin-checkbox{accent-color:#a855f7}.admin-submit-btn{color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:50px;font-family:inherit;font-size:15px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px -5px #00000059}.theme-manage-admin .admin-submit-btn{background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);box-shadow:0 10px 25px -5px #6366f173}.theme-manage-admin .admin-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5 0%,#4338ca 100%);transform:translateY(-2px);box-shadow:0 14px 30px -5px #6366f199}.theme-pannel-admin .admin-submit-btn{background:linear-gradient(135deg,#a855f7 0%,#9333ea 100%);box-shadow:0 10px 25px -5px #a855f773}.theme-pannel-admin .admin-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#9333ea 0%,#7e22ce 100%);transform:translateY(-2px);box-shadow:0 14px 30px -5px #a855f799}.admin-submit-btn:active:not(:disabled){transform:translateY(0)}.admin-submit-btn:disabled{opacity:.65;cursor:not-allowed}.admin-switch-portal{color:#94a3b8;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding-top:18px;font-size:13px;display:flex}[data-theme=light] .admin-switch-portal{color:#64748b;border-top-color:#e2e8f0}.admin-switch-link{color:#818cf8;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.admin-switch-link:hover{color:#a5b4fc;text-decoration:underline}.theme-pannel-admin .admin-switch-link{color:#c084fc}.theme-pannel-admin .admin-switch-link:hover{color:#d8b4fe}.admin-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite spin}@media (width<=900px){.admin-login-card{flex-direction:column;max-width:520px;min-height:auto}.admin-login-hero{display:none}.admin-login-form-section{padding:38px 28px}.admin-login-back-btn{top:16px;left:16px}}.employee-login-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#090d16 0%,#0c1527 50%,#151e36 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px 20px;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:relative;overflow:hidden}[data-theme=light] .employee-login-wrapper{background:linear-gradient(135deg,#f0fdf4 0%,#eff6ff 50%,#f8fafc 100%)}.employee-login-back-btn{z-index:50;-webkit-backdrop-filter:blur(12px);color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:24px;left:28px}[data-theme=light] .employee-login-back-btn{color:#334155;background:#ffffffd9;border:1px solid #cbd5e1;box-shadow:0 4px 12px #0000000d}.employee-login-back-btn:hover{color:#fff;background:#ffffff2e;border-color:#ffffff4d;transform:translate(-3px)}[data-theme=light] .employee-login-back-btn:hover{color:#0f172a;background:#fff;border-color:#94a3b8}.employee-login-card{z-index:10;-webkit-backdrop-filter:blur(20px);background:#0d1424d9;border:1px solid #ffffff1f;border-radius:28px;width:100%;max-width:1040px;min-height:590px;animation:.45s cubic-bezier(.16,1,.3,1) empCardFadeUp;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -20px #000000b3,0 0 0 1px #ffffff0d}[data-theme=light] .employee-login-card{background:#fffffff0;border:1px solid #e2e8f0d9;box-shadow:0 25px 60px -15px #0f172a1f,0 0 0 1px #e2e8f099}@keyframes empCardFadeUp{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.employee-login-hero{background:radial-gradient(circle at 10% 20%,#10b9812e 0%,#0f172a00 70%),linear-gradient(160deg,#10b9811f 0%,#0f172ad9 100%);border-right:1px solid #ffffff14;flex-direction:column;flex:1.05;justify-content:space-between;padding:48px 40px;display:flex;position:relative;overflow:hidden}[data-theme=light] .employee-login-hero{background:radial-gradient(circle at 10% 20%,#10b98124 0%,#fff0 70%),linear-gradient(160deg,#ecfdf5 0%,#f0fdf4 100%);border-right:1px solid #e2e8f0b3}.emp-hero-brand{align-items:center;gap:12px;display:flex}.emp-brand-icon-box{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 20px -4px #10b98173}.emp-brand-title{letter-spacing:-.02em;color:#fff;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}[data-theme=light] .emp-brand-title{color:#0f172a}.emp-brand-badge{text-transform:uppercase;letter-spacing:.05em;color:#34d399;background:#10b98133;border:1px solid #10b98159;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}[data-theme=light] .emp-brand-badge{color:#047857;background:#dcfce7;border-color:#86efac}.emp-hero-content{margin:40px 0}.emp-portal-badge{letter-spacing:.04em;text-transform:uppercase;color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}[data-theme=light] .emp-portal-badge{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.emp-hero-heading{color:#fff;letter-spacing:-.03em;margin:0 0 16px;font-size:32px;font-weight:800;line-height:1.25}[data-theme=light] .emp-hero-heading{color:#0f172a}.emp-hero-heading span{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.emp-hero-description{color:#94a3b8;max-width:420px;margin:0 0 32px;font-size:15px;line-height:1.6}[data-theme=light] .emp-hero-description{color:#475569}.emp-hero-features{flex-direction:column;gap:16px;display:flex}.emp-feature-item{align-items:center;gap:14px;display:flex}.emp-feature-icon{color:#34d399;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}[data-theme=light] .emp-feature-icon{color:#059669;background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 6px #0000000a}.emp-feature-text{color:#cbd5e1;font-size:14px;font-weight:500}[data-theme=light] .emp-feature-text{color:#334155}.emp-hero-footer{color:#64748b;border-top:1px solid #ffffff14;align-items:center;gap:8px;padding-top:20px;font-size:12.5px;display:flex}[data-theme=light] .emp-hero-footer{color:#64748b;border-top:1px solid #e2e8f0b3}.emp-status-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 10px #10b981}.employee-login-form-side{background:#0a101e66;flex-direction:column;flex:1.15;justify-content:center;padding:48px 44px;display:flex;position:relative}[data-theme=light] .employee-login-form-side{background:#fff}.employee-form-header{margin-bottom:28px}.employee-form-title{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:26px;font-weight:700}[data-theme=light] .employee-form-title{color:#0f172a}.employee-form-subtitle{color:#94a3b8;margin:0;font-size:14.5px;line-height:1.5}[data-theme=light] .employee-form-subtitle{color:#64748b}.employee-error-banner{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:22px;padding:12px 16px;font-size:13.5px;line-height:1.5;animation:.35s ease-in-out shakeAlert;display:flex}[data-theme=light] .employee-error-banner{color:#b91c1c;background:#fef2f2;border-color:#fecaca}@keyframes shakeAlert{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.employee-error-banner svg{flex-shrink:0;margin-top:1px}.employee-form{flex-direction:column;gap:20px;display:flex}.emp-input-group{flex-direction:column;gap:6px;display:flex}.emp-input-label{color:#cbd5e1;letter-spacing:.01em;font-size:13px;font-weight:600}[data-theme=light] .emp-input-label{color:#334155}.emp-input-box{align-items:center;display:flex;position:relative}.emp-field-icon{color:#64748b;pointer-events:none;transition:color .2s;position:absolute;left:14px}.emp-input-field{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1.5px solid #ffffff1f;border-radius:12px;outline:none;width:100%;padding:13px 44px;font-family:inherit;font-size:14.5px;transition:all .2s cubic-bezier(.16,1,.3,1)}[data-theme=light] .emp-input-field{color:#0f172a;background:#f8fafc;border:1.5px solid #cbd5e1}.emp-input-field:focus{background:#ffffff14;border-color:#10b981;box-shadow:0 0 0 4px #10b98126}[data-theme=light] .emp-input-field:focus{background:#fff;border-color:#059669;box-shadow:0 0 0 4px #0596691f}.emp-input-box:focus-within .emp-field-icon{color:#10b981}[data-theme=light] .emp-input-box:focus-within .emp-field-icon{color:#059669}.emp-input-field.input-error{border-color:#ef4444!important;box-shadow:0 0 0 4px #ef444426!important}.emp-field-error-msg{color:#f87171;align-items:center;gap:4px;margin-top:2px;font-size:12px;display:flex}[data-theme=light] .emp-field-error-msg{color:#dc2626}.emp-password-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:14px}.emp-password-toggle-btn:hover{color:#cbd5e1}[data-theme=light] .emp-password-toggle-btn:hover{color:#1e293b}.emp-form-options{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.emp-remember-label{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13.5px;display:flex}[data-theme=light] .emp-remember-label{color:#475569}.emp-checkbox{accent-color:#10b981;cursor:pointer;border-radius:4px;width:16px;height:16px}.emp-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:10px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px -5px #10b98166}.emp-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#34d399 0%,#059669 100%);transform:translateY(-2px);box-shadow:0 14px 30px -5px #10b98180}.emp-submit-btn:active:not(:disabled){transform:translateY(0)}.emp-submit-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none;transform:none}.emp-btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.75s linear infinite empSpin}@keyframes empSpin{to{transform:rotate(360deg)}}.emp-form-footer{text-align:center;border-top:1px solid #ffffff14;flex-direction:column;gap:12px;margin-top:24px;padding-top:20px;display:flex}[data-theme=light] .emp-form-footer{border-top:1px solid #e2e8f0}.emp-footer-note{color:#64748b;margin:0;font-size:13px}.emp-admin-switch-link{color:#10b981;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.emp-admin-switch-link:hover{color:#34d399;text-decoration:underline}[data-theme=light] .emp-admin-switch-link{color:#059669}[data-theme=light] .emp-admin-switch-link:hover{color:#047857}@media (width<=900px){.employee-login-card{border-radius:20px;flex-direction:column;max-width:500px;min-height:auto}.employee-login-hero{border-bottom:1px solid #ffffff14;border-right:none;padding:32px 28px}[data-theme=light] .employee-login-hero{border-bottom:1px solid #e2e8f0}.employee-login-form-side{padding:32px 28px}.emp-hero-content{margin:24px 0}.emp-hero-heading{font-size:26px}.employee-login-back-btn{padding:8px 14px;font-size:12px;top:16px;left:16px}}