body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body.dark{background-color:#121212;color:#e0e0e0}body.dark a{color:#bb86fc}body.dark button{background-color:#333;border:1px solid #555;color:#e0e0e0}body.dark button:hover{background-color:#444;border-color:#666}body.dark input[type=email],body.dark input[type=number],body.dark input[type=password],body.dark input[type=text],body.dark select,body.dark textarea{background-color:#1e1e1e;border:1px solid #555;color:#e0e0e0}body.dark input[type=email]:focus,body.dark input[type=number]:focus,body.dark input[type=password]:focus,body.dark input[type=text]:focus,body.dark select:focus,body.dark textarea:focus{border-color:#bb86fc;box-shadow:0 0 0 .2rem #bb86fc40}.skeleton-shimmer{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);display:inline-block}body.dark .skeleton-shimmer{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a 50%,#2a2a2a 75%)}.skeleton-text{display:block;height:16px;margin-bottom:8px;width:100%}.skeleton-title{display:block;height:24px;margin-bottom:12px;width:60%}.skeleton-avatar{display:inline-block;height:40px;width:40px}.skeleton-image{aspect-ratio:1;border-radius:8px;width:100%}.skeleton-button{display:inline-block;height:36px;width:100px}.skeleton-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;gap:12px;padding:16px}body.dark .skeleton-card{background:#1e1e1e}body.dark .Toastify__toast{background:#242424;box-shadow:0 6px 20px #00000080;color:#e0e0e0}body.dark .Toastify__toast--success{background:#123d22;color:#6fdb94}body.dark .Toastify__toast--error{background:#4a1414;color:#ff9c9c}body.dark .Toastify__toast--warning{background:#4a3c00;color:#ffd666}body.dark .Toastify__toast--info{background:#05325c;color:#7ec1ff}body.dark .Toastify__close-button{color:#e0e0e0;opacity:.7}body.dark .Toastify__progress-bar{background:#fff6}body.dark [class$=-control]{background-color:#2a2a2a!important;border-color:#3a3a3a!important}body.dark [class$=-menu]{background-color:#2a2a2a!important;border:1px solid #3a3a3a}body.dark [class$=-option]{background-color:initial!important;color:#e0e0e0!important}body.dark [class$=-option][class*=isFocused],body.dark [class*=-option]:hover{background-color:#383838!important}body.dark [class$=-input] input,body.dark [class$=-singleValue]{color:#e0e0e0!important}body.dark [class$=-placeholder]{color:#8a8a8a!important}body.dark [class$=-indicatorSeparator]{background-color:#3a3a3a!important}:root{--app-bg:#f8fafc;--surface:#fff;--surface-elevated:#fff;--surface-muted:#f1f5f9;--border:#dbe3ee;--border-strong:#cbd5e1;--text:#0f172a;--text-soft:#475569;--text-muted:#64748b;--text-primary:var(--text);--text-secondary:var(--text-soft);--brand:#3b82f6;--brand-dark:#2563eb;--brand-deep:#1d4ed8;--brand-soft:#eff6ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--input-background:#fff;--input-text:#0f172a;--input-placeholder:#94a3b8;--input-border:var(--border);--overlay:#0f172a73;--hover:#0f172a0d;--focus-ring:#3b82f673;--disabled-background:#f1f5f9;--disabled-text:#94a3b8;--shadow-lg:0 20px 45px #0f172a1f;--shadow-md:0 12px 28px #0f172a14;--shadow-sm:0 4px 14px #0f172a0f}body.dark{--app-bg:#1a1a1a;--surface:#242424;--surface-elevated:#2a2a2a;--surface-muted:#202020;--border:#3a3a3a;--border-strong:#4a4a4a;--text:#e0e0e0;--text-soft:silver;--text-muted:#9a9a9a;--text-primary:var(--text);--text-secondary:var(--text-soft);--brand:#5b9dff;--brand-dark:#3b82f6;--brand-deep:#2563eb;--brand-soft:#1e293b;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--input-background:#2a2a2a;--input-text:#e0e0e0;--input-placeholder:#7a7a7a;--input-border:var(--border);--overlay:#000000a6;--hover:#ffffff0f;--focus-ring:#5b9dff80;--disabled-background:#2a2a2a;--disabled-text:#6a6a6a;--shadow-lg:0 20px 45px #0000008c;--shadow-md:0 12px 28px #00000073;--shadow-sm:0 4px 14px #00000059}body,html{background:#f8fafc;background:var(--app-bg);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.dashboard-main,.main-content{max-width:none!important}.dashboard-container .container,.dashboard-container .content-container,.dashboard-container .page-container{margin:0!important;max-width:none!important;width:100%!important}.dashboard-main .content-area,.dashboard-main .table-container,.dashboard-main table{max-width:none!important;width:100%!important}.account-management,.dashboard-container .dashboard-container,.inventory-container,.order-management-dashboard{margin:0!important;max-width:none!important;width:100%!important}@media (min-width:768.02px) and (max-width:1023.98px){.dashboard-main,.main-content{margin-left:70px;width:calc(100% - 70px)}}@media (max-width:768px){.dashboard-main,.main-content{margin-left:0;padding:16px;width:100%}}body.dark{color:#0f172a;color:var(--text)}body.dark,body.dark .dashboard-container,body.dark .dashboard-main{background-color:#f8fafc;background-color:var(--app-bg)}body.dark .dashboard-main{color:#0f172a;color:var(--text)}.ui-page-content{flex:1 1;min-width:0;padding:24px 0}@media (max-width:768px){.ui-page-content{padding:16px 0}}.ui-page-header{align-items:flex-start;animation:uiFadeInUp .35s ease both;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.75rem}.ui-page-header-text{min-width:0}.ui-page-title{color:var(--text);font-size:1.75rem;font-weight:700;letter-spacing:-.01em;margin:0}.ui-page-description{color:var(--text-muted);font-size:.95rem;margin:.35rem 0 0;max-width:60ch}.ui-page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}@media (max-width:480px){.ui-page-title{font-size:1.4rem}.ui-page-actions{width:100%}.ui-page-actions .ui-btn{flex:1 1}}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s ease,transform .2s ease}.ui-card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ui-card-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.ui-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;min-height:40px;padding:.65rem 1.3rem;transition:background .2s ease,box-shadow .2s ease,transform .15s ease,border-color .2s ease;white-space:nowrap}.ui-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.ui-btn:hover:not(:disabled){transform:translateY(-1px)}.ui-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.ui-btn:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ui-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.ui-btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #2563eb47}.ui-btn-secondary{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-soft)}.ui-btn-secondary:hover:not(:disabled){background:var(--hover)}.ui-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.ui-btn-danger:hover:not(:disabled){box-shadow:0 10px 24px #dc262647}.ui-btn-success{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.ui-btn-success:hover:not(:disabled){box-shadow:0 10px 24px #10b98147}.ui-btn-icon{background:var(--surface-muted);border-radius:10px;color:var(--text-soft);min-height:40px;padding:0;width:40px}.ui-btn-icon:hover:not(:disabled){background:var(--hover)}.ui-btn-sm{border-radius:8px;font-size:.8rem;min-height:32px;padding:.4rem .85rem}.ui-btn-spinner{animation:uiSpin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.ui-btn-secondary .ui-btn-spinner{border:2px solid var(--border-strong);border-top-color:var(--text-soft)}.ui-filter-bar{align-items:flex-end;background:var(--surface);border:1px solid var(--border);border-radius:14px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.ui-filter-group{display:flex;flex:1 1 180px;flex-direction:column;gap:.35rem;min-width:160px}.ui-filter-group label{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ui-filter-group input,.ui-filter-group select{background:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:var(--input-text);font-size:.88rem;padding:.55rem .75rem}.ui-filter-group input:focus,.ui-filter-group select:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}@media (max-width:640px){.ui-filter-bar{align-items:stretch;flex-direction:column}.ui-filter-group{min-width:0}}.table-scroll{-webkit-overflow-scrolling:touch;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm);overflow-x:auto}.table-scroll table{border-collapse:collapse;min-width:640px;width:100%}.table-scroll thead th{background:var(--surface-muted);color:var(--text-soft);font-size:.78rem;font-weight:700;letter-spacing:.04em;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;white-space:nowrap;z-index:1}.table-scroll tbody td,.table-scroll thead th{border-bottom:1px solid var(--border);padding:.85rem 1rem}.table-scroll tbody td{color:var(--text);font-size:.88rem}.table-scroll tbody tr{transition:background .15s ease}.table-scroll tbody tr:hover{background:var(--hover)}.table-scroll tbody tr:last-child td{border-bottom:none}.ui-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;gap:.3rem;letter-spacing:.03em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.ui-empty-state{animation:uiFadeInUp .3s ease both;color:var(--text-muted);padding:3.5rem 1.5rem;text-align:center}.ui-empty-icon{display:block;font-size:2.5rem;line-height:1;margin-bottom:.75rem}.ui-empty-title{color:var(--text);font-size:1.05rem;font-weight:700;margin:0 0 .35rem}.ui-empty-message{font-size:.88rem;margin:0}@keyframes uiFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes uiScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes uiSpin{to{transform:rotate(1turn)}}.ui-fade-in{animation:uiFadeInUp .35s ease both}.ui-scale-in{animation:uiScaleIn .2s ease both}@media (prefers-reduced-motion:reduce){.ui-empty-state,.ui-fade-in,.ui-page-header,.ui-scale-in{animation:none}.sidebar,.ui-btn,.ui-card{transition:none}}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}.sidebar{background-color:#696a8f;box-shadow:2px 0 12px #00000014;box-shadow:var(--shadow-md,2px 0 12px #00000014);color:#fff;display:flex;flex-direction:column;font-size:15px;height:100vh;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;transition:transform .25s ease,width .25s ease;width:220px;z-index:1000}.sidebar-backdrop{background:#0f172a80;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:999}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}@media (min-width:768.02px){.sidebar-backdrop{display:none}}.text{font-weight:700}.sidebar-header{border-bottom:1px solid #ffffff1a;font-family:Cinder;font-size:12px;justify-content:center;padding:14px}.sidebar-header h2{color:#fff;font-size:20px;margin:0}.sidebar-nav{flex:1 1;overflow-y:auto}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{position:relative}.dropdown-header,.sidebar-nav li a{align-items:center;color:#ecf0f1;display:flex;padding:15px 20px;text-decoration:none;transition:all .3s}.dropdown-header:hover,.sidebar-nav li a:hover{background-color:#484a83;color:#fff}.icon{margin-right:15px}.dropdown .arrow{margin-left:auto}.dropdown-menu{background-color:#1a252f;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.dropdown.open .dropdown-menu{max-height:300px}.dropdown-menu li a{padding-left:50px}.sidebar-footer{border-top:1px solid #ffffff1a;padding:15px}.logout-btn{align-items:center;background:none;border:none;color:#ecf0f1;cursor:pointer;display:flex;font-size:1rem;padding:10px 15px;width:100%}.logout-btn:hover{background-color:#e74c3c}@media (min-width:768.02px) and (max-width:1023.98px){.sidebar{width:70px}.dropdown .arrow,.sidebar-header h2,.text{display:none}.icon{font-size:1.5rem;margin-right:0}.dropdown-menu li a{padding-left:20px}}@media (max-width:768px){.sidebar{max-width:82vw;transform:translateX(-100%);width:260px}.sidebar.sidebar-open{transform:translateX(0)}.dropdown .arrow,.sidebar-header h2,.text{display:inline}.icon{font-size:1.1rem;margin-right:15px}}body.dark .sidebar{background-color:#1e1e1e;border-right:1px solid #333}body.dark .sidebar-header h2{color:#e0e0e0}body.dark .dropdown-header,body.dark .sidebar-nav li a{color:#ccc}body.dark .dropdown-header:hover,body.dark .sidebar-nav li a:hover{background-color:#333;color:#fff}body.dark .sidebar-footer{border-top:1px solid #333}body.dark .logout-btn{color:#ff8a80}body.dark .logout-btn:hover{background-color:#444}body.dark .dropdown-menu{background-color:#151515}.notification-bell-container{display:inline-block;position:relative}.notification-bell{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;position:relative;transition:all .3s ease;width:44px}.notification-bell:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66;color:#fff;transform:scale(1.1)}.notification-bell:active{transform:scale(.95)}.bell-icon{transition:transform .2s ease}.notification-bell:hover .bell-icon{transform:rotate(10deg)}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #ef444466;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;line-height:1;min-width:20px;padding:0 4px;position:absolute;right:4px;top:4px;z-index:10}body.dark .notification-bell{color:#9ca3af}body.dark .notification-bell:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#f3f4f6}body.dark .notification-badge{border-color:#2a2a2a;border-color:var(--surface,#2a2a2a)}.notification-panel-overlay{align-items:flex-start;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0000001f;bottom:0;display:flex;justify-content:center;left:0;padding:80px 20px 20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeOut{0%{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);opacity:1}to{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}}@keyframes slideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}.notification-panel-overlay.closing{animation:fadeOut .2s ease-in}.notification-panel.closing{animation:slideOut .2s ease-in}.notification-panel{animation:slideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;width:320px}.notification-panel-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-bottom:1px solid #e5e7eb;color:#fffffff2;display:flex;justify-content:space-between;padding:20px 24px 16px}.notification-panel-header h3{color:#fffffff2;font-size:18px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.notification-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;color:#ffffffe6;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s}.mark-all-read-btn:hover{background:#ffffff40;border-color:#fff6;color:#fff}.close-btn{align-items:center;background:#ffffff14;border-radius:50%;color:#fffc;display:flex;font-size:18px;justify-content:center;padding:8px;transition:all .2s}.close-btn:hover{background:#ffffff26;color:#fff;transform:scale(1.05)}.notification-filters{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;overflow-x:auto;padding:16px 20px 0;scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.notification-filters::-webkit-scrollbar{height:6px}.notification-filters::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.notification-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.notification-filters::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:20px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:500;justify-content:center;min-height:36px;padding:8px 16px;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#f8fafc;border-color:#d1d5db;color:#6b7280}.filter-btn.active{background:#3b82f6e6;border-color:#3b82f6e6;color:#fff;font-weight:600}.notification-list{flex:1 1;overflow-y:auto;padding:16px 0}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 24px}.spinner{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:24px;margin-bottom:12px;width:24px}.empty-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 24px}.empty-icon{font-size:48px;margin-bottom:16px}.empty-state p{font-size:16px;font-weight:500;margin:0 0 4px}.empty-state span{font-size:14px;opacity:.7}.notification-category{margin-bottom:24px}.category-header{border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:14px;font-weight:500;gap:8px;margin-bottom:12px;padding:0 24px 12px}.category-icon{font-size:16px}.category-title{text-transform:capitalize}.category-count{color:#6b7280;font-weight:400}.notification-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-left:4px solid #0000;cursor:pointer;display:flex;gap:12px;padding:16px 20px;position:relative;transition:all .2s}.notification-item:hover{background:#f8fafc;transform:translateX(2px)}.notification-item.unread{background:#f0f9ff;border-left:4px solid #0ea5e9;box-shadow:0 2px 4px #0ea5e91a}.notification-item.critical{background:#fef2f2;border-left:4px solid #ef4444;box-shadow:0 2px 4px #ef44441a}.notification-item.urgent{background:#fffbeb;border-left:4px solid #f59e0b;box-shadow:0 2px 4px #f59e0b1a}.notification-content{flex:1 1;min-width:0}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:4px}.notification-title{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.3px;line-height:1.3;margin:0 0 4px;text-transform:uppercase}.product-count-badge{background:#e0e7ff;border-radius:8px;color:#3730a3;font-size:10px;font-weight:600;letter-spacing:0;padding:2px 6px;text-transform:none}.delete-notification-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;flex-shrink:0;font-size:18px;padding:2px;transition:all .2s}.delete-notification-btn:hover{background:#f3f4f6;color:#ef4444}.notification-message{color:#6b7280;font-size:13px;font-weight:400;line-height:1.5;margin:0 0 8px}.notification-meta{align-items:center;display:flex;gap:8px;justify-content:space-between}.notification-time{color:#9ca3af;font-size:11px}.priority-badge{border:1px solid;border-radius:12px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.priority-badge.critical{background:#fef2f2;border-color:#fecaca;color:#dc2626}.priority-badge.urgent{background:#fffbeb;border-color:#fed7aa;color:#d97706}.unread-indicator{animation:pulse 2s infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:50%;box-shadow:0 2px 4px #3b82f64d;flex-shrink:0;height:10px;margin-top:6px;width:10px}@media (max-width:640px){.notification-panel-overlay{justify-content:center;padding:60px 10px 10px}.notification-panel{max-width:300px;width:100%}.notification-panel-header{padding:16px 20px 12px}.notification-filters{-ms-overflow-style:auto;gap:8px;overflow-x:auto;padding:12px 16px 0;scrollbar-width:thin}.notification-filters::-webkit-scrollbar{height:4px}.notification-filters::-webkit-scrollbar-track{background:#f1f5f9}.notification-filters::-webkit-scrollbar-thumb{background:#cbd5e1}.filter-btn{font-size:12px;min-height:32px;padding:6px 12px}.notification-item{padding:12px 16px}.category-header{padding:0 16px 8px}}body.dark .notification-panel{background:#242424;border-color:#3a3a3a;color:#e0e0e0}body.dark .notification-panel-header{background:linear-gradient(135deg,#1e293bf2,#2a2a2af2);border-bottom-color:#3a3a3a}body.dark .notification-panel-header h3{color:#f3f4f6}body.dark .mark-all-read-btn{background:#ffffff14;border-color:#ffffff26;color:#d1d5db}body.dark .mark-all-read-btn:hover{background:#ffffff29;border-color:#ffffff40;color:#f9fafb}body.dark .close-btn{background:#ffffff0f;color:#d1d5db}body.dark .close-btn:hover{background:#ffffff24;color:#f9fafb}body.dark .notification-filters{background:#1e1e1e;border-bottom-color:#3a3a3a;scrollbar-color:#4a4a4a #2a2a2a}body.dark .notification-filters::-webkit-scrollbar-track{background:#2a2a2a}body.dark .notification-filters::-webkit-scrollbar-thumb{background:#4a4a4a}body.dark .notification-filters::-webkit-scrollbar-thumb:hover{background:#6a6a6a}body.dark .filter-btn{background:#ffffff0a;border-color:#4a4a4a;color:#9a9a9a}body.dark .filter-btn:hover{background:#2f2f2f;border-color:#6a6a6a;color:#d1d5db}body.dark .filter-btn.active{background:#5b9dffd9;border-color:#5b9dffd9;color:#fff;font-weight:600}body.dark .notification-list{background:#242424}body.dark .loading-state{color:#9a9a9a}body.dark .spinner{border-color:#5b9dff #3a3a3a #3a3a3a}body.dark .empty-state{color:#9a9a9a}body.dark .empty-icon{opacity:.6}body.dark .notification-item{background:#242424;border-bottom-color:#333}body.dark .notification-item:hover{background:#2f2f2f}body.dark .notification-item.unread{background:#16233d;border-left-color:#5b9dff}body.dark .notification-item.critical{background:#2d1b1b;border-left-color:#f87171}body.dark .notification-item.urgent{background:#2d2411;border-left-color:#fbbf24}body.dark .notification-title{color:#f3f4f6}body.dark .notification-message{color:#d1d5db}body.dark .notification-time{color:#9a9a9a}body.dark .category-header{border-bottom-color:#3a3a3a;color:#d1d5db}body.dark .category-count{color:#9a9a9a}body.dark .product-count-badge{background:#3730a3;color:#e0e7ff}body.dark .delete-notification-btn{color:#7a7a7a}body.dark .delete-notification-btn:hover{background:#374151;color:#f87171}body.dark .priority-badge.critical{background:#2d1b1b;border-color:#7f1d1d;color:#fca5a5}body.dark .priority-badge.urgent{background:#2d2411;border-color:#92400e;color:#fcd34d}.dashboard-topbar{background:#fff;background:var(--surface,#fff);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);height:50px;left:0;margin-bottom:0;margin-top:0;padding:8px 20px;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:100}.mobile-nav-toggle{align-items:center;background:#f1f5f9;background:var(--surface-muted,#f1f5f9);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:8px;cursor:pointer;display:none;flex-direction:column;flex-shrink:0;gap:4px;height:38px;justify-content:center;margin-right:12px;width:38px}.mobile-nav-toggle span{background:#0f172a;background:var(--text,#0f172a);border-radius:2px;display:block;height:2px;width:18px}.mobile-nav-toggle:hover{background:#e2e8f0;background:var(--hover,#e2e8f0)}.dashboard-search{flex:1 1 220px;max-width:420px;min-width:0}.dashboard-search::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.dashboard-topbar-icons{flex-shrink:0}@media (max-width:768px){.mobile-nav-toggle{display:flex}.dashboard-topbar{gap:8px;padding:8px 12px}.dashboard-topbar-icons{gap:10px}.dashboard-search{flex-basis:80px;font-size:14px;padding:8px 12px}}@media (max-width:420px){.dashboard-search{flex-basis:60px}}.avatar-initials{align-items:center;background:#007bff;background:var(--brand,#007bff);border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.avatar-dropdown{background:#fff;background:var(--surface-elevated,#fff);border:1px solid #e0e0e0;border:1px solid var(--border,#e0e0e0);border-radius:8px;box-shadow:0 4px 16px #0000001a;box-shadow:var(--shadow-md,0 4px 16px #0000001a);display:flex;flex-direction:column;min-width:160px;padding:8px 0;position:absolute;right:0;top:48px;z-index:10}.avatar-dropdown button{background:none;border:none;color:#333;color:var(--text,#333);cursor:pointer;font-size:1rem;padding:10px 20px;text-align:left;transition:background .2s}.avatar-dropdown button:hover{background:#f5f5f5;background:var(--hover,#f5f5f5)}.avatar-dropdown .logout-btn{color:#e74c3c;color:var(--danger,#e74c3c);font-weight:600}.avatar-dropdown .logout-btn:hover{background:#ef44441a}.settings-container{margin-right:16px;position:relative}.settings-btn{background:none;border:none;border-radius:50%;cursor:pointer;font-size:1.5rem;padding:8px;transition:background-color .2s}.settings-btn:hover{background-color:#0000000d;background-color:var(--hover,#0000000d)}.settings-dropdown{background:#fff;background:var(--surface-elevated,#fff);border-radius:8px;box-shadow:0 2px 10px #0000001a;box-shadow:var(--shadow-md,0 2px 10px #0000001a);min-width:160px;padding:8px;position:absolute;right:0;top:55px;z-index:1000}.theme-btn{align-items:center;background:none;border:none;border-radius:6px;color:#333;color:var(--text,#333);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s;width:100%}.theme-btn:hover{background-color:#0000000d;background-color:var(--hover,#0000000d)}.theme-btn-active{color:#007bff;color:var(--brand,#007bff)}.theme-btn-active,.theme-btn-active:hover{background-color:#e6f0ff;background-color:var(--brand-soft,#e6f0ff)}body.dark .inventory-container{background-color:#1a1a1a}body.dark .inventory-table{background-color:#2c2c2c;box-shadow:0 2px 8px #0003}body.dark .inventory-table th{color:#fff}body.dark .inventory-table tr{background-color:#2c2c2c}body.dark .inventory-table td{border-color:#404040;color:#fff}body.dark .inventory-filter-select{background-color:#2c2c2c;border-color:#404040;color:#fff}body.dark .inventory-filter-select:focus{border-color:#3bb77e;box-shadow:0 0 0 2px #3bb77e33}body.dark .low-stock-row{background-color:#ff000026}body.dark .low-stock-row:hover{background-color:#f003}body.dark .medium-stock-row{background-color:#ffa50026}body.dark .medium-stock-row:hover{background-color:#ffa50033}body.dark .high-stock-row{background-color:#00800026}body.dark .high-stock-row:hover{background-color:#00800033}.dashboard-container{background:#f6f6f8;background:var(--app-bg,#f6f6f8)}.dashboard-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-search{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:6px;color:#0f172a;color:var(--input-text,#0f172a);font-size:16px;padding:10px 16px;width:320px}.dashboard-topbar-icons{align-items:center;display:flex;gap:20px}.dashboard-avatar img{border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:50%;height:38px;object-fit:cover;width:38px}.dashboard-section{margin-bottom:32px}.dashboard-section h3{font-size:20px;font-weight:600;margin-bottom:16px}.dashboard-cards-row{display:flex;gap:20px}.dashboard-card{align-items:flex-start;background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 2px 8px #0000000a;box-shadow:var(--shadow-sm,0 2px 8px #0000000a);color:#0f172a;color:var(--text,#0f172a);display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:180px;padding:24px 28px}.card-title{color:#888;color:var(--text-muted,#888);font-size:15px;margin-bottom:8px}.card-value{color:#0f172a;color:var(--text,#0f172a);font-size:24px;font-weight:700}.card-low{color:#e53935}.card-red{border-left:6px solid #e53935}.card-orange{border-left:6px solid #ff9800}.card-green{border-left:6px solid #43a047}.card-blue{border-left:6px solid #039be5}.dashboard-month{color:#888;color:var(--text-muted,#888);font-size:14px;font-weight:400}.dashboard-lower{display:flex;gap:24px;margin-top:12px}.dashboard-activity{background:#fff;background:var(--surface,#fff);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);flex:0.9 1;min-width:220px;padding:20px 18px}.activity-list{display:flex;flex-direction:column;gap:14px;margin-top:10px}.activity-card{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:14px 18px}.activity-red{background:#e53935}.activity-orange{background:#ff9800}.activity-green{background:#43a047}.activity-value{font-size:22px;font-weight:700}.activity-icon{font-size:22px;margin-left:10px}.dashboard-top-selling{background:#fff;background:var(--surface,#fff);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);flex:1.2 1;min-width:260px;padding:20px 18px}.top-selling-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.top-selling-header h4{color:#333;color:var(--text,#333);font-size:18px;font-weight:600;margin:0}.month-year-selector{align-items:center;display:flex;gap:8px}.month-select,.year-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--input-background,#fff);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 8px center;background-repeat:no-repeat;background-size:16px;border:2px solid #e1e5e9;border:2px solid var(--input-border,#e1e5e9);border-radius:8px;color:#4a5568;color:var(--input-text,#4a5568);cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:8px 32px 8px 12px;transition:all .2s ease}.month-select:hover,.year-select:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.month-select:focus,.year-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.month-select option,.year-select option{background:#fff;background:var(--input-background,#fff);color:#4a5568;color:var(--input-text,#4a5568);padding:8px}.top-selling-list{list-style:none;margin:16px 0 0;padding:0}.top-selling-list li{align-items:center;display:flex;font-size:16px;font-weight:500;margin-bottom:12px}.product-bar{background:#e0e0e0;border-radius:4px;display:inline-block;height:22px;margin-right:12px;width:22px}.units{color:#888;font-size:15px;margin-left:auto}.dashboard-recent-activity{background:#fff;background:var(--surface,#fff);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);flex:1 1;min-width:220px;padding:20px 18px}.recent-activity-list{display:flex;flex-direction:column;gap:18px;margin-top:16px}.recent-activity-item{align-items:center;display:flex;gap:12px}.activity-avatar{border:2px solid #e0e0e0;border:2px solid var(--border,#e0e0e0);border-radius:50%;height:38px;object-fit:cover;width:38px}.activity-link{color:#039be5;cursor:pointer;font-weight:600}.activity-time{color:#aaa;font-size:13px;margin-top:2px}@media (max-width:1100px){.dashboard-lower{flex-direction:column}}@media (max-width:800px){.dashboard-main{padding:16px 4px 0}.dashboard-cards-row{flex-direction:column;gap:12px}}body.dark .dashboard-lower h4,body.dark .dashboard-section h3{color:var(--text)}body.dark .dashboard-card{box-shadow:var(--shadow-md)}body.dark .card-red{border-left-color:#cf6679}body.dark .card-red .card-value{color:#cf6679}body.dark .card-orange{border-left-color:#ffb74d}body.dark .card-orange .card-value{color:#ffb74d}body.dark .card-green{border-left-color:#81c784}body.dark .card-green .card-value{color:#81c784}body.dark .card-blue{border-left-color:#64b5f6}body.dark .card-blue .card-value{color:#64b5f6}body.dark .card-low{color:#cf6679}body.dark .month-select:hover,body.dark .year-select:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea33}body.dark .month-select:focus,body.dark .year-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark .activity-card div:first-child,body.dark .activity-list .activity-card{color:#e0e0e0}body.dark .top-selling-list li{border-bottom:1px solid #3a3a3a;color:#e0e0e0;margin-bottom:8px;padding-bottom:8px}body.dark .top-selling-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}body.dark .product-bar{background:#555}body.dark .units{color:#b0b0b0}body.dark .recent-activity-item,body.dark .recent-activity-item b,body.dark .recent-activity-item div{color:#e0e0e0}body.dark .activity-link{color:#64b5f6}body.dark .activity-time{color:#b0b0b0}.dashboard-content{margin-bottom:32px;margin-top:24px}.dashboard-content h3{margin-bottom:16px}.skeleton-value{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#e2e8f0 25%,#cbd5e1 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:6px;display:inline-block;height:24px;vertical-align:middle;width:60px}.skeleton-value.skeleton-wide{width:105px}.skeleton-value.skeleton-narrow{height:20px;width:42px}.activity-card .skeleton-value{background:linear-gradient(90deg,#ffffff26 25%,#ffffff4d 50%,#ffffff26 75%);background-size:200% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}body.dark .skeleton-value{background:linear-gradient(90deg,#334155 25%,#475569 50%,#334155 75%);background-size:200% 100%}body.dark .activity-card .skeleton-value{background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%);background-size:200% 100%}.login-container{align-items:center;background-color:#f0f0f0;display:flex;font-family:Cinzel,serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}#username{font-feature-settings:normal!important;font-family:Inter,Arial,Helvetica,sans-serif!important;font-variant:normal!important;letter-spacing:normal!important}#username,.input-container label[for=username]{text-transform:none!important}.dashboard-main{max-width:none}.order-action-bar{align-items:center;background:#f8f9fb;border-radius:8px;box-shadow:0 1px 4px #00000008;display:flex;gap:16px;margin-bottom:18px;padding:12px 20px}.btn-create,.btn-delete,.btn-edit{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 2px #00000005;cursor:pointer;font-size:15px;font-weight:500;margin-right:4px;padding:8px 22px;transition:background .2s,box-shadow .2s}.btn-edit{background:#6c63ff!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-weight:600!important;padding:7px 18px!important;transition:background .2s}.btn-edit:hover{background:#554ee2!important}.btn-delete{border-color:#e53935;color:#e53935}.btn-delete:hover{background:#ffeaea}.btn-create{background:#6c63ff;border:none;color:#fff}.btn-create:hover{background:#5146c7}.order-filters{gap:14px}.order-filters input[type=text],.order-filters select{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;padding:8px 14px}.order-filters input[type=text]{width:200px}.order-details-layout{gap:24px;min-height:420px}.order-list{border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;max-width:240px;min-width:240px;padding:18px 0 0}.order-list-title{border-bottom:1px solid #f0f0f0;color:#6c63ff;letter-spacing:.5px;margin-bottom:10px;padding:0 20px 12px}.order-list-item{border-bottom:1px solid #f5f5f5;border-radius:6px;gap:12px;padding:12px 20px}.order-list-item.selected,.order-list-item:hover{background:#f3f6fa}.order-price{font-size:15px;margin-right:10px}.order-status{background:#f0f0f0;border-radius:4px;color:#6c63ff;font-size:13px;font-weight:600;margin-left:8px;min-width:60px;padding:2px 10px;text-align:center}.status-invoiced{background:#e53935;color:#fff}.status-packed{background:#ff9800;color:#fff}.status-shipped{background:#43a047;color:#fff}.status-complete{background:#039be5;color:#fff}.order-details-panel{border-radius:14px;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;font-size:18px;min-height:320px;padding:48px 48px 32px}.order-details-panel .section-title,.order-details-panel h2{color:#222;font-size:22px;font-weight:700;margin-bottom:12px}.order-details-panel hr{border:none;border-top:1.5px solid #eee;margin:24px 0}.order-details-panel .order-status-badge{background:#e0e7ff;border-radius:8px;color:#5146c7;display:inline-block;font-size:18px;font-weight:600;margin-left:18px;padding:6px 22px;text-transform:capitalize}.order-details-panel .status-to-be-pack{background:#ffe082;color:#7c6f00}.order-details-panel .status-ready-to-ship{background:#b2f0e6;color:#00796b}.order-details-panel .status-completed{background:#b2dfdb;color:#00695c}.order-details-panel .status-invoice{background:#ffd6d6;color:#b71c1c}.order-details-panel .status-cancelled{background:#e0e0e0;color:#888}.order-details-panel .section-title{color:#444;font-size:20px;font-weight:700;margin-bottom:8px;margin-top:24px}.order-details-panel .details-row{display:flex;gap:32px;margin-bottom:6px}.order-details-panel .details-label{color:#888;font-weight:500;min-width:120px}.order-details-panel .details-value{color:#222;font-weight:500}.order-details-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.order-details-title{font-size:22px;font-weight:700}.order-details-code{color:#888;font-size:15px;margin-top:2px}.order-details-actions{display:flex;gap:10px}.icon-btn{background:#f3f6fa;border-radius:8px;font-size:18px;padding:7px 12px;transition:background .2s}.icon-btn:hover{background:#e0e7ff}.order-details-content{display:flex;flex-direction:column;gap:18px;min-height:180px}@media (max-width:1100px){.order-details-layout{flex-direction:column}}@media (max-width:800px){.order-details-panel{padding:14px 4px 8px}.order-list{max-width:100px;min-width:100px;padding:6px 0 0}}.modal-input{background:#f8f9fb;border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;font-size:15px;margin-bottom:2px;margin-top:6px;padding:9px 12px;transition:border .2s,box-shadow .2s}.modal-input:focus{background:#fff;border:1.5px solid #6c63ff;box-shadow:0 2px 8px #6c63ff14}.modal label{display:flex;flex-direction:column;font-size:15px;margin-bottom:2px}.modal-backdrop{background:#00000080;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0}.modal,.modal-backdrop{align-items:center;display:flex}.modal{background:#fff;border-radius:16px;box-shadow:0 8px 32px #2c3e5021;flex-direction:column;max-width:500px;padding:32px;position:relative;width:95vw}.modal h2{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:20px}.modal .modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;width:100%}.btn-delete{background:#e74c3c;border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:7px 18px;transition:background .2s}.btn-delete:hover{background:#c0392b}.btn-cancel{background:#fff;border:1px solid #bbb;border-radius:6px;color:#333;padding:7px 18px;transition:background .2s}.btn-cancel:hover{background:#f0f0f0}.modal .product-list{margin-top:16px}.modal .product-item{align-items:center;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:16px;margin-bottom:8px;padding:12px}.modal .product-info{flex:1 1}.modal .product-name{color:#333;font-weight:500}.modal .product-price{color:#666;font-size:14px}.modal .product-quantity{border:1px solid #e0e0e0;border-radius:4px;padding:6px;text-align:center;width:80px}@media (max-width:768px){.modal{margin:20px;width:95%}.modal-content{padding:20px}.modal-title{font-size:20px}}.order-details-container{margin:0 auto;max-width:1200px;padding:20px}.order-header{align-items:center;margin-bottom:30px}.status-badge{font-size:.9em}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.processing{background-color:#cce5ff;color:#004085}.status-badge.completed{background-color:#d4edda;color:#155724}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.order-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.info-section h3{border-bottom:2px solid #f0f0f0;color:#333;margin-bottom:15px;padding-bottom:10px}.info-section h4{color:#555;margin:15px 0 10px}.info-section p{color:#666;margin:8px 0}.info-section strong{color:#333}.order-items{grid-gap:20px;display:grid;gap:20px}.order-item{background:#f8f9fa;border-radius:4px;display:flex;gap:15px;padding:15px}.order-item img{border-radius:4px;height:80px;object-fit:cover;width:80px}.item-details h4{color:#333;margin:0 0 8px}.item-details p{color:#666;margin:4px 0}.custom-details,.wedding-details{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.custom-details h3,.wedding-details h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;margin-bottom:15px;padding-bottom:10px}.custom-details p,.wedding-details p{color:#666;margin:8px 0}.custom-details ul{list-style:none;margin:10px 0;padding:0}.custom-details li{border-bottom:1px solid #f0f0f0;padding:8px 0}.custom-details li:last-child{border-bottom:none}.personalization-details{background:#f8f9fa;border-radius:4px;margin-top:10px;padding:15px}.personalization-details p{align-items:center;display:flex;justify-content:space-between;margin:5px 0}.personalization-details strong{color:#2c3e50;font-weight:600}.modal-backdrop{z-index:1000}.modal{z-index:1010}.order-details-modal-dim{filter:blur(1px);opacity:.3;pointer-events:none;transition:opacity .2s,filter .2s}body.dark .order-action-bar{background:var(--surface-muted);box-shadow:none}body.dark .btn-cancel,body.dark .btn-create,body.dark .btn-delete,body.dark .btn-edit{background:var(--surface-elevated);border-color:var(--border);color:var(--text)}body.dark .btn-cancel:hover{background:var(--hover)}body.dark .btn-delete{border-color:#ff8a80;color:#ff8a80}body.dark .btn-delete:hover{background:#ff8a801f}body.dark .selected-count{color:var(--text-muted)}body.dark .order-filters input[type=text],body.dark .order-filters select{background:var(--input-background);border-color:var(--input-border);color:var(--input-text)}body.dark .custom-details,body.dark .info-section,body.dark .order-details-panel,body.dark .order-list,body.dark .wedding-details{background:var(--surface-elevated);border:1px solid var(--border);box-shadow:none}body.dark .order-list-title{color:var(--brand)}body.dark .order-list-item,body.dark .order-list-title{border-bottom-color:var(--border)}body.dark .order-list-item.selected,body.dark .order-list-item:hover{background:var(--hover)}body.dark .order-code,body.dark .order-details-code{color:var(--text-muted)}body.dark .order-status{background:var(--surface-muted);color:var(--brand)}body.dark .order-details-panel .section-title,body.dark .order-details-panel h2,body.dark .order-details-title{color:var(--text)}body.dark .order-details-panel hr{border-top-color:var(--border)}body.dark .order-details-panel .details-label{color:var(--text-muted)}body.dark .order-details-panel .details-value{color:var(--text)}body.dark .icon-btn{background:var(--surface-muted);color:var(--text)}body.dark .icon-btn:hover{background:var(--hover)}body.dark .modal-input{background:var(--input-background);border-color:var(--input-border);color:var(--input-text)}body.dark .modal-input:focus{background:var(--surface-elevated);border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring)}body.dark .modal label{color:var(--text)}body.dark .modal-backdrop{background:var(--overlay)}body.dark .modal{background:var(--surface-elevated);box-shadow:var(--shadow-lg)}body.dark .modal,body.dark .modal h2{color:var(--text)}body.dark .modal .product-item{background:var(--surface-muted);border-color:var(--border)}body.dark .modal .product-name{color:var(--text)}body.dark .modal .product-price{color:var(--text-muted)}body.dark .modal .product-quantity{background:var(--input-background);border-color:var(--input-border);color:var(--input-text)}body.dark .info-section h3{border-bottom-color:var(--border);color:var(--text)}body.dark .info-section h4{color:var(--text-soft)}body.dark .info-section p{color:var(--text-muted)}body.dark .info-section strong{color:var(--text)}body.dark .personalization-details{background:var(--surface-muted)}body.dark .personalization-details strong{color:var(--text)}body.dark .order-item{background:var(--surface-muted)}body.dark .item-details h4{color:var(--text)}body.dark .item-details p{color:var(--text-muted)}body.dark .custom-details h3,body.dark .wedding-details h3{border-bottom-color:var(--border);color:var(--text)}body.dark .custom-details p,body.dark .wedding-details p{color:var(--text-muted)}body.dark .custom-details li{border-bottom-color:var(--border)}body.dark .status-badge.pending{background-color:#4a3c00;color:#ffd666}body.dark .status-badge.processing{background-color:#05325c;color:#7ec1ff}body.dark .status-badge.completed{background-color:#123d22;color:#6fdb94}body.dark .status-badge.cancelled{background-color:#4a1414;color:#ff9c9c}body.dark .order-details-panel .status-to-be-pack{background:#4a3c00;color:#ffd666}body.dark .order-details-panel .status-ready-to-ship{background:#0d3d38;color:#66d9c4}body.dark .order-details-panel .status-completed{background:#123d22;color:#6fdb94}body.dark .order-details-panel .status-invoice{background:#4a1414;color:#ff9c9c}body.dark .order-details-panel .status-cancelled{background:var(--surface-muted);color:var(--text-muted)}.od-action-bar{background:var(--surface);border-bottom:1px solid var(--border)}.od-columns-container{background:var(--app-bg)}.od-column{background:var(--surface)}.od-column-header{border-bottom:2px solid var(--border)}.od-column-title{color:var(--text)}.od-order-count{background:var(--surface-muted);color:var(--text-soft)}.od-order-card{background:var(--surface);border:1px solid var(--border)}.od-order-card:hover{border-color:var(--brand)}.od-order-name{color:var(--text)}.od-empty-column,.od-modal-close,.od-order-info{color:var(--text-muted)}.od-modal-close:hover{color:var(--text)}.od-details-modal{background:var(--surface-elevated)}.od-details-column{border-right:2px solid var(--border);color:var(--text)}.od-details-column-plain{border-right:none}.od-whats-inside{background:var(--surface-muted);color:var(--text)}.od-whats-inside-left{border-right:2px solid var(--border)}.od-product-table-head-row{background:var(--surface-muted)}.od-form-error{color:var(--danger)}.od-product-table{color:var(--text)}.od-small-input{background:#fff;background:var(--input-background,#fff);border:1px solid #ccc;border:1px solid var(--input-border,#ccc);border-radius:4px;color:#1f2937;color:var(--input-text,#1f2937)}.modal-close-btn{color:var(--text)}body.dark .od-order-card:hover{box-shadow:0 4px 12px #00000059}.topbar-customer{background:#f1f0e2;border-bottom:1px solid #f0e9d2;padding:0;width:100%;z-index:100}.topbar-customer-nav{height:60px;margin:0 auto;max-width:1600px;position:relative}.topbar-customer-links,.topbar-customer-nav{align-items:center;display:flex;justify-content:center}.topbar-customer-links{flex:1 1;gap:32px}.topbar-customer-links.left{justify-content:flex-end}.topbar-customer-links.right{justify-content:flex-start;position:relative}.topbar-customer-links-far-right{background-color:#4a4a6a}.topbar-customer-link{color:#7a7a8c;font-family:Cormorant Garamond,serif;font-size:12px;font-weight:500;letter-spacing:.12em;padding:2px 0;position:relative;text-decoration:none;text-transform:uppercase;transition:color .2s}.topbar-customer-link.active,.topbar-customer-link:hover{color:#4a4a6a}.topbar-customer-link.active:after{background:#4a4a6a;border-radius:1px;content:"";display:block;height:2px;margin:6px auto 0;width:70%}.topbar-customer-logo-block{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 32px;min-width:160px}.topbar-customer-logo{display:block;margin-bottom:2px;max-height:60px;max-width:60px}.topbar-customer-logo-text{color:#7a7a8c;font-family:Cormorant Garamond,serif;font-size:14px;font-weight:600;letter-spacing:.08em;line-height:1.1;margin-top:0;text-align:center}.topbar-customer-logo-sub{color:#b0b0b0;font-family:Cormorant Garamond,serif;font-size:12px;font-weight:400;letter-spacing:.12em}@media (max-width:900px){.topbar-customer-nav{flex-direction:column;height:auto;padding:12px 0}.topbar-customer-links{flex:initial;gap:24px}.topbar-customer-logo-block{margin:12px 0}}@media (max-width:600px){.topbar-customer-nav{flex-direction:column;height:auto;padding:8px 0}.topbar-customer-links{font-size:14px;gap:12px}.topbar-customer-logo-block{margin:8px 0;min-width:100px}.topbar-customer-logo{max-height:36px;max-width:36px}.topbar-customer-logo-text{font-size:14px}}.customer-profile{display:inline-block;position:relative}.customer-dropdown-menu{background:#fff;border-radius:4px;box-shadow:0 4px 16px #0000001a;display:block;flex-direction:column;font-family:inherit;margin-top:6px;min-width:180px;opacity:1;padding:8px 0 0;position:absolute;right:0;top:110%;transition:opacity .2s,visibility .2s;visibility:visible;z-index:1000}.customer-dropdown-menu.hidden{opacity:0;visibility:hidden}.customer-dropdown-menu button{background:none;border:none;color:#444;cursor:pointer;font-size:15px;padding:12px 20px;text-align:left;transition:background .2s,color .2s;width:100%}.customer-dropdown-menu button:hover{background:#f5f5f5;color:#21258f}.customer-dropdown-menu .logout-btn{background:#f44336;border-radius:0 0 4px 4px;color:#fff;font-weight:700;margin-top:6px;transition:background .2s,color .2s}.customer-dropdown-menu .logout-btn:hover{background:#d32f2f;color:#fff}.customer-avatar{border:2px solid #fff;object-fit:cover}.customer-avatar,.customer-avatar-initials{box-shadow:0 2px 8px #00000014;cursor:pointer;height:38px;width:38px}.customer-avatar-initials{align-items:center;background:#e5e7eb;border:2px solid #fff;border-radius:50%;color:#374151;display:flex;font-size:14px;font-weight:700;justify-content:center}.cart-icon-container{display:inline-block;position:relative}.cart-link{align-items:center;display:flex;font-size:18px;justify-content:center;position:relative;text-decoration:none;transition:all .2s ease}.cart-link:hover{transform:scale(1.1)}.cart-badge{align-items:center;animation:pulse 2s infinite;background:#e74c3c;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-family:Arial,sans-serif;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.cart-link.active .cart-badge{background:#4a4a6a}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:none;height:40px;left:1rem;padding:.5rem;position:fixed;top:10px;width:40px;z-index:1001}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-around;position:relative;width:24px}.hamburger span{background-color:#4a4a6a;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.hamburger.open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width:1024px){.topbar-customer-nav{padding:0 1rem}.topbar-customer-links{gap:clamp(1rem,2vw,2rem)}.topbar-customer-link{font-size:clamp(.7rem,1.5vw,.75rem)}.topbar-customer-logo-block{margin:0 1rem;min-width:120px}}.desktop-only{display:flex}.topbar-customer-mobile-menu{display:none}@media (max-width:900px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.desktop-only{display:none!important}.topbar-customer-nav{flex-direction:row;height:60px;justify-content:center;padding:0 1rem;position:relative}.topbar-customer-logo-block{left:auto;margin:0;position:relative;transform:none;z-index:1000}.topbar-customer-mobile-menu{align-items:flex-start;background:#f1f0e2;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;gap:1.5rem;height:calc(100vh - 60px);left:-100%;overflow-y:auto;padding:2rem 1.5rem;position:fixed;top:60px;transition:left .3s ease;width:280px;z-index:999}.topbar-customer-mobile-menu.mobile-open{left:0}.topbar-customer-mobile-menu .topbar-customer-link{color:#7a7a8c;font-size:1rem;padding:.5rem 0;text-decoration:none;width:100%}.topbar-customer-mobile-menu .topbar-customer-link.active,.topbar-customer-mobile-menu .topbar-customer-link:hover{color:#4a4a6a}.topbar-customer-mobile-menu .logout-btn{border-top:1px solid #e0d9c8;color:#f44336;font-weight:600;margin-top:1rem;padding-top:1rem}.topbar-customer-mobile-menu .logout-btn:hover{color:#d32f2f}.customer-profile{width:100%}.customer-dropdown-menu{box-shadow:none;margin-top:.5rem;position:static;width:100%}.cart-icon-container{width:100%}}@media (max-width:600px){.topbar-customer-nav{height:56px}.mobile-menu-toggle{left:.5rem}.topbar-customer-logo{max-height:48px;max-width:48px}.topbar-customer-mobile-menu{height:calc(100vh - 56px);max-width:100vw;padding:1.5rem 1rem;top:56px;width:100%}.topbar-customer-mobile-menu .topbar-customer-link{font-size:.95rem}}@media (max-width:480px){.topbar-customer-nav{height:52px}.topbar-customer-logo{max-height:42px;max-width:42px}.topbar-customer-mobile-menu{gap:1rem;height:calc(100vh - 52px);padding:1rem;top:52px}.topbar-customer-mobile-menu .topbar-customer-link{font-size:.9rem;padding:.4rem 0}.customer-avatar,.customer-avatar-initials{font-size:12px;height:34px;width:34px}.cart-badge{font-size:9px;height:18px;right:-6px;top:-6px;width:18px}}@media (max-width:900px) and (orientation:landscape){.topbar-customer-mobile-menu{height:calc(100vh - 60px);overflow-y:auto}}@media (hover:none) and (pointer:coarse){.customer-dropdown-menu button,.topbar-customer-link{align-items:center;display:flex;min-height:44px}}.portal-modal-backdrop{align-items:center;background:#0009;background:var(--overlay,#0009);display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.portal-modal-content{background:#fff;background:var(--surface-elevated,#fff);border:1px solid #0000;border:1px solid var(--border,#0000);border-radius:12px;box-shadow:0 8px 40px #0000002e;box-shadow:var(--shadow-lg,0 8px 40px #0000002e);color:#0f172a;color:var(--text,#0f172a);max-height:90vh;max-width:1100px;overflow:auto;padding:20px;width:min(95vw,1100px)}@media (max-width:800px){.portal-modal-content{margin:12px;width:95vw}}.invoices-page{background:#f6f7f9;background:var(--app-bg,#f6f7f9);color:#1f2937;color:var(--text,#1f2937);display:flex;min-height:100vh}.invoices-main{flex:1 1;min-width:0}.invoices-content{padding:24px}.invoices-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.invoices-header h1{color:#2c3e50;color:var(--text,#2c3e50);font-family:Cormorant Garamond,serif;font-size:34px;margin:0 0 6px}.invoices-header p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.invoice-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.invoice-filters input,.invoice-filters select,.invoice-form-grid input,.invoice-form-grid select,.invoice-form-grid textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #d8dee7;border:1px solid var(--input-border,#d8dee7);border-radius:6px;color:#1f2937;color:var(--input-text,#1f2937);font-size:14px;padding:10px 12px}.invoice-filters input::placeholder,.invoice-form-grid input::placeholder,.invoice-form-grid textarea::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.invoice-table-wrap{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:auto}.invoice-table{border-collapse:collapse;color:#1f2937;color:var(--text,#1f2937);min-width:1120px;width:100%}.invoice-table td,.invoice-table th{border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--border,#edf0f3);font-size:14px;padding:12px 14px;text-align:left}.invoice-table th{background:#f8fafc;background:var(--surface-muted,#f8fafc);color:#475569;color:var(--text-soft,#475569);font-weight:700}.invoice-number{color:#2c3e50;color:var(--text,#2c3e50);font-weight:700}.invoice-actions{display:flex;flex-wrap:wrap;gap:8px}.invoice-btn{background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--border-strong,#cbd5e1);border-radius:6px;color:#334155;color:var(--text-soft,#334155);cursor:pointer;font-weight:700;padding:8px 10px}.invoice-btn.primary{background:#2c3e50;border-color:#2c3e50;color:#fff}.invoice-btn.success{background:#1f9d55;border-color:#1f9d55;color:#fff}.invoice-btn.danger{background:#fff;border-color:#dc2626;color:#dc2626}.invoice-btn:disabled{cursor:not-allowed;opacity:.55}.invoice-status{align-items:center;background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:800;padding:4px 9px}.invoice-status.PAID{background:#dcfce7;color:#166534}.invoice-status.ISSUED,.invoice-status.UNPAID{background:#fef3c7;color:#92400e}.invoice-status.CANCELLED{background:#fee2e2;color:#991b1b}.invoice-modal-backdrop{align-items:center;background:#0f172a7a;background:var(--overlay,#0f172a7a);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.invoice-modal{background:#fff;background:var(--surface-elevated,#fff);border-radius:8px;box-shadow:0 20px 70px #0f172a38;box-shadow:var(--shadow-lg,0 20px 70px #0f172a38);color:#1f2937;color:var(--text,#1f2937);max-height:88vh;overflow:auto;width:min(760px,96vw)}.invoice-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.invoice-modal-header h2{color:#2c3e50;color:var(--text,#2c3e50);margin:0 0 6px}.invoice-modal-body{padding:24px}.invoice-preview-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.invoice-preview-grid div{background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;padding:12px}.invoice-preview-grid .invoice-balance-highlight{background:#fff7ed;border-color:#fdba74}.invoice-preview-grid span{color:#64748b;color:var(--text-muted,#64748b);display:block;font-size:12px;font-weight:700;text-transform:uppercase}.invoice-preview-grid strong{color:#111827;color:var(--text,#111827);display:block;margin-top:4px}.invoice-balance-cell,.invoice-balance-highlight strong{color:#b45309;font-weight:800}.invoice-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-form-grid label{color:#334155;color:var(--text-soft,#334155);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px}.invoice-form-grid label.full{grid-column:1/-1}.invoice-modal-footer{display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 22px}.invoice-summary-box{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:hidden}.invoice-summary-row{background:#0000;background:var(--surface,#0000);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.invoice-summary-row:last-child{border-bottom:0}.invoice-summary-row span{color:#64748b;color:var(--text-muted,#64748b);font-weight:700}.invoice-summary-row strong{color:#111827;color:var(--text,#111827)}.order-invoice-section{border-top:1px solid #e6eaf0;border-top:1px solid var(--border,#e6eaf0);margin-top:24px;padding-top:20px}.order-invoice-section h3{color:#2c3e50;color:var(--text,#2c3e50);font-family:Cormorant Garamond,serif;font-size:24px;margin:0 0 14px}.order-invoice-list{grid-gap:10px;display:grid;gap:10px}.order-invoice-row{background:#fafafa;background:var(--surface-muted,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:12px}.order-invoice-row-top{display:flex;gap:12px;justify-content:space-between;margin-bottom:10px}.order-invoice-empty{color:#64748b;color:var(--text-muted,#64748b);font-size:14px;margin-bottom:12px}.order-invoice-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:760px){.invoice-form-grid,.invoice-preview-grid,.invoices-header{display:block;grid-template-columns:1fr}.invoice-form-grid label,.invoice-preview-grid div{margin-bottom:12px}}body.dark .invoice-status{background:#3a3a3a;color:#e0e0e0}body.dark .invoice-status.PAID{background:#14351f;color:#4ade80}body.dark .invoice-status.ISSUED,body.dark .invoice-status.UNPAID{background:#3a2f1a;color:#fbbf24}body.dark .invoice-status.CANCELLED{background:#3a1f1f;color:#f87171}body.dark .invoice-btn.primary{background:#5b9dff;background:var(--brand,#5b9dff);border-color:#5b9dff;border-color:var(--brand,#5b9dff);color:#0f172a}body.dark .invoice-btn.success{background:#1f9d55;border-color:#1f9d55;color:#fff}body.dark .invoice-btn.danger{background:#0000;border-color:#f87171;color:#f87171}body.dark .invoice-preview-grid .invoice-balance-highlight{background:#3a2f1a;border-color:#7c5a1e}body.dark .invoice-balance-cell,body.dark .invoice-balance-highlight strong{color:#fbbf24}body.dark .order-invoice-row{background:#202020;background:var(--surface-muted,#202020)}.add-order-modal{background:#fff;background:var(--surface-elevated,#fff);border-radius:12px;color:#0f172a;color:var(--text,#0f172a);display:flex;flex-direction:column;max-height:88vh;overflow:hidden;width:min(1200px,92vw)}.aom-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;flex-shrink:0;justify-content:space-between;padding:18px 24px}.aom-header h2{color:var(--text);font-size:1.3rem;margin:0}.aom-close{background:#f1f5f9;background:var(--surface-muted,#f1f5f9);border:none;border-radius:8px;color:var(--text-soft);cursor:pointer;font-size:1.1rem;height:32px;line-height:1;width:32px}.aom-close:hover{background:#e2e8f0;background:var(--hover,#e2e8f0)}.aom-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#b91c1c;flex-shrink:0;font-size:.9rem;margin:12px 24px 0;padding:10px 14px}body.dark .aom-error{background:#3a1f1f;border-color:#6b2b2b;color:#ff8080}.aom-body{display:flex;flex:1 1;gap:24px;overflow-y:auto;padding:20px 24px}.aom-left{display:flex;flex:1 1 400px;flex-direction:column;gap:18px;min-width:340px}.aom-right{flex:1.3 1 480px;gap:16px;min-width:380px}.aom-field-group,.aom-right{display:flex;flex-direction:column}.aom-field-group{gap:6px}.aom-label{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.aom-sublabel{color:var(--text-soft);font-size:.82rem;font-weight:600;margin-top:6px}.aom-input{background:#fff;background:var(--input-background,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,var(--border,#d1d5db));border-radius:8px;box-sizing:border-box;color:#0f172a;color:var(--input-text,#0f172a);font-size:.92rem;padding:9px 12px;width:100%}.aom-input::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.aom-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f633;box-shadow:0 0 0 3px var(--focus-ring,#3b82f633);outline:none}.aom-grid-2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.aom-segmented{display:flex;gap:8px}.aom-segment{background:var(--surface);border:1.5px solid var(--border);border-radius:10px;color:var(--text-soft);cursor:pointer;flex:1 1;font-weight:600;padding:12px 14px;text-align:center;transition:all .15s ease}.aom-segment.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-dark)}.aom-segmented-sm .aom-segment{font-size:.85rem;padding:8px 10px}.aom-hint{color:var(--text-muted);font-size:.78rem;margin:2px 0 0}.aom-customer-search{position:relative}.aom-customer-results{background:#fff;background:var(--surface-elevated,#fff);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-md);left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:20}.aom-customer-result{background:#0000;border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;flex-direction:column;padding:8px 12px;text-align:left;width:100%}.aom-customer-result:last-child{border-bottom:none}.aom-customer-result:hover{background:var(--hover)}.aom-customer-result-name{font-size:.88rem;font-weight:600}.aom-customer-result-meta{color:var(--text-muted);font-size:.78rem}.aom-customer-result-empty{color:var(--text-muted);font-size:.82rem;padding:10px 12px}.aom-selected-customer{align-items:center;color:var(--text-soft);display:flex;font-size:.85rem;gap:8px;margin-top:6px}.aom-link-btn{background:none;border:none;color:var(--brand);cursor:pointer;font-size:.8rem;padding:0;text-decoration:underline}.aom-product-browser{background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.aom-product-browser-controls{display:flex;gap:8px}.aom-category-select{flex-shrink:0;max-width:160px}.aom-product-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-height:220px;overflow-y:auto;padding-right:2px}.aom-product-card{background:#fff;background:var(--surface-elevated,#fff);border:1px solid var(--border);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px;position:relative;text-align:left}.aom-product-card:hover:not(.disabled):not(.added){border-color:var(--brand)}.aom-product-card.added{cursor:default;opacity:.6}.aom-product-card.disabled{cursor:not-allowed;opacity:.45}.aom-product-name{color:var(--text);font-size:.85rem;font-weight:700}.aom-product-meta{color:var(--text-muted);font-size:.75rem}.aom-product-stock{color:#047857;color:var(--success,#047857);font-size:.72rem}.aom-product-stock.out{color:#dc2626;color:var(--danger,#dc2626)}.aom-product-badge{background:var(--brand);border-radius:999px;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;position:absolute;right:6px;top:6px}.aom-empty{color:var(--text-muted);font-size:.85rem;padding:8px 0}.aom-selected-panel{border:1px solid var(--border);border-radius:12px;padding:14px}.aom-section-title{color:var(--text);font-size:.9rem;margin:0 0 8px}.aom-selected-list{display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.aom-selected-row{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:8px 10px}.aom-selected-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.aom-selected-name{align-items:center;color:var(--text);display:flex;font-size:.85rem;font-weight:600;gap:6px}.aom-default-badge{background:var(--brand-soft);border-radius:999px;color:var(--brand-dark);font-size:.65rem;font-weight:700;padding:2px 6px}.aom-selected-meta{color:var(--text-muted);font-size:.75rem}.aom-stock-warning{color:#dc2626;color:var(--danger,#dc2626);font-size:.72rem;font-weight:600}.aom-qty-stepper{align-items:center;display:flex;gap:6px}.aom-qty-stepper button{background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer;font-weight:700;height:26px;width:26px}.aom-qty-stepper button:disabled{cursor:not-allowed;opacity:.4}.aom-qty-stepper span{font-weight:600;min-width:22px;text-align:center}.aom-line-total{color:var(--text);font-weight:700;min-width:80px;text-align:right}.aom-remove-btn{background:none;border:none;color:#dc2626;color:var(--danger,#dc2626);cursor:pointer;font-size:1.1rem;padding:0 4px}.aom-summary{border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:14px}.aom-boxes-stepper{gap:8px}.aom-boxes-stepper button{height:32px;width:32px}.aom-boxes-input{max-width:80px;text-align:center}.aom-totals{border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:4px;padding-top:10px}.aom-total-row{color:var(--text);display:flex;font-size:.95rem;justify-content:space-between}.aom-total-row.muted{color:var(--text-muted);font-size:.82rem}.aom-footer{background:#fff;background:var(--surface-elevated,#fff);border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:14px 24px}.aom-btn{border:none;border-radius:8px;cursor:pointer;font-size:.92rem;font-weight:600;padding:10px 22px}.aom-btn-secondary{background:#e2e8f0;background:var(--surface-muted,#e2e8f0);color:var(--text-soft)}.aom-btn-secondary:hover{background:var(--hover)}.aom-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.aom-btn-primary:disabled,.aom-btn-secondary:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.add-order-modal{width:95vw}.aom-body{flex-direction:column}.aom-grid-2{grid-template-columns:1fr}}body.dark .aom-btn-secondary,body.dark .aom-close,body.dark .aom-customer-result,body.dark .aom-link-btn,body.dark .aom-product-card,body.dark .aom-qty-stepper button,body.dark .aom-remove-btn,body.dark .aom-segment{background:var(--surface-muted);border-color:var(--border);color:var(--text-soft)}body.dark .aom-close:hover,body.dark .aom-customer-result:hover,body.dark .aom-qty-stepper button:hover:not(:disabled){background:var(--hover)}body.dark .aom-segment.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}body.dark .aom-product-card{background:var(--surface-elevated);color:var(--text)}body.dark .aom-link-btn,body.dark .aom-remove-btn{background:#0000;border:none;color:var(--danger)}body.dark .aom-link-btn{color:var(--brand)}body.dark .aom-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));border:none;color:#fff}.product-details-container{background:#fefcf7;background:var(--app-bg,#fefcf7);display:flex;height:100vh;overflow:hidden;position:relative}.product-details-main{display:flex;flex:1 1;flex-direction:column;margin-left:220px;overflow:hidden;position:relative;width:calc(100% - 220px);z-index:1}.breadcrumb-nav{align-items:center;display:flex;gap:12px;margin-bottom:20px;padding:20px 24px 0}.breadcrumb-btn{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease}.breadcrumb-btn:hover{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-1px)}.breadcrumb-separator{color:#a0aec0;color:var(--text-muted,#a0aec0);font-weight:600}.breadcrumb-current{color:#2d3748;color:var(--text,#2d3748);font-size:14px;font-weight:600}.product-details-layout{display:flex;gap:24px;height:calc(100vh - 120px);overflow:hidden;padding:0 24px 24px}.product-list-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;overflow:hidden;width:320px}.sidebar-header{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:20px 24px 16px}.sidebar-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:18px;font-weight:700;margin:0}.product-count{background:#667eea1a;border-radius:20px;color:#667eea;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.product-list{flex:1 1;overflow-y:auto;padding:8px}.product-list-item{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:16px;margin-bottom:8px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.product-list-item:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.product-list-item:hover:before{left:100%}.product-list-item:hover{background:#667eea0d;transform:translateX(4px)}.product-list-item.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #667eea;box-shadow:0 4px 16px #667eea33}.product-thumb-container{flex-shrink:0;position:relative}.product-thumb{border:2px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:60px;object-fit:cover;transition:all .3s ease;width:60px}.product-list-item:hover .product-thumb{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.product-thumb-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #0000000d;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.product-list-item:hover .product-thumb-placeholder{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.placeholder-icon{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:24px}.stock-indicator{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:16px;position:absolute;right:-2px;top:-2px;width:16px}.product-info{flex:1 1;min-width:0}.product-name{color:#1a202c;color:var(--text,#1a202c);font-size:16px;font-weight:700;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-category{font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.product-stock{align-items:center;display:flex;font-size:13px;gap:6px}.stock-label{color:#718096;color:var(--text-muted,#718096);font-weight:500}.stock-value{font-size:14px;font-weight:700}.product-details-main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.error-container,.loading-container,.not-found-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.loading-spinner{border:4px solid var(--border,#f3f4f6);border-top:4px solid #667eea;margin-bottom:20px}.error-icon,.not-found-icon{font-size:48px;margin-bottom:20px}.error-container h2,.not-found-container h2{color:#1a202c;color:var(--text,#1a202c);font-size:24px;font-weight:700;margin-bottom:12px}.error-container p,.not-found-container p{color:#718096;color:var(--text-muted,#718096);font-size:16px;margin-bottom:24px;max-width:400px}.back-to-inventory-btn,.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.back-to-inventory-btn:hover,.retry-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.product-details-content{flex:1 1;overflow-y:auto;padding:32px}.product-header{border-bottom:2px solid #0000000d;display:flex;gap:40px;margin-bottom:40px;padding-bottom:32px}.product-image-section{flex-shrink:0}.main-image-container{background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1px solid #0000000d;border-radius:16px;box-shadow:0 12px 40px #00000026;height:300px;overflow:hidden;position:relative;width:400px}.main-product-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.main-product-image:hover{transform:scale(1.05)}.no-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;color:#718096;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.no-image-icon{font-size:48px;margin-bottom:12px;opacity:.7}.no-image-placeholder p{font-size:16px;font-weight:600;margin:0;opacity:.8}.product-info-section{display:flex;flex:1 1;flex-direction:column;gap:24px}.product-title-section{display:flex;flex-direction:column;gap:16px}.product-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:36px;font-weight:800;line-height:1.2;margin:0}.product-description{color:#718096;color:var(--text-muted,#718096);font-size:18px;line-height:1.6;margin:0}.product-category-badge{align-self:flex-start;border-radius:20px;color:#fff;display:inline-block;font-size:14px;font-weight:700;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.product-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fffc;border:1px solid #0000000d;border-radius:16px;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.stat-icon{flex-shrink:0;font-size:32px}.stat-label{color:#718096;color:var(--text-muted,#718096);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a202c;color:var(--text,#1a202c);font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-subtitle{color:#a0aec0;color:var(--text-muted,#a0aec0);font-size:12px;font-weight:500}.stat-status{border-radius:20px;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-top:8px;padding:4px 12px;text-transform:uppercase}.product-details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.details-card{background:#fffc;border:1px solid #0000000d;border-radius:16px;overflow:hidden;transition:all .3s ease}.details-card:hover{box-shadow:0 8px 32px #0000001a;transform:translateY(-2px)}.card-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #0000000d;padding:20px 24px}.card-header h3{color:#1a202c;color:var(--text,#1a202c);font-size:16px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.card-content{padding:24px}.detail-row{border-bottom:1px solid #0000000d;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-label{color:#4a5568;color:var(--text-soft,#4a5568);font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#1a202c;color:var(--text,#1a202c);font-size:16px;font-weight:700;text-align:right}.detail-value.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:18px}.product-details-content::-webkit-scrollbar,.product-list::-webkit-scrollbar{width:6px}.product-details-content::-webkit-scrollbar-track,.product-list::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.product-details-content::-webkit-scrollbar-thumb,.product-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.product-details-content::-webkit-scrollbar-thumb:hover,.product-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}@media (max-width:1200px){.product-header{flex-direction:column;gap:24px}.main-image-container{margin:0 auto;max-width:400px;width:100%}.product-stats{grid-template-columns:1fr}}@media (max-width:768px){.product-details-layout{flex-direction:column;height:auto}.product-list-sidebar{max-height:300px;width:100%}.product-details-content{padding:20px}.product-header{flex-direction:column;gap:20px}.main-image-container{height:250px;width:100%}.product-title{font-size:28px}.product-details-grid{grid-template-columns:1fr}.stat-card{padding:16px}.stat-value{font-size:20px}}@media (max-width:480px){.breadcrumb-nav{margin-bottom:16px;padding:16px}.product-details-layout{padding:0 16px 16px}.product-details-content{padding:16px}.product-title{font-size:24px}.product-description{font-size:16px}.main-image-container{height:200px}}.supplier-card{border-left:4px solid #10b981}.supplier-info{align-items:flex-start;display:flex;gap:16px;padding:8px 0}.supplier-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;flex-shrink:0;font-size:18px;font-weight:700;height:48px;width:48px}.supplier-details{display:flex;flex:1 1;flex-direction:column;gap:8px}.supplier-name{color:var(--text,#1f2937);font-size:18px;font-weight:700;margin-bottom:4px}.supplier-link{align-items:center;color:#10b981;display:inline-flex;gap:4px;text-decoration:none;transition:all .2s ease}.supplier-link:hover{color:#059669;text-decoration:underline;transform:translateY(-1px)}.supplier-contact{align-items:center;color:#6b7280;color:var(--text-muted,#6b7280);display:flex;font-size:14px;gap:8px}.contact-icon{font-size:16px;text-align:center;width:20px}.contact-text{color:#374151;color:var(--text-soft,#374151);font-weight:500}.supplier-website{align-items:center;color:#10b981;display:inline-flex;font-weight:500;gap:4px;text-decoration:none;transition:all .2s ease}.supplier-website:hover{color:#059669;text-decoration:underline}.external-link-icon{font-size:12px;opacity:.7;transition:all .2s ease}.supplier-website:hover .external-link-icon{opacity:1;transform:translate(2px,-2px)}.label-card,.movements-card,.stock-action-card{border-left:4px solid #667eea}.label-preview{background:#fff;background:var(--surface,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:10px;margin:0 auto 18px;max-width:280px;padding:18px;text-align:center;width:100%}.label-product-name{color:#111827;color:var(--text,#111827);font-size:18px;font-weight:800;margin-bottom:6px}.label-sku{color:#374151;color:var(--text-soft,#374151);font-size:13px;font-weight:700;margin-bottom:12px}.label-barcode{display:block;height:92px;margin:0 auto 12px;max-width:230px;object-fit:contain;width:100%}.label-qr{display:block;height:126px;margin:0 auto;width:126px}.label-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.label-action-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:700;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease}.label-action-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea47;transform:translateY(-1px)}.label-action-btn:disabled{cursor:not-allowed;opacity:.65}.label-action-btn.secondary{background:#374151}.stock-action-form{grid-gap:14px;display:grid;gap:14px}.stock-action-form label{grid-gap:6px;color:#4a5568;color:var(--text-soft,#4a5568);display:grid;font-size:12px;font-weight:700;gap:6px;letter-spacing:.5px;text-transform:uppercase}.stock-action-form input,.stock-action-form select{background:#fff;background:var(--input-background,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:8px;color:#111827;color:var(--input-text,#111827);font-size:14px;font-weight:600;padding:10px 12px}.stock-action-form input::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.stock-reason-field{grid-column:1/-1}.movements-list{grid-gap:12px;display:grid;gap:12px;max-height:360px;overflow-y:auto}.empty-movements{color:#718096;color:var(--text-muted,#718096);font-weight:600;padding:18px 0;text-align:center}.movement-row{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px}.movement-type{color:#111827;color:var(--text,#111827);font-size:13px;font-weight:800}.movement-reason{color:#6b7280;color:var(--text-muted,#6b7280);font-size:12px;margin-top:4px}.movement-meta{grid-gap:2px;color:#374151;color:var(--text-soft,#374151);display:grid;gap:2px;justify-items:end;min-width:120px}.movement-meta small,.movement-meta span{color:#6b7280;color:var(--text-muted,#6b7280);font-size:11px}body.dark .breadcrumb-btn{background:#2a2a2ae6;border-color:#ffffff1a;color:var(--text-soft)}body.dark .product-details-main-content,body.dark .product-list-sidebar{background:#242424f2;border-color:#ffffff14}body.dark .sidebar-header{border-bottom-color:#ffffff14}body.dark .card-header,body.dark .detail-row,body.dark .details-card,body.dark .main-image-container,body.dark .product-header,body.dark .product-thumb,body.dark .product-thumb-placeholder,body.dark .stat-card{border-color:#ffffff14}body.dark .card-header,body.dark .no-image-placeholder,body.dark .product-thumb-placeholder{background:linear-gradient(135deg,#242424,#2a2a2a)}body.dark .no-image-placeholder{color:var(--text-muted)}body.dark .stock-indicator{border-color:var(--surface)}body.dark .details-card,body.dark .stat-card{background:#2a2a2acc}body.dark .label-action-btn.secondary{background:#4a4a4a}body.dark .movements-list::-webkit-scrollbar-track{background:#ffffff0d}.inventory-container{background:#fff;background:var(--app-bg,#fff);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;height:calc(100vh - 50px);min-height:600px;padding:0;position:relative}.inventory-header{background:#0000;flex-shrink:0;height:50px;margin-bottom:0;padding:8px 10px}.inventory-header h2{align-items:center;color:#1a1a1a;color:var(--text,#1a1a1a);display:flex;font-size:1.5rem;gap:8px}.inventory-header h2:before{content:"📦";font-size:1.5rem}.add-product-btn{background:#007bff;border-radius:6px;box-shadow:0 2px 4px #007bff33;font-size:14px;font-weight:500;gap:6px;transition:all .2s ease}.add-product-btn:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.add-product-btn:active{box-shadow:0 1px 3px #0000001f;transform:translateY(0)}.inventory-table-container{background:#fff;background:var(--surface,#fff);bottom:0;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a);display:flex;flex-direction:column;height:calc(100vh - 100px);left:0;margin-top:50px;min-height:700px;position:absolute;right:0;top:100px}.inventory-table-wrapper{flex:1 1;max-height:calc(100vh - 140px);min-height:0;overflow-x:auto;overflow-y:auto}.inventory-table{background:#fff;background:var(--surface,#fff);color:#1a1a1a;color:var(--text,#1a1a1a);min-height:400px;table-layout:fixed}.inventory-table thead,.inventory-table thead th{background:#fff;background:var(--surface,#fff);border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border,#e0e0e0)}.inventory-table thead th{box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm,0 2px 4px #0000001a);color:#333;color:var(--text,#333);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:20px 12px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:11}.inventory-table td,.inventory-table th{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);font-size:.9rem;line-height:1.4;min-height:60px;padding:16px 12px;text-align:left;vertical-align:middle}.inventory-table td:last-child,.inventory-table th:last-child{border-right:none}.inventory-table th{background:#f3f3f7;background:var(--surface-muted,#f3f3f7);color:var(--text,#333);font-size:1.1rem;padding:20px;text-align:center}.inventory-table tr{background:#fff;background:var(--surface,#fff);height:60px;transition:background-color .2s ease}.inventory-table tr:nth-child(2n){background:#fafafa;background:var(--surface-muted,#fafafa)}.inventory-table tr:hover{background:#e3f2fd;cursor:pointer}.img-placeholder{background:linear-gradient(135deg,#f0f0f0,#e0e0e0);border:2px solid #fffc;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block;height:60px;margin:0 auto;width:60px}.product-img-thumb{border:1px solid #0000000d;border-radius:6px;box-shadow:0 2px 5px #0000000d;display:block;height:50px;margin:0 auto;transition:transform .2s ease;width:50px}.product-img-thumb:hover{transform:scale(1.05)}.icon-btn{align-items:center;border-radius:6px;box-sizing:border-box;display:flex;height:32px;justify-content:center;padding:6px;transition:all .2s ease;width:32px}.icon-btn svg{fill:currentColor;display:block;height:16px;width:16px}.icon-btn:active{box-shadow:none;transform:translateY(0)}.rt-flash-row{animation:rtFlashRow 2.2s ease-out}@keyframes rtFlashRow{0%{background-color:#3b82f647}to{background-color:initial}}.low-stock-row{background-color:#ff00000d}.low-stock-row:hover{background-color:#ff00001a}.medium-stock-row{background-color:#ffa5000d}.medium-stock-row:hover{background-color:#ffa5001a}.high-stock-row{background-color:#0080000d}.high-stock-row:hover{background-color:#0080001a}.inventory-filter-select{color:#1a1a1a;color:var(--input-text,#1a1a1a);min-width:200px}.inventory-filter-select:focus{border-color:#3bb77e;box-shadow:0 0 0 2px #3bb77e1a}.inventory-filters{background:#0000;flex-shrink:0;flex-wrap:wrap;gap:16px;height:40px;justify-content:space-between;margin-bottom:0;padding:8px 10px}.export-btn,.export-buttons{align-items:center}.export-btn{border:none;border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.export-btn:hover{box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.export-btn:active{box-shadow:0 1px 2px #0000001f;transform:translateY(0)}.pdf-btn{background-color:#d32f2f}.pdf-btn:hover{background-color:#b71c1c}.excel-btn{background-color:#388e3c}.excel-btn:hover{background-color:#1b5e20}.loading-container{font-size:1.2rem}.supplier-name{color:#374151;color:var(--text,#374151);font-size:.875rem}.supplier-name,.supplier-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-phone{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.75rem}.no-supplier{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.875rem}.action-buttons{justify-content:center;padding:4px 0}.text-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;justify-content:center;letter-spacing:.3px;padding:8px 14px;transition:all .2s ease}.edit-btn{background:#e8f0fe;color:#1a73e8}.edit-btn:hover{background:#d2e3fc;box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.delete-btn{background:#d93025;color:#fff}.delete-btn:hover{background:#b71c1c;box-shadow:0 1px 3px #0000001a;color:#fff;transform:translateY(-1px)}.text-btn:active{box-shadow:none;transform:translateY(0)}.inventory-quantity-pill{background-color:#f0f0f0;color:#1a1a1a}body.dark .inventory-quantity-pill{background-color:#333;color:#e0e0e0}body.dark .add-product-btn{background-color:#0056b3;border:none;color:#fff}body.dark .add-product-btn:hover{background-color:#004494}body.dark .inventory-table{box-shadow:var(--shadow-md)}body.dark .inventory-table th{background-color:#333}body.dark .inventory-table tr:hover{background-color:#404040}body.dark .inventory-table td{border-color:var(--border)}body.dark .img-placeholder{background-color:#333}body.dark .product-img-thumb{border-color:#404040}body.dark .edit-btn{background-color:#404040;border-color:#bb86fc;color:#bb86fc}body.dark .edit-btn:hover{background-color:#505050}body.dark .delete-btn{background-color:#b71c1c;border-color:#b71c1c;color:#fff}body.dark .delete-btn:hover{background-color:#505050}body.dark .inventory-filter-select:focus{border-color:#bb86fc;box-shadow:0 0 0 2px #bb86fc40}body.dark .low-stock-row{background-color:#f003}body.dark .low-stock-row:hover{background-color:#ff00004d}body.dark .medium-stock-row{background-color:#ffa50033}body.dark .medium-stock-row:hover{background-color:#ffa5004d}body.dark .high-stock-row{background-color:#00800033}body.dark .high-stock-row:hover{background-color:#0080004d}body.dark .modal-content input[type=number]:focus,body.dark .modal-content input[type=text]:focus,body.dark .modal-content select:focus,body.dark .modal-content textarea:focus{box-shadow:0 0 0 .2rem #bb86fc40}body.dark .modal-content .add-product-btn,body.dark .modal-content .edit-btn{background-color:#0056b3;border:none;color:#fff}body.dark .modal-content .add-product-btn:hover,body.dark .modal-content .edit-btn:hover{background-color:#004494}body.dark .modal-content .delete-btn{background-color:#404040;border-color:#555;color:#e0e0e0}body.dark .modal-content .delete-btn:hover{background-color:#505050}.action-btn{border:1px solid;color:#000;font-size:11px;font-weight:600;outline:none;padding:4px 8px}.action-btn.add{background:#e8f5e8;border-color:#4caf50;color:#000}.action-btn.edit{background:#fff8e1;border-color:#ff9800;color:#000}.action-btn.archive{background:#ffebee;border-color:#f44336;color:#000}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn.add:hover{background:#c8e6c9;border-color:#388e3c;color:#000}.action-btn.edit:hover{background:#ffecb3;border-color:#f57c00;color:#000}.action-btn.archive:hover{background:#ffcdd2;border-color:#d32f2f;color:#000}.action-btn:active{box-shadow:none;transform:translateY(1px)}.inventory-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.inventory-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.inventory-table-wrapper::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.inventory-table-wrapper::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.stock-indicator{align-items:center;border:2px solid;border-radius:20px;box-shadow:0 2px 4px #0000001a;color:#000;display:inline-flex;font-size:14px;font-weight:700;gap:6px;justify-content:center;line-height:1.2;min-width:80px;overflow:visible;padding:8px 16px;text-align:center;white-space:nowrap}.stock-indicator.low{background:#ffebee;border-color:#f44336;box-shadow:0 2px 4px #f4433633;color:#000}.stock-indicator.medium{background:#fff3e0;border-color:#ff9800;box-shadow:0 2px 4px #ff980033;color:#000}.stock-indicator.high{background:#e8f5e8;border-color:#4caf50;box-shadow:0 2px 4px #4caf5033;color:#000}@media (max-width:768px){.inventory-container{height:calc(100vh - 50px);min-height:500px}.inventory-table-container{height:calc(100vh - 140px);min-height:400px}.inventory-table-wrapper{max-height:calc(100vh - 180px)}.inventory-table{font-size:12px;min-height:300px}.inventory-table td,.inventory-table th{min-height:50px;padding:8px 6px}.inventory-table tr{height:50px}.stock-indicator{font-size:12px;min-width:50px;padding:4px 8px}.action-btn{height:28px;padding:2px 4px;width:28px}.inventory-filters{flex-direction:column;gap:10px;height:auto;padding:10px}.export-buttons{flex-wrap:wrap;justify-content:center}.export-btn{font-size:12px;padding:6px 12px}}.phone-scanner-btn{align-items:center;background:#696a8f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;padding:8px 16px;transition:background .18s;white-space:nowrap}.phone-scanner-btn:hover{background:#5a5b7a}.ps-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1100}.ps-modal{background:#fff;background:var(--modal-bg,#fff);border-radius:16px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}.ps-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);gap:10px;justify-content:space-between;padding:18px 20px 14px}.ps-header,.ps-header-left{align-items:center;display:flex}.ps-header-left{color:#111827;color:var(--text-primary,#111827);font-size:16px;font-weight:800;gap:8px}.ps-phone-badge{border-radius:999px;font-size:12px;font-weight:700;padding:4px 10px}.ps-phone-badge--online{background:#d1fae5;color:#065f46}.ps-phone-badge--offline{background:#f3f4f6;color:#6b7280}.ps-close-btn{background:none;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:18px;line-height:1;padding:4px 8px}.ps-close-btn:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.ps-body{padding:20px}.ps-body--centered{align-items:center;display:flex;flex-direction:column;padding:30px 20px;text-align:center}.ps-notice{align-items:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:18px;padding:12px 14px}.ps-notice-icon{flex-shrink:0;font-size:16px;margin-top:1px}.ps-step-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:11px;font-weight:700;letter-spacing:.8px;margin:0 0 10px;text-transform:uppercase}.ps-action-row{display:flex;gap:10px;margin-bottom:4px}.ps-action-card{align-items:center;background:none;border:2px solid #e5e7eb;border:2px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:14px 10px;transition:border-color .15s,background .15s}.ps-action-card--add{background:#f0fdf4;border-color:#22c55e}.ps-action-card--remove{background:#fef2f2;border-color:#ef4444}.ps-action-icon{font-size:28px}.ps-action-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:800}.ps-action-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px}.ps-qty-input,.ps-reason-input{background:#fff;background:var(--input-bg,#fff);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;box-sizing:border-box;color:#111827;color:var(--text-primary,#111827);font-size:14px;margin-bottom:8px;outline:none;padding:11px 14px;transition:border-color .15s;width:100%}.ps-qty-input:focus,.ps-reason-input:focus{border-color:#696a8f}.ps-qty-input--error{border-color:#ef4444}.ps-error-msg{color:#dc2626;font-size:13px;margin:-4px 0 8px 2px}.ps-start-scan-btn{border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:800;margin-top:4px;padding:14px;transition:opacity .15s;width:100%}.ps-start-scan-btn:disabled{cursor:not-allowed;opacity:.55}.ps-start-scan-btn--add{background:#22c55e}.ps-start-scan-btn--remove{background:#ef4444}.ps-scan-anim{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:16px;position:relative;width:80px}.ps-scan-icon{font-size:42px;z-index:1}.ps-scan-pulse{animation:psPulse 1.6s ease-out infinite;border:3px solid #696a8f;border-radius:50%;inset:0;position:absolute}@keyframes psPulse{0%{opacity:.7;transform:scale(.9)}70%{opacity:0;transform:scale(1.5)}to{opacity:0}}.ps-scan-label{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:800;margin:0 0 8px}.ps-scan-sub{line-height:1.6;margin:0 0 20px}.ps-back-link,.ps-scan-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px}.ps-back-link{background:none;border:none;cursor:pointer;text-decoration:underline}.ps-product-card{background:#f9fafb;background:var(--card-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;margin-bottom:12px;padding:14px}.ps-product-label{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:700;letter-spacing:.7px;margin:0 0 4px;text-transform:uppercase}.ps-product-name{color:#111827;color:var(--text-primary,#111827);font-size:19px;font-weight:800;margin:0 0 2px}.ps-product-sku{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;margin:0 0 10px}.ps-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:1px;margin:8px 0}.ps-stock-row{align-items:center;color:#111827;color:var(--text-primary,#111827);display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:5px 0}.ps-adjust-card{border:1.5px solid;border-radius:12px;margin-bottom:12px;padding:14px}.ps-adjust-card--add{background:#f0fdf4;border-color:#86efac}.ps-adjust-card--remove{background:#fef2f2;border-color:#fca5a5}.ps-adjust-title{font-size:14px;font-weight:800;margin:0 0 10px}.ps-adjust-row,.ps-adjust-title{color:#111827;color:var(--text-primary,#111827)}.ps-adjust-row{align-items:center;display:flex;font-size:15px;font-weight:600;justify-content:space-between;padding:5px 0}.ps-reason-preview{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-style:italic;margin:8px 0 0}.ps-warning-banner{background:#fef3c7;color:#92400e;line-height:1.5}.ps-error-banner,.ps-warning-banner{border-radius:10px;font-size:13px;margin-bottom:12px;padding:10px 14px}.ps-error-banner{background:#fee2e2;color:#991b1b}.ps-confirm-actions{display:flex;gap:10px}.ps-btn-outline{background:none;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color,#e5e7eb);border-radius:10px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;flex:1 1;font-size:14px;font-weight:700;padding:12px;transition:background .12s}.ps-btn-outline:hover{background:#f3f4f6;background:var(--hover-bg,#f3f4f6)}.ps-apply-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:800;padding:12px;transition:opacity .15s}.ps-apply-btn:disabled{cursor:not-allowed;opacity:.55}.ps-apply-btn--add{background:#16a34a}.ps-apply-btn--remove{background:#dc2626}.ps-spinner{animation:psSpin .8s linear infinite;border:4px solid #e5e7eb;border:4px solid var(--border-color,#e5e7eb);border-radius:50%;border-top:4px solid #696a8f;height:44px;margin-bottom:14px;width:44px}@keyframes psSpin{to{transform:rotate(1turn)}}.ps-success-icon{align-items:center;border-radius:50%;display:flex;font-size:36px;font-weight:900;height:72px;justify-content:center;margin-bottom:14px;width:72px}.ps-success-icon--add{background:#f0fdf4;color:#16a34a}.ps-success-icon--remove{background:#fef2f2;color:#dc2626}.ps-success-title{color:#111827;color:var(--text-primary,#111827);font-size:22px;font-weight:900;margin:0 0 6px}body.dark .ps-modal{background:#1e1e2e}body.dark .ps-notice{background:#1e3a5f;border-color:#3b82f6;color:#93c5fd}body.dark .ps-product-card{background:#252535;border-color:#3f3f5a}body.dark .ps-phone-badge--offline{background:#2d2d40;color:#9ca3af}body.dark .ps-action-card{border-color:#3f3f5a}body.dark .ps-action-card--add{background:#0f2e1a}body.dark .ps-action-card--remove{background:#2e0f0f}body.dark .ps-adjust-card--add{background:#0f2e1a;border-color:#4ade80}body.dark .ps-adjust-card--remove{background:#2e0f0f;border-color:#f87171}body.dark .ps-adjust-row,body.dark .ps-adjust-title,body.dark .ps-btn-outline,body.dark .ps-header-left,body.dark .ps-product-name,body.dark .ps-stock-row{color:#f1f5f9}body.dark .ps-back-link,body.dark .ps-close-btn,body.dark .ps-product-label,body.dark .ps-product-sku,body.dark .ps-reason-preview,body.dark .ps-scan-sub{color:#a8adc4}body.dark .ps-divider{background:#3f3f5a}body.dark .ps-btn-outline{border-color:#3f3f5a}body.dark .ps-btn-outline:hover{background:#2d2d40}body.dark .ps-warning-banner{background:#2e1f04;color:#fcd34d}body.dark .ps-error-banner{background:#3a1414;color:#fca5a5}body.dark .ps-qty-input,body.dark .ps-reason-input{background:#252535;border-color:#3f3f5a;color:#f1f5f9}body.dark .ps-qty-input::placeholder,body.dark .ps-reason-input::placeholder{color:#6b7280}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.customer-action-bar{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.btn-add,.btn-delete,.btn-edit{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem}.btn-add{background-color:#10b981;color:#fff}.btn-edit{background-color:#3b82f6;background-color:var(--brand,#3b82f6);color:#fff}.btn-delete{background-color:#ef4444;background-color:var(--danger,#ef4444);color:#fff}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.btn-save{background-color:#28a745;margin-right:.5rem}.btn-save:hover{background-color:#218838}.btn-cancel{background-color:#6c757d}.btn-cancel:hover{background-color:#5a6268}.icon{font-size:1.1rem}.error-message{background-color:#fee2e2}.customer-actions{display:flex;gap:.5rem;margin-left:auto;opacity:0;transition:opacity .2s ease}.customer-list-item:hover .customer-actions{opacity:1}.delete-btn,.edit-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.25rem;transition:background-color .2s ease}.edit-btn:hover{background-color:#e9ecef;background-color:var(--hover,#e9ecef)}.delete-btn:hover{background-color:#f8d7da}.edit-form{padding:1rem}.form-group{margin-bottom:1rem}.form-group input{background:#fff;background:var(--input-background,#fff);border:1px solid var(--input-border,#ddd);color:#212529;color:var(--input-text,#212529);padding:.5rem}.form-group input::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.form-group input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;box-shadow:0 0 0 .2rem var(--focus-ring,#007bff40)}.form-actions{margin-top:1rem}.selected-count{color:#888;color:var(--text-muted,#888);font-size:15px;margin-left:8px}.customer-filters{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.customer-search{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:4px;color:#212529;color:var(--input-text,#212529);flex:1 1;padding:.5rem}.customer-search::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.customer-filters select{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ced4da;border:1px solid var(--input-border,#ced4da);border-radius:4px;color:#212529;color:var(--input-text,#212529);min-width:150px;padding:.5rem}.customer-details-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr}.customer-list{background:#fff;background:var(--surface,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.customer-list-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;padding:1rem}.select-all{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;font-size:14px;gap:8px}.select-all input[type=checkbox]{cursor:pointer;height:16px;width:16px}.customer-list-item{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);cursor:pointer;display:flex;gap:1rem;padding:1rem}.customer-list-item:hover{background-color:#f9fafb;background-color:var(--hover,#f9fafb)}.customer-list-item.selected{background-color:#f3f4f6;background-color:var(--surface-muted,#f3f4f6)}.customer-list-item input[type=checkbox]{cursor:pointer;height:16px;margin-right:12px;width:16px}.customer-info{margin-left:1rem}.customer-name{color:#212529;color:var(--text,#212529)}.customer-code{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem}.customer-details-panel{background:#fff;background:var(--surface,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a}.customer-details-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;padding:1rem}.customer-details-title{color:#212529;color:var(--text,#212529);font-size:1.25rem;font-weight:600}.customer-details-name{color:#6c757d;color:var(--text-muted,#6c757d);font-size:1rem;margin-top:.25rem}.customer-details-actions{display:flex;gap:.5rem}.icon-btn{border-radius:4px;font-size:1.25rem;padding:.25rem;transition:background-color .2s ease}.icon-btn:hover{background-color:#e9ecef;background-color:var(--hover,#e9ecef)}.customer-details-tabs{border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;gap:1rem;padding:1rem}.tab-btn{background:none;border-bottom:2px solid #0000;color:#495057;color:var(--text-soft,#495057);padding:.5rem 1rem}.tab-btn.active{border-bottom-color:#3b82f6;border-bottom-color:var(--brand,#3b82f6);color:#3b82f6;color:var(--brand,#3b82f6)}.customer-details-content{padding:1.5rem}.details-section{margin-bottom:2rem}.details-label{color:#495057;color:var(--text-soft,#495057);font-weight:600;margin-bottom:1rem}.details-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);display:flex;justify-content:space-between;padding:.5rem 0}.details-row:last-child{border-bottom:none}.details-row span:first-child{color:#6c757d;color:var(--text-muted,#6c757d)}.details-row span:last-child{color:#212529;color:var(--text,#212529);font-weight:500}.no-selection{color:#666;color:var(--text-muted,#666);padding:2rem;text-align:center}.dashboard-main{background-color:#f3f4f6;background-color:var(--app-bg,#f3f4f6)}.order-item{background-color:#f8f9fa;background-color:var(--surface-muted,#f8f9fa);border:1px solid #dee2e6;border:1px solid var(--border,#dee2e6);border-radius:8px;margin-bottom:1rem;padding:1rem;transition:all .2s ease}.order-item.clickable{cursor:pointer}.order-item.clickable:hover{background-color:#e9ecef;background-color:var(--hover,#e9ecef);box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.order-header{margin-bottom:.5rem}.order-id{color:#212529;color:var(--text,#212529)}.order-date{color:var(--text-muted,#6c757d);font-size:.875rem}.order-details{grid-gap:.5rem;color:#495057;color:var(--text-soft,#495057);gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.order-details div{font-size:.875rem}.loading,.no-results{color:#6c757d;color:var(--text-muted,#6c757d);padding:2rem;text-align:center}.loading{gap:.5rem}.loading:after{animation:spin 1s linear infinite;border:2px solid #dee2e6;border-top-color:#007bff;border:2px solid var(--border,#dee2e6);border-radius:50%;border-top-color:var(--brand,#007bff);height:1rem;width:1rem}@media (max-width:1100px){.customer-details-layout{flex-direction:column}.customer-list{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);border-right:none;height:300px;width:100%}}@media (max-width:800px){.customer-details-panel{padding:12px 4px 8px}.customer-list{max-width:120px;min-width:120px;padding:8px 0 0}.customer-filters{flex-wrap:wrap}.customer-search{margin-left:0;width:100%}.customer-filters select{min-width:120px}}.btn-edit:disabled{cursor:not-allowed;opacity:.5}.modal-overlay{background-color:var(--overlay,#00000080)}.modal-content{background:var(--surface,#fff);border-radius:8px;max-width:800px}.modal-header{padding:1rem}.modal-header h2{color:#212529;color:var(--text,#212529);font-size:1.5rem}.modal-close{color:#666;color:var(--text-muted,#666)}.modal-body{padding:1rem}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h3{border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);color:#1f2937;color:var(--text,#1f2937);font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.order-info{margin-bottom:2rem}.info-row{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#6c757d;color:var(--text-muted,#6c757d);font-weight:500}.info-row span:last-child{color:#212529;color:var(--text,#212529);font-weight:500}.order-items{margin-top:1.5rem}.order-items h3{color:#212529;color:var(--text,#212529);font-size:1.25rem;margin-bottom:1rem}.order-item-detail{background-color:#f8f9fa;background-color:var(--surface-muted,#f8f9fa);border-radius:4px;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.item-info,.order-item-detail{align-items:center;display:flex}.item-info{gap:1rem}.item-name{color:#212529;color:var(--text,#212529);font-weight:500}.item-quantity{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem}.item-price{color:#28a745;color:var(--success,#28a745);font-weight:500}.orders-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem}.order-tab{background:#fff;background:var(--surface,#fff);border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.order-tab:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.order-tab-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;padding:1rem}.order-status{border-radius:9999px;font-size:.875rem;padding:.25rem .75rem}.order-status.completed{background-color:#dcfce7;color:#166534}.order-status.pending{background-color:#fef9c3;color:#854d0e}.order-status.ready-for-deliver{background-color:#dbeafe;color:#1e40af}.order-tab-content{padding:1rem}.order-total{color:#1f2937;color:var(--text,#1f2937);font-size:1.25rem}.modal-body img{border:1px solid #eee;border:1px solid var(--border,#eee);border-radius:8px;height:100px;object-fit:cover;width:100px}.product-item{background-color:#f8f9fa;background-color:var(--surface-muted,#f8f9fa);gap:1.5rem;margin-bottom:.5rem;padding:1rem}.product-image-container{flex-shrink:0}.product-details{align-items:center;justify-content:space-between}.product-info{display:flex;flex-direction:column;gap:.25rem}.product-name{color:#1f2937;color:var(--text,#1f2937)}.product-sku{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem}.product-quantity{text-align:right}.product-quantity .quantity{color:#1f2937;color:var(--text,#1f2937);font-weight:600}.product-quantity .price{color:#6c757d;color:var(--text-muted,#6c757d);font-size:.875rem}body.dark .error-message{background-color:#3a1f1f}body.dark .delete-btn:hover{background-color:#4a1f1f}body.dark .order-status.completed{background-color:#14532d;color:#86efac}body.dark .order-status.pending{background-color:#5c4a0e;color:#fde68a}body.dark .order-status.ready-for-deliver{background-color:#1e3a5f;color:#93c5fd}.cust-modal-overlay{align-items:center;animation:custOverlayIn .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0e178c;display:flex;inset:0;justify-content:center;padding:24px 16px;position:fixed;z-index:1200}@keyframes custOverlayIn{0%{opacity:0}to{opacity:1}}.cust-modal{animation:custModalIn .22s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000038,0 4px 16px #00000014;display:flex;flex-direction:column;max-height:90vh;max-width:860px;overflow:hidden;width:100%}@keyframes custModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.cust-modal-header{align-items:center;border-bottom:1px solid #eff0f3;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px 18px}.cust-modal-title-group{align-items:center;display:flex;gap:10px}.cust-modal-icon{font-size:22px;line-height:1}.cust-modal-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.cust-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.cust-modal-close:hover{background:#f3f4f6;color:#111827}.cust-modal-body{flex:1 1;overflow-y:auto;padding:0 28px}.cust-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #eff0f3;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 28px}.cust-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:38px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .1s}.cust-modal-btn:active{transform:scale(.98)}.cust-modal-btn:disabled{cursor:not-allowed;opacity:.6}.cust-modal-btn--cancel{background:#f3f4f6;color:#374151}.cust-modal-btn--cancel:hover{background:#e5e7eb}.cust-modal-btn--save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea59;color:#fff}.cust-modal-btn--save:hover{box-shadow:0 4px 14px #667eea73}.cust-fm-section{border-bottom:1px solid #f0f0f3;padding:22px 0 20px}.cust-fm-section--last{border-bottom:none}.cust-fm-section-title{color:#667eea;font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.cust-fm-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:1fr 1fr}.cust-fm-field{display:flex;flex-direction:column;gap:5px}.cust-fm-field--spacer{visibility:hidden}.cust-fm-label{color:#374151;font-size:12.5px;font-weight:600}.cust-fm-req{color:#ef4444}.cust-fm-input,.cust-fm-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.cust-fm-input::placeholder{color:#9ca3af}.cust-fm-input:focus,.cust-fm-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.cust-fm-input--err{border-color:#ef4444!important}.cust-fm-textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;min-height:96px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.cust-fm-textarea::placeholder{color:#9ca3af}.cust-fm-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.cust-fm-char-hint{color:#9ca3af;font-size:11.5px;text-align:right}.cust-fm-err-msg{color:#dc2626;font-size:12px;margin-top:2px}.cust-fm-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.cust-fm-info-item{background:#f9fafb;border:1px solid #f0f0f3;border-radius:8px;display:flex;flex-direction:column;gap:3px;padding:10px 14px}.cust-fm-info-label{color:#9ca3af;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.cust-fm-info-value{color:#111827;font-size:14px;font-weight:600}.order-mini-list{display:flex;flex-direction:column;gap:6px}.order-mini-row{grid-gap:10px;align-items:center;background:#f9fafb;border:1px solid #f0f0f3;border-radius:8px;display:grid;font-size:13.5px;gap:10px;grid-template-columns:1fr auto auto;padding:9px 14px}.order-mini-main{display:flex;flex-direction:column;gap:2px}.order-mini-id{color:#111827;font-weight:600}.order-mini-date{color:#9ca3af;font-size:12px}.order-mini-total{color:#111827;font-weight:600;white-space:nowrap}.order-mini-status{background:#e5e7eb;border-radius:99px;color:#374151;font-size:11.5px;font-weight:600;padding:3px 9px;white-space:nowrap}.order-mini-status.status-pending{background:#fef3c7;color:#92400e}.order-mini-status.status-completed{background:#d1fae5;color:#065f46}.order-mini-status.status-cancelled{background:#fee2e2;color:#991b1b}.order-mini-status.status-in-transit{background:#dbeafe;color:#1e40af}.order-mini-empty{color:#9ca3af;font-size:13.5px;margin:0;padding:6px 0}.order-mini-error{color:#dc2626}.skeleton-card{background:#f3f4f6;border-color:#0000!important}.skeleton-shimmer{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background-size:200% 100%;border-radius:4px}.skeleton-text{height:14px}@media (max-width:640px){.cust-modal{border-radius:12px}.cust-modal-header{padding:16px 18px 14px}.cust-modal-body{padding:0 18px}.cust-modal-footer{padding:14px 18px}.cust-fm-grid{grid-template-columns:1fr}.cust-fm-field--spacer{display:none}.cust-fm-info-grid{grid-template-columns:1fr}.order-mini-row{grid-template-columns:1fr auto}.order-mini-total{display:none}}body.dark .cust-modal-overlay{background:#08070ea6}body.dark .cust-modal{background:#1e1c2e;box-shadow:0 24px 64px #00000080}body.dark .cust-modal-header{border-bottom-color:#2d2a42}body.dark .cust-modal-title{color:#f1f0ff}body.dark .cust-modal-close{color:#8b85ad}body.dark .cust-modal-close:hover{background:#2d2a42;color:#f1f0ff}body.dark .cust-modal-footer{background:#19172a;border-top-color:#2d2a42}body.dark .cust-modal-btn--cancel{background:#2d2a42;color:#d1cfe8}body.dark .cust-modal-btn--cancel:hover{background:#3d3a55}body.dark .cust-fm-section{border-bottom-color:#2d2a42}body.dark .cust-fm-section--last{border-bottom:none}body.dark .cust-fm-label{color:#c5c2e0}body.dark .cust-fm-input,body.dark .cust-fm-select,body.dark .cust-fm-textarea{background:#28253c;border-color:#3d3a55;color:#f1f0ff}body.dark .cust-fm-input::placeholder,body.dark .cust-fm-textarea::placeholder{color:#5c5880}body.dark .cust-fm-input:focus,body.dark .cust-fm-select:focus,body.dark .cust-fm-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark .cust-fm-info-item{background:#28253c;border-color:#3d3a55}body.dark .cust-fm-info-value{color:#f1f0ff}body.dark .order-mini-row{background:#28253c;border-color:#3d3a55}body.dark .order-mini-id,body.dark .order-mini-total{color:#f1f0ff}body.dark .skeleton-card{background:#28253c}body.dark .skeleton-shimmer{background:linear-gradient(90deg,#3d3a55 25%,#4a4768 50%,#3d3a55 75%);background-size:200% 100%}.customer-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}.customer-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.customer-card.selected{border:2px solid #667eea;box-shadow:0 4px 20px #667eea4d}.card-header{justify-content:space-between;padding:1rem 1rem 0}.card-checkbox{z-index:10}.card-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.customer-card:hover .card-actions{opacity:1}.action-btn{background:var(--surface-muted,#f3f4f6)}.action-btn.delete:hover,.action-btn.edit:hover{transform:scale(1.1)}.card-content{padding:1rem}.customer-avatar{box-shadow:0 4px 12px #667eea4d;font-size:1.5rem;font-weight:700;height:60px;margin:0 auto 1rem;width:60px}.customer-info{margin-bottom:1.5rem;text-align:center}.customer-name{font-size:1.25rem;font-weight:700;line-height:1.2}.customer-id{font-weight:500}.customer-details{margin-bottom:1.5rem}.detail-item{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:.75rem;margin-bottom:.75rem;padding:.5rem;transition:background .2s ease}.detail-item:hover{background:#f1f5f9}.detail-item:last-child{margin-bottom:0}.detail-icon{flex-shrink:0;font-size:1.1rem;text-align:center;width:20px}.detail-text{color:#374151;font-size:.9rem;line-height:1.4;word-break:break-word}.card-footer{padding-top:1rem}.created-date{color:#9ca3af;font-size:.75rem;font-weight:500}.customer-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.customer-card:hover:before{transform:scaleX(1)}.customer-card.selected:after{background:linear-gradient(135deg,#667eea0d,#764ba20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:480px){.customer-card{margin:0 .5rem}.card-content{padding:.75rem}.customer-avatar{font-size:1.25rem;height:50px;width:50px}.customer-name{font-size:1.1rem}.detail-item{padding:.375rem}.detail-text{font-size:.85rem}}.customer-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.customer-card:hover{box-shadow:var(--shadow-md)}.customer-card.selected{border-color:#3b82f673;box-shadow:0 14px 34px #2563eb29}.customer-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-deep));box-shadow:0 10px 24px #2563eb38}.customer-name{color:var(--text)}.created-date,.customer-id,.detail-text{color:var(--text-muted)}.detail-item{background:var(--app-bg)}.detail-item:hover{background:#eef4ff}.customer-card:before{background:linear-gradient(90deg,var(--brand),var(--brand-deep))}.customer-card.selected:after{background:linear-gradient(135deg,#3b82f60d,#1d4ed814)}body.dark .detail-item:hover{background:#2a2f3a}.customers-page{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.customers-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem;padding:2rem 0}.header-content{margin:0;max-width:none;width:100%}.stats-grid{margin:0 0 2rem}.customers-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 0 2rem;max-width:1200px;padding:0 2rem}.filter-select,.sort-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.filter-select:focus,.sort-select:focus{border-color:#667eea;outline:none}.sort-order-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1.2rem;padding:.75rem;transition:all .2s ease}.sort-order-btn:hover{background:#f8fafc;border-color:#667eea}.view-toggle{border:2px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.view-btn{background:#fff;border:none;cursor:pointer;font-size:1.2rem;padding:.75rem 1rem;transition:all .2s ease}.view-btn.active{background:#667eea;color:#fff}.view-btn:hover:not(.active){background:#f8fafc}.btn-danger,.btn-primary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.customers-content{margin:0;max-width:1200px;padding:0 2rem 2rem}.empty-state h3{color:#1f2937}.customers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.customers-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem;overflow:hidden}.customers-table{border-collapse:collapse;width:100%}.customers-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:1rem;text-align:left}.customers-table td{border-bottom:1px solid #f3f4f6;padding:1rem;vertical-align:middle}.customers-table tr:hover{background:#f8fafc}.customer-info{align-items:center;display:flex;gap:1rem}.customer-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.customer-details{flex:1 1}.customer-name{color:#1f2937;font-weight:600;margin:0 0 .25rem}.customer-id{color:#6b7280;margin:0}.customer-id,.status-badge{font-size:.875rem}.status-badge.inactive{background:#fef3c7;color:#92400e}.action-buttons{gap:.5rem}.action-btn{background:#f3f4f6;font-size:1rem;padding:.5rem;transition:all .2s ease}.action-btn.delete:hover{color:#dc2626}.pagination{gap:.5rem;margin-top:2rem}.pagination-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#667eea}.pagination-btn:disabled{opacity:.5}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease}.pagination-number:hover{background:#f8fafc;border-color:#667eea}.pagination-number.active{background:#667eea;border-color:#667eea;color:#fff}.loading-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:4rem}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;margin-bottom:1rem}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.page-title{font-size:2rem}.stats-grid{grid-template-columns:1fr;padding:0 1rem}.customers-controls{align-items:stretch;flex-direction:column;padding:0 1rem}.controls-left,.controls-right{justify-content:center}.search-box{min-width:auto;width:100%}.customers-grid{grid-template-columns:1fr}.customers-table-container{overflow-x:auto}.customers-table{min-width:600px}}.customers-page{background:radial-gradient(circle at top left,#3b82f614,#0000 32%),radial-gradient(circle at top right,#1d4ed80d,#0000 28%),var(--app-bg);color:var(--text)}.customers-header{background:linear-gradient(135deg,#eff6ff,#fff 55%,#f8fafc);border-bottom:1px solid var(--border);box-shadow:inset 0 -1px 0 #fffc;color:var(--text)}.customer-name,.customers-table th,.empty-state h3,.page-title,.pagination-btn,.pagination-number,.stat-number{color:var(--text)}.created-date,.customer-id,.empty-state p,.page-subtitle,.retry-btn,.search-icon,.stat-label{color:var(--text-muted)}.customers-table-container,.empty-state,.skeleton-card,.stat-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-primary,.customer-avatar,.pagination-number.active,.stat-icon.selected,.stat-icon.total,.view-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.filter-select,.pagination-btn,.pagination-number,.search-input,.sort-order-btn,.sort-select,.view-toggle{background:var(--surface);border-color:var(--border);color:var(--text)}.filter-select:focus,.search-input:focus,.sort-select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #3b82f61f;box-shadow:0 0 0 3px var(--focus-ring,#3b82f61f)}.btn-primary:hover,.pagination-number.active:hover,.view-btn.active:hover{box-shadow:0 10px 24px #2563eb3d}.customers-table th{background:#f8fafc;background:var(--surface-muted,#f8fafc);border-bottom-color:var(--border)}.customers-table td,.customers-table tr{border-bottom-color:#eef2f7;border-bottom-color:var(--border,#eef2f7)}.customers-table tr:hover{background:#f8fbff;background:var(--hover,#f8fbff)}.action-btn{background:var(--surface-muted);color:var(--text-soft)}.action-btn.edit:hover{background:#dbeafe;color:#1d4ed8}.action-btn.delete:hover{background:#fee2e2;color:#b91c1c}.pagination-btn:hover:not(:disabled),.pagination-number:hover,.sort-order-btn:hover,.view-btn:hover:not(.active){background:#f1f7ff;background:var(--hover,#f1f7ff);border-color:var(--brand)}.empty-state,.loading-container{border-radius:18px}.customers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}body.dark .customers-header{background:linear-gradient(135deg,#1e293b,#202020 55%,#1a1a1a);box-shadow:inset 0 -1px 0 #ffffff0a}body.dark .action-btn.edit:hover{background:#1e3a5f;color:#7fb2ff}body.dark .action-btn.delete:hover{background:#4a1f1f;color:#ff8a8a}body.dark .status-badge.active{background:#14532d;color:#86efac}body.dark .status-badge.inactive{background:#5c1f1f;color:#fca5a5}body.dark .error-message{color:#ff8080}body.dark .retry-btn{background:#dc2626;color:#fff}.suppliers-page{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0}.suppliers-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-bottom:2rem;padding:2rem 0}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-left{flex:1 1}.page-title{align-items:center;display:flex;font-size:2.5rem;font-weight:700;gap:1rem;margin:0 0 .5rem}.title-icon{font-size:2rem}.page-subtitle{font-size:1.1rem;margin:0;opacity:.9}.header-actions{display:flex;gap:1rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto 2rem;max-width:1200px;padding:0 2rem}.stat-card{box-shadow:0 2px 10px #0000001a;gap:1rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 4px 20px #00000026}.stat-icon{border-radius:12px;font-size:1.5rem}.stat-icon.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon.inactive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon.selected{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-content{flex:1 1}.stat-number{color:#1f2937;font-size:2rem;font-weight:700;margin:0}.stat-label{color:#6b7280;font-size:.9rem;margin:0}.suppliers-controls{justify-content:space-between;margin:0 auto 2rem;max-width:1200px;padding:0 2rem}.controls-left,.suppliers-controls{flex-wrap:wrap}.controls-left,.controls-right,.suppliers-controls{align-items:center;display:flex;gap:1rem}.search-box{min-width:300px;position:relative}.search-icon{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1.1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem .75rem 3rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease}.filter-select:focus{border-color:#667eea;outline:none}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-danger{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-danger:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-1px)}.btn-icon{font-size:1.1rem}.suppliers-content{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.error-message{gap:.5rem;padding:1rem}.error-icon{font-size:1.2rem}.retry-btn{border-radius:4px;margin-left:auto;padding:.5rem 1rem}.empty-state{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h3{color:#374151;font-size:1.5rem;margin:0 0 .5rem}.empty-state p{color:#6b7280;font-size:1.1rem;margin:0 0 2rem}.suppliers-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.supplier-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 10px #0000001a;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.supplier-card:hover{box-shadow:0 4px 20px #00000026;transform:translateY(-2px)}.supplier-card.selected{border-color:#667eea;box-shadow:0 4px 20px #667eea33}.card-header{align-items:center;display:flex;gap:1rem;padding:1.5rem 1.5rem 1rem;position:relative}.card-checkbox{cursor:pointer;height:18px;width:18px}.supplier-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:600;height:50px;justify-content:center;width:50px}.supplier-info{flex:1 1}.supplier-name{color:#1f2937;font-size:1.1rem;margin:0 0 .25rem}.supplier-id{color:#6b7280;font-size:.9rem;margin:0}.card-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .2s ease}.supplier-card:hover .card-actions{opacity:1}.action-btn{border-radius:6px;display:flex;font-size:.9rem;height:32px;transition:background-color .2s ease;width:32px}.edit-btn{background:#e0f2fe;color:#0369a1}.edit-btn:hover{background:#bae6fd}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fecaca}.card-body{padding:0 1.5rem 1rem}.info-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.info-icon{font-size:1rem;text-align:center;width:20px}.info-text{color:#4b5563;flex:1 1;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-footer{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--border,#f3f4f6);display:flex;justify-content:space-between;padding:1rem 1.5rem 1.5rem}.status-badge{padding:.25rem .75rem}.status-badge.active{background:#d1fae5;color:#065f46}.date-added{color:#6b7280;font-size:.8rem}.modal-overlay{background:#00000080}.modal-content{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:700px;width:100%}.modal-header{padding:1.5rem}.modal-title{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.modal-close{border-radius:6px;color:#6b7280;padding:.5rem;transition:background-color .2s ease}.modal-close:hover{background:#f3f4f6}.modal-body{padding:1.5rem}.compact-form{padding:0}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:1.5rem}.section-title{border-bottom:2px solid #667eea;color:#374151;display:inline-block;font-size:1.1rem;font-weight:600;margin:0 0 1rem;padding-bottom:.5rem}.form-row{grid-gap:1rem;margin-bottom:1rem}.form-group{margin-bottom:0}.form-group label{margin-bottom:.4rem}.form-group input,.form-group textarea{border:2px solid #e5e7eb;border-radius:6px;font-size:.95rem;padding:.6rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input[type=tel]{font-family:Courier New,monospace}.form-group input[type=tel]:focus{border-color:#10b981;border-color:var(--success,#10b981);box-shadow:0 0 0 3px #10b9811a}.form-group textarea{min-height:60px}.form-actions{gap:1rem;margin-top:1.5rem;padding-top:1rem}.btn-save{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-save:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.btn-cancel{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-cancel:hover{background:#4b5563}.error-message{background-color:#fef2f2;border-radius:6px}@media (max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.page-title{font-size:2rem}.stats-grid{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.suppliers-grid{grid-template-columns:1fr}.controls-left,.suppliers-controls{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.form-row{gap:.75rem;grid-template-columns:1fr}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.form-actions{flex-direction:column;gap:.75rem}.btn-cancel,.btn-save{justify-content:center;width:100%}}@media (max-width:480px){.suppliers-page{padding:0}.header-content,.stats-grid,.suppliers-content,.suppliers-controls{padding-left:1rem;padding-right:1rem}.page-title{font-size:1.75rem}.stat-card{padding:1rem}.supplier-card{margin:0}}.suppliers-page{background:radial-gradient(circle at top left,#3b82f614,#0000 32%),var(--app-bg)}.suppliers-header{background:linear-gradient(135deg,#eff6ff,#fff 55%,#f8fafc);border-bottom:1px solid var(--border);color:var(--text)}body.dark .suppliers-header{background:linear-gradient(135deg,#202020,#1a1a1a 55%,#202020)}.header-content,.stats-grid,.suppliers-content,.suppliers-controls{max-width:1280px}.empty-state h3,.modal-header h2,.modal-title,.page-title,.section-title,.stat-number,.supplier-card .status-badge,.supplier-name{color:var(--text)}.date-added,.empty-state p,.error-message,.info-text,.modal-subtitle,.page-subtitle,.stat-label,.supplier-id{color:var(--text-muted)}.empty-state,.modal-content,.stat-card,.supplier-card,.supplier-table-wrapper{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.add-btn,.btn-primary,.btn-save,.stat-icon.selected,.stat-icon.total,.supplier-avatar{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.stat-icon.active{background:linear-gradient(135deg,var(--success),#059669)}.stat-icon.inactive{background:linear-gradient(135deg,var(--warning),#d97706)}.add-supplier-dialog input,.add-supplier-dialog select,.add-supplier-dialog textarea,.filter-select,.form-group input,.form-group textarea,.pagination-btn,.pagination-number,.search-input,.sort-order-btn,.sort-select,.view-toggle{background:var(--surface);border-color:var(--border);border-radius:12px;color:var(--text)}.add-supplier-dialog input:focus,.add-supplier-dialog select:focus,.add-supplier-dialog textarea:focus,.filter-select:focus,.form-group input:focus,.form-group textarea:focus,.search-input:focus,.sort-select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #3b82f61f}.add-btn:hover,.btn-primary:hover,.btn-save:hover,.pagination-number.active:hover{box-shadow:0 12px 28px #2563eb38}.stat-card:hover,.supplier-card:hover{box-shadow:var(--shadow-md)}.supplier-card.selected{border-color:#3b82f673}.supplier-card:before{background:linear-gradient(90deg,var(--brand),var(--brand-deep))}.suppliers-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.add-supplier-dialog-backdrop,.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a94;background:var(--overlay,#0f172a94)}.add-supplier-dialog,.modal-content{border:1px solid #dbe3eee6;border:1px solid var(--border,#dbe3eee6);border-radius:24px;box-shadow:var(--shadow-lg);overflow:hidden}.add-supplier-dialog-header,.modal-header{background:linear-gradient(135deg,#eff6ff,#fff 80%);border-bottom:1px solid var(--border);padding:1.5rem 1.75rem}body.dark .add-supplier-dialog-header,body.dark .modal-header{background:linear-gradient(135deg,#202020,#242424 80%)}.close-btn,.modal-close{background:var(--surface-muted);color:var(--text-soft)}.close-btn:hover,.modal-close:hover{background:#e2e8f0;background:var(--hover,#e2e8f0)}.add-supplier-dialog form,.compact-form{padding:1.5rem 1.75rem 1.75rem}.form-section{background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid var(--border);border-radius:18px;margin-bottom:1rem;padding:1.25rem}body.dark .form-section{background:linear-gradient(180deg,#202020,#242424)}.section-title{border-bottom-color:var(--brand);font-size:.9rem;letter-spacing:.08em;text-transform:uppercase}.form-row{gap:1rem}.form-group input[type=tel]{font-family:inherit;letter-spacing:.02em}.dialog-actions,.form-actions{border-top:1px solid var(--border);padding-top:1.25rem}.btn-cancel{background:#e2e8f0;background:var(--surface-muted,#e2e8f0);color:var(--text-soft)}.btn-cancel:hover{background:#cbd5e1;background:var(--hover,#cbd5e1)}.error-message,.error-text{color:#b91c1c}.error-message{background:#fef2f2;border-color:#fecaca}body.dark .error-message,body.dark .error-text{color:#ff8080}body.dark .error-message{background:#3a1f1f;border-color:#6b2b2b}@media (max-width:768px){.suppliers-grid{grid-template-columns:1fr}.add-supplier-dialog,.modal-content{margin:.75rem;width:calc(100vw - 1.5rem)}.add-supplier-dialog form,.add-supplier-dialog-header,.compact-form,.modal-header{padding-left:1.25rem;padding-right:1.25rem}}body.dark .edit-btn{background-color:#1e3a5f;color:#7cc4fa}body.dark .edit-btn:hover{background-color:#254a75}body.dark .delete-btn{background-color:#3a1f1f;color:#ff8a8a}body.dark .delete-btn:hover{background-color:#4a2626}body.dark .status-badge.active{background-color:#143d2b;color:#4ade80}.sup-modal-overlay{align-items:center;animation:supOverlayIn .18s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0f0e178c;display:flex;inset:0;justify-content:center;padding:24px 16px;position:fixed;z-index:1200}@keyframes supOverlayIn{0%{opacity:0}to{opacity:1}}.sup-modal{animation:supModalIn .22s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 24px 64px #00000038,0 4px 16px #00000014;display:flex;flex-direction:column;max-height:90vh;max-width:960px;overflow:hidden;width:100%}@keyframes supModalIn{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.sup-modal-header{align-items:center;border-bottom:1px solid #eff0f3;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px 18px}.sup-modal-title-group{align-items:center;display:flex;gap:10px}.sup-modal-icon{font-size:22px;line-height:1}.sup-modal-title{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.sup-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:background .15s,color .15s;width:32px}.sup-modal-close:hover{background:#f3f4f6;color:#111827}.sup-modal-body{flex:1 1;overflow-y:auto;padding:0 28px}.sup-modal-footer{align-items:center;background:#fafafa;border-top:1px solid #eff0f3;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:16px 28px}.sup-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:38px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .1s}.sup-modal-btn:active{transform:scale(.98)}.sup-modal-btn--cancel{background:#f3f4f6;color:#374151}.sup-modal-btn--cancel:hover{background:#e5e7eb}.sup-modal-btn--save{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea59;color:#fff}.sup-modal-btn--save:hover{box-shadow:0 4px 14px #667eea73}.sup-fm{padding:4px 0 8px}.sup-fm-error-banner{align-items:center;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;display:flex;font-size:13.5px;gap:8px;margin:16px 0 8px;padding:10px 14px}.sup-fm-section{border-bottom:1px solid #f0f0f3;padding:22px 0 20px}.sup-fm-section--last{border-bottom:none}.sup-fm-section-title{color:#667eea;font-size:11.5px;font-weight:700;letter-spacing:.08em;margin:0 0 16px;text-transform:uppercase}.sup-fm-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:1fr 1fr}.sup-fm-field{display:flex;flex-direction:column;gap:5px}.sup-fm-field--full{grid-column:1/-1}.sup-fm-field--spacer{visibility:hidden}.sup-fm-label{color:#374151;font-size:12.5px;font-weight:600}.sup-fm-req{color:#ef4444}.sup-fm-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:14px;height:38px;outline:none;padding:0 12px;transition:border-color .15s,box-shadow .15s;width:100%}.sup-fm-input::placeholder{color:#9ca3af}.sup-fm-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.sup-fm-textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:14px;min-height:80px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .15s,box-shadow .15s;width:100%}.sup-fm-textarea::placeholder{color:#9ca3af}.sup-fm-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.sup-fm-char-hint{color:#9ca3af;font-size:11.5px;text-align:right}@media (max-width:640px){.sup-modal{border-radius:12px}.sup-modal-header{padding:16px 18px 14px}.sup-modal-body{padding:0 18px}.sup-modal-footer{padding:14px 18px}.sup-fm-grid{grid-template-columns:1fr}.sup-fm-field--spacer{display:none}}body.dark .sup-modal-overlay{background:#08070ea6}body.dark .sup-modal{background:#1e1c2e;box-shadow:0 24px 64px #00000080}body.dark .sup-modal-header{border-bottom-color:#2d2a42}body.dark .sup-modal-title{color:#f1f0ff}body.dark .sup-modal-close{color:#8b85ad}body.dark .sup-modal-close:hover{background:#2d2a42;color:#f1f0ff}body.dark .sup-modal-footer{background:#19172a;border-top-color:#2d2a42}body.dark .sup-modal-btn--cancel{background:#2d2a42;color:#d1cfe8}body.dark .sup-modal-btn--cancel:hover{background:#3d3a55}body.dark .sup-fm-section{border-bottom-color:#2d2a42}body.dark .sup-fm-label{color:#c5c2e0}body.dark .sup-fm-input,body.dark .sup-fm-textarea{background:#28253c;border-color:#3d3a55;color:#f1f0ff}body.dark .sup-fm-input::placeholder,body.dark .sup-fm-textarea::placeholder{color:#5c5880}body.dark .sup-fm-input:focus,body.dark .sup-fm-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark .sup-fm-error-banner{background:#3b1a22;border-color:#7f1d37;color:#fca5a5}.topbar{align-items:center;background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border,#e0e0e0);box-sizing:border-box;display:flex;min-height:56px;padding:16px 24px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.topbar-search{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:4px;color:#111;color:var(--input-text,#111);font-size:16px;margin-right:auto;padding:8px 12px;width:300px}.topbar-search::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.topbar-actions{align-items:center;display:flex;gap:20px}.icon-btn{background:none;border:none;color:inherit;color:var(--text,inherit);cursor:pointer;font-size:20px}.topbar-avatar{border-radius:50%;height:32px;margin-left:12px;object-fit:cover;width:32px}.supplier-form-layout{display:flex;min-height:100vh}.supplier-form-main{display:flex;flex:1 1;flex-direction:column}.supplier-form-content{background-color:#f5f5f5;background-color:var(--app-bg,#f5f5f5);flex:1 1;padding:24px}.selected-bar{gap:8px;margin-bottom:24px}.delete-btn,.selected-bar{align-items:center;display:flex}.delete-btn{background:#fff;background:var(--surface,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;cursor:pointer;padding:8px 16px}.delete-btn,.selected-count{color:#666;color:var(--text-muted,#666)}.clear-selection-btn{background:none;border:none;color:inherit;color:var(--text,inherit);cursor:pointer;font-size:18px}.supplier-count,.supplier-form-toolbar{margin-bottom:16px}.supplier-form-filters{align-items:center;display:flex;gap:16px}.supplier-form-filters input[type=text],.supplier-form-filters select{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:4px;color:#111;color:var(--input-text,#111);min-width:120px;padding:8px 24px 8px 12px}.supplier-form-filters input[type=text]::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.supplier-form-filters input[type=text]{min-width:160px;padding:8px}.spacer{flex:1 1}.add-product-btn{align-items:center;background:#5c6bc0;background:var(--brand,#5c6bc0);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:8px 16px}.supplier-table-wrapper{background:#fff;background:var(--surface,#fff);border-radius:8px;overflow:auto}.supplier-table{border-collapse:collapse;color:var(--text);width:100%}.supplier-table td,.supplier-table th{border:1px solid #eee;border:1px solid var(--border,#eee);padding:8px}.supplier-table th{background:#f5f5f5;background:var(--surface-muted,#f5f5f5)}.selected-row{background:#e3e6f7;background:var(--brand-soft,#e3e6f7)}.add-supplier-dialog-backdrop{align-items:center;background:#0000004d;background:var(--overlay,#0000004d);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.add-supplier-dialog{background:#fff;background:var(--surface,#fff);border-radius:8px;box-shadow:0 2px 16px #0002;box-shadow:var(--shadow-md,0 2px 16px #0002);color:var(--text);max-width:700px;padding:24px;width:90%}.add-supplier-dialog-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border,#ddd);display:flex;justify-content:space-between;margin-bottom:16px}.close-btn{color:inherit;color:var(--text,inherit);font-size:24px}.photo-upload-section{margin-bottom:16px}.photo-upload-btn{background:#fafafa;background:var(--surface-muted,#fafafa);border:1px solid #ccc;border:1px solid var(--border,#ccc);border-radius:4px;color:var(--text);cursor:pointer;padding:8px 16px}.photo-selected{color:var(--text-soft);font-size:14px;margin-top:8px}.error-text{color:red;color:var(--danger,red);font-size:12px}.supplier-form-fields{display:flex;flex-wrap:wrap;gap:16px}.form-field{display:flex;flex:1 1 45%;flex-direction:column}.form-field label{color:var(--text-soft);margin-bottom:4px}.form-field input,.form-field textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #ccc;border:1px solid var(--input-border,#ccc);border-radius:4px;color:#111;color:var(--input-text,#111);padding:8px;width:100%}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.dialog-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.cancel-btn{background:#fff;background:var(--surface,#fff);border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;color:#666;color:var(--text-muted,#666)}.add-btn,.cancel-btn{cursor:pointer;padding:8px 24px}.add-btn{background:#5c6bc0;background:var(--brand,#5c6bc0);border:none;border-radius:4px;color:#fff}.strength-meter{display:flex;flex-direction:column;gap:.5rem;margin-top:-.4rem}.strength-meter-row{align-items:center;display:flex;gap:.65rem}.strength-bar-track{background:var(--surface-muted);border-radius:999px;flex:1 1;height:6px;overflow:hidden}.strength-bar-fill{border-radius:999px;height:100%;transition:width .2s ease,background .2s ease}.strength-bar-fill.strength-weak{background:var(--danger)}.strength-bar-fill.strength-fair{background:var(--warning)}.strength-bar-fill.strength-strong{background:var(--success)}.strength-label{font-size:.78rem;font-weight:600;white-space:nowrap}.strength-label.strength-weak{color:var(--danger)}.strength-label.strength-fair{color:var(--warning)}.strength-label.strength-strong{color:var(--success)}.strength-requirements{grid-gap:.3rem 1rem;color:var(--text-muted);display:grid;font-size:.78rem;gap:.3rem 1rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}.strength-requirements li{align-items:center;display:flex;gap:.35rem;transition:color .15s ease}.strength-requirements li.met{color:var(--success)}.dashboard-container{background:var(--app-bg)}.dashboard-main{padding:0 32px}.user-details-container{margin:0 auto;max-width:1080px;padding:2rem 0 3rem;width:100%}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .35s ease both}.profile-header-card.fade-up{animation-delay:0s}.detail-cards-grid .fade-up:first-child{animation-delay:.06s}.detail-cards-grid .fade-up:nth-child(2){animation-delay:.12s}.detail-cards-grid .fade-up:nth-child(3){animation-delay:.18s}@media (prefers-reduced-motion:reduce){.fade-up{animation:none}}.page-error{background:#ef44441a;background:var(--danger-soft,#ef44441a);border:1px solid var(--danger);border-radius:10px;color:var(--danger);font-size:.95rem;margin-bottom:1.25rem;padding:.85rem 1.1rem}.profile-header-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);display:flex;gap:1.75rem;margin-bottom:1.5rem;padding:2rem}.profile-avatar-block{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.profile-avatar-wrap{height:104px;position:relative;width:104px}.profile-avatar-img{border:3px solid var(--brand);border-radius:50%;object-fit:cover}.profile-avatar-fallback,.profile-avatar-img{box-shadow:var(--shadow-sm);height:104px;width:104px}.profile-avatar-fallback{background:var(--brand);color:#fff;font-size:2rem;font-weight:700}.avatar-overlay-btn,.profile-avatar-fallback{align-items:center;border-radius:50%;display:flex;justify-content:center}.avatar-overlay-btn{background:var(--surface-elevated);border:1px solid var(--border-strong);bottom:0;box-shadow:var(--shadow-sm);cursor:pointer;font-size:1rem;height:34px;position:absolute;right:0;transition:background .2s ease,transform .15s ease;width:34px}.avatar-overlay-btn:hover:not(:disabled){background:var(--hover);transform:scale(1.06)}.avatar-overlay-btn:disabled{cursor:not-allowed;opacity:.7}.link-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;padding:.15rem 0;transition:color .15s ease}.link-btn:hover:not(:disabled){color:var(--brand)}.link-btn.danger-link:hover:not(:disabled){color:var(--danger)}.link-btn:disabled{cursor:not-allowed;opacity:.6}.profile-header-info{display:flex;flex-direction:column;gap:.35rem;min-width:0}.profile-header-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.profile-header-title-row h1{color:var(--text);font-size:1.65rem;font-weight:700;margin:0}.status-pill{letter-spacing:.03em;padding:.2rem .65rem;text-transform:uppercase}.status-active{background:#10b98124;color:var(--success)}.status-inactive{background:#ef444424;color:var(--danger)}.role-badge{align-self:flex-start;background:var(--brand-soft);border-radius:8px;color:var(--brand);font-size:.8rem;padding:.2rem .65rem}.profile-header-email{color:var(--text-soft);font-size:.95rem;margin:.15rem 0 0}.profile-header-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.85rem;gap:.5rem;margin-top:.35rem}.meta-divider{opacity:.6}.detail-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}@media (min-width:1440px){.detail-cards-grid{gap:1.85rem}}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:1.75rem;transition:box-shadow .2s ease,transform .2s ease}.detail-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.detail-card h2{color:var(--text);font-size:1.1rem;font-weight:700;margin:0 0 1.25rem}.card-header-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.card-header-row h2{margin:0}.detail-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.detail-field{display:flex;flex-direction:column;gap:.3rem}.detail-field label{color:var(--text-muted);font-size:.78rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.detail-field span{color:var(--text);font-size:.98rem}.status-admin{background:var(--brand)}.status-admin,.status-employee{border-radius:12px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;padding:2px 12px;width:-webkit-fit-content;width:fit-content}.status-employee{background:var(--success)}.verify-badge{font-size:.85rem;font-weight:600;width:-webkit-fit-content;width:fit-content}.verify-badge.verified{color:var(--success)}.verify-badge.unverified{color:var(--text-muted)}.secondary-btn{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9rem;padding:.5rem 1rem;transition:background .2s ease,border-color .2s ease}.secondary-btn:hover{background:var(--hover);border-color:var(--border-strong)}.password-form{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.form-banner{border-radius:8px;padding:.65rem .9rem}.banner-success{background:#10b9811f;border:1px solid #10b98159;color:var(--success)}.form-group{gap:.35rem}.form-group label{color:var(--text-soft);font-size:.85rem}.password-input-wrap input{background:var(--input-background);border:1px solid var(--input-border);border-radius:8px;color:var(--input-text);font-size:.95rem;padding:.6rem 2.5rem .6rem .75rem;transition:border-color .15s ease,box-shadow .15s ease}.password-input-wrap input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.field-hint{font-size:.8rem;margin:-.4rem 0 0}.primary-btn{align-items:center;align-self:flex-start;background:var(--brand);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:center;min-height:40px;min-width:160px;padding:.6rem 1.4rem;transition:background .2s ease,transform .15s ease}.primary-btn:hover:not(:disabled){background:var(--brand-dark)}.primary-btn:disabled{background:var(--disabled-background);color:var(--disabled-text);cursor:not-allowed}.spinner-sm{animation:spin .7s linear infinite}.avatar-overlay-btn .spinner-sm{border:2px solid var(--border-strong);border-top-color:var(--brand)}@media (max-width:900px){.detail-cards-grid{grid-template-columns:1fr}.profile-header-card{flex-direction:column;text-align:center}.profile-header-meta,.profile-header-title-row{justify-content:center}.profile-header-meta{flex-wrap:wrap}}@media (max-width:640px){.dashboard-main{margin-left:0;width:100%}.user-details-container{padding:1.25rem}.detail-grid{grid-template-columns:1fr}}.product-modal,.product-modal *,.stock-modal,.stock-modal *{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.modal-overlay{background:#0f172a80;background:var(--overlay,#0f172a80);height:100vh;padding:1rem;width:100vw}.modal-content{background:var(--surface-elevated,#fff);border-radius:16px;box-shadow:0 10px 40px #00000026;box-shadow:var(--shadow-lg,0 10px 40px #00000026);color:#1f2937;color:var(--text,#1f2937);margin:0 auto;max-height:90vh;max-width:96vw;padding:1.75rem 2rem 2rem;position:relative;width:900px}.product-modal.modal-content,.stock-modal.modal-content{background:#fff!important;background:var(--surface-elevated,#fff)!important;box-shadow:0 10px 40px #00000026!important;box-shadow:var(--shadow-lg,0 10px 40px #00000026)!important;color:#1f2937!important;color:var(--text,#1f2937)!important}.product-modal.modal-content{max-width:96vw!important;padding:1.75rem 2rem 2rem!important;width:900px!important}.stock-modal.modal-content{max-width:92vw!important;padding:1.5rem 1.75rem 1.75rem!important;width:460px!important}.close-btn{background:#f1f5f9;background:var(--surface-muted,#f1f5f9);border-radius:8px;color:#475569;color:var(--text-soft,#475569);font-size:1.25rem;height:32px;line-height:1;position:absolute;right:16px;top:14px;width:32px}.close-btn:hover{background:#e2e8f0;background:var(--hover,#e2e8f0)}.product-modal .modal-header,.stock-modal .modal-header{align-items:flex-start;display:flex;gap:.75rem;margin-bottom:1.25rem;padding-right:2rem}.product-modal .modal-header-icon,.stock-modal .modal-header-icon{font-size:1.6rem;line-height:1;margin-top:2px}.product-modal .modal-header h3,.stock-modal .modal-header h3{color:#111827;color:var(--text,#111827);font-size:1.25rem;font-weight:700;margin:0}.product-modal .modal-subtitle,.stock-modal .modal-subtitle{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.85rem;margin:.2rem 0 0}.add-product-form{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:1fr 1fr 1fr}.product-modal .add-product-form{gap:1rem 1.25rem!important;grid-template-columns:1fr 1fr 1fr!important}@media (max-width:760px){.product-modal .add-product-form{grid-template-columns:1fr!important}}.add-product-form .full-width{grid-column:1/-1}.add-product-form .section-title{border-bottom:1px solid #e8f0fe;border-bottom:1px solid var(--border,#e8f0fe);color:#4361ee;color:var(--brand,#4361ee);font-size:.78rem;font-weight:700;grid-column:1/-1;letter-spacing:.06em;margin:.75rem 0 .1rem;padding-bottom:.4rem;text-transform:uppercase}.add-product-form .section-title:first-child{margin-top:0}.add-product-form label{align-items:flex-start;color:#374151;color:var(--text-soft,#374151);display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.35rem;text-align:left}.optional-tag{color:#9ca3af;color:var(--text-muted,#9ca3af);font-size:.72rem;font-weight:500;text-transform:none}.add-product-form input,.add-product-form select{background:#fff;background:var(--input-background,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--input-border,#d1d5db);border-radius:8px;box-sizing:border-box;color:#1f2937;color:var(--input-text,#1f2937);font-size:.9rem;font-weight:400;padding:.6rem .75rem;transition:all .2s ease;width:100%}.add-product-form input::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.add-product-form input:focus{border-color:#4361ee;border-color:var(--brand,#4361ee);box-shadow:0 0 0 3px #4361ee26;box-shadow:0 0 0 3px var(--focus-ring,#4361ee26);outline:none}.add-product-form input:disabled{background:#f9fafb;background:var(--disabled-background,#f9fafb);color:#6b7280;color:var(--disabled-text,#6b7280);cursor:not-allowed}.add-product-form input.error{border-color:#ef4444;border-color:var(--danger,#ef4444);box-shadow:0 0 0 3px #ef44441a}.basic-info-row{align-items:flex-start;display:flex;gap:1.25rem}.image-upload-box{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem}.image-preview{background:#f9fafb;background:var(--surface-muted,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;height:84px;object-fit:cover;width:84px}.image-preview.placeholder{align-items:center;color:#9ca3af;color:var(--text-muted,#9ca3af);display:flex;font-size:1.8rem;justify-content:center}.visually-hidden-file{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.image-upload-btn{background:#eef2ff;background:var(--brand-soft,#eef2ff);border-radius:6px;color:#4361ee;color:var(--brand,#4361ee);cursor:pointer;font-size:.72rem;font-weight:600;padding:.3rem .6rem;text-align:center;white-space:nowrap}.image-upload-btn:hover{background:#e0e7ff;background:var(--hover,#e0e7ff)}.basic-info-fields{grid-gap:1rem;display:grid;flex:1 1;gap:1rem;grid-template-columns:1fr 1.4fr;min-width:0}.submit-btn{background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-soft,#475569);cursor:pointer;font-size:.88rem;font-weight:600;padding:.65rem 1.4rem;transition:all .2s ease}.submit-btn:hover{background:#f1f5f9;background:var(--hover,#f1f5f9);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1)}.submit-btn.primary{background:#4361ee;background:var(--brand,#4361ee);border-color:#0000;color:#fff}.submit-btn.primary:hover{background:#3b52d9;background:var(--brand-dark,#3b52d9);box-shadow:0 4px 12px #4361ee4d}.button-group{border-top:1px solid #f1f5f9;border-top:1px solid var(--border,#f1f5f9);display:flex;gap:.75rem;grid-column:1/-1;justify-content:flex-end;margin-top:.5rem;padding-top:1rem}.add-product-form .help-text{color:#888;color:var(--text-muted,#888);font-size:.78rem}.add-product-form .error-message{color:#d93025;color:var(--danger,#d93025);font-size:.76rem}.add-product-form .category-input-container,.add-product-form .product-name-input-container{position:relative;width:100%}.add-product-form .category-suggestions,.add-product-form .product-name-suggestions{background:#fff;background:var(--surface-elevated,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:8px;box-shadow:0 4px 16px #00000014;box-shadow:var(--shadow-md,0 4px 16px #00000014);left:0;margin-top:4px;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;top:100%;width:100%;z-index:10}.add-product-form .suggestion-item{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);color:#333;color:var(--text,#333);cursor:pointer;display:flex;font-size:.85rem;padding:8px 14px;transition:background .15s,color .15s}.add-product-form .suggestion-item:last-child{border-bottom:none}.add-product-form .suggestion-item.active,.add-product-form .suggestion-item:hover{background:#f3f6ff;background:var(--brand-soft,#f3f6ff);color:#4361ee;color:var(--brand,#4361ee)}.add-product-form .suggestion-item-image{border-radius:4px;height:32px;margin-right:10px;object-fit:cover;width:32px}.add-product-form .suggestion-item-text{flex-grow:1}.expirable-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.expirable-checkbox-label{align-items:center;color:#b45309;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem}.expirable-checkbox{accent-color:#dc2626;height:16px;width:16px}.expirable-date{background:#fff;background:var(--input-background,#fff);border:1.5px solid #dc2626;border-radius:8px;color:#374151;color:var(--input-text,#374151);font-size:.85rem;min-width:150px;padding:.5rem .7rem;width:auto}.dont-expire-badge{background:#fffbeb;border:1.5px solid #fbbf24;border-radius:8px;color:#b45309;font-size:.76rem;font-weight:600;letter-spacing:.02em;padding:.4rem .75rem}.stock-modal{width:460px}.stock-product-summary{align-items:center;background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;display:flex;gap:.85rem;margin-bottom:1.25rem;padding:.85rem}.stock-product-thumb{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.stock-product-thumb.placeholder{align-items:center;background:#fff;background:var(--surface-elevated,#fff);color:var(--text-muted);display:flex;font-size:1.3rem;justify-content:center}.stock-product-info{min-width:0}.stock-product-name{color:var(--text);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-product-meta{color:var(--text-muted);font-size:.78rem}.stock-form{display:flex;flex-direction:column;gap:1rem}.stock-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.stock-form label{color:#374151;color:var(--text-soft,#374151);display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.35rem}.stock-form input{background:#fff;background:var(--input-background,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--input-border,#d1d5db);border-radius:8px;color:#1f2937;color:var(--input-text,#1f2937);font-size:.95rem;padding:.65rem .75rem}.stock-form input:disabled{background:#f9fafb;background:var(--disabled-background,#f9fafb);color:#6b7280;color:var(--disabled-text,#6b7280)}.stock-form input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #4361ee26;box-shadow:0 0 0 3px var(--focus-ring,#4361ee26);outline:none}.stock-form input.error{border-color:var(--danger)}.stock-preview-text{color:var(--text-soft);font-size:.82rem;margin:-.4rem 0 0}.stock-form .error-message{color:var(--danger);font-size:.76rem}.stock-form .button-group{border-top:1px solid #f1f5f9;border-top:1px solid var(--border,#f1f5f9)}body.dark .expirable-checkbox-label{color:#fca5a5}body.dark .expirable-date{border-color:#f87171}body.dark .dont-expire-badge{background:#3a1f1f;border-color:#f87171;color:#fca5a5}body.dark .image-upload-btn{background:var(--brand-soft);color:var(--brand)}@media (max-width:760px){.modal-content{padding:1.25rem;width:96vw}.add-product-form{grid-template-columns:1fr}.basic-info-row{align-items:center;flex-direction:column}.basic-info-fields{width:100%}.basic-info-fields,.stock-form-row{grid-template-columns:1fr}}.supplier-dropdown-container{position:relative;width:100%}.supplier-option{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border,#f3f4f6);color:#111827;color:var(--text,#111827);cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.supplier-option:last-child{border-bottom:none}.supplier-option:hover{background-color:#f9fafb;background-color:var(--hover,#f9fafb)}.supplier-option.focused{background-color:#f0f4ff;background-color:var(--brand-soft,#f0f4ff)}.supplier-option.selected{background-color:#4361ee;background-color:var(--brand,#4361ee);color:#fff}.supplier-option-main{display:flex;flex-direction:column;gap:4px}.supplier-name{color:inherit;font-size:1rem;font-weight:600}.supplier-contact{color:inherit;font-size:.875rem;opacity:.8}.supplier-option-details{display:flex;flex-direction:column;gap:2px;margin-top:4px}.supplier-email,.supplier-phone{color:inherit;font-size:.75rem;opacity:.7}.no-options-message{color:#6b7280;color:var(--text-muted,#6b7280);padding:16px;text-align:center}.no-options-text{font-size:.875rem;margin-bottom:12px}.add-supplier-btn{align-items:center;background:linear-gradient(135deg,#4361ee,#3b82f6);background:linear-gradient(135deg,var(--brand,#4361ee),var(--brand-dark,#3b82f6));border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;margin:0 auto;padding:8px 16px;transition:all .2s ease}.add-supplier-btn:hover{background:linear-gradient(135deg,#3b5bdb,#2563eb);background:linear-gradient(135deg,var(--brand-dark,#3b5bdb),var(--brand-deep,#2563eb));box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.add-supplier-btn:active{transform:translateY(0)}.supplier-menu-list{max-height:300px;overflow-y:auto}.add-supplier-option{background-color:#f9fafb;background-color:var(--surface-muted,#f9fafb);border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);padding:8px 16px}.add-supplier-option .add-supplier-btn{background:linear-gradient(135deg,#10b981,#059669);justify-content:center;margin:0;width:100%}.add-supplier-option .add-supplier-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.supplier-select__control{background-color:#fff!important;background-color:var(--input-background,#fff)!important;border:1.5px solid #d1d5db!important;border:1.5px solid var(--input-border,#d1d5db)!important;border-radius:8px!important;box-shadow:none!important;min-height:40px!important}.supplier-select__control--is-focused{border-color:#4361ee!important;border-color:var(--brand,#4361ee)!important;box-shadow:0 0 0 3px #4361ee1a!important;box-shadow:0 0 0 3px var(--focus-ring,#4361ee1a)!important}.supplier-select__control--is-disabled{background-color:#f9fafb!important;background-color:var(--disabled-background,#f9fafb)!important;border-color:#e5e7eb!important;border-color:var(--border,#e5e7eb)!important}.supplier-select__value-container{padding:0 12px!important}.supplier-select__input-container{margin:0!important;padding:0!important}.supplier-select__input input,.supplier-select__input-container{color:#374151!important;color:var(--input-text,#374151)!important}.supplier-select__placeholder{color:#9ca3af!important;color:var(--input-placeholder,#9ca3af)!important;font-size:1rem!important}.supplier-select__single-value{color:#374151!important;color:var(--input-text,#374151)!important;font-size:1rem!important}.supplier-select__indicator-separator{background-color:#d1d5db!important;background-color:var(--border,#d1d5db)!important}.supplier-select__clear-indicator,.supplier-select__dropdown-indicator{color:#6b7280!important;color:var(--text-muted,#6b7280)!important}.supplier-select__menu{border:1px solid #e5e7eb!important;border:1px solid var(--border,#e5e7eb)!important;border-radius:8px!important;box-shadow:0 10px 25px #00000026!important;box-shadow:var(--shadow-md,0 10px 25px #00000026)!important;z-index:9999!important}.supplier-select__menu,.supplier-select__menu-list{background-color:#fff!important;background-color:var(--surface,#fff)!important}.supplier-select__menu-list{max-height:300px!important;padding:0!important}.supplier-select__option{background-color:initial!important;border-bottom:1px solid #f3f4f6!important;border-bottom:1px solid var(--border,#f3f4f6)!important;color:#1f2937!important;color:var(--text,#1f2937)!important;font-size:1rem!important;padding:12px 16px!important}.supplier-select__option:last-child{border-bottom:none!important}.supplier-select__option--is-focused{background-color:#f0f4ff!important;background-color:var(--brand-soft,#f0f4ff)!important;color:#374151!important;color:var(--text,#374151)!important}.supplier-select__option--is-selected{background-color:#4361ee!important;background-color:var(--brand,#4361ee)!important;color:#fff!important}.supplier-select__no-options-message{background-color:#fff!important;background-color:var(--surface,#fff)!important;color:#6b7280!important;color:var(--text-muted,#6b7280)!important;padding:16px!important;text-align:center!important}.supplier-select__control--error,.supplier-select__control--error.supplier-select__control--is-focused{border-color:#ef4444!important;border-color:var(--danger,#ef4444)!important}.supplier-select__control--error.supplier-select__control--is-focused{box-shadow:0 0 0 3px #ef44441a!important}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#000000b3;background-color:var(--overlay,#000000b3)}.add-supplier-modal{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-lg,0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a);color:var(--text);max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);margin-bottom:24px;padding:24px 24px 0}.modal-header h3{color:#1f2937;color:var(--text,#1f2937);font-size:1.5rem;font-weight:700;margin:0}.close-btn{color:#6b7280;color:var(--text-muted,#6b7280);padding:4px;transition:all .2s ease}.close-btn:hover{background-color:#f3f4f6;background-color:var(--hover,#f3f4f6);color:#374151;color:var(--text-soft,#374151)}.add-supplier-form{padding:0 24px 24px}.form-section{margin-bottom:32px}.form-section h4{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border,#e5e7eb);color:#374151;color:var(--text-soft,#374151);font-size:1.125rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:16px}.form-group{gap:6px}.form-group label{color:#374151;color:var(--text-soft,#374151);font-size:.875rem}.required{color:#ef4444;color:var(--danger,#ef4444);margin-left:2px}.form-group input,.form-group textarea{background-color:#fff;background-color:var(--input-background,#fff);border:1.5px solid #d1d5db;border:1.5px solid var(--input-border,#d1d5db);border-radius:8px;color:#1f2937;color:var(--input-text,#1f2937);font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4361ee;border-color:var(--brand,#4361ee);box-shadow:0 0 0 3px #4361ee1a;box-shadow:0 0 0 3px var(--focus-ring,#4361ee1a);outline:none}.form-group input.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--danger,#ef4444)}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#ef4444;border-color:var(--danger,#ef4444);box-shadow:0 0 0 3px #ef44441a}.form-group input[type=tel]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;letter-spacing:.5px}.form-group input[type=email]{text-transform:lowercase}.form-group input.valid{background-color:#10b9810d;border-color:#10b981;border-color:var(--success,#10b981)}body.dark .form-group input.valid{background-color:#34d3991f}.form-group input.valid:focus{border-color:#10b981;border-color:var(--success,#10b981);box-shadow:0 0 0 3px #10b9811a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.error-message{color:#ef4444;color:var(--danger,#ef4444);font-size:.875rem}.success-message{color:#10b981;color:var(--success,#10b981);font-size:.875rem;font-weight:500;margin-top:4px}.submit-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;padding:12px}body.dark .submit-error{background-color:#3a1f1f;border-color:#6b2b2b;color:#ff8080}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);display:flex;gap:12px;justify-content:flex-end;padding-top:24px}.btn{min-width:120px;padding:12px 24px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background-color:#f3f4f6;background-color:var(--surface-muted,#f3f4f6);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);color:#374151;color:var(--text-soft,#374151)}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;background-color:var(--hover,#e5e7eb);border-color:#9ca3af;border-color:var(--border-strong,#9ca3af)}.btn-primary{background:linear-gradient(135deg,#4361ee,#3b82f6);background:linear-gradient(135deg,var(--brand,#4361ee),var(--brand-dark,#3b82f6));box-shadow:0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b5bdb,#2563eb);background:linear-gradient(135deg,var(--brand-dark,#3b5bdb),var(--brand-deep,#2563eb));box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}@media (max-width:640px){.modal-overlay{padding:10px}.add-supplier-modal{max-height:95vh}.modal-header{padding:16px 16px 0}.add-supplier-form{padding:0 16px 16px}.form-row{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{width:100%}}.delivery-page{background:#f6f7f9;background:var(--app-bg,#f6f7f9);color:#1f2937;color:var(--text,#1f2937);display:flex;min-height:100vh}.delivery-main{flex:1 1;margin-left:11%;min-width:0}.delivery-content{padding:24px}.delivery-header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.delivery-header h1{color:#2c3e50;color:var(--text,#2c3e50);font-family:Cormorant Garamond,serif;font-size:34px;margin:0 0 6px}.delivery-header p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.delivery-controls{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.delivery-controls input,.delivery-controls select,.delivery-form-grid input,.delivery-form-grid select,.delivery-form-grid textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #d8dee7;border:1px solid var(--input-border,#d8dee7);border-radius:6px;color:#1f2937;color:var(--input-text,#1f2937);font-size:14px;padding:10px 12px}.delivery-controls input::placeholder,.delivery-form-grid input::placeholder,.delivery-form-grid textarea::placeholder{color:#9ca3af;color:var(--input-placeholder,#9ca3af)}.delivery-controls input{min-width:min(360px,100%)}.delivery-controls input[type=date]{min-width:170px}.delivery-btn{background:#fff;background:var(--surface,#fff);border:1px solid #cbd5e1;border:1px solid var(--border-strong,#cbd5e1);border-radius:6px;color:#334155;color:var(--text-soft,#334155);cursor:pointer;font-weight:700;padding:8px 10px}.delivery-btn:disabled{cursor:not-allowed;opacity:.55}.delivery-btn.primary{background:#2c3e50;border-color:#2c3e50;color:#fff}.delivery-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:12px;padding:12px}.delivery-table-wrap{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:auto}.delivery-table{border-collapse:collapse;color:#1f2937;color:var(--text,#1f2937);min-width:1380px;width:100%}.delivery-table td,.delivery-table th{border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--border,#edf0f3);font-size:14px;padding:12px 14px;text-align:left;vertical-align:top}.delivery-table th{background:#f8fafc;background:var(--surface-muted,#f8fafc);color:#475569;color:var(--text-soft,#475569);font-weight:700}.delivery-status{background:#e2e8f0;border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:800;padding:4px 9px}.delivery-status.Delivered{background:#dcfce7;color:#166534}.delivery-status.Cancelled,.delivery-status.Failed-Delivery{background:#fee2e2;color:#991b1b}.delivery-status.Out-for-Delivery,.delivery-status.Ready-for-Delivery{background:#dbeafe;color:#1d4ed8}.delivery-modal-backdrop{align-items:center;background:#0f172a80;background:var(--overlay,#0f172a80);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.delivery-modal{background:#fff;background:var(--surface-elevated,#fff);border-radius:8px;box-shadow:0 20px 70px #0f172a38;box-shadow:var(--shadow-lg,0 20px 70px #0f172a38);color:#1f2937;color:var(--text,#1f2937);max-height:90vh;overflow:auto;width:min(820px,96vw)}.delivery-modal-footer,.delivery-modal-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);display:flex;gap:12px;justify-content:space-between;padding:20px 24px}.delivery-modal-footer{border-bottom:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);justify-content:flex-end}.delivery-modal-header h2{color:#2c3e50;color:var(--text,#2c3e50);margin:0 0 5px}.delivery-modal-header p{color:#64748b;color:var(--text-muted,#64748b);margin:0}.delivery-modal-body{padding:24px}.delivery-form-grid,.delivery-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.delivery-info-grid div{background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;padding:12px}.delivery-info-grid .full{grid-column:1/-1}.delivery-form-grid label,.delivery-info-grid span{color:#334155;color:var(--text-soft,#334155);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:6px}.delivery-info-grid span{color:#64748b;color:var(--text-muted,#64748b);text-transform:uppercase}.delivery-info-grid strong{color:#111827;color:var(--text,#111827);margin-top:4px}.delivery-form-grid .full{grid-column:1/-1}.delivery-items{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;margin-bottom:18px;overflow:hidden}.delivery-items h3{background:#f8fafc;background:var(--surface-muted,#f8fafc);color:#2c3e50;color:var(--text,#2c3e50);font-size:16px;margin:0;padding:12px 14px}.delivery-item-row{border-top:1px solid #edf0f3;border-top:1px solid var(--border,#edf0f3);color:#334155;color:var(--text-soft,#334155);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.delivery-message{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:13px;font-weight:700;padding:11px 12px}.delivery-proof{color:#334155;color:var(--text-soft,#334155);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:8px}.delivery-proof img{background:#f8fafc;background:var(--surface-muted,#f8fafc);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;max-height:240px;object-fit:contain;width:min(320px,100%)}.delivery-track-link{align-items:center;background:#0f766e;border-radius:6px;color:#fff;display:inline-flex;font-weight:800;justify-content:center;margin-bottom:18px;padding:9px 12px;text-decoration:none}.delivery-timeline h3{color:#2c3e50;color:var(--text,#2c3e50);margin:0 0 12px}.timeline-item{grid-gap:10px;border-bottom:1px solid #edf0f3;border-bottom:1px solid var(--border,#edf0f3);display:grid;gap:10px;grid-template-columns:16px 1fr;padding:10px 0}.timeline-dot{background:#2c3e50;background:var(--brand,#2c3e50);border-radius:50%;height:10px;margin-top:4px;width:10px}.delivery-empty,.timeline-item p{color:#64748b;color:var(--text-muted,#64748b);font-size:13px;margin:4px 0 0}body.dark .delivery-status{background:#3a3a3a;color:#e0e0e0}body.dark .delivery-status.Delivered{background:#14351f;color:#4ade80}body.dark .delivery-status.Cancelled,body.dark .delivery-status.Failed-Delivery{background:#3a1f1f;color:#f87171}body.dark .delivery-status.Out-for-Delivery,body.dark .delivery-status.Ready-for-Delivery{background:#1e293b;color:#7dabff}body.dark .delivery-error{background:#3a1f1f;border-color:#5a2a2a;color:#f87171}body.dark .delivery-message{background:#3a2f1a;border-color:#5a4a2a;color:#fbbf24}body.dark .delivery-btn.primary{background:#5b9dff;background:var(--brand,#5b9dff);border-color:#5b9dff;border-color:var(--brand,#5b9dff);color:#0f172a}body.dark .delivery-track-link{background:#0f766e;color:#e0e0e0}body.dark .delivery-table tbody tr{background:#242424;background:var(--surface,#242424)}body.dark .delivery-table tbody tr:hover{background:#ffffff0f;background:var(--hover,#ffffff0f)}@media (max-width:760px){.delivery-content{padding:16px}.delivery-header{display:block}.delivery-header .delivery-btn{margin-top:12px;width:100%}.delivery-controls input,.delivery-controls select{width:100%}.delivery-table{min-width:0}.delivery-table thead{display:none}.delivery-table,.delivery-table tbody,.delivery-table td,.delivery-table tr{display:block;width:100%}.delivery-table tr{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);padding:10px}.delivery-table td{border:0;padding:7px 0}.delivery-table td:before{color:#64748b;color:var(--text-muted,#64748b);content:attr(data-label);display:block;font-size:12px;font-weight:800;margin-bottom:2px}.delivery-form-grid,.delivery-info-grid{grid-template-columns:1fr}.delivery-modal{max-height:94vh;width:100%}.delivery-modal-footer,.delivery-modal-header{flex-direction:column;padding:16px}.delivery-modal-footer .delivery-btn,.delivery-track-link{width:100%}.delivery-modal-body{padding:16px}.delivery-item-row{display:block}}.dashboard-container,.dashboard-main{background:#f6f7fb;background:var(--app-bg,#f6f7fb)}.user-management-container{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 2px 12px #0000000f;margin:32px 0;max-width:none;padding:24px 18px 18px;width:100%}.user-management-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.user-management-header h1{color:#222;color:var(--text,#222);font-size:1.5rem;font-weight:600}.register-user-btn{background:#007bff;background:var(--brand,#007bff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:7px 16px;transition:background .2s}.register-user-btn:disabled{cursor:not-allowed;opacity:.6}.user-cards-list{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));margin-top:10px}.user-card{background:#fafbfc;background:var(--surface-muted,#fafbfc);border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:10px;padding:18px 14px 14px;transition:box-shadow .18s}.user-card:hover{box-shadow:0 4px 18px #0000001a}.user-card-header{align-items:center;display:flex;gap:12px;margin-bottom:4px}.user-profile-pic-large{background:#e3eeff;border:1.5px solid #e0e0e0;border:1.5px solid var(--border,#e0e0e0);border-radius:50%;height:44px;object-fit:cover;width:44px}.user-card-name{color:#222;color:var(--text,#222);font-size:1.08rem;font-weight:600}.user-card-role{color:#888;color:var(--text-muted,#888);font-size:.97rem;margin-top:1px}.user-card-info{display:flex;flex-direction:column;font-size:.98rem;gap:3px}.user-card-label{color:#007bff;color:var(--brand,#007bff);font-weight:500;margin-right:4px}.error,.loading{background:#fff0f0;border:1px solid #ffd6d6;border-radius:6px;color:#888;color:var(--text-muted,#888);font-size:1.05rem;margin:24px 0;padding:18px 0;text-align:center}@media (max-width:700px){.user-management-container{padding:8px 2px}.user-management-header{align-items:flex-start;flex-direction:column;gap:10px}}.user-modal-overlay{align-items:center;background:#0000002e;background:var(--overlay,#0000002e);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-modal{background:#fff;background:var(--surface,#fff);border-radius:10px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:12px;max-width:95vw;min-width:320px;padding:28px 24px 18px;position:relative;width:370px}.user-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.user-modal-close{background:none;border:none;color:#888;color:var(--text-muted,#888);cursor:pointer;font-size:1.6rem}.user-modal-fields label{color:#444;color:var(--text-soft,#444);display:flex;flex-direction:column;font-size:.98rem;font-weight:500;margin-bottom:8px}.user-modal-fields input,.user-modal-fields select{background:#fafbfc;background:var(--input-background,#fafbfc);border:1.2px solid #e0e0e0;border:1.2px solid var(--input-border,#e0e0e0);border-radius:5px;color:#222;color:var(--input-text,#222);font-size:1rem;margin-top:3px;padding:7px 10px}.user-modal-fields input::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.user-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.user-modal-save{background:#007bff;background:var(--brand,#007bff)}.user-modal-delete,.user-modal-save{border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:500;padding:7px 16px}.user-modal-delete{background:#e66465}.users-table-container{border:1px solid #0000000f;border:1px solid var(--border,#0000000f);box-shadow:0 4px 12px #0000000d;margin-top:20px;overflow-x:auto;width:100%}.users-table{table-layout:auto}.users-table thead th{background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border-bottom:2px solid #e9ecef;border-bottom:2px solid var(--border,#e9ecef);color:#495057;color:var(--text-soft,#495057);font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.users-table tbody td{border-bottom:1px solid #e9ecef;border-bottom:1px solid var(--border,#e9ecef);color:#343a40;color:var(--text-soft,#343a40);font-size:.95rem;line-height:1.6;padding:12px 16px;text-align:left;vertical-align:middle}.users-table tbody tr:nth-child(2n){background-color:#fdfdfe;background-color:var(--surface-muted,#fdfdfe)}.users-table tbody tr:hover{background-color:#f1f3f5;background-color:var(--hover,#f1f3f5)}.user-table-profile-pic{border:1px solid #dee2e6;border:1px solid var(--border,#dee2e6);border-radius:50%;box-shadow:0 1px 2px #0000000d;height:36px;object-fit:cover;width:36px}.users-table .action-btn{border:1px solid #0000;border-radius:5px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.edit-user-btn-table{background-color:#e6f2ff;border-color:#b8d6fb;color:#007bff}.edit-user-btn-table:hover{background-color:#cce0ff;border-color:#a1c4fd;box-shadow:0 2px 4px #007bff1a}body.dark .error,body.dark .loading{background:#ef44441f;border-color:#ef444459;color:#f87171}body.dark .user-profile-pic-large{background:#24344d}body.dark .edit-user-btn-table{background-color:#5b9dff29;border-color:#5b9dff59;color:#5b9dff}body.dark .edit-user-btn-table:hover{background-color:#5b9dff42;border-color:#5b9dff80;box-shadow:0 2px 4px #00000059}.confirm-dialog-overlay{align-items:center;animation:confirmOverlayIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;background:var(--overlay,#0f172a8c);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}@keyframes confirmOverlayIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:confirmDialogIn .2s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--surface-elevated,#fff);border-radius:16px;box-shadow:var(--shadow-lg);color:var(--text);padding:1.75rem;width:min(420px,100%)}@keyframes confirmDialogIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.confirm-dialog h3{color:var(--text);font-size:1.15rem;margin:0 0 .6rem}.confirm-dialog-message{color:var(--text-soft);font-size:.92rem;line-height:1.5;margin:0 0 1.5rem}.confirm-dialog-actions{display:flex;gap:.75rem;justify-content:flex-end}.confirm-dialog-btn{border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.25rem;transition:background .2s ease,transform .15s ease}.confirm-dialog-btn-cancel{background:var(--surface-muted);color:var(--text-soft)}.confirm-dialog-btn-cancel:hover{background:var(--hover)}.confirm-dialog-btn-confirm{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.confirm-dialog-btn-confirm:hover{box-shadow:0 10px 24px #2563eb47;transform:translateY(-1px)}.confirm-dialog-btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-dialog-btn-danger:hover{box-shadow:0 10px 24px #dc262647}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;background:var(--overlay,#0f172a8c);inset:0;padding:20px;z-index:2000}.user-form-modal{animation:userFormModalIn .22s cubic-bezier(.16,1,.3,1);background:var(--surface-elevated);border-radius:24px;box-shadow:var(--shadow-lg);color:var(--text);max-height:90vh;overflow-y:auto;width:min(760px,calc(100vw - 2rem))}@keyframes userFormModalIn{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-form-header{align-items:flex-start;background:linear-gradient(135deg,var(--brand-soft) 0,var(--surface) 80%);border-bottom:1px solid var(--border);display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 1.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:2}.user-form-title-group{align-items:flex-start;display:flex;gap:.85rem}.user-form-icon{align-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-deep));border-radius:12px;box-shadow:0 8px 18px #2563eb47;display:flex;flex-shrink:0;font-size:1.3rem;height:42px;justify-content:center;width:42px}.user-form-header h2{color:var(--text);font-size:1.4rem;margin:.2rem 0}.user-form-eyebrow{color:var(--brand-dark);font-size:.72rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.user-form-subtitle{color:var(--text-soft);font-size:.88rem;margin:0;max-width:44ch}.user-form-close{background:var(--surface-muted);border:none;border-radius:10px;color:var(--text-soft);cursor:pointer;flex-shrink:0;font-size:1.35rem;height:34px;line-height:1;width:34px}.user-form-close:hover{background:var(--hover)}.user-form-body{display:flex;flex-direction:column;gap:1.75rem;padding:1.5rem 1.75rem 1.75rem}.user-form-section-title{border-bottom:1px solid var(--border);color:var(--brand);font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 1rem;padding-bottom:.5rem;text-transform:uppercase}.user-form-grid{grid-gap:1rem 1.25rem;display:grid;gap:1rem 1.25rem;grid-template-columns:repeat(2,minmax(0,1fr))}.user-form-grid-full{grid-template-columns:1fr}.user-form-body .form-group{display:flex;flex-direction:column;gap:.4rem}.user-form-body .form-group label{color:var(--text-soft);font-size:.83rem;font-weight:600}.user-form-body input[type=email],.user-form-body input[type=password],.user-form-body input[type=tel],.user-form-body input[type=text],.user-form-body select,.user-form-body textarea{background:var(--input-background);border:1.5px solid var(--input-border);border-radius:10px;color:var(--input-text);font-family:inherit;font-size:.92rem;padding:.65rem .85rem;transition:border-color .15s ease,box-shadow .15s ease}.user-form-body input::placeholder,.user-form-body textarea::placeholder{color:var(--input-placeholder)}.user-form-body input:focus,.user-form-body select:focus,.user-form-body textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.user-form-body input.input-error,.user-form-body select.input-error{border-color:var(--danger)}.user-form-body textarea{resize:vertical}.required-asterisk{color:var(--danger)}.field-hint{font-size:.78rem;margin:0}.hint-error{color:var(--danger)}.form-banner{border-radius:10px;font-size:.88rem;padding:.7rem 1rem}.banner-error{background:#ef44441f;border:1px solid #ef444459;color:var(--danger)}.user-form-photo-row{align-items:center;display:flex;gap:1.1rem;margin-bottom:1.25rem}.user-form-avatar-wrap{flex-shrink:0;height:76px;position:relative;width:76px}.user-form-avatar-img{border:3px solid var(--brand);border-radius:50%;height:76px;object-fit:cover;width:76px}.user-form-avatar-fallback{background:var(--brand);color:#fff;font-size:1.5rem;font-weight:700;height:76px;width:76px}.user-form-avatar-btn,.user-form-avatar-fallback{align-items:center;border-radius:50%;display:flex;justify-content:center}.user-form-avatar-btn{background:var(--surface-elevated);border:1px solid var(--border-strong);bottom:-2px;box-shadow:var(--shadow-sm);cursor:pointer;font-size:.85rem;height:28px;position:absolute;right:-2px;width:28px}.user-form-avatar-btn:hover{background:var(--hover)}.user-form-photo-hint span{color:var(--text);font-size:.88rem;font-weight:600}.user-form-photo-hint p{color:var(--text-muted);font-size:.78rem;margin:.15rem 0 0}.form-group--checkbox{justify-content:flex-end}.checkbox-label{align-items:center;background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;color:var(--text);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:.65rem;padding:.7rem .9rem}.checkbox-label input{accent-color:var(--brand);height:1rem;width:1rem}.user-form-permissions{background:var(--surface-muted);border:1px solid var(--border);border-radius:12px;margin-top:1rem;padding:.85rem 1rem}.user-form-permissions-label{color:var(--text-muted);display:block;font-size:.78rem;font-weight:600;margin-bottom:.5rem}.permission-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.permission-chip{background:var(--brand-soft);border-radius:999px;color:var(--brand-dark);font-size:.78rem;font-weight:600;padding:.25rem .65rem}.permission-chip-empty{color:var(--text-muted);font-size:.8rem;font-style:italic}.user-form-hint{color:var(--text-muted);font-size:.82rem;margin:-.5rem 0 1rem}.password-input-wrap{align-items:center;display:flex;position:relative}.password-input-wrap input{padding-right:2.5rem;width:100%}.visibility-toggle{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:.1rem;position:absolute;right:.6rem}.spinner-sm{animation:userFormSpin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes userFormSpin{to{transform:rotate(1turn)}}.user-form-actions{border-top:1px solid var(--border);display:flex;gap:.75rem;justify-content:flex-end;padding-top:1.25rem}.user-form-actions .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:center;min-width:130px;padding:.65rem 1.4rem;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.user-form-actions .btn:hover:not(:disabled){transform:translateY(-1px)}.user-form-actions .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.user-form-actions .btn-secondary{background:var(--surface-muted);color:var(--text-soft)}.user-form-actions .btn-secondary:hover:not(:disabled){background:var(--hover)}.user-form-actions .btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff}.user-form-actions .btn-primary:hover:not(:disabled){box-shadow:0 10px 24px #2563eb47}@media (max-width:700px){.user-form-grid{grid-template-columns:1fr}.user-form-body,.user-form-header{padding-left:1.15rem;padding-right:1.15rem}.user-form-actions{flex-direction:column-reverse}.user-form-actions .btn{width:100%}}.dashboard-container{background:#f8fafc;background:var(--app-bg,#f8fafc)}.account-management{flex:1 1;margin:0;max-width:none;padding:20px;width:100%}.account-management-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.account-management-header h1{color:#1f2937;color:var(--text,#1f2937);font-size:2rem;font-weight:700;margin:0}.access-denied{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;padding:60px 20px;text-align:center}.access-denied h2{font-size:1.5rem;margin-bottom:10px}.filters-section{background:#f9fafb;background:var(--surface-muted,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;padding:20px}.filters-row{grid-gap:20px;align-items:end;display:grid;gap:20px;grid-template-columns:2fr 1fr 1fr auto}.filter-group{gap:5px}.filter-group label{color:#374151;color:var(--text-soft,#374151);font-size:.875rem;font-weight:500}.filter-select,.search-input{background:#fff;background:var(--input-background,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:6px;color:#1f2937;color:var(--input-text,#1f2937);font-size:.875rem;padding:8px 12px;transition:border-color .2s}.filter-select::placeholder,.search-input::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.filter-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-group label input[type=checkbox]{margin-right:8px}.users-table-container{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow-sm,0 1px 3px #0000001a)}.users-table{border-collapse:collapse;width:100%}.users-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);color:#374151;color:var(--text-soft,#374151);font-weight:600;text-align:left}.users-table td,.users-table th{font-size:.875rem;padding:12px 16px}.users-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border,#f3f4f6);color:#4b5563;color:var(--text,#4b5563)}.users-table tbody tr:hover{background:#f9fafb;background:var(--hover,#f9fafb)}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;letter-spacing:.025em;padding:4px 8px}.status-badge.inactive{color:#dc2626}.status-badge.archived{background:#f3f4f6;color:#6b7280}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.btn{border-radius:6px;display:inline-block;font-weight:500;padding:6px 12px;text-align:center;text-decoration:none;transition:all .2s}.btn,.btn-sm{font-size:.75rem}.btn-sm{padding:4px 8px}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.loading{color:#6b7280;color:var(--text-muted,#6b7280);font-size:1rem;padding:40px}.users-empty-state{color:var(--text-muted);padding:60px 20px;text-align:center}.users-empty-icon{display:block;font-size:2.5rem;margin-bottom:.75rem}@media (max-width:768px){.dashboard-container{flex-direction:column}.main-content{margin-left:0}.account-management{padding:10px}.account-management-header{align-items:stretch;flex-direction:column;gap:20px}.filters-row{gap:15px;grid-template-columns:1fr}.users-table-container{overflow-x:auto}.users-table{min-width:600px}.action-buttons{flex-direction:column}}.dashboard-container{background:radial-gradient(circle at top left,#3b82f614,#0000 28%),var(--app-bg)}.main-content{background:#0000}.account-management{padding:24px}.account-management-header{border-bottom:1px solid var(--border);padding-bottom:16px}.account-management-header h1{color:var(--text)}.account-management-header .btn-primary,.btn.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-deep));box-shadow:0 12px 28px #2563eb33;color:#fff}.filters-section,.users-table-container{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.filters-section{background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px}.filter-group label,.loading{color:var(--text-soft)}.filter-select,.search-input{background:var(--surface);border:1px solid var(--border);border-radius:12px;color:var(--text)}.filter-select:focus,.search-input:focus{border-color:var(--brand);box-shadow:0 0 0 4px #3b82f61f}.users-table-container{border-radius:18px;overflow:hidden}.users-table th{background:#f8fafc;background:var(--surface-muted,#f8fafc)}.users-table td,.users-table th{color:var(--text-soft)}.users-table tbody tr:hover{background:#f8fbff;background:var(--hover,#f8fbff)}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#b91c1c}.status-badge.archived{background:#e2e8f0;color:#475569}.btn-secondary{background:#e2e8f0;background:var(--surface-muted,#e2e8f0);color:var(--text-soft)}.btn-secondary:hover{background:#cbd5e1;background:var(--border-strong,#cbd5e1)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.btn-success{background:linear-gradient(135deg,var(--success),#059669)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}@media (max-width:768px){.account-management{padding:16px}.filters-row{flex-direction:column}}body.dark .access-denied{background:#ef44441f;border-color:#ef444459;color:#f87171}body.dark .status-badge.active{background:#34d39929;color:#34d399}body.dark .status-badge.inactive{background:#f8717129;color:#f87171}body.dark .status-badge.archived{background:#ffffff14;color:#b0b0b0}body.dark .filters-section{background:linear-gradient(180deg,var(--surface) 0,var(--surface-muted) 100%)}body.dark .filter-select:focus,body.dark .search-input:focus{box-shadow:0 0 0 4px var(--focus-ring)}.register-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:450px;padding:2rem;width:100%}.register-card h2{color:#333;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.register-form{gap:1rem}.form-group{gap:.5rem}.form-group label{color:#555}.form-group input,.form-group select{border:1px solid #ddd;border-radius:5px;padding:.75rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.form-group input.error,.form-group select.error{border-color:#ff4d4f}.error-message{color:#ff4d4f;font-size:.8rem;margin-top:.25rem}.submit-error{margin-top:.5rem;text-align:center}.register-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem;transition:background-color .3s ease}.register-button:hover{background-color:#357abd}.register-button:active{transform:translateY(1px)}.login-link{color:#666;font-size:.9rem;margin-top:1.5rem}.login-link span{color:#4a90e2;cursor:pointer;font-weight:500}.login-link span:hover{text-decoration:underline}@media (max-width:480px){.register-card{padding:1.5rem}.register-card h2{font-size:1.5rem}}.image-preview{border:2px solid #696a8f;border-radius:50%;margin-top:10px;max-height:200px;max-width:200px;overflow:hidden}.image-preview img{height:100%;object-fit:cover;width:100%}input[type=file]{border:1px solid #ddd;border-radius:4px;margin-top:5px;padding:10px}input[type=file]::-webkit-file-upload-button{background-color:#696a8f;border-radius:4px;margin-right:10px;padding:8px 16px}input[type=file]::-webkit-file-upload-button:hover{background-color:#5a5b7f}.order-filters{border-radius:10px;box-shadow:0 1px 6px #0000000f;gap:12px;margin:16px 20px;padding:12px 20px}.order-filters .order-search{border:1px solid #e1e5ea;border-radius:8px;flex:1 1;max-width:420px;padding:8px 10px}.order-details-layout{padding:0 20px 20px}.order-list{border-radius:12px;box-shadow:0 2px 8px #0000000f;height:calc(100vh - 240px);overflow:auto;padding:12px}.order-list-title{border-bottom:2px solid #e9ecef;color:#2c3e50;letter-spacing:.06em;margin:16px 16px 20px;padding-bottom:12px}.order-list-item{align-items:center;background:#fff;border:1px solid #e1e5ea;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin:8px;min-height:80px;overflow:hidden;transition:all .2s ease}.order-list-item:hover{background:#f8f9ff;border-color:#d1d9ff;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.order-list-item.selected{background:#e3f2fd;border-color:#2196f3;box-shadow:0 4px 12px #2196f333}.order-info{display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center;min-width:0}.order-price{font-size:16px;font-weight:700}.order-date{color:#6c757d;font-weight:500}.order-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px;min-width:120px;text-align:right}.order-name{font-size:16px;font-weight:700;line-height:1.4}.order-status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:4px 8px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.status-completed{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-cancelled{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.order-details-panel{border-radius:12px;box-shadow:0 2px 8px #0000000f;height:calc(100vh - 240px);overflow:auto;padding:16px}.history-badges{display:flex;gap:8px}.badge{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;outline:none;padding:6px 10px}.badge-green{background:#eaf8ef;border:1px solid #cdebd9;color:#1c7c3a}.badge-red{background:#feefef;border:1px solid #ffd4d4;color:#b42318}.filter-badge{transition:box-shadow .2s ease,transform .15s ease,background .2s ease}.filter-badge:hover{box-shadow:0 0 0 2px #6c63ff26,0 0 10px #0000001a}.filter-badge:active{transform:scale(.97)}.filter-badge:focus-visible{box-shadow:0 0 0 2px #6c63ff59,0 0 0 6px #6c63ff26}.filter-badge.active.badge-green{animation:glowPulseGreen 1.6s ease-in-out infinite;box-shadow:0 0 0 2px #2ecc7140,0 0 18px #2ecc71d9,0 0 36px #2ecc7159}.filter-badge.active.badge-red{animation:glowPulseRed 1.6s ease-in-out infinite;box-shadow:0 0 0 2px #e74c3c40,0 0 18px #e74c3cd9,0 0 36px #e74c3c59}@keyframes glowPulseGreen{0%{box-shadow:0 0 0 0 #2ecc718c,0 0 0 #2ecc7140}50%{box-shadow:0 0 0 4px #2ecc7140,0 0 22px #2ecc71e6,0 0 44px #2ecc7173}to{box-shadow:0 0 0 0 #2ecc718c,0 0 0 #2ecc7140}}@keyframes glowPulseRed{0%{box-shadow:0 0 0 0 #e74c3c8c,0 0 0 #e74c3c40}50%{box-shadow:0 0 0 4px #e74c3c40,0 0 22px #e74c3ce6,0 0 44px #e74c3c73}to{box-shadow:0 0 0 0 #e74c3c8c,0 0 0 #e74c3c40}}.btn{border-radius:8px;font-weight:700;padding:8px 14px}.btn-primary{background:#2ecc71}.btn-outline{background:#fff;border:1px solid #d1d7e0;color:#2c3e50}.dashboard-container{min-height:100vh}.dashboard-main{background:#f8f9fa;overflow-y:auto;padding:20px}.order-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #0000000a;display:flex;gap:16px;margin-bottom:20px;padding:12px}.order-search{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.order-details-layout{display:flex;gap:20px;height:calc(100vh - 180px)}.order-list{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a;min-width:300px;overflow-y:auto;width:360px}.order-list-title{font-size:16px;font-weight:700;letter-spacing:1px}.order-list-item,.order-list-title{border-bottom:1px solid #eee;padding:16px}.order-list-item{cursor:pointer;transition:background .2s}.order-list-item:hover{background:#f8f9fa}.order-list-item.selected{background:#f0f7ff}.order-info{margin-bottom:8px}.order-name{font-size:15px;margin-bottom:2px}.order-code{color:#888;font-size:13px}.order-price{color:#2c3e50;font-weight:600}.order-date{color:#888;font-size:13px;margin-top:4px}.order-details-panel{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000a;flex:1 1;overflow-y:auto}.modal-input{border:1px solid #ddd;border-radius:6px;font-size:14px;margin-top:4px;padding:8px 12px;width:100%}.modal-input:focus{border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff1a;outline:none}body.dark .order-history-container{background-color:#1a1a1a;color:#e0e0e0}body.dark .order-history-header h2{color:#e0e0e0}body.dark .order-filters{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}body.dark .order-filters span{color:#e0e0e0}body.dark .order-search{background-color:#1e1e1e;border-color:#555;color:#e0e0e0}body.dark .order-search::placeholder{color:#aaa}body.dark .order-filter-select{background-color:#1e1e1e;border-color:#555;color:#e0e0e0}body.dark .order-filter-select:focus{border-color:#bb86fc;box-shadow:0 0 0 2px #bb86fc40}body.dark .order-list{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}body.dark .order-list-title{border-bottom-color:#404040;color:#e0e0e0}body.dark .order-list-item{background-color:#2c2c2c;border-bottom-color:#404040}body.dark .order-list-item:hover{background-color:#404040}body.dark .order-list-item.selected{background-color:#0056b3;color:#fff}body.dark .order-list-item.selected .order-code,body.dark .order-list-item.selected .order-date,body.dark .order-list-item.selected .order-name,body.dark .order-list-item.selected .order-price{color:#fff}body.dark .order-info .order-name{color:#e0e0e0}body.dark .order-info .order-code{color:#aaa}body.dark .order-date,body.dark .order-price{color:#e0e0e0}body.dark .order-details-panel{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}body.dark .order-details-panel .loading{color:#ccc}body.dark .order-details-panel .error{color:#e74c3c}body.dark .order-details-panel .status-badge{color:#fff}body.dark .modal-overlay{background-color:#000000bf}body.dark .modal-content{background-color:#1e1e1e;box-shadow:0 4px 20px #0006;color:#e0e0e0}body.dark .modal-content h3{color:#e0e0e0}body.dark .modal-content label{color:#ccc}body.dark .modal-content input[type=number],body.dark .modal-content input[type=text],body.dark .modal-content select,body.dark .modal-content textarea{background-color:#2c2c2c;border-color:#555;color:#e0e0e0}body.dark .modal-content input[type=number]:focus,body.dark .modal-content input[type=text]:focus,body.dark .modal-content select:focus,body.dark .modal-content textarea:focus{border-color:#bb86fc;box-shadow:0 0 0 2px #bb86fc40}body.dark .modal-content .btn-primary{background-color:#0056b3;border:none;color:#fff}body.dark .modal-content .btn-primary:hover{background-color:#004494}body.dark .modal-content .btn-secondary{background-color:#404040;border-color:#555;color:#e0e0e0}body.dark .modal-content .btn-secondary:hover{background-color:#505050}body.dark .order-list-item>div{color:#e0e0e0}body.dark .order-details-panel div,body.dark .order-details-panel h3,body.dark .order-details-panel span{color:#e0e0e0}body.dark .order-details-panel hr{border-color:#404040}body.dark .order-details-panel .order-detail-item label{color:#ccc}body.dark .order-details-panel .order-detail-item span{color:#e0e0e0}body.dark .order-details-panel .product-item{border-bottom-color:#404040}body.dark .order-details-panel .product-item div{color:#e0e0e0}body.dark .order-details-panel .product-item .units,body.dark .order-details-panel .product-item span{color:#b0b0b0}body.dark .order-details-panel .product-item .total-price{color:#e0e0e0}.order-history-products-card{background:#fafbfc}body.dark .order-history-products-card{background:#202020;background:var(--surface-muted,#202020)}.form-control{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s ease;width:100%}.form-control:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.steps-container{margin-bottom:3rem;position:relative}.steps-container:before{background:#e9ecef;content:"";height:2px;left:0;position:absolute;right:0;top:20px;z-index:1}.step-number{align-items:center;background:#4a90e2;border-radius:50%;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;margin:0 auto 1rem;width:40px}.step.active .step-number{background:#357abd}.btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s ease}.btn-primary{background:#4a90e2;color:#fff}.btn-primary:hover{background:#357abd}.fade-in{animation:fadeIn .3s ease-out}@media (max-width:1024px){.steps-container{padding:0 1rem}.form-control{font-size:clamp(.9rem,2vw,1rem)}}@media (max-width:767px){.steps-container{flex-direction:column;padding:0 1rem}.step{margin-bottom:2rem}.steps-container:before{display:none}.form-group{margin-bottom:1.25rem}.form-control{font-size:clamp(.9rem,3.5vw,1rem);min-height:44px;padding:.7rem}textarea.form-control{min-height:100px}.btn{font-size:clamp(.9rem,3.5vw,1rem);min-height:48px;padding:.875rem 1.5rem;width:100%}label{font-size:clamp(.85rem,3vw,.95rem)}}@media (max-width:480px){.steps-container{padding:0 .75rem}.step{margin-bottom:1.5rem}.step-number{font-size:.9rem;height:36px;width:36px}.form-group{margin-bottom:1rem}.form-control{font-size:clamp(.85rem,4vw,.95rem);min-height:44px;padding:.65rem}select.form-control{background-position:right .75rem center;padding-right:2rem}textarea.form-control{min-height:90px}.btn{font-size:clamp(.85rem,4vw,.95rem);min-height:48px;padding:.875rem 1.25rem;width:100%}label{font-size:clamp(.8rem,3.5vw,.9rem);margin-bottom:.4rem}.invalid-feedback{font-size:clamp(.75rem,3vw,.8rem)}}@media (hover:none) and (pointer:coarse){.btn,.form-control,select.form-control{min-height:48px}}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236c757d' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}textarea.form-control{min-height:120px;resize:vertical}label{color:#2c3e50;display:block;font-weight:500;margin-bottom:.5rem}.form-control.is-invalid{border-color:#dc3545}.invalid-feedback{color:#dc3545;display:none;font-size:.875rem;margin-top:.25rem}.form-control.is-invalid+.invalid-feedback{display:block}.packagingOptions:hover{border-color:#696a8f;transform:scale(1.05)}@font-face{font-family:Cinder;src:url(/static/media/Cinzel-Regular.f6dc41c2dfb6eb7c173c.ttf)}*,body{font-family:Cinder}.card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-8px)}.card img{transition:transform .3s ease}.card:hover img{transform:scale(1.05)}button{transition:all .3s ease}button:hover{box-shadow:0 4px 12px #4a90e233;transform:translateY(-2px)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:0;width:90%}.modal-header{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0;padding:20px 24px}.modal-header h2{color:#2c3e50;font-size:24px;font-weight:600}.modal-close{background:none;font-size:28px;height:32px;padding:0;width:32px}.modal-close:hover{background-color:#e9ecef;color:#495057}.modal-body{padding:24px}.contact-info h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.contact-item{margin-bottom:16px}.contact-item strong{color:#495057;display:block;font-size:14px;font-weight:600;margin-bottom:4px}.contact-item p{color:#6c757d;font-size:14px;line-height:1.5;margin:0}.modal-footer{background-color:#f8f9fa;border-radius:0 0 12px 12px;border-top:1px solid #e0e0e0;padding:16px 24px;text-align:right}.modal-footer .pensee-cta-btn{margin:0}@media (max-width:768px){.grid{grid-template-columns:1fr}.heroTitle{font-size:36px}.modal-content{margin:20px;width:95%}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-footer{padding:12px 20px}.heroSubtitle{font-size:18px}.sectionTitle{font-size:28px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f0e2}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.fade-in{animation:fadeIn .5s ease-in}.loading{overflow:hidden;position:relative}.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.carlo-preview-container,.customerpov-container,body{background:#f2efe3!important;color:#444;font-family:Cormorant Garamond,serif;margin:0;min-height:100vh;padding:0}.customerpov-title-wrapper{margin-bottom:40px;margin-top:40px;text-align:center}.customerpov-section-title{background:#f6f3e7;border-radius:8px;box-shadow:0 2px 8px #00000008;color:#8a8a8a;display:inline-block;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:400;letter-spacing:.1em;padding:16px 64px}.customerpov-intro{color:#6d6d6d;font-family:Lora,serif;font-size:20px;line-height:1.7;margin:0 auto 48px;max-width:800px;text-align:center}.customerpov-intro p{margin-bottom:18px}.customerpov-grid{grid-gap:28px;display:grid;gap:28px;grid-template-columns:repeat(4,1fr);margin:0 auto 60px;max-width:1400px;padding:0 24px}@media (max-width:1200px){.customerpov-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:860px){.customerpov-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.customerpov-grid{gap:16px;grid-template-columns:1fr;padding:0 12px}}.customerpov-grid-empty,.customerpov-grid-loading{color:#9ca3af;font-family:Lora,serif;font-size:1.1rem;margin-bottom:60px;padding:60px 24px;text-align:center}.customerpov-view-btn{align-self:flex-start;background:#0000;border:1.5px solid #4a4a6a;border-radius:4px;color:#4a4a6a;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:.95rem;font-weight:600;letter-spacing:.06em;margin-top:16px;padding:10px 22px;transition:background .2s,color .2s}.customerpov-card--hovered .customerpov-view-btn,.customerpov-card:hover .customerpov-view-btn{background:#4a4a6a;color:#fff}@keyframes showcaseFadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.showcase-card-fadein{animation:showcaseFadeUp .45s ease both}.customerpov-card{background:#fff;border:1px solid #f0e9d2;box-shadow:0 4px 24px #00000012;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,transform .2s}.customerpov-card--hovered,.customerpov-card:hover{box-shadow:0 12px 40px #00000029;transform:translateY(-6px)}.customerpov-card-image-wrapper{align-items:center;background:#f6f3e7;border-bottom:1px solid #f0e9d2;display:flex;height:320px;justify-content:center;width:100%}.customerpov-card-image{display:block;height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.customerpov-card-image--zoomed{transform:scale(1.06)}.customerpov-card-image-placeholder{align-items:center;background:#f6f3e7;border:none;border-radius:0;color:#bdbdbd;display:flex;font-family:Cormorant Garamond,serif;font-size:22px;height:100%;justify-content:center;width:100%}.customerpov-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:32px 24px 24px}.customerpov-card-title{color:#6d6d6d;font-family:Cormorant Garamond,serif;font-size:32px;font-weight:500;letter-spacing:.04em;margin-bottom:12px;text-transform:uppercase}.customerpov-card-paragraph{color:#444;font-family:Lora,serif;font-size:18px;line-height:1.7;margin-bottom:0}@media (max-width:900px){.customerpov-section-title{font-size:36px;padding:12px 24px}.customerpov-card-title{font-size:24px}.customerpov-card-content{padding:20px 12px 16px}.customerpov-card-image-wrapper{height:200px}}@media (max-width:600px){.customerpov-grid{gap:24px;grid-template-columns:1fr}.customerpov-section-title{font-size:24px;padding:8px}}.customerpov-logo-icon{filter:grayscale(.2) brightness(.95);max-height:120px;max-width:120px}.customerpov-logo-icon,.customerpov-logo-vertical{display:block;height:auto;margin:0 auto 24px;width:auto}.customerpov-logo-vertical{filter:grayscale(.1) brightness(.98);max-height:220px;max-width:180px}.customerpov-hero{height:340px;margin-bottom:0;width:100%;z-index:1}.customerpov-hero,.customerpov-hero-centerbox{align-items:center;display:flex;justify-content:center;position:relative}.customerpov-hero-centerbox{background:#f1f0e2;border-radius:4px;padding:36px 80px;z-index:2}.customerpov-hero-title{color:#8a8aaf;font-family:Cormorant Garamond,serif;font-size:64px;font-weight:400;letter-spacing:.08em;text-align:center;text-transform:capitalize}@media (max-width:900px){.customerpov-hero{height:200px}.customerpov-hero-centerbox{padding:18px 24px}.customerpov-hero-title{font-size:32px}}.carlo-preview-container{align-items:center;background:#fcfaef;color:#444;display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;min-height:100vh;padding-bottom:60px}.carlo-preview-header{margin-top:60px;text-align:center}.carlo-preview-title{color:#2c2c2c;font-size:48px;font-weight:500;letter-spacing:.08em;margin-bottom:8px}.carlo-preview-subtitle{color:#888;font-size:14px;letter-spacing:.12em;margin-bottom:32px}.carlo-preview-main{align-items:flex-start;display:flex;flex-direction:row;justify-content:center;margin-top:24px;max-width:98vw;position:relative;width:900px}.carlo-preview-image-wrapper{align-items:center;background:none;display:flex;justify-content:center;margin:0;padding:0;position:relative}.carlo-preview-image,.carlo-preview-image-wrapper{height:100vh;max-height:100vh;max-width:100vw;width:100vw}.carlo-preview-image{background:#0000;border:none;border-radius:0;box-shadow:none;display:block;object-fit:contain}.carlo-preview-callout{background:#ffffffd9;border-radius:8px;box-shadow:0 1px 4px #0000000a;color:#888;font-size:10px;padding:2px 10px;pointer-events:none;position:absolute;white-space:nowrap}.carlo-callout-wine{left:80px;top:60px}.carlo-callout-jewelry{right:80px;top:90px}.carlo-callout-chocolate{right:30px;top:270px}.carlo-callout-letter{bottom:120px;right:40px}.carlo-callout-seasoning{bottom:40px;left:120px}@media (max-width:1000px){.carlo-preview-main{width:100vw}.carlo-preview-image-wrapper{height:60vw;max-height:80vw;max-width:98vw;min-height:320px;min-width:320px;width:98vw}}.customerhome-container{align-items:stretch;background:#f2efe3;color:#444;display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;min-height:100vh}.customerhome-hero{background:#f2efe3;padding:80px 0 40px;text-align:center}.customerhome-hero-content{margin:0 auto;max-width:700px}.customerhome-hero-title{color:#2c3e50;font-size:56px;font-weight:600;letter-spacing:.04em;margin-bottom:18px}.customerhome-hero-subtitle{color:#6c757d;font-size:22px;line-height:1.5;margin-bottom:32px}.customerhome-cta-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:10px;padding:14px 40px;transition:background .3s}.customerhome-cta-btn:hover{background:#357abd}.customerhome-highlights{background:#f2efe3;display:flex;flex-wrap:wrap;gap:40px;justify-content:center;padding:60px 0 40px}.customerhome-highlight{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;flex:1 1 320px;max-width:340px;min-width:260px;padding:36px 28px;text-align:center}.customerhome-highlight-title{color:#4a90e2;font-size:22px;font-weight:600;letter-spacing:.04em;margin-bottom:14px}.customerhome-highlight-title span{color:#bfa16a;font-size:18px;font-weight:400;margin:0 4px}.customerhome-highlight-desc{color:#555;font-size:16px;line-height:1.7}@media (max-width:900px){.customerhome-hero-title{font-size:36px}.customerhome-hero-content{max-width:98vw}.customerhome-highlights{flex-direction:column;gap:24px;padding:32px 0 24px}}.order-now-btn{background:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:600;margin:32px auto 0;padding:14px 36px;transition:background .3s}.order-now-btn:hover{background:#357abd}.order-modal-overlay{align-items:center;background:#2c3e5059;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.order-modal{animation:fadeIn .3s;background:#fff;border:1.5px solid #e0d9c8;border-radius:16px;box-shadow:0 8px 32px #0000002e,0 1.5px 8px #4a90e214;max-width:95vw;min-width:340px;padding:48px 40px 36px;position:relative;width:440px}.order-modal h2{color:#2c3e50;font-family:Cormorant Garamond,serif;font-size:32px;letter-spacing:.04em;margin-bottom:28px;text-align:center}.order-modal .order-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:28px;position:absolute;right:24px;top:18px;transition:color .2s;z-index:2}.order-modal .order-modal-close:hover{color:#4a90e2}.order-form label{display:block;font-family:Lora,serif;font-size:18px;letter-spacing:.01em;margin-bottom:18px}.order-form input,.order-form textarea{background:#f9f7ef;border:1.5px solid #e0d9c8;box-shadow:0 1px 2px #4a90e208;color:#2c3e50;font-family:Lora,serif;font-size:17px;font-weight:500;margin-top:7px;padding:13px 14px;transition:border .2s,box-shadow .2s;width:100%}.order-form input:focus,.order-form textarea:focus{border:1.5px solid #4a90e2;box-shadow:0 0 0 2px #eaf3fb;outline:none}.order-form textarea{max-height:200px;min-height:70px}.order-form-actions{justify-content:flex-end;margin-top:32px}.order-form-actions button{background:#4a90e2;border:none;border-radius:7px;box-shadow:0 2px 8px #4a90e214;color:#fff;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:18px;font-weight:600;padding:12px 32px;transition:background .2s,box-shadow .2s}.order-form-actions button[type=button]{background:#aaa}.order-form-actions button:hover{background:#357abd;box-shadow:0 4px 16px #4a90e221}.order-form-actions button[type=button]:hover{background:#888}@media (max-width:600px){.order-modal{min-width:0;min-width:auto;padding:18px 4vw;width:98vw}}.order-modal-two-col{align-items:flex-start;background:#fff;border:1.5px solid #e0e0e0;border-radius:20px;box-shadow:0 8px 32px #2c3e501a,0 2px 12px #4a90e20f;justify-content:center;max-width:900px;min-width:700px;padding:40px 48px;width:98vw}.order-modal-content,.order-modal-two-col{display:flex;flex-direction:row;gap:40px;position:relative}.order-modal-content{width:100%}.order-modal-form-col{flex:1.2 1;min-width:320px;padding:0;position:relative}.order-modal-details-col{align-items:flex-start;background:#f8f9fa;border:1.5px solid #ececec;border-radius:14px;box-shadow:0 2px 8px #2c3e500a;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-width:340px;min-width:220px;padding:28px 24px;transition:box-shadow .2s,border .2s}.order-modal-details-title{border-bottom:1.5px solid #ece9e6;color:#2c3e50;font-family:Cormorant Garamond,serif;font-size:22px;font-weight:700;letter-spacing:.04em;margin-bottom:14px;padding-bottom:6px;width:100%}.order-modal-details-ul li{align-items:center;color:#444;display:flex;font-family:Lora,serif;font-size:17px;gap:8px;margin-bottom:12px;padding-left:0;position:relative}.order-modal-details-ul li:before{display:none}.order-modal-detail-note{color:#bfa16a;font-size:14px;font-style:italic;margin-left:6px}.order-form label{color:#2c3e50;font-size:16px;font-weight:500;margin-bottom:12px}.order-form input,.order-form textarea{background:#fcfcfa;border:1.2px solid #e0e0e0;border-radius:7px;font-size:16px;margin-top:6px;padding:10px 12px}.order-form-actions{display:flex;gap:16px;margin-top:18px}.order-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;font-size:26px;height:36px;justify-content:center;position:absolute;right:24px;top:18px;transition:color .2s,background .2s;width:36px;z-index:2}.order-modal-close:hover{background:#f2f2f2;color:#4a90e2}@media (max-width:1100px){.order-modal-two-col{max-width:98vw;min-width:0;min-width:auto;padding:18px 4vw;width:98vw}.order-modal-content{gap:18px}.order-modal-form-col{min-width:0}.order-modal-details-col{border-radius:12px;max-width:100vw;min-width:0;padding:12px 6px}}@media (max-width:900px){.order-modal-content,.order-modal-two-col{border-radius:14px;flex-direction:column;gap:12px;max-width:98vw;min-width:0;min-width:auto;padding:8px 2vw;width:98vw}.order-modal-details-col{border-radius:10px;max-width:100vw;padding:10px 4px}.order-modal-form-col{padding:0}}.pensee-home{background:#f7f5fa;color:#3a3550;font-family:Cormorant Garamond,serif}.pensee-hero{background:linear-gradient(120deg,#e9e4f0,#f7f5fa);padding:64px 0 48px;text-align:center}.pensee-hero-title{color:#a3a3bc;font-family:Cormorant Garamond,serif;font-size:3rem;font-weight:700;letter-spacing:.04em;margin-bottom:16px}.pensee-hero-subtitle{color:#5a5470;font-size:1.3rem;margin-bottom:32px}.pensee-cta-btn{background:linear-gradient(90deg,#6c63ff,#b993d6);border:none;border-radius:32px;box-shadow:0 2px 12px #6c63ff14;color:#fff;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;padding:14px 38px;transition:background .2s,box-shadow .2s}.pensee-cta-btn:hover{background:linear-gradient(90deg,#b993d6,#6c63ff);box-shadow:0 4px 24px #6c63ff26}.pensee-cta-secondary{background:#fff;border:2px solid #b993d6;color:#6c63ff;margin-top:18px}.pensee-cta-secondary:hover{background:#f7f5fa;color:#b993d6}.pensee-section-title{color:#6c63ff;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:700;letter-spacing:.03em;margin-bottom:32px;text-align:center}.pensee-section-title span{color:#b993d6}.pensee-why{background:#f7f5fa;padding:56px 0 32px}.pensee-why-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.pensee-why-card{background:#fff;border:1.5px solid #ece9f6;border-radius:18px;box-shadow:0 2px 16px #6c63ff12;flex:1 1 260px;margin-bottom:18px;max-width:340px;min-width:260px;padding:32px 28px;text-align:center}.pensee-why-card h3{color:#6c63ff;font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;margin-bottom:12px}.pensee-why-card p{color:#5a5470;font-family:Lora,serif;font-size:1rem}.pensee-how-it-works{background:#fff;padding:56px 0 40px;text-align:center}.pensee-step{background:#f7f5fa;box-shadow:0 2px 12px #b993d612;max-width:220px;padding:28px 24px}.pensee-step-number{align-items:center;background:#b993d6;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:38px;justify-content:center;margin:0 auto 10px;width:38px}.pensee-step-title{color:#6c63ff;font-size:1.1rem}.pensee-testimonials{background:#f7f5fa;padding:56px 0 40px}.pensee-testimonial-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center}.pensee-testimonial-card{background:#fff;border:1.5px solid #ece9f6;border-radius:18px;box-shadow:0 2px 16px #6c63ff12;flex:1 1 260px;margin-bottom:18px;max-width:340px;min-width:260px;padding:32px 28px;text-align:center}.pensee-testimonial-card h4{color:#b993d6;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:700;margin-bottom:10px}.pensee-testimonial-card p{color:#5a5470;font-family:Lora,serif;font-size:1rem}.pensee-faq-contact{background:#fff;padding:56px 0 40px;text-align:center}.pensee-faq-list{color:#5a5470;font-family:Lora,serif;font-size:1rem;line-height:1.7;margin:0 auto 32px;max-width:700px;text-align:left}.pensee-faq-list li{margin-bottom:16px}.pensee-contact-cta{align-items:center;display:flex;flex-direction:column;gap:10px}@media (max-width:900px){.pensee-steps,.pensee-testimonial-cards,.pensee-why-cards{align-items:center;flex-direction:column;gap:18px}.pensee-step,.pensee-testimonial-card,.pensee-why-card{max-width:95vw;min-width:0;width:100%}.pensee-section-title{font-size:1.5rem}.pensee-hero-title{font-size:2rem}}.pensee-hero-image-section{align-items:center;background:#f7f5fa;display:flex;height:60vh;justify-content:center;overflow:hidden;position:relative}.pensee-hero-bg,.pensee-hero-image-section{max-height:600px;min-height:480px;width:100vw}.pensee-hero-bg{bottom:0;filter:brightness(.92) saturate(1.05);height:100%;left:0;object-fit:cover;position:absolute;right:0;top:0;z-index:1}.pensee-hero-overlay{align-items:center;background:#f8f6eecc;border-radius:8px;box-shadow:0 4px 32px #2c3e501a;display:flex;flex-direction:column;margin:0 auto;max-width:600px;padding:48px 64px 40px;position:relative;text-align:center;z-index:2}@media (max-width:900px){.pensee-hero-image-section{height:38vh}.pensee-hero-bg,.pensee-hero-image-section{max-height:340px;min-height:320px}.pensee-hero-overlay{max-width:98vw;padding:24px 10vw 20px}}.pensee-highlight-section{background:#fcfbf6;padding:64px 0 32px}.pensee-highlight-row{align-items:center;display:flex;gap:48px;justify-content:center;margin:0 auto 56px;max-width:1200px;padding:0 32px}.pensee-highlight-row.reverse{flex-direction:row-reverse}.pensee-highlight-text{color:#3a3550;flex:1.2 1;font-family:Cormorant Garamond,serif;max-width:520px;min-width:260px}.pensee-highlight-text h2{color:#6c63ff;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;letter-spacing:.02em;margin-bottom:18px}.pensee-highlight-text h2 em{color:#b993d6;font-style:italic;font-weight:400}.pensee-highlight-text p{color:#5a5470;font-family:Lora,serif;font-size:1.1rem;margin-bottom:18px}.pensee-highlight-link{color:#6c63ff;font-size:1rem;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:color .2s}.pensee-highlight-link:hover{color:#b993d6;text-decoration:underline}.pensee-highlight-image{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:420px;min-width:220px}.pensee-highlight-image img{border-radius:16px;box-shadow:0 2px 16px #6c63ff12;max-width:420px;object-fit:cover;width:100%}@media (max-width:900px){.pensee-highlight-row,.pensee-highlight-row.reverse{flex-direction:column!important;gap:18px;margin-bottom:36px;padding:0 4vw}.pensee-highlight-image,.pensee-highlight-text{max-width:98vw;min-width:0;text-align:center;width:100%}.pensee-highlight-image img{max-width:98vw}}.pensee-steps-bg{background:#b993d6;color:#fff}.pensee-steps{display:flex;flex-wrap:wrap;gap:36px;justify-content:center;margin-bottom:12px}.pensee-step{background:#0000;border-radius:16px;box-shadow:none;flex:1 1 180px;margin-bottom:12px;max-width:320px;min-width:180px;overflow:visible;padding:48px 24px 28px;position:relative;text-align:center}.pensee-step-bgnum{font-size:5rem;font-weight:700;left:50%;opacity:.13;pointer-events:none;position:absolute;top:10px;transform:translateX(-50%);-webkit-user-select:none;user-select:none;z-index:1}.pensee-step-bgnum,.pensee-step-title{color:#fff;font-family:Cormorant Garamond,serif}.pensee-step-title{font-size:1.3rem;font-weight:600;margin-top:48px;position:relative;z-index:2}@media (max-width:900px){.pensee-steps{align-items:center;flex-direction:column;gap:18px}.pensee-step{max-width:95vw;min-width:0;padding:36px 8vw 18px;width:100%}.stat-divider{display:none}}.customer-corporate-details-grid{align-items:flex-start;display:flex;gap:48px;justify-content:center;margin:0 auto 48px;max-width:1200px;padding:0 24px}.customer-corporate-detail{background:none;margin:0 12px;max-width:340px;text-align:center}.customer-corporate-detail-title{color:#7a7a8c;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:600;margin-bottom:16px}.customer-corporate-detail-paragraph{color:#444;font-family:Lora,serif;font-size:18px;line-height:1.7}@media (max-width:900px){.customer-corporate-details-grid{align-items:center;flex-direction:column;gap:32px}.customer-corporate-detail{margin:0;max-width:100%}}.dashboard-main{margin-left:220px;width:calc(100% - 220px)}.archived-orders-container{background-color:#f8f9fa;background-color:var(--app-bg,#f8f9fa);height:calc(100vh - 70px);overflow-y:auto;padding:24px}.archived-orders-header{align-items:center;border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.archived-orders-title{color:#343a40;color:var(--text,#343a40);font-size:28px;font-weight:700}.back-button{font-size:16px;font-weight:600;transition:background-color .2s ease}.archived-orders-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.archived-order-card{background-color:#fff;background-color:var(--surface,#fff);border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s ease,box-shadow .2s ease}.archived-order-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-4px)}.order-card-header{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);display:flex;justify-content:space-between;padding:16px}.order-name{color:#2c3e50;color:var(--text,#2c3e50);font-size:18px;font-weight:600}.order-status{border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px;text-transform:capitalize}.order-card-body{color:#495057;color:var(--text-soft,#495057);font-size:14px;padding:16px}.order-card-body p{margin:0 0 8px}.order-card-body p:last-child{margin-bottom:0}.error-message{font-size:16px}body.dark .error-message{color:#f87171}.dashboard-container{background-color:#f5f5f5;background-color:var(--app-bg,#f5f5f5);display:flex;height:100vh}.dashboard-main,.inventory-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.inventory-container{background-color:#fff;background-color:var(--app-bg,#fff);color:#333;color:var(--text,#333);padding:20px}.inventory-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--border,#e0e0e0);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.inventory-header h2{color:#333;color:var(--text,#333);font-size:28px;font-weight:600;margin:0}.back-button{align-items:center;background-color:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.back-button:hover{background-color:#5a6268}.inventory-filters{align-items:center;display:flex;gap:15px;margin-bottom:20px}.inventory-filter-select{background-color:#fff;background-color:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:4px;color:#333;color:var(--input-text,#333);cursor:pointer;font-size:14px;padding:8px 12px}.inventory-filter-select:focus{border-color:#007bff;border-color:var(--brand,#007bff);box-shadow:0 0 0 2px #007bff26;box-shadow:0 0 0 2px var(--focus-ring,#007bff26);outline:none}.loading-container{color:#666;color:var(--text-muted,#666);font-size:16px;height:200px}.inventory-table-container{background-color:#fff;background-color:var(--surface,#fff);border:1px solid var(--border,#e0e0e0);border-radius:8px;flex:1 1;overflow:hidden}.inventory-table-wrapper{height:100%;overflow:auto}.inventory-table{background-color:#fff;background-color:var(--surface,#fff);color:#333;color:var(--text,#333);font-size:14px}.inventory-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.inventory-table th,.inventory-table thead{background-color:var(--surface-muted,#f8f9fa)}.inventory-table th{border-bottom:2px solid var(--border,#dee2e6);border-right:1px solid #dee2e6;border-right:1px solid var(--border,#dee2e6);color:#495057;color:var(--text-soft,#495057);padding:12px 8px}.inventory-table th:last-child{border-right:none}.inventory-table tbody tr{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);transition:background-color .2s}.inventory-table tbody tr:hover{background-color:#f8f9fa;background-color:var(--hover,#f8f9fa)}.inventory-table td{border-right:1px solid #dee2e6;border-right:1px solid var(--border,#dee2e6);color:#333;color:var(--text,#333);padding:10px 8px;vertical-align:middle}.inventory-table td:last-child{border-right:none}.product-img-thumb{object-fit:cover}.img-placeholder,.product-img-thumb{border:1px solid #ddd;border:1px solid var(--border,#ddd);border-radius:4px;height:40px;width:40px}.img-placeholder{background-color:#f0f0f0;background-color:var(--surface-muted,#f0f0f0)}.ellipsis{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-cell{display:flex;flex-direction:column;gap:2px}.supplier-name{color:#333;color:var(--text,#333);font-weight:500}.supplier-phone{color:#666;color:var(--text-muted,#666);font-size:12px}.no-supplier{color:#999;color:var(--text-muted,#999);font-style:italic}.action-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;margin:0 2px;padding:6px;transition:all .2s}.action-btn.restore{background-color:#28a745;color:#fff}.action-btn.restore:hover{background-color:#218838}.archive-action-group{align-items:center;display:inline-flex;justify-content:center}.action-btn.delete-permanent{background-color:#dc3545;color:#fff}.action-btn.delete-permanent:hover{background-color:#b02a37}.no-products{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;font-size:16px;height:200px;justify-content:center}.low-stock-row{background-color:#dc35451a}.medium-stock-row{background-color:#ffc1071a}.high-stock-row{background-color:#28a7451a}.archived-quantity-pill{background-color:#f0f0f0;color:#1a1a1a;display:inline-block}body.dark .archived-quantity-pill{background-color:#333;color:#e0e0e0}body.dark .low-stock-row{background-color:#dc354538}body.dark .medium-stock-row{background-color:#ffc10738}body.dark .high-stock-row{background-color:#28a74538}@media (max-width:1200px){.inventory-table td,.inventory-table th{font-size:13px;padding:8px 6px}.inventory-header h2{font-size:24px}}@media (max-width:768px){.inventory-filters{align-items:stretch;flex-direction:column}.inventory-table-container{margin:0 -10px}.inventory-table-wrapper{overflow-x:auto}.inventory-table{min-width:800px}}.inventory-report-container{background:#fefcf7;height:100vh}.inventory-report-container,.main-content{display:flex;overflow:hidden;position:relative}.main-content{flex:1 1;flex-direction:column;margin-left:220px;width:calc(100% - 220px);z-index:1}.inventory-report{background:#0000;flex:1 1;height:calc(100vh - 60px);min-height:0;overflow-y:auto;padding:24px}.report-header{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px}.report-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.report-controls{align-items:flex-end;display:flex;flex-direction:column;flex-wrap:wrap;gap:20px}.date-range{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffc;border:1px solid #ffffff4d;border-radius:12px;display:flex;gap:12px;padding:12px 16px}.date-range label{color:#4a5568;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.date-range input{background:#fff;background:var(--input-background,#fff);border:2px solid #e2e8f0;border:2px solid var(--input-border,#e2e8f0);border-radius:8px;color:#1a202c;color:var(--input-text,#1a202c);font-size:14px;font-weight:500;min-width:140px;padding:10px 14px;transition:all .2s ease}.date-range input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-range span{color:#718096;font-size:14px;font-weight:500}.export-buttons{display:flex;flex-wrap:wrap;gap:12px}.export-btn,.refresh-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.export-btn:before,.refresh-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.export-btn:hover:before,.refresh-btn:hover:before{left:100%}.export-btn.pdf{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.export-btn.pdf:hover{box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.export-btn.excel{background:linear-gradient(135deg,#51cf66,#40c057);color:#fff}.export-btn.excel:hover{box-shadow:0 6px 20px #51cf6666;transform:translateY(-2px)}.refresh-btn{background:linear-gradient(135deg,#339af0,#228be6)}.refresh-btn:hover{box-shadow:0 6px 20px #339af066;transform:translateY(-2px)}.test-btn{border-radius:10px;box-shadow:0 4px 12px #00000026;font-size:14px;font-weight:600;letter-spacing:.5px;overflow:hidden;padding:12px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.test-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.test-btn:hover:before{left:100%}.test-btn.insert{color:#fff}.test-btn.insert:hover:not(:disabled){box-shadow:0 6px 20px #20c99766;transform:translateY(-2px)}.test-btn.clear{color:#fff}.test-btn.clear:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:32px;max-height:30vh;overflow-y:auto;padding-right:10px}.summary-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:24px;position:relative;text-align:center;transition:all .3s ease}.summary-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card.warning:before{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.summary-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.summary-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.summary-card.info:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.summary-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.summary-card h3{color:#4a5568;font-size:12px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.summary-card .value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:36px;font-weight:800;line-height:1;margin:0}.report-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;max-height:70vh;overflow-y:auto;padding:20px;position:relative}.report-section h2{background:#fff;border-bottom:2px solid #007bff;color:#333;font-size:20px;margin:-10px 0 20px;padding-bottom:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.category-chart{display:flex;flex-direction:column;gap:15px;max-height:40vh;overflow-y:auto;padding-right:10px}.category-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:15px}.category-header{margin-bottom:10px}.category-name{color:#333;font-size:16px;font-weight:600}.category-value{color:#007bff;font-size:18px;font-weight:700}.category-bar{background:#e0e0e0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden}.category-fill{height:100%;transition:width .3s ease}.category-details{color:#666;display:flex;font-size:12px;justify-content:space-between}.alert-section{border-left:4px solid #dc3545}.alert-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.alert-item{background:#fff5f5;border:1px solid #dc3545;border-radius:6px;padding:15px}.alert-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sku{color:#333;font-family:monospace;font-weight:700}.status{border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;text-transform:uppercase}.status.healthy{background-color:#d4edda;color:#155724}.status.warning{background-color:#fff3cd;color:#856404}.status.critical{background-color:#f8d7da;color:#721c24}.alert-details .item-name{color:#333;font-weight:500;margin-bottom:5px}.stock-info{color:#666;display:flex;font-size:12px;gap:15px}.inventory-table-container{border:1px solid #e0e0e0;border-radius:6px;max-height:50vh;overflow-x:auto;overflow-y:auto}.inventory-table{border-collapse:collapse;margin:0;min-width:800px;width:100%}.inventory-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#333;font-size:14px;font-weight:600;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:10}.inventory-table td{border-bottom:1px solid #dee2e6;font-size:14px;padding:12px}.inventory-table tr:hover{background-color:#f8f9fa}.inventory-table tr.low-stock{background-color:#fff5f5}.inventory-table tr.low-stock:hover{background-color:#ffe6e6}body.dark .inventory-report-container{background-color:#1a1a1a;color:#e0e0e0}body.dark .report-header,body.dark .report-section,body.dark .summary-card{background-color:#2d2d2d;color:#e0e0e0}body.dark .report-header h1,body.dark .report-section h2{color:#e0e0e0}body.dark .summary-card h3{color:#b0b0b0}body.dark .summary-card .value{color:#e0e0e0}body.dark .category-item{background-color:#3d3d3d;border-color:#555}body.dark .category-name{color:#e0e0e0}body.dark .inventory-table th{background-color:#3d3d3d}body.dark .inventory-table td,body.dark .inventory-table th{border-bottom-color:#555;color:#e0e0e0}body.dark .inventory-table tr:hover{background-color:#3d3d3d}body.dark .inventory-table tr.low-stock{background-color:#4a2c2c}body.dark .inventory-table tr.low-stock:hover{background-color:#5a3c3c}body.dark .alert-item{background-color:#4a2c2c;border-color:#dc3545}body.dark .alert-details .item-name,body.dark .sku{color:#e0e0e0}body.dark .stock-info{color:#b0b0b0}.category-chart::-webkit-scrollbar,.inventory-report::-webkit-scrollbar,.inventory-table-container::-webkit-scrollbar,.report-section::-webkit-scrollbar,.summary-cards::-webkit-scrollbar{width:8px}.category-chart::-webkit-scrollbar-track,.inventory-report::-webkit-scrollbar-track,.inventory-table-container::-webkit-scrollbar-track,.report-section::-webkit-scrollbar-track,.summary-cards::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.category-chart::-webkit-scrollbar-thumb,.inventory-report::-webkit-scrollbar-thumb,.inventory-table-container::-webkit-scrollbar-thumb,.report-section::-webkit-scrollbar-thumb,.summary-cards::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}.category-chart::-webkit-scrollbar-thumb:hover,.inventory-report::-webkit-scrollbar-thumb:hover,.inventory-table-container::-webkit-scrollbar-thumb:hover,.report-section::-webkit-scrollbar-thumb:hover,.summary-cards::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)}Y @keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{align-items:center;animation:pulse 2s infinite;color:#718096;display:flex;font-size:18px;font-weight:600;height:200px;justify-content:center}@media (max-width:768px){.inventory-report{padding:16px}.report-header{align-items:stretch;flex-direction:column;gap:24px;padding:24px}.report-header h1{font-size:24px;text-align:center}.report-controls{align-items:stretch;flex-direction:column;gap:16px}.date-range,.export-buttons{flex-wrap:wrap;justify-content:center}.summary-cards{gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-card{padding:20px}.summary-card .value{font-size:28px}.movement-grid{gap:16px;grid-template-columns:1fr}.tab-navigation{flex-direction:column;gap:4px}.tab-btn{margin-bottom:4px}.alert-grid{grid-template-columns:1fr}.inventory-table{font-size:12px}.inventory-table td,.inventory-table th{padding:8px}.analytics-table-container,.replenishment-table{font-size:10px}.analytics-table td,.analytics-table th,.replenishment-table td,.replenishment-table th{padding:6px}}.tab-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:6px;margin-bottom:24px;padding:6px}.tab-btn{align-items:center;background:#0000;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:10px;justify-content:center;letter-spacing:.5px;overflow:hidden;padding:16px 20px;position:relative;text-transform:uppercase;transition:all .3s ease}.tab-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tab-btn:hover:before{left:100%}.tab-btn:hover{background:#667eea1a;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px #667eea4d;color:#fff}.tab-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:24px;padding:32px}.section-header{margin-bottom:40px;text-align:center}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1a202c;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.section-header p{color:#718096;font-size:16px;font-weight:500;line-height:1.6;margin:0 auto;max-width:600px}.summary-card.success{border-left-color:#10b981}.summary-card.info{border-left-color:#8b5cf6}.movement-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.movement-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;transition:all .3s ease}.movement-category:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.category-header{align-items:center;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:20px;position:relative}.category-header:before{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.category-header h3{font-size:18px;font-weight:700;margin:0;position:relative;text-transform:capitalize;z-index:2}.category-header .count{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff40;border-radius:20px;font-size:12px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:relative;text-transform:uppercase;z-index:2}.category-items{padding:20px}.movement-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:16px 0;transition:all .2s ease}.movement-item:last-child{border-bottom:none}.movement-item:hover{background:#667eea0d;border-radius:8px;margin:0 -12px;padding:16px 12px}.item-info .item-name{color:#1a202c;font-size:14px;font-weight:700;margin-bottom:6px}.item-info .item-sku{color:#718096;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.item-metrics{display:flex;flex-direction:column;gap:6px;text-align:right}.metric{align-items:center;display:flex;font-size:12px;gap:8px}.metric .label{color:#718096;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.metric .value{color:#1a202c;font-size:13px;font-weight:700}.replenishment-priority{display:flex;flex-direction:column;gap:20px}.priority-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.priority-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px}.priority-header h3{font-size:16px;margin:0}.priority-header .count{background:#fff3;border-radius:12px;font-size:12px;font-weight:600;padding:4px 8px}.replenishment-table{overflow-x:auto}.replenishment-table table{border-collapse:collapse;width:100%}.replenishment-table td,.replenishment-table th{border-bottom:1px solid #f3f4f6;padding:12px;text-align:left}.replenishment-table th{background-color:#f9fafb;color:#374151;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.replenishment-table td{color:#1f2937;font-size:14px}.analytics-table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;font-size:12px;width:100%}.analytics-table td,.analytics-table th{border-bottom:1px solid #f3f4f6;padding:8px;text-align:left}.analytics-table th{background-color:#f9fafb;color:#374151;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.analytics-table td{color:#1f2937}.movement-badge{color:#fff}.movement-badge,.stock-level{border-radius:12px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.stock-level.low_stock{background-color:#fef2f2;color:#dc2626}.stock-level.medium_stock{background-color:#fef3c7;color:#d97706}.stock-level.high_stock{background-color:#d1fae5;color:#059669}@media (max-width:768px){.tab-navigation{flex-direction:column}.tab-btn{margin-bottom:4px}.movement-grid{grid-template-columns:1fr}.analytics-table-container,.replenishment-table{font-size:10px}.analytics-table td,.analytics-table th,.replenishment-table td,.replenishment-table th{padding:6px}}.stock-watch-filters{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 20px}.stock-watch-search{flex:1 1;min-width:220px}.stock-watch-filters select,.stock-watch-search{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#1a202c;color:var(--text,#1a202c);font-size:14px;padding:10px 14px}.stock-watch-filters select{min-width:160px}.empty-note{color:#718096;color:var(--text-muted,#718096);font-size:14px;padding:24px 0}.stock-status-pill{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;padding:3px 10px}.stock-status-pill.low{background:#fef3c7;color:#92400e}.stock-status-pill.out{background:#fee2e2;color:#991b1b}@media (prefers-color-scheme:dark){.stock-watch-filters select,.stock-watch-search{background:#1e1e2e;border-color:#ffffff26;color:#e5e7eb}}.sales-report-container{background-color:#f8fafc;background-color:var(--app-bg,#f8fafc);display:flex;min-height:100vh}.sales-report-main{display:flex;flex:1 1;flex-direction:column}.sales-report-content{margin:0 auto;max-width:1200px;padding:2rem;width:100%}.sales-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.sales-title{color:#1f2937;color:var(--text,#1f2937);font-size:2.5rem;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.period-selector{background-color:#e5e7eb;background-color:var(--surface-muted,#e5e7eb);border-radius:8px;display:flex;gap:4px;padding:4px}.period-btn{background-color:initial;border:none;border-radius:6px;color:#6b7280;color:var(--text-muted,#6b7280);cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.period-btn:hover{background-color:#f3f4f6;background-color:var(--hover,#f3f4f6);color:#374151;color:var(--text,#374151)}.period-btn.active{box-shadow:0 2px 4px #3b82f64d;color:#fff}.period-btn.active,.refresh-btn{background-color:#3b82f6;background-color:var(--brand,#3b82f6)}.refresh-btn{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:10px 16px}.refresh-btn:hover:not(:disabled){background-color:#2563eb;background-color:var(--brand-dark,#2563eb);box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.test-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.test-btn.insert{background:linear-gradient(135deg,#20c997,#17a2b8)}.test-btn.insert:hover:not(:disabled){box-shadow:0 4px 8px #20c99759;transform:translateY(-1px)}.test-btn.clear{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.test-btn.clear:hover:not(:disabled){box-shadow:0 4px 8px #ff6b6b59;transform:translateY(-1px)}.test-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.metric-card{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.metric-card:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8);background:linear-gradient(90deg,var(--brand,#3b82f6),var(--brand-deep,#1d4ed8));content:"";height:4px;left:0;position:absolute;right:0;top:0}.metric-header{gap:.75rem;margin-bottom:1rem}.metric-header,.metric-icon{align-items:center;display:flex}.metric-icon{background-color:#f3f4f6;background-color:var(--surface-muted,#f3f4f6);border-radius:8px;font-size:1.5rem;height:40px;justify-content:center;width:40px}.metric-title{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metric-value{color:#1f2937;color:var(--text,#1f2937);font-size:2rem;font-weight:700;line-height:1;margin-bottom:.5rem}.metric-trend{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.25rem}.chart-container{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.chart-title{color:#1f2937;color:var(--text,#1f2937);font-size:1.5rem;font-weight:600;margin:0 0 1.5rem}.chart-content{min-height:300px}.chart-content,.chart-wrapper{align-items:center;display:flex;justify-content:center}.chart-wrapper{flex-wrap:wrap;gap:3rem}.empty-note{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.9rem;padding:1.5rem 0;text-align:center}.status-bars{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.status-bar-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:160px 1fr 48px}.status-bar-label{color:#1f2937;color:var(--text,#1f2937);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-bar-track{background:#f3f4f6;background:var(--surface-muted,#f3f4f6);border-radius:6px;height:12px;overflow:hidden}.status-bar-fill{border-radius:6px;height:100%;transition:width .3s ease}.status-bar-count{color:#1f2937;color:var(--text,#1f2937);font-size:.85rem;font-weight:600;text-align:right}.trend-bars{align-items:flex-end;display:flex;gap:6px;min-height:220px;overflow-x:auto;padding-top:1rem}.trend-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:28px}.trend-bar-track{align-items:flex-end;display:flex;height:180px;width:100%}.trend-bar-fill{background:linear-gradient(180deg,#3b82f6,#1d4ed8);background:linear-gradient(180deg,var(--brand,#3b82f6),var(--brand-deep,#1d4ed8));border-radius:4px 4px 0 0;min-height:4px;width:100%}.trend-bar-label{color:#6b7280;color:var(--text-muted,#6b7280);font-size:.7rem;white-space:nowrap}.two-col-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem}@media (max-width:900px){.two-col-grid{grid-template-columns:1fr}}.table-card{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-top:2rem;overflow-x:auto;padding:1.5rem}.two-col-grid .table-card{margin-top:0}.table-card table{border-collapse:collapse;font-size:.875rem;width:100%}.table-card th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-muted,#6b7280);font-weight:600;padding:.6rem .75rem;text-align:left;white-space:nowrap}.table-card td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border,#f3f4f6);color:#1f2937;color:var(--text,#1f2937);padding:.6rem .75rem}.table-card .num-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.customer-type-tag{background:#f3f4f6;background:var(--surface-muted,#f3f4f6);border-radius:999px;color:#6b7280;color:var(--text-muted,#6b7280);display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px}.status-pill{color:#fff}.payment-pill,.status-pill{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;white-space:nowrap}.payment-pill.fully-paid{background:#d1fae5;color:#065f46}.payment-pill.partially-paid{background:#fef3c7;color:#92400e}.payment-pill.unpaid{background:#fee2e2;color:#991b1b}.payment-pill.n-a{background:#f3f4f6;color:#6b7280}.view-order-btn{background:#0000;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;color:#3b82f6;color:var(--brand,#3b82f6);cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 12px}.view-order-btn:hover{background:#f3f4f6;background:var(--hover,#f3f4f6)}@media (prefers-color-scheme:dark){.customer-type-tag,.status-bar-track{background:#ffffff14}.view-order-btn{border-color:#ffffff26}}.legend-text{display:flex;flex-direction:column;gap:.25rem}.legend-label{color:#374151;color:var(--text-soft,#374151);font-size:.875rem;font-weight:500}.legend-value{color:#1f2937;color:var(--text,#1f2937);font-size:1.25rem;font-weight:700}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border:4px solid var(--border,#e5e7eb);border-top-color:var(--brand,#3b82f6)}@media (max-width:768px){.sales-report-content{padding:1rem}.sales-header{align-items:stretch;flex-direction:column;gap:1rem}.sales-title{font-size:2rem;text-align:center}.header-controls{flex-wrap:wrap;justify-content:center}.metrics-grid{gap:1rem;grid-template-columns:1fr}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.chart-wrapper{flex-direction:column;gap:2rem}.donut-chart{height:150px;width:150px}.donut-chart:before{height:90px;width:90px}.donut-total{font-size:1.5rem}}@media (max-width:480px){.sales-title{font-size:1.75rem}.period-selector{flex-direction:column;width:100%}.period-btn{text-align:center}.refresh-btn{justify-content:center;width:100%}.chart-container{padding:1rem}.donut-chart{height:120px;width:120px}.donut-chart:before{height:70px;width:70px}}@media (min-width:769px) and (max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.chart-wrapper{gap:2rem}}.metric-card:hover .metric-icon{transform:scale(1.1);transition:transform .2s ease}.period-btn:hover{transform:translateY(-1px)}.period-btn:focus,.refresh-btn:focus{outline:2px solid #3b82f6;outline:2px solid var(--brand,#3b82f6);outline-offset:2px}.metric-card{animation:fadeIn .3s ease-out}.chart-container{animation:fadeIn .5s ease-out}.forgot-container{align-items:center;background-color:#f1f1f1;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;justify-content:center;text-transform:none}.content-wrapper{background:#fff;border-radius:15px;box-shadow:0 10px 20px #0000001a;max-width:900px;width:70%}.left-section{background-color:#67618a;padding:3rem}.left-section h1{font-size:2rem;margin-bottom:1rem}.brand-logo{max-width:180px}.right-section{padding:3rem;text-transform:none}.right-section h3{font-size:1.8rem;margin-bottom:1.5rem}.input-container label,.right-section h3{color:#67618a}.input-container input,.input-container label,.right-section h3{font-feature-settings:normal;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant:normal;text-transform:none}.input-container input{border-radius:8px}.input-container input[type=email]{font-feature-settings:normal;font-variant:normal;text-transform:none}.input-container input[type=text][maxlength="6"]{font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.5em;padding:15px;text-align:center}.input-container input:focus{border-color:#67618a;box-shadow:0 0 0 3px #67618a1a}.submit-button{font-feature-settings:normal;background-color:#67618a;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant:normal;text-transform:none;transition:background .3s}.submit-button:hover{background-color:#544f72}.submit-button:disabled{opacity:.5}.resend-button{font-feature-settings:normal;background-color:#f0f0f0;border:1px solid #67618a;border-radius:8px;color:#67618a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant:normal;margin-top:.75rem;padding:12px;text-transform:none;transition:all .3s;width:100%}.resend-button:hover:not(:disabled){background-color:#e0e0e0}.resend-button:disabled{opacity:.5}.verification-instructions{font-feature-settings:normal;color:#6c757d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-variant:normal;line-height:1.6;margin-bottom:1.5rem;text-align:center;text-transform:none}.verification-instructions strong{font-feature-settings:normal;color:#67618a;font-variant:normal}.error-message,.success-message{font-feature-settings:normal;border-radius:6px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem;font-variant:normal;margin-bottom:1rem;padding:.75rem;text-align:center;text-transform:none}.modal{align-items:center!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009!important;bottom:0!important;display:flex!important;height:100vh!important;justify-content:center!important;left:0!important;margin:0!important;overflow:auto;padding:0!important;position:fixed!important;right:0!important;top:0!important;width:100vw!important;z-index:99999!important}.modal-content{animation:modalSlideIn .3s ease-out;background-color:#fff!important;border-radius:16px!important;bottom:auto!important;box-shadow:0 20px 60px #0000004d!important;left:auto!important;margin:auto!important;max-width:480px!important;padding:2.5rem 2rem!important;position:relative!important;right:auto!important;text-align:center!important;top:auto!important;transform:none!important;width:90%!important}@keyframes modalSlideIn{0%{opacity:0}to{opacity:1}}.modal-content h3{color:#2c3e50;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.modal-instructions{color:#6c757d;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.modal-content input[type=text]{border:2px solid #e0e0e0;border-radius:10px;color:#2c3e50;font-family:Courier New,monospace;font-size:1.5rem;font-weight:600;letter-spacing:.5em;margin-bottom:1.5rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.modal-content input[type=text]:focus{border-color:#67618a;box-shadow:0 0 0 4px #67618a1a;outline:none}.modal-content button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:.875rem 2rem;transition:all .3s ease}.modal-content button:first-of-type{background:#67618a;color:#fff;margin-right:.75rem}.modal-content button:first-of-type:hover{background:#544f72;box-shadow:0 4px 12px #67618a4d;transform:translateY(-2px)}.modal-content button:last-of-type{background:#f0f0f0;color:#67618a}.modal-content button:last-of-type:hover:not(:disabled){background:#e0e0e0}.modal-content button:disabled{cursor:not-allowed;opacity:.5}.modal-buttons{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.modal-buttons,.modal-close{display:flex;justify-content:center}.modal-close{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#6c757d;cursor:pointer;font-size:1.5rem;height:36px;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:36px;z-index:2}.modal-close:hover{background:#67618a;color:#fff;transform:rotate(90deg)}.modal-error{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin-bottom:1.25rem;padding:.875rem 1rem}.modal-error:before{content:"⚠️";font-size:1.25rem}.modal-success{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;font-size:.95rem;gap:.5rem;justify-content:center;margin-top:1rem;padding:.875rem 1rem}.modal-success:before{content:"✓";font-size:1.25rem;font-weight:700}@media (max-width:600px){.modal-content{max-width:95%;padding:2rem 1.5rem}.modal-content h3{font-size:1.5rem}.modal-instructions{font-size:.9rem}.modal-content input[type=text]{font-size:1.25rem;padding:.875rem}.modal-content button{margin:.5rem 0 0!important;width:100%}.modal-buttons{flex-direction:column;gap:.5rem}}.email-verifier-container{align-items:center;background-color:#f2f2f2;display:flex;height:100vh;justify-content:center}.verifier-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;overflow:hidden;width:800px}.left-section{background-color:#666693;padding:40px 20px}.left-section h1{font-size:28px;margin-bottom:20px}.left-section .subtitle{font-family:"Cursive",sans-serif;font-size:36px;margin-bottom:5px}.left-section .gifting{font-size:18px;font-weight:300}.right-section{padding:40px}.right-section h3{color:#666693;font-size:24px}.input-container,.right-section h3{margin-bottom:20px}.input-container label{color:#666693;font-size:14px;margin-bottom:6px}.input-container input{font-size:16px}.verify-button{background-color:#666693;border-radius:6px;font-size:16px;padding:12px}.verify-button:hover{background-color:#5a5a87}.error-message,.success-message{border-radius:5px;font-size:14px;margin-bottom:15px;padding:10px}.success-message{background-color:#d4edda}.resend-button{color:#666693;font-size:14px;margin-top:15px;text-decoration:underline}.resend-button:hover{color:#4c4c72}.reset-container{align-items:center;background-color:#f1f1f1;display:flex;font-family:Georgia,serif;height:100vh;justify-content:center}.right-section h3{color:#5c568a;font-family:Cinzel,serif;font-size:1.5rem}.input-container input{background-color:#e8f0fe;border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:10px;position:relative;z-index:10}.submit-button{background-color:#5c568a;border-radius:6px;font-family:Cinzel,serif;padding:12px}.background-image{position:fixed;z-index:1}.password-requirements{color:#666;font-size:.8rem;margin-top:8px}.password-requirements ul{margin:5px 0 0;padding-left:20px}.password-requirements li{list-style-type:none;margin-bottom:3px;padding-left:20px;position:relative}.password-requirements li:before{content:"•";left:0;position:absolute}.password-requirements li.valid{color:green}.password-requirements li.valid:before{color:green;content:"✓"}.password-requirements li.invalid{color:#666}.success-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.success-modal-content{animation:slideUp .4s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:3rem 2.5rem;text-align:center;width:90%}.success-icon{align-items:center;animation:scaleIn .5s ease-out .2s both;background:linear-gradient(135deg,#4caf50,#66bb6a);border-radius:50%;box-shadow:0 8px 24px #4caf504d;color:#fff;display:flex;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.success-modal-content h2{color:#2c3e50;font-family:Cinzel,serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.success-modal-content p{color:#6c757d;font-size:1.1rem;line-height:1.6;margin-bottom:.75rem}.redirect-message{animation:pulse 1.5s ease-in-out infinite;color:#67618a;font-size:.95rem;font-style:italic;margin-top:1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.success-modal-content{max-width:95%;padding:2rem 1.5rem}.success-icon{font-size:2rem;height:60px;width:60px}.success-modal-content h2{font-size:1.4rem}.success-modal-content p{font-size:1rem}}.customeraboutus-container{background:#f9f7ef;color:#444;font-family:Cormorant Garamond,serif;min-height:100vh;padding-bottom:60px}.customeraboutus-hero{background:#f9f7ef;min-height:320px;width:100%}.customeraboutus-hero,.customeraboutus-hero-centerbox{align-items:center;display:flex;justify-content:center}.customeraboutus-hero-centerbox{background:#f6f3e7;border-radius:8px;box-shadow:0 2px 8px #00000008;padding:32px 64px}.customeraboutus-hero-title{color:#696a8f;font-size:48px;font-weight:600;letter-spacing:.05em}.customeraboutus-title-wrapper{display:flex;justify-content:center;margin-bottom:24px;margin-top:-48px}.customeraboutus-logo-vertical{height:auto;width:120px}.customeraboutus-intro{margin:0 auto;max-width:900px;padding:32px 16px 0}.customeraboutus-section-title{color:#696a8f;font-family:Dancing Script,cursive;font-size:36px;margin-bottom:16px;text-align:center}.customeraboutus-section-desc{text-align:center}.customeraboutus-section-desc,.customeraboutus-section-desc.centered{font-size:22px;margin-bottom:32px}.customeraboutus-story-row{align-items:center;display:flex;gap:48px;justify-content:flex-start;margin-bottom:64px}.customeraboutus-story-row.reverse{flex-direction:row-reverse}.customeraboutus-story-illustration.left,.customeraboutus-story-illustration.right{align-items:center;justify-content:center;width:300px}.customeraboutus-story-text{display:flex;flex:1 1;flex-direction:column;font-size:18px;justify-content:center;line-height:1.7}.customeraboutus-quote,.customeraboutus-story-text{font-family:Cormorant Garamond,serif;font-weight:400}.customeraboutus-quote{color:#696a8f;font-size:22px;font-style:italic;margin-bottom:0;margin-top:16px}.customeraboutus-values{align-items:flex-end;background:#f6f3e7;display:flex;gap:80px;justify-content:center;margin-top:32px;padding:48px 0 32px}.customeraboutus-value-block,.customeraboutus-value-icon,.customeraboutus-value-title,.customeraboutus-values-row{display:none!important}.customeraboutus-script-title{color:#8a8a8a;font-family:Dancing Script,cursive;font-size:56px;font-weight:400;margin-bottom:18px;margin-top:48px;text-align:center}.customeraboutus-section-desc.centered{color:#444;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:400;margin-bottom:48px;text-align:center}.customeraboutus-story-section{width:100%}.customeraboutus-story-row.exact{align-items:flex-start;display:flex;gap:40px;justify-content:center;margin:48px auto 0;max-width:1100px}.customeraboutus-story-illustration.left,.customeraboutus-story-illustration.right{align-items:flex-start;display:flex;justify-content:flex-start;min-width:200px;width:340px}.customeraboutus-img-cafe,.customeraboutus-img-giftbox{display:block;height:auto;max-width:340px;width:100%}.customeraboutus-story-soul.exact,.customeraboutus-story-support.exact,.customeraboutus-story-text.exact{color:#444;font-family:Cormorant Garamond,serif;font-size:17px;font-weight:400;margin:0;text-align:left;text-transform:uppercase}.customeraboutus-quote.exact{color:#696a8f;font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:400;margin-bottom:0;margin-top:18px}@media (max-width:900px){.customeraboutus-story-row.exact{align-items:center;flex-direction:column;gap:24px;max-width:98vw}.customeraboutus-story-illustration.left,.customeraboutus-story-illustration.right{max-width:340px;min-width:120px;width:90vw}.customeraboutus-img-cafe,.customeraboutus-img-giftbox{max-width:340px;width:100%}.customeraboutus-story-text.exact{max-width:98vw}}.bd-page{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:860px;padding:32px 40px 96px}.bd-page--loading{gap:28px}.bd-nav-back{align-self:flex-start;background:none;border:none;color:#8a8aaf;cursor:pointer;font-family:Lora,serif;font-size:.85rem;margin-bottom:32px;padding:0;transition:color .2s}.bd-nav-back:hover{color:#4a4a6a}.bd-header{margin-bottom:40px;max-width:680px;text-align:center;width:100%}.bd-category-badge{background:#f1f0e2;border-radius:999px;color:#8a8aaf;display:inline-block;font-family:Lora,serif;font-size:.72rem;letter-spacing:.2em;margin-bottom:20px;padding:5px 18px;text-transform:uppercase}.bd-title{color:#2c2c2c;font-family:Cormorant Garamond,serif;font-size:2.8rem;font-weight:500;letter-spacing:.07em;line-height:1.15;margin:0 0 18px;text-transform:uppercase}.bd-tagline{color:#7d7d7d;font-family:Lora,serif;font-size:1.05rem;font-style:italic;line-height:1.75;margin:0 auto;max-width:560px}.bd-image-area{margin-bottom:36px;max-width:640px;width:100%}.bd-main-image-wrap{align-items:center;aspect-ratio:4/3;background:#f6f3e7;border:1px solid #f0e9d2;border-radius:16px;box-shadow:0 8px 40px #0000001a;display:flex;justify-content:center;overflow:hidden;position:relative;width:100%}.bd-main-image-wrap--has-image{cursor:crosshair}.bd-main-image{display:block;height:100%;object-fit:contain;pointer-events:none;transition:opacity .18s ease;-webkit-user-select:none;user-select:none;width:100%}.bd-main-image--fading{opacity:0}.bd-main-image-placeholder{color:#c4baa6;font-family:Cormorant Garamond,serif;font-size:1rem}.bd-magnifier{background-repeat:no-repeat;border:2px solid #4a4a6a59;border-radius:50%;box-shadow:0 4px 24px #0000002e;height:180px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;pointer-events:none;position:absolute;width:180px;z-index:10}@media (hover:none){.bd-magnifier{display:none!important}.bd-main-image-wrap--has-image{cursor:pointer}}.bd-thumbs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.bd-thumb{background:#f6f3e7;border:2px solid #0000;border-radius:8px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;padding:0;transition:border-color .2s,box-shadow .2s,transform .15s;width:72px}.bd-thumb:hover{border-color:#c8c0a8;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bd-thumb--active{border-color:#4a4a6a!important;box-shadow:0 2px 10px #4a4a6a38}.bd-thumb-img{display:block;height:100%;object-fit:cover;width:100%}.bd-cta-section{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:52px;width:100%}.bd-cta-note{color:#b0a898;font-family:Lora,serif;font-size:.82rem;font-style:italic;margin:0;text-align:center}.bd-primary-btn{background:#4a4a6a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;letter-spacing:.1em;padding:14px 40px;text-transform:uppercase;transition:background .2s,transform .15s,box-shadow .2s;white-space:nowrap}.bd-primary-btn:hover:not(:disabled){background:#3a3a5a;box-shadow:0 6px 20px #4a4a6a47;transform:translateY(-2px)}.bd-primary-btn:disabled{cursor:not-allowed;opacity:.65;transform:none}.bd-primary-btn--lg{font-size:1.15rem;padding:16px 52px}.bd-back-link{background:#0000;border:1.5px solid #c8c8d8;border-radius:4px;color:#8a8aaf;cursor:pointer;font-family:Lora,serif;font-size:.92rem;padding:11px 22px;transition:border-color .2s,color .2s;white-space:nowrap}.bd-back-link:hover{border-color:#4a4a6a;color:#4a4a6a}.bd-additional{border-top:1px solid #ede8dc;display:flex;flex-direction:column;gap:36px;max-width:720px;padding-top:36px;width:100%}.bd-section-heading{color:#9a9aaf;font-family:Lora,serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;margin:0 0 18px;text-transform:uppercase}.bd-included{background:#faf8f3;border:1px solid #ede8dc;border-radius:12px;padding:22px 26px}.bd-included-list{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.bd-included-item{align-items:center;border-bottom:1px solid #ede8dc;display:flex;gap:12px;padding:9px 0}.bd-included-item:last-child{border-bottom:none}.bd-included-dot{background:#c0bba8;border-radius:50%;flex-shrink:0;height:5px;width:5px}.bd-included-name{color:#4a4a4a;flex:1 1;font-family:Lora,serif;font-size:.95rem}.bd-included-qty{color:#8a8aaf;font-family:Cormorant Garamond,serif;font-size:.9rem;font-style:italic}.bd-included-note{color:#b0a898;font-family:Lora,serif;font-size:.75rem;font-style:italic;margin:12px 0 0}.bd-gallery-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.bd-gallery-cell{aspect-ratio:4/3;background:#f6f3e7;border:2px solid #0000;border-radius:8px;cursor:pointer;overflow:hidden;padding:0;transition:border-color .2s,transform .15s,box-shadow .2s}.bd-gallery-cell:hover{border-color:#c8c0a8;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bd-gallery-cell--active{border-color:#4a4a6a!important;box-shadow:0 2px 10px #4a4a6a38}.bd-gallery-img{display:block;height:100%;object-fit:cover;width:100%}.bd-gallery-hint{color:#b0a898;font-family:Lora,serif;font-size:.78rem;font-style:italic;margin:12px 0 0;text-align:center}.bd-modal-overlay{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#14121c80;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:2000}@keyframes bdModalIn{0%{opacity:0;transform:scale(.94) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.bd-modal{animation:bdModalIn .24s cubic-bezier(.16,1,.3,1);background:#faf8f3;border:1px solid #ede8dc;border-radius:18px;box-shadow:0 24px 64px #00000038;max-height:90vh;max-width:560px;overflow-y:auto;padding:36px 36px 32px;position:relative;width:100%}.bd-modal-close{align-items:center;background:#f1ece0;border:1.5px solid #d6d0c4;border-radius:50%;color:#6d6d6d;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;padding:0;position:absolute;right:20px;top:18px;transition:background .2s,color .2s;width:32px}.bd-modal-close:hover{background:#e6dfd2;color:#2c2c2c}.bd-modal-title{color:#2c2c2c;font-family:Cormorant Garamond,serif;font-size:1.9rem;font-weight:500;letter-spacing:.05em;margin:0 0 4px;padding-right:40px}.bd-modal-subtitle{color:#8a8aaf;font-family:Lora,serif;font-size:.88rem;font-style:italic;margin:0 0 24px}.bd-modal-form{gap:16px}.bd-modal-field,.bd-modal-form{display:flex;flex-direction:column}.bd-modal-field{gap:6px}.bd-modal-qty-row{align-items:center;flex-direction:row;gap:20px}.bd-modal-two-col{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.bd-modal-label{color:#2c3e50;font-family:Lora,serif;font-size:.83rem;font-weight:600;letter-spacing:.02em}.bd-req{color:#c0392b;margin-left:2px}.bd-optional{color:#b0a898;font-size:.78rem;font-weight:400}.bd-modal-input,.bd-modal-textarea{background:#fff;border:1.5px solid #e0d9c8;border-radius:7px;box-sizing:border-box;color:#2c2c2c;font-family:Lora,serif;font-size:.95rem;padding:11px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.bd-modal-input:focus,.bd-modal-textarea:focus{border-color:#4a4a6a;box-shadow:0 0 0 3px #4a4a6a1a;outline:none}.bd-modal-textarea{min-height:72px;resize:vertical}.bd-qty-wrap{background:#f9f7ef;border:1.5px solid #e0d9c8;border-radius:7px;gap:0;overflow:hidden}.bd-qty-btn,.bd-qty-wrap{align-items:center;display:flex}.bd-qty-btn{background:#f1ece0;border:none;color:#4a4a6a;cursor:pointer;flex-shrink:0;font-size:1.15rem;height:38px;justify-content:center;padding:0;transition:background .15s;width:36px}.bd-qty-btn:hover{background:#e6e0d0}.bd-qty-value{align-items:center;background:#fff;border-left:1px solid #e0d9c8;border-right:1px solid #e0d9c8;color:#2c2c2c;display:flex;font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:600;height:38px;justify-content:center;min-width:48px;padding:0 8px;text-align:center}.bd-modal-error{background:#fdf0ef;border:1px solid #f5c6c4;border-radius:7px;color:#c0392b;font-family:Lora,serif;font-size:.88rem;line-height:1.5;margin:0;padding:10px 14px}.bd-modal-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}@keyframes bdShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.bd-skeleton{animation:bdShimmer 1.4s infinite;background:linear-gradient(90deg,#ede8dc 25%,#f5f0e6 50%,#ede8dc 75%);background-size:800px 100%;border-radius:8px;width:100%}.bd-skeleton-header{align-items:center;display:flex;flex-direction:column;gap:16px;margin-bottom:40px;max-width:680px;width:100%}.bd-skeleton-badge{border-radius:999px;height:28px;width:120px}.bd-skeleton-title{height:52px;width:70%}.bd-skeleton-tagline{height:20px;width:85%}.bd-skeleton-main-img{aspect-ratio:4/3;border-radius:16px;max-width:640px;width:100%}.bd-skeleton-cta-btn{border-radius:4px;height:52px;width:220px}.bd-state-center{align-items:center;display:flex;flex-direction:column;gap:18px;margin:0 auto;max-width:560px;padding:80px 24px;text-align:center}.bd-state-msg{color:#888;font-family:Lora,serif;font-size:1.1rem;margin:0}.bd-success-icon{align-items:center;background:#f1f0e2;border:2px solid #c8c8d8;border-radius:50%;color:#4a4a6a;display:flex;font-size:1.6rem;font-weight:600;height:58px;justify-content:center;width:58px}.bd-success-title{color:#2c2c2c;font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:500;letter-spacing:.05em;margin:0}.bd-success-msg{color:#6d6d6d;font-family:Lora,serif;font-size:1.05rem;line-height:1.6;margin:0}.bd-success-msg em{color:#4a4a6a;font-style:italic}.bd-success-id{color:#9a9a9a;font-size:.88rem}.bd-success-id,.bd-success-sub{font-family:Lora,serif;margin:0}.bd-success-sub{color:#aaa;font-size:.92rem}.bd-success-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:6px}@media (max-width:760px){.bd-page{padding:24px 20px 72px}.bd-title{font-size:2.1rem}.bd-gallery-grid{grid-template-columns:repeat(3,1fr)}.bd-modal-two-col{grid-template-columns:1fr}.bd-modal{padding:28px 22px 24px}.bd-modal-title{font-size:1.6rem}.bd-modal-actions{align-items:stretch;flex-direction:column}}@media (max-width:520px){.bd-page{padding:16px 14px 56px}.bd-title{font-size:1.75rem}.bd-gallery-grid{grid-template-columns:repeat(2,1fr)}.bd-thumb{height:50px;width:60px}.bd-primary-btn--lg{font-size:1rem;padding:14px 36px}.bd-modal-overlay{padding:12px}}@keyframes bdLightboxIn{0%{opacity:0}to{opacity:1}}.bd-lightbox{align-items:center;animation:bdLightboxIn .22s ease;background:#0a0810eb;display:flex;flex-direction:column;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.bd-lightbox-img{border-radius:10px;box-shadow:0 16px 64px #0009;display:block;max-height:calc(100vh - 120px);max-width:100%;object-fit:contain;-webkit-user-select:none;user-select:none}.bd-lightbox-close{align-items:center;background:#ffffff1f;border:1.5px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:background .2s;width:40px;z-index:3001}.bd-lightbox-close:hover{background:#ffffff38}.bd-lightbox-nav{align-items:center;background:#00000080;border-radius:999px;bottom:28px;display:flex;gap:18px;left:50%;padding:8px 20px;position:fixed;transform:translateX(-50%)}.bd-lightbox-arrow{background:none;border:none;color:#fff;cursor:pointer;font-size:1.6rem;line-height:1;opacity:.75;padding:0 4px;transition:opacity .15s}.bd-lightbox-arrow:hover{opacity:1}.bd-lightbox-counter{color:#ffffffb3;font-family:Lora,serif;font-size:.88rem;min-width:48px;text-align:center}.sg-layout{background:#f5f5f5;background:var(--app-bg,#f5f5f5);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.sg-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.sg-content{margin:0 auto;max-width:1300px;padding:28px 32px 48px;width:100%}.sg-page-header{margin-bottom:28px}.sg-page-title{color:#1f2937;color:var(--text,#1f2937);font-size:1.75rem;font-weight:700;margin:0 0 4px}.sg-page-sub{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.9rem;margin:0}.sg-toast{animation:sgFadeIn .2s ease;border-radius:8px;box-shadow:0 4px 16px #00000026;font-size:.9rem;font-weight:500;padding:12px 20px;position:fixed;right:24px;top:20px;z-index:9999}.sg-toast--success{background:#10b981;color:#fff}.sg-toast--error{background:#ef4444;color:#fff}@keyframes sgFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sg-form-panel,.sg-list-panel{background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:12px;margin-bottom:28px;padding:28px}.sg-panel-title{align-items:center;color:#1f2937;color:var(--text,#1f2937);display:flex;font-size:1.1rem;font-weight:600;gap:10px;margin:0 0 20px}.sg-bundle-count{background:#4a4a6a;border-radius:999px;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px}.sg-image-upload-area{align-items:center;background:#f9fafb;background:var(--surface-elevated,#f9fafb);border:2px dashed #d1d5db;border:2px dashed var(--border,#d1d5db);border-radius:10px;cursor:pointer;display:flex;height:220px;justify-content:center;margin-bottom:12px;overflow:hidden;position:relative;transition:border-color .2s,background .2s}.sg-image-upload-area:hover{background:#f0f0f8;border-color:#4a4a6a}.sg-image-placeholder{align-items:center;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;flex-direction:column;font-size:.875rem;gap:6px;padding:0 16px;pointer-events:none;text-align:center}.sg-image-icon{font-size:2.5rem}.sg-image-hint{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.78rem}.sg-image-preview{display:block;height:100%;object-fit:cover;width:100%}.sg-file-input{display:none}.sg-change-image-btn{background:none;border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:.82rem;margin-bottom:16px;padding:6px 14px;transition:all .2s}.sg-change-image-btn:hover{border-color:#4a4a6a;color:#4a4a6a}.sg-fields{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sg-label{color:#374151;color:var(--text,#374151);display:flex;flex-direction:column;font-size:.85rem;font-weight:500;gap:6px}.sg-label--full{grid-column:1/-1}.sg-required{color:#ef4444}.sg-input,.sg-select,.sg-textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #d1d5db;border:1px solid var(--input-border,#d1d5db);border-radius:7px;color:#1f2937;color:var(--input-text,#1f2937);font-size:.9rem;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.sg-input:focus,.sg-select:focus,.sg-textarea:focus{border-color:#4a4a6a;box-shadow:0 0 0 3px #4a4a6a1f;outline:none}.sg-textarea{min-height:80px;resize:vertical}.sg-form-error{color:#ef4444;font-size:.85rem;margin:10px 0 0}.sg-form-actions{display:flex;gap:12px;margin-top:20px}.sg-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px;transition:background .2s,opacity .2s,transform .1s}.sg-btn:active{transform:scale(.98)}.sg-btn--primary{background:#4a4a6a;color:#fff}.sg-btn--primary:hover:not(:disabled){background:#3a3a5a}.sg-btn--primary:disabled{cursor:not-allowed;opacity:.6}.sg-btn--ghost{background:#0000;border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);color:#6b7280;color:var(--text-secondary,#6b7280)}.sg-btn--ghost:hover{background:#f5f5f5;background:var(--surface-elevated,#f5f5f5)}.sg-table-wrap{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow-x:auto}.sg-table{border-collapse:collapse;font-size:.875rem;width:100%}.sg-table thead{background:#f9fafb;background:var(--surface-elevated,#f9fafb)}.sg-table th{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.sg-table td,.sg-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);padding:12px 14px}.sg-table td{vertical-align:middle}.sg-table tbody tr:last-child td{border-bottom:none}.sg-table tbody tr:hover{background:#f9fafb;background:var(--hover,#f9fafb)}.sg-row--inactive td{opacity:.55}.sg-thumb{border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:6px;display:block;height:52px;object-fit:cover;width:64px}.sg-thumb-placeholder{align-items:center;background:#f5f5f5;background:var(--surface-elevated,#f5f5f5);border:1px dashed #d1d5db;border:1px dashed var(--border,#d1d5db);border-radius:6px;color:#9ca3af;color:var(--text-secondary,#9ca3af);display:flex;font-size:.7rem;height:52px;justify-content:center;width:64px}.sg-bundle-title{color:#1f2937;color:var(--text,#1f2937);font-weight:600;margin-bottom:3px}.sg-bundle-desc{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-cat-badge{border-radius:999px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:capitalize}.sg-cat-badge--wedding{background:#fce7f3;color:#be185d}.sg-cat-badge--corporate{background:#dbeafe;color:#1d4ed8}.sg-cat-badge--bespoke{background:#d1fae5;color:#065f46}.sg-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.78rem;font-weight:600;gap:5px;padding:3px 10px}.sg-status--active{background:#d1fae5;color:#065f46}.sg-status--inactive{background:#f3f4f6;color:#6b7280}.sg-date{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.8rem;white-space:nowrap}.sg-actions{display:flex;flex-wrap:wrap;gap:6px}.sg-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 11px;transition:filter .15s;white-space:nowrap}.sg-action-btn:hover{filter:brightness(.9)}.sg-action-btn--edit{background:#e0f2fe;color:#0369a1}.sg-action-btn--activate{background:#d1fae5;color:#065f46}.sg-action-btn--deactivate{background:#fef3c7;color:#92400e}.sg-action-btn--delete{background:#fee2e2;color:#b91c1c}.sg-empty,.sg-loading{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.95rem;padding:48px 0;text-align:center}body.dark .sg-form-panel,body.dark .sg-list-panel{background:#242424;background:var(--surface,#242424);border-color:#3a3a3a;border-color:var(--border,#3a3a3a)}body.dark .sg-image-upload-area{background:#2a2a2a;background:var(--surface-elevated,#2a2a2a);border-color:#4a4a4a;border-color:var(--border,#4a4a4a)}body.dark .sg-image-upload-area:hover{background:#323248;border-color:#7a7a9a}body.dark .sg-table thead{background:#2a2a2a;background:var(--surface-elevated,#2a2a2a)}body.dark .sg-table tbody tr:hover{background:#2f2f2f;background:var(--hover,#2f2f2f)}body.dark .sg-cat-badge--wedding{background:#4a1234;color:#f9a8d4}body.dark .sg-cat-badge--corporate{background:#1e2d5a;color:#93c5fd}body.dark .sg-cat-badge--bespoke,body.dark .sg-status--active{background:#064e36;color:#6ee7b7}body.dark .sg-status--inactive{background:#2d2d2d;color:#9ca3af}.sg-subsection{border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);margin-top:28px;padding-top:24px}.sg-sub-title{align-items:center;color:#1f2937;color:var(--text,#1f2937);display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 6px}.sg-sub-hint{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.82rem;line-height:1.5;margin:0 0 16px}.sg-items-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sg-inv-picker{background:#f9fafb;background:var(--surface-elevated,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;overflow:hidden}.sg-inv-search-wrap{background:#fff;background:var(--surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border,#e5e7eb);padding:10px}.sg-inv-search{box-sizing:border-box;width:100%}.sg-inv-list{max-height:280px;overflow-y:auto}.sg-inv-empty{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.85rem;padding:24px;text-align:center}.sg-inv-row{align-items:center;border-bottom:1px solid #f0f0f0;border-bottom:1px solid var(--border,#f0f0f0);display:flex;justify-content:space-between;padding:9px 12px;transition:background .15s}.sg-inv-row:hover{background:#f3f4f6;background:var(--hover,#f3f4f6)}.sg-inv-row--added{opacity:.55}.sg-inv-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sg-inv-name{color:#1f2937;color:var(--text,#1f2937);font-size:.85rem;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-inv-sku{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-family:monospace;font-size:.72rem}.sg-inv-add-btn{background:#4a4a6a;border:none;border-radius:5px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.78rem;font-weight:600;padding:4px 10px;transition:background .15s;white-space:nowrap}.sg-inv-add-btn:hover:not(:disabled){background:#3a3a5a}.sg-inv-add-btn--added{background:#d1fae5;color:#065f46;cursor:default}.sg-inv-add-btn:disabled{cursor:default}.sg-inv-truncated{color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.78rem;padding:8px 12px;text-align:center}.sg-current-items{display:flex;flex-direction:column;gap:10px}.sg-current-items-header{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sg-current-empty{border:1px dashed #d1d5db;border:1px dashed var(--border,#d1d5db);border-radius:8px;color:#9ca3af;color:var(--text-secondary,#9ca3af);font-size:.85rem;padding:20px;text-align:center}.sg-items-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:0}.sg-item-row{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:7px;display:flex;gap:8px;padding:8px 10px}.sg-item-name{color:#1f2937;color:var(--text,#1f2937);flex:1 1;font-size:.85rem;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sg-item-price{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:.78rem;white-space:nowrap}.sg-item-qty-wrap{gap:3px}.sg-item-qty-wrap,.sg-qty-btn{align-items:center;display:flex}.sg-qty-btn{background:#f9fafb;background:var(--surface-elevated,#f9fafb);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:4px;color:#374151;color:var(--text,#374151);cursor:pointer;font-size:.9rem;height:24px;justify-content:center;line-height:1;padding:0;width:24px}.sg-qty-btn:hover{background:#e5e7eb}.sg-qty-input{background:#fff;background:var(--input-background,#fff);border:1px solid #d1d5db;border:1px solid var(--border,#d1d5db);border-radius:5px;color:#1f2937;color:var(--input-text,#1f2937);font-size:.85rem;padding:3px 4px;text-align:center;width:44px}.sg-item-remove{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.8rem;padding:2px 5px;transition:background .15s}.sg-item-remove:hover{background:#fee2e2}.sg-save-items-btn{align-self:flex-start;margin-top:4px}.sg-gallery-count{background:#3b82f6}.sg-gallery-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:14px}.sg-gallery-cell{aspect-ratio:4/3;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:8px;overflow:hidden;position:relative}.sg-gallery-thumb{display:block;height:100%;object-fit:cover;width:100%}.sg-gallery-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.7rem;height:22px;justify-content:center;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:opacity .15s;width:22px}.sg-gallery-cell:hover .sg-gallery-remove{opacity:1}.sg-gallery-upload-wrap{margin-top:4px}.sg-gallery-upload-btn{gap:6px}@media (max-width:900px){.sg-content{padding:16px}.sg-fields,.sg-items-layout{grid-template-columns:1fr}.sg-gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.sg-gallery-grid{grid-template-columns:repeat(2,1fr)}}.sg-section-label{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border,#e5e7eb);color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:.82rem;font-weight:700;gap:8px;letter-spacing:.08em;margin:24px 0 8px;padding-top:20px;text-transform:uppercase}.sg-section-label:first-of-type{border-top:none;margin-top:0;padding-top:0}.sg-section-count{background:#3b82f6;border-radius:999px;color:#fff;font-size:.72rem;font-weight:700;padding:2px 7px}.sg-inv-loading{align-items:center;display:flex;gap:10px;justify-content:center}@keyframes sgSpin{to{transform:rotate(1turn)}}.sg-inv-spinner{animation:sgSpin .7s linear infinite;border:2px solid #d1d5db;border:2px solid var(--border,#d1d5db);border-radius:50%;border-top:2px solid #4a4a6a;display:inline-block;flex-shrink:0;height:16px;width:16px}.sg-gallery-cell--pending{border:1.5px dashed #4a4a6a}.sg-gallery-pending-badge{background:#4a4a6ad9;border-radius:3px;bottom:4px;color:#fff;font-size:.6rem;font-weight:700;left:4px;letter-spacing:.06em;padding:2px 5px;pointer-events:none;position:absolute;text-transform:uppercase}body.dark .sg-inv-picker{background:#2a2a2a;background:var(--surface-elevated,#2a2a2a);border-color:#3a3a3a}body.dark .sg-inv-search-wrap{background:#242424;background:var(--surface,#242424);border-color:#3a3a3a}body.dark .sg-inv-row:hover{background:#2f2f2f;background:var(--hover,#2f2f2f)}body.dark .sg-item-row{background:#242424;background:var(--surface,#242424);border-color:#3a3a3a}body.dark .sg-current-empty{border-color:#3a3a3a}body.dark .sg-qty-btn{background:#2a2a2a;background:var(--surface-elevated,#2a2a2a);border-color:#3a3a3a}body.dark .sg-qty-btn:hover{background:#383838}body.dark .sg-gallery-cell{border-color:#3a3a3a}.customer-register-container{align-items:center;background:#f2efe3;color:#3a3550;display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;margin:0;min-height:100vh;padding:0}.customer-register-card{background:#fff;border:1.5px solid #ece9f6;border-radius:16px;box-shadow:0 4px 24px #6c63ff14;margin:40px auto 60px;max-width:580px;padding:48px 56px;position:relative;width:100%}.customer-register-card h2{color:#6c63ff;font-family:Cormorant Garamond,serif;font-size:2.5rem;font-weight:600;letter-spacing:.03em;margin-bottom:12px;text-align:center}.customer-register-card h2:after{background:linear-gradient(90deg,#6c63ff,#b993d6);border-radius:2px;content:"";display:block;height:3px;margin:16px auto 0;width:60px}.register-subtitle{color:#5a5470;font-family:Lora,serif;font-size:1rem;line-height:1.5;margin-bottom:32px;text-align:center}.register-form{display:flex;flex-direction:column;gap:20px}.form-group label{align-items:center;color:#3a3550;display:flex;font-family:Cormorant Garamond,serif;font-size:1rem;gap:6px;letter-spacing:.02em}.form-group label:before{color:#b993d6;content:"✦";font-size:.7rem;opacity:.6}.form-group input,.form-group select{background:#fcfbff;border:1.5px solid #e0dce8;border-radius:10px;box-shadow:0 1px 3px #6c63ff0a;color:#3a3550;font-family:Lora,serif;font-size:1rem;padding:14px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff1a,0 2px 8px #6c63ff14;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:#b0a8c0;font-style:italic}.form-group input.error,.form-group select.error{background:#fff5f5;border-color:#e74c3c}.error-message{animation:slideDown .3s ease;color:#e74c3c;font-family:Lora,serif;font-size:.85rem;gap:6px;margin-top:4px}.error-message:before{content:"⚠";font-size:.9rem}.success-message{align-items:center;animation:slideDown .3s ease;background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1.5px solid #b7d8c0;border-radius:10px;color:#155724;display:flex;font-family:Lora,serif;font-size:.95rem;gap:10px;margin-bottom:20px;padding:14px 18px}.success-message:before{content:"✓";font-size:1.2rem;font-weight:700}.form-group small{color:#6c63ff;font-family:Lora,serif;font-size:.85rem;font-style:italic;margin-top:4px}.submit-button{background:linear-gradient(90deg,#6c63ff,#b993d6);border-radius:12px;box-shadow:0 4px 16px #6c63ff33;font-family:Cormorant Garamond,serif;font-size:1.15rem;font-weight:600;letter-spacing:.05em;margin-top:12px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.submit-button:hover:not(:disabled){background:linear-gradient(90deg,#b993d6,#6c63ff);box-shadow:0 6px 24px #6c63ff4d;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background:linear-gradient(90deg,#c0b8d8,#d8cfe8);box-shadow:none}input[type=file]{background:#fcfbff;border:1.5px dashed #b993d6;border-radius:10px;color:#5a5470;cursor:pointer;font-family:Lora,serif;font-size:.9rem;padding:12px;transition:all .3s ease;width:100%}input[type=file]:hover{background:#f7f5fa;border-color:#6c63ff}input[type=file]::-webkit-file-upload-button{background:linear-gradient(90deg,#6c63ff,#b993d6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Cormorant Garamond,serif;font-size:.9rem;font-weight:600;margin-right:12px;padding:10px 20px;-webkit-transition:all .2s ease;transition:all .2s ease}input[type=file]::-webkit-file-upload-button:hover{background:linear-gradient(90deg,#b993d6,#6c63ff);transform:translateY(-1px)}.preview-container{align-items:center;display:flex;justify-content:center;margin-top:16px}.preview-image{animation:fadeIn .3s ease;border:3px solid #b993d6;border-radius:50%;box-shadow:0 4px 16px #6c63ff26;height:120px;object-fit:cover;width:120px}.login-link{color:#5a5470;font-family:Lora,serif;font-size:.95rem;margin-top:24px;text-align:center}.login-link a{color:#6c63ff;font-weight:600;text-decoration:none;transition:color .2s ease}.login-link a:hover{color:#b993d6;text-decoration:underline}@media (max-width:768px){.customer-register-card{margin:24px 16px 40px;max-width:100%;padding:36px 32px}.customer-register-card h2{font-size:2rem}.form-group{gap:6px}.submit-button{font-size:1.05rem;padding:14px 28px}}@media (max-width:480px){.customer-register-card{border-radius:12px;margin:16px 12px 32px;padding:28px 20px}.customer-register-card h2{font-size:1.75rem}.register-subtitle{font-size:.9rem}.form-group label{font-size:.95rem}.form-group input,.form-group select{font-size:.95rem;padding:12px 14px}.submit-button{font-size:1rem;padding:13px 24px}.preview-image{height:100px;width:100px}}@font-face{font-family:Cinzel;font-style:normal;font-weight:400;src:url(/static/media/Cinzel-Regular.f6dc41c2dfb6eb7c173c.ttf) format("truetype")}@font-face{font-family:Cinzel;font-style:normal;font-weight:700;src:url(/static/media/Cinzel-VariableFont_wght.2d087b545bf495f3d86d.ttf) format("truetype")}*{box-sizing:border-box;margin:0;padding:0}.password-container{position:relative}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:40px;width:100%}.password-toggle{align-items:center;animation:none!important;background:#0000;border:none;color:#21258f;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:12px;top:25%;width:24px;z-index:5000}.password-input-wrapper input,.password-toggle{transition:none!important}.password-toggle:hover{color:#5a5b7f}.password-toggle:disabled{color:#ccc;cursor:not-allowed}.eye-icon{height:20px;pointer-events:none;width:20px}.input-container{position:relative}.customer-login-container{background-color:#f5f5f5;background:#f2efe3!important;color:#444;display:flex;flex-direction:column;font-family:Cormorant Garamond,serif;margin:0;min-height:100vh;padding:0}.customer-login-content-wrapper{align-items:center;display:flex;justify-content:center;margin-top:5%}.background-image{background-image:url(/static/media/pensee-logo-only.9ea8ea63985dbeb41bab.png);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:0}.content-wrapper{border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;max-width:1000px;min-height:60vh;overflow:hidden;width:80%;z-index:1}.left-section{align-items:center;background-color:#696a8f;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.left-section h1{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:1.5rem}.brand-logo{filter:brightness(0) invert(1);margin-top:1rem;max-width:300px;width:80%}.right-section{background-color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem}.right-section h3{color:#696a8f;font-size:clamp(1.5rem,2vw,2rem);margin-bottom:2rem;text-align:center}.input-container{margin-bottom:1.5rem;width:100%}.input-container label{color:#696a8f;display:block;font-size:.9rem;margin-bottom:.5rem}.input-container input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.8rem 1rem;transition:border-color .3s;width:100%}.input-container input:focus{border-color:#696a8f;outline:none}.login-button{background-color:#696a8f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Cinzel,serif;font-size:1rem;margin-top:1rem;padding:.8rem;transition:background-color .3s;width:100%}.login-button:hover{background-color:#5a5b7f}.forgot-password{margin-top:1rem;text-align:center}.forgot-password a{color:#696a8f;font-size:.9rem;text-decoration:none;transition:color .3s}.forgot-password a:hover{color:#5a5b7f;text-decoration:underline}@media (max-width:768px){.content-wrapper{flex-direction:column;min-height:auto;width:90%}.left-section,.right-section{padding:1.5rem}.left-section{border-radius:12px 12px 0 0}.right-section{border-radius:0 0 12px 12px}.brand-logo{margin-top:.5rem;width:60%}}@media (max-width:480px){.content-wrapper{width:95%}.left-section h1{font-size:1.8rem}.right-section h3{font-size:1.5rem}.input-container input,.login-button{padding:.7rem}}.success-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.success-content{animation:scaleIn .3s ease-in-out;background-color:#fff;border-radius:10px;padding:2rem;text-align:center}.success-icon{animation:bounceIn .5s ease-in-out;color:#4caf50;font-size:3rem;margin-bottom:1rem}.success-content h2{color:#333;margin-bottom:.5rem}.success-content p{color:#666}.alert-message{border-radius:5px;font-weight:500;margin:10px 0;padding:10px;text-align:center}.alert-message.warning{background-color:#fff4e5;border:1px solid #ffd59e;color:#9f6000}.alert-message.lockout{background-color:#fdecea;border:1px solid #f5c6cb;color:#d8000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.8)}to{transform:scale(1)}}@keyframes bounceIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545;padding:.5rem}.resend-verification-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem}.resend-verification-button:hover{background-color:#0056b3}.resend-verification-button:disabled{background-color:#ccc;cursor:not-allowed}.customer-user-details-container{background-color:#f9fafb;display:flex;flex-direction:column;min-height:100vh}.customer-user-details-content{flex:1 1;margin-left:auto;margin-right:auto;margin-top:60px;max-width:1200px;padding:2rem;width:100%}.customer-user-details-header{margin-bottom:2rem;text-align:center}.customer-user-details-header h2{color:#696a8f;font-size:2rem;margin-bottom:1rem}.customer-user-details-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-group{position:relative}.form-group label{color:#696a8f;font-weight:500}.form-group input{padding:.8rem}.form-group input:focus{border-color:#696a8f}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.edit-field-container{align-items:center;display:flex;gap:1rem}.edit-field-container input{flex:1 1}.edit-field-container button{background:#696a8f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;white-space:nowrap}.edit-field-container button:hover{background:#5a5b7f}.edit-field-container button:disabled{background:#ccc;cursor:not-allowed}.edit-buttons{display:flex;gap:.5rem}.edit-buttons button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.edit-buttons .save-btn{background:#28a745;color:#fff}.edit-buttons .cancel-btn{background:#dc3545;color:#fff}.edit-buttons button:hover{opacity:.9}.edit-buttons button:disabled{background:#ccc;cursor:not-allowed}.profile-picture-container{height:150px;margin:1rem 0;position:relative;width:150px}.profile-picture{border:3px solid #fff;box-shadow:0 2px 4px #0000001a;height:100%;width:100%}.edit-profile-pic-btn{box-shadow:0 2px 4px #0003}.edit-profile-pic-btn:disabled{background:#ccc;cursor:not-allowed}.addresses-section{margin-top:2rem}.addresses-list{display:flex;flex-direction:column;gap:.5rem}.address-item{align-items:center;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;display:flex;justify-content:space-between;padding:.75rem}.remove-address-btn{background:none;border:none;color:#dc3545;cursor:pointer;font-size:1.2rem;padding:0 .5rem}.remove-address-btn:hover{color:#c82333}.add-address{display:flex;gap:.5rem;margin-top:1rem}.add-address input{border:1px solid #ddd;border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.add-address button{background:#696a8f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem}.add-address button:hover{background:#5a5b7f}.submit-button{background:#696a8f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-top:2rem;padding:1rem;width:100%}.submit-button:hover{background:#5a5b7f}.submit-button:disabled{background:#ccc;cursor:not-allowed}.loading{color:#666;margin:1rem 0;text-align:center}.error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin:1rem 0;padding:.75rem}.customer-user-details-form .success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;font-size:14px;margin-bottom:20px;padding:12px}@media (max-width:768px){.customer-user-details-content,.customer-user-details-form{padding:1rem}.profile-picture-container{height:120px;width:120px}}.profile-card{background:#fff;border-radius:18px;box-shadow:0 4px 24px #2c3e501a,0 1.5px 6px #4a90e20f;margin:48px auto 0;max-width:480px;padding:2.5rem 2rem 2rem}.profile-card,.profile-pic-section{align-items:center;display:flex;flex-direction:column}.profile-pic-section{margin-bottom:2rem;position:relative}.profile-picture{background:#f5f5f5;object-fit:cover}.profile-initials,.profile-picture{border:4px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2c3e501a;height:120px;width:120px}.profile-initials{background:#e5e7eb;color:#374151;font-size:40px;font-weight:700}.edit-profile-pic-btn,.profile-initials{align-items:center;display:flex;justify-content:center}.edit-profile-pic-btn{background:#696a8f;border:none;border-radius:50%;bottom:0;box-shadow:0 2px 4px #0000001f;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;position:absolute;right:0;width:36px}.edit-profile-pic-btn:hover{background:#5a5b7f}.profile-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.profile-form h2{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:.5rem;margin-top:1.2rem}.form-row{display:flex;flex-direction:column;gap:.3rem}.form-row label{color:#444;font-size:.98rem;font-weight:500;margin-bottom:.1rem}.profile-form input[type=email],.profile-form input[type=text]{background:#fcfcfa;border:1.2px solid #e0e0e0;border-radius:7px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.profile-form input:focus{border-color:#696a8f;outline:none}.address-row{flex-direction:row;gap:1rem;margin-bottom:.5rem}.address-row>div{display:flex;flex:1 1;flex-direction:column}.save-btn{align-self:flex-end;background:#3b5bfe;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.2rem;padding:.9rem 2.2rem;transition:background .18s}.save-btn:hover{background:#2541b2}.user-name-heading{color:#111827;font-size:1.25rem;font-weight:700}.role-badge{border-radius:999px;display:inline-block;font-size:12px;font-weight:600;margin-top:6px;padding:4px 10px}.role-badge.customer{background:#e5f3ff;color:#1d4ed8}.role-badge.employee{background:#fde68a;color:#92400e}.details-list{margin-top:12px;width:100%}.detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 0}.detail-label{color:#6b7280;font-size:.93rem}.detail-value{color:#111827;font-weight:600}.actions-row{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;width:100%}.secondary-btn{background:#eef2ff;color:#3730a3}.danger-btn,.secondary-btn{border:none;border-radius:7px;cursor:pointer;font-weight:600;padding:.7rem 1rem}.danger-btn{background:#ef4444;color:#fff}.employee-banner{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:10px;color:#0369a1;display:flex;gap:10px;justify-content:space-between;margin:8px auto 0;max-width:720px;padding:10px 12px}.employee-banner-left{align-items:center;display:flex;gap:8px}.employee-banner-cta{background:#0369a1;border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:6px 10px;text-decoration:none}.employee-banner-dismiss{background:#0000;border:none;color:#0369a1;cursor:pointer;font-size:18px;padding:2px 6px}.skeleton-avatar{border-radius:50%;height:120px;margin:0 auto 16px;width:120px}.skeleton-avatar,.skeleton-line{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#f3f4f6,#e5e7eb,#f3f4f6);background-size:200% 100%}.skeleton-line{border-radius:8px;height:14px;margin:10px auto}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:700px){.profile-card{max-width:98vw;padding:1.2rem .5rem 1.5rem}.address-row{flex-direction:column;gap:.7rem}}.verify-container{background:#f6f6f8;display:flex;flex-direction:column;min-height:100vh}.verify-card{background:#fff;border-radius:12px;border-top:6px solid #007bff;box-shadow:0 4px 16px #00000014;margin:100px auto 0;max-width:500px;padding:2.5rem}.verify-card h2{color:#333;font-size:2rem;margin-bottom:1.5rem;text-align:center}.verification-info{color:#666;margin-bottom:2rem;text-align:center}.verification-info strong{color:#333}.form-group{margin-bottom:1.5rem}.form-group label{color:#666;display:block;margin-bottom:.5rem}.form-group input{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#007bff;outline:none}.verify-button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background .2s;width:100%}.verify-button:hover{background:#0056b3}.verify-button:disabled{background:#ccc;cursor:not-allowed}.resend-section{margin-top:2rem;text-align:center}.resend-section p{color:#666;margin-bottom:.5rem}.resend-button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;padding:.5rem;transition:color .2s}.resend-button:hover:not(:disabled){color:#0056b3;text-decoration:underline}.resend-button:disabled{color:#999;cursor:not-allowed}.error-message{background:#f8d7da;border-radius:4px;color:#721c24;margin-bottom:1rem;padding:.75rem;text-align:center}.customer-cart-page{background:#f8f9fa;min-height:100vh}.cart-container{margin:0 auto;max-width:1200px;padding:10px 20px 20px}.cart-header{margin-bottom:20px;text-align:center}.cart-header h1{color:#4a4a6a;font-family:Cormorant Garamond,serif;margin-bottom:10px}.cart-summary{color:#7a7a8c;font-size:1.1rem;margin:0}.empty-cart{padding:80px 20px}.empty-cart h2{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:2rem;margin-bottom:10px}.empty-cart p{color:#7a7a8c}.continue-shopping-btn{background:#4a4a6a;border-radius:5px;font-size:1rem;padding:15px 30px;transition:background .2s}.continue-shopping-btn:hover{background:#3a3a5a}.cart-content{gap:30px}.cart-content,.cart-items{display:flex;flex-direction:column}.cart-items{gap:20px}.cart-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;grid-template-columns:120px 1fr auto auto;padding:20px}.item-image{background:#f8f9fa;height:120px;width:120px}.item-details{flex:1 1}.item-name{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin:0 0 8px}.item-description{color:#7a7a8c;font-size:.9rem;line-height:1.4;margin:0 0 5px}.item-sku{color:#999;font-size:.8rem;margin:0 0 8px}.item-price{color:#4a4a6a;margin:0}.item-quantity{flex-direction:column;gap:10px}.item-quantity label{color:#7a7a8c;font-size:.9rem;font-weight:500}.quantity-controls{align-items:center;display:flex;gap:10px}.quantity-btn{border:1px solid #ddd;border-radius:4px;color:#4a4a6a;font-size:1.1rem;font-weight:700;transition:all .2s}.quantity-btn:hover:not(:disabled){background:#f8f9fa;border-color:#4a4a6a}.quantity-btn:disabled{cursor:not-allowed;opacity:.5}.quantity-display{color:#4a4a6a;font-weight:600;min-width:40px;text-align:center}.item-total{align-items:center;display:flex;flex-direction:column;gap:10px}.total-price{color:#4a4a6a;font-size:1.2rem;font-weight:700;margin:0}.remove-btn{align-items:center;background:#ff4757;border-radius:4px;color:#fff;display:flex;font-size:.9rem;height:32px;justify-content:center;transition:background .2s;width:32px}.remove-btn:hover{background:#ff3742}.cart-actions{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;padding:20px 0}.clear-cart-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .2s}.clear-cart-btn:hover{background:#5a6268}.checkout-btn{background:#28a745;border-radius:5px;font-size:1.1rem;padding:15px 30px;transition:background .2s}.checkout-btn:hover{background:#218838}.checkout-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.checkout-modal{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.checkout-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px 30px}.checkout-header h2{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.checkout-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 300px;padding:30px}.checkout-form{display:flex;flex-direction:column;gap:20px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:12px;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#4a4a6a;outline:none}.checkout-summary{background:#f8f9fa;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:20px}.checkout-summary h3{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin:0 0 15px}.summary-details{display:flex;flex-direction:column;gap:10px}.summary-row{align-items:center;padding:8px 0}.summary-row.total{border-top:1px solid #ddd;color:#4a4a6a;font-size:1.1rem;margin-top:10px;padding-top:15px}.checkout-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#721c24;margin:0 30px 20px;padding:12px 20px}.checkout-actions{border-top:1px solid #eee;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.cancel-btn,.confirm-checkout-btn{border-radius:5px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.confirm-checkout-btn{background:#28a745;border:none;color:#fff;font-weight:600}.confirm-checkout-btn:hover:not(:disabled){background:#218838}.cancel-btn:disabled,.confirm-checkout-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.cart-container{padding:20px 15px}.cart-header h1{font-size:2rem}.cart-item{gap:15px;grid-template-columns:1fr;text-align:center}.item-image{height:200px;margin:0 auto;width:100%}.item-quantity,.item-total{flex-direction:row;gap:20px;justify-content:center}.cart-actions{flex-direction:column;gap:15px}.checkout-content{gap:20px;grid-template-columns:1fr}.checkout-actions{flex-direction:column}}.customer-cart-with-orders{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0 20px 20px}.cart-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 30px;max-width:1200px}.cart-header h1{color:#1a202c;font-size:2.5rem;font-weight:700;margin:0}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.error-message p{font-weight:500;margin:0}.retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.cart-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;padding:4px}.tab-button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.tab-button.active{background:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.tab-button:hover:not(.active){background:#f1f5f9;color:#334155}.cart-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#3b82f6;margin-bottom:16px}.cart-content{margin:0 auto;max-width:1200px}.empty-cart{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:60px 20px;text-align:center}.empty-cart-icon{font-size:4rem;margin-bottom:20px;opacity:.6}.empty-cart h2{color:#1a202c;font-size:1.5rem;margin-bottom:8px}.empty-cart p{color:#64748b;font-size:1rem;margin-bottom:30px}.continue-shopping-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.continue-shopping-btn:hover{background:#2563eb;transform:translateY(-1px)}.cart-items{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 400px}.cart-items-list{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:20px}.cart-item{grid-gap:20px;align-items:center;border-bottom:1px solid #e2e8f0;display:grid;gap:20px;grid-template-columns:80px 1fr auto auto auto;padding:20px 0}.cart-item:last-child{border-bottom:none}.item-image{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;height:80px;justify-content:center;overflow:hidden;width:80px}.item-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{color:#94a3b8;font-size:2rem}.item-details h3{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:4px}.item-sku{color:#64748b;font-size:.85rem;margin-bottom:4px}.item-price{color:#3b82f6;font-size:1rem;font-weight:600}.item-quantity{background:#f8fafc;border-radius:8px;gap:12px;padding:8px 12px}.item-quantity,.quantity-btn{align-items:center;display:flex}.quantity-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.quantity-btn:hover{background:#f3f4f6;border-color:#9ca3af}.quantity{color:#1a202c;font-weight:600;min-width:20px;text-align:center}.item-total{color:#1a202c;font-size:1.1rem;font-weight:700}.remove-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;padding:8px;transition:all .2s ease}.remove-btn:hover{background:#fecaca;transform:scale(1.05)}.cart-summary{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.summary-row{color:#374151;display:flex;justify-content:space-between;margin-bottom:12px}.summary-row.total{border-top:1px solid #e2e8f0;color:#1a202c;font-size:1.2rem;font-weight:700;margin-top:12px;padding-top:12px}.checkout-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:16px;transition:all .2s ease;width:100%}.checkout-btn:hover{background:#059669;transform:translateY(-1px)}.orders-content{margin:0 auto;max-width:1200px}.empty-orders{background:#fff;border-radius:16px;box-shadow:0 4px 6px #0000000d;padding:60px 20px}.empty-orders-icon{opacity:.6}.empty-orders h2{color:#1a202c;font-size:1.5rem;margin-bottom:8px}.empty-orders p{color:#64748b;font-size:1rem}.orders-list{gap:20px}.order-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;overflow:hidden;padding:24px;transition:all .3s ease}.order-card:hover{box-shadow:0 8px 25px #0000001a}.order-card.collapsed{padding:20px 24px}.order-card.expanded{padding:24px}.order-header{border-radius:8px;cursor:pointer;flex-wrap:wrap;gap:16px;padding:4px;transition:all .2s ease}.order-header:hover{background:#f8fafc}.order-info h3{color:#1a202c;font-size:1.25rem;font-weight:700;margin-bottom:4px}.order-date{color:#64748b}.order-status{align-items:center;display:flex;gap:12px}.status-badge{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.expand-toggle-btn{align-items:center;background:#f1f5f9;border:1px solid #d1d5db;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;min-width:32px;padding:6px 10px;transition:all .2s ease}.expand-toggle-btn:hover{background:#e2e8f0;border-color:#9ca3af;color:#374151}.order-details{grid-gap:30px;animation:slideDown .3s ease-out;border-top:1px solid #e2e8f0;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-top:16px;padding-top:20px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.order-summary{gap:12px}.summary-item{align-items:center;display:flex;justify-content:space-between}.summary-item .label{color:#64748b;font-weight:500}.summary-item .value{color:#1a202c;font-weight:600}.customer-delivery-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.customer-delivery-info h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin:0 0 16px}.delivery-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:14px}.delivery-info-item{display:flex;flex-direction:column;gap:4px;min-width:0}.delivery-info-item .label,.delivery-proof-preview .label{color:#64748b;font-size:.85rem;font-weight:600}.delivery-info-item .value{color:#1a202c;font-weight:600;overflow-wrap:anywhere}.track-delivery-btn{align-items:center;background:#0f766e;border-radius:8px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;margin-bottom:14px;padding:10px 14px;text-decoration:none}.tracking-unavailable-message{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;color:#9a3412;font-weight:600;line-height:1.4;margin:0 0 14px;padding:12px}.delivery-proof-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.delivery-proof-preview img{background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:260px;object-fit:contain;width:min(360px,100%)}.delivery-remarks{color:#374151;line-height:1.5;margin:0}.delivery-progress h4{color:#1a202c;font-size:1.1rem;font-weight:600;margin-bottom:16px}.progress-steps{display:flex;justify-content:space-between;position:relative}.progress-steps:before{background:#e2e8f0;content:"";height:2px;left:20px;position:absolute;right:20px;top:20px;z-index:1}.step{flex:1 1;flex-direction:column;position:relative;z-index:2}.step,.step-icon{align-items:center;display:flex}.step-icon{background:#e2e8f0;border-radius:50%;font-size:1.2rem;height:40px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:40px}.step.completed .step-icon{background:#10b981;color:#fff}.step.active .step-icon{animation:pulse 2s infinite;background:#3b82f6;color:#fff}.step-label{color:#64748b;font-size:.8rem;font-weight:500;text-align:center}.step.completed .step-label{color:#10b981;font-weight:600}.step.active .step-label{color:#3b82f6;font-weight:600}@media (max-width:1024px){.cart-items{grid-template-columns:1fr}.cart-summary{position:static}}@media (max-width:768px){.customer-cart-with-orders{padding:10px}.cart-header{align-items:stretch;flex-direction:column}.cart-header h1{font-size:2rem;text-align:center}.cart-tabs{justify-content:center}.orders-controls{align-items:stretch;flex-direction:column;gap:12px}.expand-controls,.sort-controls{justify-content:center}.cart-item{gap:12px;grid-template-columns:60px 1fr}.item-quantity,.item-total,.remove-btn{grid-column:2;justify-self:start}.item-quantity,.item-total,.remove-btn{margin-top:8px}.order-details{gap:20px}.delivery-info-grid,.order-details{grid-template-columns:1fr}.track-delivery-btn{width:100%}.progress-steps{flex-direction:column;gap:16px}.progress-steps:before{display:none}.step{flex-direction:row;text-align:left}.step-icon{margin-bottom:0;margin-right:12px}}@media (max-width:480px){.cart-header h1{font-size:1.5rem}.tab-button{font-size:.9rem;padding:8px 16px}.cart-item{padding:16px 0}.item-image{height:60px;width:60px}.order-card{padding:16px}.order-header{align-items:stretch;flex-direction:column}.status-badge{align-self:flex-start}}.order-products{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:20px 0;padding:20px}.order-products h4{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px}.order-products h4:before{content:"📦";font-size:1.2rem}.products-list{gap:12px}.product-item{background:#fff;border:1px solid #e2e8f0;display:flex;gap:12px;padding:12px;transition:all .2s ease}.product-item:hover{border-color:#cbd5e0;box-shadow:0 2px 4px #0000000d}.product-icon{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.product-image{border-radius:6px;height:100%;object-fit:cover;width:100%}.product-placeholder{color:#a0aec0;font-size:1.5rem}.product-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.product-name{color:#2d3748;font-size:.95rem;font-weight:600;line-height:1.3}.product-quantity{color:#718096;font-size:.85rem;font-weight:500}.no-products{background:#f7fafc;border:1px dashed #cbd5e0;border-radius:8px;color:#a0aec0;font-style:italic;padding:20px;text-align:center}.customer-orders{background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:0 20px 20px}.orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 30px;max-width:1200px}.orders-header h1{color:#1a202c;font-weight:700;margin:0}.orders-controls{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto 20px;max-width:1200px;padding:16px 20px}.sort-controls{align-items:center;display:flex;gap:8px}.sort-controls label{color:#64748b;font-size:.9rem;font-weight:500}.sort-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s ease}.sort-select:hover{border-color:#9ca3af}.sort-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.expand-controls{align-items:center;display:flex;gap:12px}.expand-all-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.expand-all-btn:hover{background:#2563eb;transform:translateY(-1px)}.refresh-btn{background:#f8fafc;border:1px solid #d1d5db;border-radius:6px;font-size:1.1rem;padding:8px 12px;transition:all .2s ease}.refresh-btn:hover{background:#e2e8f0;border-color:#9ca3af}.customer-orders-page{background:#f8f9fa;min-height:100vh}.orders-container{margin:0 auto;max-width:1200px;padding:0 20px 40px}.orders-header{margin-bottom:40px;text-align:center}.orders-header h1{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:2.5rem;margin-bottom:10px}.orders-header p{color:#7a7a8c;font-size:1.1rem;margin:0}.loading-spinner{border-top-color:#4a4a6a}.empty-orders{padding:80px 20px}.empty-orders-icon{font-size:4rem;margin-bottom:20px}.empty-orders h2{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:2rem;margin-bottom:10px}.empty-orders p{color:#7a7a8c;margin-bottom:30px}.start-shopping-btn{background:#4a4a6a;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:15px 30px;transition:background .2s}.start-shopping-btn:hover{background:#3a3a5a}.orders-list{display:flex;flex-direction:column;gap:30px}.order-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:25px;transition:transform .2s,box-shadow .2s}.order-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.order-header{align-items:flex-start;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.order-info h3{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.4rem;margin:0 0 5px}.order-date{font-size:.9rem;margin:0}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;gap:8px;padding:8px 16px}.order-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.order-summary{display:flex;flex-direction:column;gap:8px}.order-summary p{color:#4a4a6a;font-size:.95rem;margin:0}.view-details-btn{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 20px;transition:background .2s}.view-details-btn:hover{background:#0056b3}.tracking-steps{border-top:1px solid #eee;display:flex;flex-direction:column;gap:20px;padding:20px 0}.tracking-step{align-items:flex-start;display:flex;gap:15px;position:relative}.step-indicator{flex-direction:column}.step-circle,.step-indicator{align-items:center;display:flex;position:relative}.step-circle{border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px;z-index:2}.tracking-step.completed .step-circle{background:#28a745}.tracking-step.preparing .step-circle{background:#ffc107;color:#333}.tracking-step.pending .step-circle{background:#e9ecef;color:#6c757d}.step-line{background:#e9ecef;height:40px;margin-top:5px;width:2px}.tracking-step.completed+.tracking-step .step-line{background:#28a745}.step-content{flex:1 1;padding-top:5px}.step-title{color:#4a4a6a;font-size:1rem;font-weight:600;margin:0 0 5px}.step-description{color:#7a7a8c;font-size:.9rem;line-height:1.4;margin:0 0 5px}.extra-label{background:#fff3cd;border-radius:4px;color:#856404;display:inline-block;font-size:.8rem;font-weight:500;margin-top:5px;padding:4px 8px}.step-timestamp{color:#999;font-size:.8rem;margin:5px 0 0}.order-details-modal{max-width:800px}.customer-delivery-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;margin-bottom:30px;padding:20px}.customer-delivery-section h3{border-bottom:2px solid #ececf2;color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.3rem;margin:0 0 15px;padding-bottom:8px}.customer-delivery-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.customer-delivery-grid div{display:flex;flex-direction:column;gap:4px;min-width:0}.customer-delivery-grid label,.customer-proof label{color:#7a7a8c;font-size:.9rem;font-weight:700}.customer-delivery-grid span{color:#4a4a6a;overflow-wrap:anywhere}.customer-track-btn{align-items:center;background:#0f766e;border-radius:6px;color:#fff;display:inline-flex;font-weight:700;justify-content:center;margin-bottom:16px;padding:10px 14px;text-decoration:none}.customer-delivery-message{background:#fff3cd;border:1px solid #ffeeba;border-radius:6px;color:#856404;font-weight:600;margin:0 0 16px;padding:12px}.customer-proof{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.customer-proof img{background:#fff;border:1px solid #e9ecef;border-radius:8px;max-height:260px;object-fit:contain;width:min(360px,100%)}.customer-delivery-remarks{color:#4a4a6a;line-height:1.5;margin:0 0 16px}.customer-delivery-timeline{border-top:1px solid #e9ecef;padding-top:14px}.customer-delivery-timeline h4{color:#4a4a6a;margin:0 0 10px}.customer-delivery-timeline-item{border-left:3px solid #4a4a6a;margin-bottom:10px;padding:0 0 12px 12px}.customer-delivery-timeline-item span,.customer-delivery-timeline-item strong{color:#4a4a6a;display:block}.customer-delivery-timeline-item p,.customer-delivery-timeline-item span{color:#7a7a8c;font-size:.9rem;margin:3px 0 0}@media (max-width:768px){.orders-container{padding:20px 15px}.orders-header h1{font-size:2rem}.order-details,.order-header{align-items:flex-start;flex-direction:column;gap:15px}.tracking-steps{gap:15px}.tracking-step{gap:10px}.step-circle{font-size:.8rem;height:28px;width:28px}.step-line{height:30px}.modal-content{padding:20px}.info-grid,.product-item{grid-template-columns:1fr}.product-item{gap:10px}.product-item,.product-price,.product-quantity{text-align:center}.customer-delivery-section{padding:16px}.customer-track-btn{width:100%}}.order-management-dashboard{background:#f8f9fa;background:var(--app-bg,#f8f9fa);min-height:100vh}.dashboard-container{margin:0;max-width:none;padding:30px 20px;width:100%}.dashboard-header{margin-bottom:40px;text-align:center}.dashboard-header h1{color:#4a4a6a;color:var(--text,#4a4a6a);font-family:Cormorant Garamond,serif;font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:#7a7a8c;color:var(--text-muted,#7a7a8c);font-size:1.1rem;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 4px 15px #0000001a;display:flex;gap:15px;padding:25px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#4a4a6a;color:var(--text,#4a4a6a);font-size:2rem;font-weight:700;margin:0 0 5px}.stat-content p{color:#7a7a8c;color:var(--text-muted,#7a7a8c);font-size:.9rem;font-weight:500;margin:0}.filters-section{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:25px}.filters-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#4a4a6a;color:var(--text,#4a4a6a);font-size:.9rem;font-weight:600}.filter-group input,.filter-group select{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:6px;color:#333;color:var(--input-text,#333);font-size:.9rem;padding:10px 12px;transition:border-color .2s}.filter-group input::placeholder,.filter-group select::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.filter-group input:focus,.filter-group select:focus{border-color:#4a4a6a;border-color:var(--brand,#4a4a6a);outline:none}.orders-section{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.section-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h2{color:#4a4a6a;color:var(--text,#4a4a6a);font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.refresh-btn{background:#007bff;background:var(--brand,#007bff);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#0056b3;background:var(--brand-dark,#0056b3)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.error-container,.loading-container{padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-top:4px solid #4a4a6a;border:4px solid var(--surface-muted,#f3f3f3);border-radius:50%;border-top-color:var(--text,#4a4a6a);height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background:#4a4a6a;background:var(--text,#4a4a6a);border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.empty-orders{color:#7a7a8c;color:var(--text-muted,#7a7a8c);padding:40px 20px;text-align:center}.orders-table-container{margin-bottom:20px;overflow-x:auto}.orders-table{border-collapse:collapse;font-size:.9rem;width:100%}.orders-table th{background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border-bottom:2px solid #dee2e6;border-bottom:2px solid var(--border,#dee2e6);color:#4a4a6a;color:var(--text,#4a4a6a);font-weight:600;padding:15px 12px;text-align:left}.orders-table td{border-bottom:1px solid #dee2e6;border-bottom:1px solid var(--border,#dee2e6);color:var(--text-soft);padding:15px 12px;vertical-align:middle}.orders-table tbody tr:hover{background:#f8f9fa;background:var(--hover,#f8f9fa)}.order-id{color:#007bff;color:var(--brand,#007bff);font-family:Courier New,monospace;font-weight:600}.customer-name{color:#4a4a6a;color:var(--text,#4a4a6a);font-weight:500}.order-date{color:#7a7a8c;color:var(--text-muted,#7a7a8c)}.status-badge{align-items:center;border-radius:15px;color:#fff;display:inline-flex;font-size:.8rem;font-weight:500;gap:6px;padding:6px 12px;white-space:nowrap}.order-total{color:#4a4a6a;color:var(--text,#4a4a6a);font-weight:600}.order-actions{display:flex;gap:8px}.update-btn,.view-btn{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.view-btn{background:#17a2b8;color:#fff}.view-btn:hover{background:#138496}.update-btn{background:#28a745;color:#fff}.update-btn:hover{background:#218838}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:20px}.pagination-btn{background:#6c757d;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#5a6268}.pagination-btn:disabled{cursor:not-allowed;opacity:.6}.pagination-info{color:#7a7a8c;color:var(--text-muted,#7a7a8c);font-size:.9rem}.order-details-modal-overlay{align-items:center;background:#00000080;background:var(--overlay,#00000080);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.order-details-modal{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--border,#eee);display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#4a4a6a;color:var(--text,#4a4a6a);font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#999;color:var(--text-muted,#999);cursor:pointer;font-size:1.5rem;padding:5px;transition:background .2s}.close-btn:hover{background:#f8f9fa;background:var(--hover,#f8f9fa);color:#4a4a6a;color:var(--text,#4a4a6a)}.modal-content{padding:30px}.order-info-section,.products-section,.remarks-section,.shipping-info-section{margin-bottom:30px}.order-info-section h3,.products-section h3,.remarks-section h3,.shipping-info-section h3{border-bottom:2px solid #f0f0f0;border-bottom:2px solid var(--border,#f0f0f0);color:#4a4a6a;color:var(--text,#4a4a6a);font-family:Cormorant Garamond,serif;font-size:1.3rem;margin:0 0 15px;padding-bottom:8px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:5px}.info-item label{color:#7a7a8c;color:var(--text-muted,#7a7a8c);font-size:.9rem;font-weight:600}.info-item span{color:#4a4a6a;color:var(--text,#4a4a6a);font-size:1rem}.status-text{font-weight:600}.shipping-address{background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border-left:4px solid #4a4a6a;border-left:4px solid var(--text,#4a4a6a);border-radius:8px;padding:20px}.shipping-address p{color:#4a4a6a;color:var(--text,#4a4a6a);line-height:1.5;margin:0 0 10px}.shipping-address p:last-child{margin-bottom:0}.products-list{display:flex;flex-direction:column;gap:15px}.product-item{grid-gap:20px;align-items:center;background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border:1px solid #e9ecef;border:1px solid var(--border,#e9ecef);border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr auto auto;padding:15px}.product-info h4{color:#4a4a6a;color:var(--text,#4a4a6a);font-size:1.1rem;margin:0 0 5px}.product-info p{color:#7a7a8c;color:var(--text-muted,#7a7a8c);font-size:.9rem;margin:0 0 3px}.product-quantity{text-align:center}.product-price,.product-quantity{color:#4a4a6a;color:var(--text,#4a4a6a);font-weight:600}.product-price{font-size:1.1rem;text-align:right}.remarks-section p{background:#f8f9fa;background:var(--surface-muted,#f8f9fa);border-left:4px solid #17a2b8;border-radius:8px;color:#4a4a6a;color:var(--text,#4a4a6a);line-height:1.5;margin:0;padding:15px}.status-modal-overlay{align-items:center;background:#00000080;background:var(--overlay,#00000080);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.status-modal{background:#fff;background:var(--surface,#fff);border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:500px;width:100%}.status-modal .modal-content{padding:30px}.current-status{background:#e9ecef;background:var(--surface-muted,#e9ecef);border-radius:8px;margin-bottom:20px;padding:15px}.current-status p{color:#4a4a6a;color:var(--text,#4a4a6a);font-weight:500;margin:0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{color:#4a4a6a;color:var(--text,#4a4a6a);font-size:.9rem;font-weight:600}.form-group select,.form-group textarea{background:#fff;background:var(--input-background,#fff);border:1px solid #ddd;border:1px solid var(--input-border,#ddd);border-radius:6px;color:#333;color:var(--input-text,#333);font-size:1rem;padding:12px;transition:border-color .2s}.form-group textarea::placeholder{color:#94a3b8;color:var(--input-placeholder,#94a3b8)}.form-group select:focus,.form-group textarea:focus{border-color:#4a4a6a;border-color:var(--brand,#4a4a6a);outline:none}.modal-actions{border-top:1px solid #eee;border-top:1px solid var(--border,#eee);display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.cancel-btn,.update-status-btn{border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 24px;transition:all .2s}.cancel-btn{background:#6c757d;border:none;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.update-status-btn{background:#28a745;border:none;color:#fff;font-weight:600}.update-status-btn:hover:not(:disabled){background:#218838}.cancel-btn:disabled,.update-status-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.dashboard-container{padding:20px 15px}.dashboard-header h1{font-size:2rem}.stats-grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{flex-direction:column;padding:20px;text-align:center}.stat-icon{font-size:2rem;height:50px;width:50px}.filters-grid{gap:15px;grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:15px}.orders-table{font-size:.8rem}.orders-table td,.orders-table th{padding:10px 8px}.order-actions{flex-direction:column;gap:5px}.update-btn,.view-btn{font-size:.7rem;padding:4px 8px}.modal-content{padding:20px}.info-grid,.product-item{grid-template-columns:1fr}.product-item{gap:10px}.product-item,.product-price,.product-quantity{text-align:center}.modal-actions{flex-direction:column}}body.dark .loading-spinner{border:4px solid #3a3a3a;border-top:4px solid var(--brand)}body.dark .view-btn{background:#0f7c94}body.dark .view-btn:hover{background:#0c6478}body.dark .update-btn,body.dark .update-status-btn{background:#1f9c48}body.dark .update-btn:hover,body.dark .update-status-btn:hover:not(:disabled){background:#187a38}body.dark .cancel-btn,body.dark .pagination-btn{background:#4a4a4a}body.dark .cancel-btn:hover:not(:disabled),body.dark .pagination-btn:hover:not(:disabled){background:#5a5a5a}body.dark .remarks-section p{border-left-color:#0f7c94}.unauthorized-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.unauthorized-content{animation:slideIn .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:500px;padding:40px;text-align:center;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.unauthorized-icon{animation:bounce 2s infinite;font-size:4rem;margin-bottom:20px}.unauthorized-title{color:#e53e3e;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0000001a}.unauthorized-message{color:#4a5568;font-size:1.2rem;line-height:1.6;margin-bottom:20px}.unauthorized-attempt{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;color:#718096;font-size:.9rem;margin-bottom:24px;padding:12px}.unauthorized-attempt code{background:#edf2f7;border-radius:4px;color:#2d3748;font-family:Monaco,Menlo,Ubuntu Mono,monospace;padding:2px 6px}.unauthorized-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.unauthorized-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;min-width:140px;padding:12px 24px;transition:all .2s ease}.unauthorized-btn.primary{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.unauthorized-btn.primary:hover{background:#5a67d8;box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.unauthorized-btn.secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.unauthorized-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px)}.unauthorized-countdown{color:#718096;font-size:.9rem;font-style:italic;margin-bottom:16px}.unauthorized-security-note{background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-top:20px;padding:12px}.unauthorized-security-note p{color:#c53030;font-size:.85rem;line-height:1.4;margin:0}body.dark .unauthorized-content{background:#2d3748;color:#e2e8f0}body.dark .unauthorized-title{color:#fc8181}body.dark .unauthorized-message{color:#cbd5e0}body.dark .unauthorized-attempt{background:#4a5568;border-color:#718096;color:#a0aec0}body.dark .unauthorized-attempt code{background:#2d3748;color:#e2e8f0}body.dark .unauthorized-btn.secondary{background:#4a5568;border-color:#718096;color:#e2e8f0}body.dark .unauthorized-btn.secondary:hover{background:#2d3748;border-color:#a0aec0}body.dark .unauthorized-countdown{color:#a0aec0}body.dark .unauthorized-security-note{background:#2d3748;border-color:#fc8181}body.dark .unauthorized-security-note p{color:#fc8181}@media (max-width:640px){.unauthorized-content{margin:10px;padding:24px}.unauthorized-title{font-size:2rem}.unauthorized-message{font-size:1rem}.unauthorized-actions{align-items:center;flex-direction:column}.unauthorized-btn{max-width:200px;width:100%}}.not-found-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;padding:20px}.not-found-content{animation:slideInUp .6s ease-out;background:#fff;border-radius:20px;box-shadow:0 25px 50px #00000026;max-width:600px;padding:40px;text-align:center;width:100%}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.not-found-animation{margin-bottom:30px;position:relative}.not-found-404{animation:bounce 2s infinite;color:#667eea;font-size:8rem;font-weight:900;margin-bottom:10px;text-shadow:0 4px 8px #667eea4d}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.not-found-ghost{animation:float 3s ease-in-out infinite;font-size:4rem;position:absolute;right:-20px;top:-20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.not-found-title{color:#2d3748;font-size:2.5rem;font-weight:700;margin-bottom:16px;text-shadow:0 2px 4px #0000001a}.not-found-message{color:#4a5568;font-size:1.2rem;line-height:1.6;margin-bottom:30px}.not-found-details{background:#f7fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:30px;padding:20px;text-align:left}.not-found-path{color:#718096;font-size:.9rem;margin-bottom:10px}.not-found-path code{background:#edf2f7;border-radius:6px;color:#2d3748;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:4px 8px}.not-found-time{color:#718096;font-size:.9rem;margin:0}.not-found-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:30px}.not-found-btn{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;min-width:160px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.not-found-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.not-found-btn:hover:before{left:100%}.not-found-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 20px #667eea66;color:#fff}.not-found-btn.primary:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.not-found-btn.secondary{background:#f7fafc;border:2px solid #e2e8f0;color:#4a5568}.not-found-btn.secondary:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-3px)}.not-found-countdown{background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;margin-bottom:30px;padding:16px}.not-found-countdown p{color:#c53030;font-size:1rem;font-weight:500;margin:0}.countdown-number{animation:pulse 1s infinite;color:#e53e3e;font-size:1.2rem;font-weight:700}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.not-found-help{background:#f0fff4;border:1px solid #c6f6d5;border-radius:10px;margin-bottom:20px;padding:20px;text-align:left}.not-found-help h3{color:#22543d;font-size:1.1rem;font-weight:600;margin-bottom:12px}.not-found-help ul{color:#2f855a;margin:0;padding-left:20px}.not-found-help li{font-size:.9rem;margin-bottom:6px}.not-found-suggestions{background:#faf5ff;border:1px solid #e9d8fd;border-radius:10px;padding:20px}.not-found-suggestions h3{color:#553c9a;font-size:1.1rem;font-weight:600;margin-bottom:16px}.suggestion-links{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.suggestion-links button{background:#edf2f7;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-size:.85rem;padding:10px 12px;transition:all .2s ease}.suggestion-links button:hover{background:#e2e8f0;border-color:#a0aec0;transform:translateY(-1px)}body.dark .not-found-content{background:#2d3748;color:#e2e8f0}body.dark .not-found-title{color:#f7fafc}body.dark .not-found-message{color:#cbd5e0}body.dark .not-found-details{background:#4a5568;border-color:#718096}body.dark .not-found-path{color:#a0aec0}body.dark .not-found-path code{background:#2d3748;color:#e2e8f0}body.dark .not-found-time{color:#a0aec0}body.dark .not-found-btn.secondary{background:#4a5568;border-color:#718096;color:#e2e8f0}body.dark .not-found-btn.secondary:hover{background:#2d3748;border-color:#a0aec0}body.dark .not-found-countdown{background:#2d3748;border-color:#fc8181}body.dark .not-found-countdown p{color:#fc8181}body.dark .not-found-help{background:#2d3748;border-color:#68d391}body.dark .not-found-help h3{color:#68d391}body.dark .not-found-help ul{color:#9ae6b4}body.dark .not-found-suggestions{background:#2d3748;border-color:#b794f6}body.dark .not-found-suggestions h3{color:#b794f6}body.dark .suggestion-links button{background:#4a5568;border-color:#718096;color:#e2e8f0}body.dark .suggestion-links button:hover{background:#2d3748;border-color:#a0aec0}@media (max-width:768px){.not-found-content{margin:10px;padding:24px}.not-found-404{font-size:6rem}.not-found-title{font-size:2rem}.not-found-message{font-size:1rem}.not-found-actions{align-items:center;flex-direction:column}.not-found-btn{max-width:250px;width:100%}.suggestion-links{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.not-found-404{font-size:4rem}.not-found-ghost{font-size:2.5rem;right:-10px;top:-10px}.not-found-title{font-size:1.5rem}.not-found-message{font-size:.9rem}}
/*# sourceMappingURL=main.8c01db7e.css.map*/