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}body,html{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.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 (max-width:768px){.dashboard-main,.main-content{margin-left:0;padding:16px;width:100%}}body.dark .dashboard-container{background-color:#1a1a1a}body.dark .dashboard-main{color:#fff}body,html{font-family:Cinder;height:100%;margin:0;overflow-x:hidden;padding:0}.sidebar{background-color:#696a8f;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:all .3s;width:220px;z-index:1000}.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 (max-width:768px){.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}}body.dark .sidebar{background-color:#1e1e1e;border-right:1px solid #333}body.dark .sidebar-header h1{color:#e0e0e0}body.dark .sidebar-menu a{color:#ccc}body.dark .sidebar-menu a:hover{background-color:#333;color:#fff}body.dark .sidebar-menu a.active{background-color:#0056b3;color:#fff}body.dark .sidebar-menu a.active .sidebar-icon{color:#fff}body.dark .sidebar-menu a .sidebar-icon{color:#999}body.dark .sidebar-menu a:hover .sidebar-icon{color:#fff}body.dark .sidebar-footer{border-top:1px solid #333}body.dark .sidebar-footer .log-out{color:#e74c3c}body.dark .sidebar-footer .log-out:hover{background-color:#444}body.dark .sidebar-menu .submenu{background-color:#2c2c2c;border-top:1px solid #444}body.dark .sidebar-menu .submenu a{color:#ccc}body.dark .sidebar-menu .submenu a:hover{background-color:#404040;color:#fff}.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}@media (prefers-color-scheme:dark){.notification-bell{color:#9ca3af}.notification-bell:hover{background-color:#374151;color:#f3f4f6}}.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;height:32px;justify-content:center;padding:8px;transition:all .2s;width:32px}.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}}@media (prefers-color-scheme:dark){.notification-panel{background:#1f2937;border-color:#374151;color:#f9fafb}.notification-panel-header{background:linear-gradient(135deg,#111827f2,#1f2937f2);border-bottom-color:#374151}.notification-panel-header h3{color:#f9fafb}.mark-all-read-btn{background:#37415199;border-color:#4b556380;color:#d1d5db}.mark-all-read-btn:hover{background:#4b5563cc;border-color:#6b728099;color:#f9fafb}.close-btn{background:#3741514d;color:#d1d5db}.close-btn:hover{background:#4b556399;color:#f9fafb}.notification-filters{background:#111827;border-bottom-color:#374151;scrollbar-color:#4b5563 #1f2937}.notification-filters::-webkit-scrollbar-track{background:#1f2937}.notification-filters::-webkit-scrollbar-thumb{background:#4b5563}.notification-filters::-webkit-scrollbar-thumb:hover{background:#6b7280}.filter-btn{background:#1f293780;border-color:#4b5563;color:#9ca3af}.filter-btn:hover{background:#374151;border-color:#6b7280;color:#d1d5db}.filter-btn.active{background:#3b82f6cc;border-color:#3b82f6cc;color:#fff;font-weight:600}.notification-list{background:#1f2937}.loading-state{color:#9ca3af}.spinner{border-color:#3b82f6 #374151 #374151}.empty-state{color:#9ca3af}.empty-icon{opacity:.6}.notification-item{background:#1f2937;border-bottom-color:#374151}.notification-item:hover{background:#374151}.notification-item.unread{background:#1e3a8a;border-left-color:#3b82f6}.notification-item.critical{background:#2d1b1b;border-left-color:#ef4444}.notification-item.urgent{background:#2d2411;border-left-color:#f59e0b}.notification-title{color:#f9fafb}.notification-message{color:#d1d5db}.notification-time{color:#9ca3af}.category-header{border-bottom-color:#374151;color:#d1d5db}.category-count{color:#9ca3af}.product-count-badge{background:#3730a3;color:#e0e7ff}.delete-notification-btn{color:#6b7280}.delete-notification-btn:hover{background:#374151;color:#ef4444}.priority-badge.critical{background:#2d1b1b;border-color:#7f1d1d;color:#fca5a5}.priority-badge.urgent{background:#2d2411;border-color:#92400e;color:#fcd34d}}.dashboard-topbar{background:#fff;box-shadow: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}.avatar-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow: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;cursor:pointer;font-size:1rem;padding:10px 20px;text-align:left;transition:background .2s}.avatar-dropdown button:hover{background:#f5f5f5}.avatar-dropdown .logout-btn{color:#e74c3c;font-weight:600}.avatar-dropdown .logout-btn:hover{background:#fdecea}.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}.settings-dropdown{background:#fff;border-radius:8px;box-shadow: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;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s;width:100%}.theme-btn:hover{background-color:#0000000d}body.dark{background-color:#1a1a1a;color:#fff}body.dark .topbar{background-color:#2c2c2c;border-bottom:1px solid #404040}body.dark .topbar h1{color:#fff}body.dark .settings-dropdown{background-color:#2c2c2c;box-shadow:0 2px 10px #0000004d}body.dark .theme-btn{color:#fff}body.dark .theme-btn:hover{background-color:#404040}body.dark .settings-btn:hover{background-color:#ffffff1a}body.dark .inventory-table{box-shadow:0 2px 8px #0003}body.dark .inventory-filter-select,body.dark .inventory-table td{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-topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-search{background:#fff;border:1px solid #ddd;border-radius:6px;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-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;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-width:180px;padding:24px 28px}.card-title{color:#888;font-size:15px;margin-bottom:8px}.card-value{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;font-size:14px;font-weight:400}.dashboard-lower{display:flex;gap:24px;margin-top:12px}.dashboard-activity{background:#fff;border-radius:12px;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;border-radius:12px;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;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-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-radius:8px;color:#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;color:#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;border-radius:12px;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-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-main{background-color:#1a1a1a;color:#e0e0e0}body.dark .dashboard-lower h4,body.dark .dashboard-section h3{color:#e0e0e0}body.dark .dashboard-month{color:#b0b0b0}body.dark .dashboard-card{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d;color:#e0e0e0}body.dark .card-title{color:#b0b0b0}body.dark .card-value{color:#e0e0e0}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 .top-selling-header h4{color:#e0e0e0}body.dark .month-select,body.dark .year-select{background:#2c2c2c;border-color:#444;color:#e0e0e0}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 .month-select option,body.dark .year-select option{background:#2c2c2c;color:#e0e0e0}body.dark .dashboard-activity,body.dark .dashboard-recent-activity,body.dark .dashboard-top-selling{background-color:#2c2c2c;color:#e0e0e0}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}.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}.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;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.portal-modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 40px #0000002e;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}}.product-details-container{background:#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;font-weight:600}.breadcrumb-current{color:#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;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;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;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{margin-bottom:20px}.error-icon,.not-found-icon{font-size:48px;margin-bottom:20px}.error-container h2,.not-found-container h2{color:#1a202c;font-size:24px;font-weight:700;margin-bottom:12px}.error-container p,.not-found-container p{color:#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;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;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;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-value{color:#1a202c;font-size:24px;font-weight:800;line-height:1;margin-bottom:4px}.stat-subtitle{color:#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;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;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#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{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;display:flex;font-size:14px;gap:8px}.contact-icon{font-size:16px;text-align:center;width:20px}.contact-text{color:#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)}.inventory-container{background:#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;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;bottom:0;box-shadow: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;min-height:400px;table-layout:fixed}.inventory-table thead,.inventory-table thead th{background:#fff;border-bottom:2px solid #e0e0e0}.inventory-table thead th{box-shadow:0 2px 4px #0000001a;color:#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;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;font-size:1.1rem;padding:20px;text-align:center}.inventory-table tr{background:#fff;height:60px;transition:background-color .2s ease}.inventory-table tr:nth-child(2n){background:#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)}.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{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;font-size:.875rem}.supplier-name,.supplier-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supplier-phone{color:#6b7280;font-size:.75rem}.no-supplier{color:#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)}body.dark .inventory-container{background-color:#1a1a1a;color:#e0e0e0}body.dark .inventory-header h2{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{background-color:#2c2c2c;box-shadow:0 2px 8px #0000004d}body.dark .inventory-table th{background-color:#333;color:#fff}body.dark .inventory-table tr{background-color:#2c2c2c}body.dark .inventory-table tr:hover{background-color:#404040}body.dark .inventory-table td{border-color:#404040}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{background-color:#2c2c2c;border-color:#404040;color:#e0e0e0}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}}: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;color:#fff}.btn-delete{background-color:#ef4444;color:#fff}.btn-cancel,.btn-save{border-radius:4px;font-weight:500;padding:.5rem 1rem}.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}.delete-btn:hover{background-color:#f8d7da}.edit-form{padding:1rem}.form-group{margin-bottom:1rem}.form-group input{padding:.5rem}.form-group input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40}.form-actions{margin-top:1rem}.selected-count{color:#888;font-size:15px;margin-left:8px}.customer-filters{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.customer-search{border:1px solid #ddd;border-radius:4px;flex:1 1;padding:.5rem}.customer-filters select{background-color:#fff;border:1px solid #ced4da;border-radius:4px;min-width:150px;padding:.5rem}.customer-details-layout{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:300px 1fr}.customer-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem}.customer-list-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.select-all{align-items:center;color:#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;cursor:pointer;display:flex;gap:1rem;padding:1rem}.customer-list-item:hover{background-color:#f9fafb}.customer-list-item.selected{background-color:#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}.customer-code{color:#6c757d;font-size:.875rem}.customer-details-panel{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.customer-details-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:1rem}.customer-details-title{color:#212529;font-size:1.25rem;font-weight:600}.customer-details-name{color:#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}.customer-details-tabs{border-bottom:1px solid #eee;display:flex;gap:1rem;padding:1rem}.tab-btn{background:none;border-bottom:2px solid #0000;padding:.5rem 1rem}.tab-btn.active{border-bottom-color:#3b82f6;color:#3b82f6}.customer-details-content{padding:1.5rem}.details-section{margin-bottom:2rem}.details-label{color:#495057;font-weight:600;margin-bottom:1rem}.details-row{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:.5rem 0}.details-row:last-child{border-bottom:none}.details-row span:first-child{color:#6c757d}.details-row span:last-child{color:#212529;font-weight:500}.no-selection{color:#666;padding:2rem;text-align:center}.dashboard-main{background-color:#f3f4f6}.order-item{background-color:#f8f9fa;border:1px solid #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;box-shadow:0 2px 4px #0000001a;transform:translateY(-2px)}.order-header{margin-bottom:.5rem}.order-id{color:#212529}.order-date{font-size:.875rem}.order-details{grid-gap:.5rem;color:#495057;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.order-details div{font-size:.875rem}.loading,.no-results{color:#6c757d;padding:2rem;text-align:center}.loading{gap:.5rem}.loading:after{animation:spin 1s linear infinite;border:2px solid #dee2e6;border-radius:50%;border-top-color:#007bff;height:1rem;width:1rem}@media (max-width:1100px){.customer-details-layout{flex-direction:column}.customer-list{border-bottom:1px solid #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-content{border-radius:8px;max-width:800px}.modal-header{padding:1rem}.modal-header h2{color:#212529;font-size:1.5rem}.modal-close{color:#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;color:#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;justify-content:space-between;padding:.75rem 0}.info-row:last-child{border-bottom:none}.info-row span:first-child{color:#6c757d;font-weight:500}.info-row span:last-child{color:#212529;font-weight:500}.order-items{margin-top:1.5rem}.order-items h3{color:#212529;font-size:1.25rem;margin-bottom:1rem}.order-item-detail{background-color:#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;font-weight:500}.item-quantity{color:#6c757d;font-size:.875rem}.item-price{color:#28a745;font-weight:500}.orders-grid{display:flex;flex-direction:column;gap:1rem;padding:1rem}.order-tab{background:#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;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;font-size:1.25rem}.modal-body img{border:1px solid #eee;border-radius:8px;height:100px;object-fit:cover;width:100px}.product-item{background-color:#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}.product-sku{color:#6c757d;font-size:.875rem}.product-quantity{text-align:right}.product-quantity .quantity{color:#1f2937;font-weight:600}.product-quantity .price{color:#6c757d;font-size:.875rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{box-shadow:0 20px 60px #0000004d}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #f3f4f6;border-radius:16px 16px 0 0;color:#fff;padding:2rem 2rem 1rem}.modal-title{align-items:center;display:flex;font-weight:700;gap:.75rem}.modal-icon{font-size:1.25rem}.modal-subtitle{font-size:.9rem;margin:.5rem 0 0;opacity:.9}.modal-body{padding:2rem}.form-label{color:#374151;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.required{color:#dc2626}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-textarea{min-height:80px;resize:vertical}.error-message{gap:.25rem}.error-icon{font-size:.875rem}.status-group{display:flex;gap:1rem;margin-top:.5rem}.status-option{flex:1 1;position:relative}.status-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.status-label{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:block;font-weight:500;padding:.75rem 1rem;text-align:center;transition:all .2s ease}.status-option input[type=radio]:checked+.status-label{background:#f0f4ff;border-color:#667eea;color:#667eea}.status-option:hover .status-label{border-color:#d1d5db}.modal-footer{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #f3f4f6;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 2rem 2rem}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:100px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-save:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-save:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-cancel:hover{transform:translateY(-1px)}.loading-overlay{align-items:center;background:#ffffffe6;border-radius:16px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{border:3px solid #f3f4f6;height:32px;width:32px}.form-group.success .form-input,.form-group.success .form-select,.form-group.success .form-textarea{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group.error .form-input,.form-group.error .form-select,.form-group.error .form-textarea{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}@media (max-width:640px){.modal-content{margin:.5rem;max-height:calc(100vh - 1rem)}.modal-body,.modal-footer,.modal-header{padding-left:1.5rem;padding-right:1.5rem}.modal-title{font-size:1.25rem}.modal-footer,.status-group{flex-direction:column}.btn-cancel,.btn-save{width:100%}}@media (prefers-color-scheme:dark){.modal-content{background:#1f2937;color:#f9fafb}.modal-header{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.form-input,.form-select,.form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea}.status-label{background:#374151;border-color:#4b5563;color:#f9fafb}.modal-footer{background:#111827;border-color:#374151}.btn-cancel{background:#4b5563}.btn-cancel:hover{background:#6b7280}}.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.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}}.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{background:#f8fafc;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.edit:hover{background:#dbeafe;color:#1d4ed8}.action-btn.delete:hover{background:#fee2e2;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}}.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;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;background:linear-gradient(135deg,#ef4444,#dc2626);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{background:#fef2f2;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;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;padding:1rem}.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;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;box-shadow:0 0 0 3px #10b9811a}.form-group textarea{min-height:60px}.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}}.topbar{align-items:center;background:#fff;border-bottom:1px solid #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{border:1px solid #ddd;border-radius:4px;font-size:16px;margin-right:auto;padding:8px 12px;width:300px}.topbar-actions{align-items:center;display:flex;gap:20px}.icon-btn{background:none;border:none;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;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;border:1px solid #ddd;border-radius:4px;color:#666;cursor:pointer;padding:8px 16px}.selected-count{color:#666}.clear-selection-btn{background:none;border:none;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;border:1px solid #ddd;border-radius:4px;min-width:120px;padding:8px 24px 8px 12px}.supplier-form-filters input[type=text]{min-width:160px;padding:8px}.spacer{flex:1 1}.add-product-btn{align-items:center;background:#5c6bc0;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;padding:8px 16px}.supplier-table-wrapper{background:#fff;border-radius:8px;overflow:auto}.supplier-table{border-collapse:collapse;width:100%}.supplier-table td,.supplier-table th{border:1px solid #eee;padding:8px}.supplier-table th{background:#f5f5f5}.selected-row{background:#e3e6f7}.add-supplier-dialog-backdrop{align-items:center;background:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.add-supplier-dialog{background:#fff;border-radius:8px;box-shadow:0 2px 16px #0002;max-width:700px;padding:24px;width:90%}.add-supplier-dialog-header{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:16px}.close-btn{font-size:24px}.photo-upload-section{margin-bottom:16px}.photo-upload-btn{background:#fafafa;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:8px 16px}.photo-selected{font-size:14px;margin-top:8px}.error-text{color: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{margin-bottom:4px}.form-field input,.form-field textarea{border:1px solid #ccc;border-radius:4px;padding:8px;width:100%}.dialog-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:24px}.cancel-btn{background:#fff;border:1px solid #ddd;color:#666;padding:8px 24px}.add-btn{background:#5c6bc0;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 24px}.user-details-container{margin:0 auto;max-width:800px;padding:2rem}.user-details-card{background:#fff;border-radius:12px;border-top:6px solid #007bff;box-shadow:0 4px 16px #00000014;margin:40px auto 0;max-width:500px;padding:2.5rem 2.5rem 2rem}.user-details-card h1{border-bottom:2px solid #eee;color:#333;font-size:2rem;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.user-details-content{display:flex;flex-direction:column;gap:1.5rem}.user-detail-item{align-items:center;display:flex;gap:1rem}.user-detail-item label{color:#666;font-weight:600;min-width:120px}.user-detail-item span{color:#333;font-size:1.1rem}.profile-picture-container{display:flex;justify-content:center;margin:20px 0}.profile-picture{border:3px solid #007bff;box-shadow:0 4px 8px #0000001a;height:150px;width:150px}.error,.loading{font-size:1.2rem;padding:2rem}.error{background-color:#f8d7da;text-align:center}.edit-profile-pic-btn{background:#fff;border:1px solid #007bff;bottom:10px;box-shadow:0 2px 6px #00000014;right:10px;transition:background .2s;z-index:2}.edit-profile-pic-btn:hover{background:#e6f0ff}.edit-profile-form input[type=email],.edit-profile-form input[type=text]{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:.5rem;width:100%}.edit-profile-form input[type=file]{margin-top:8px}.save-btn{background:#007bff;border-radius:4px;font-size:1rem;padding:.5rem 1.2rem;transition:background .2s}.save-btn:hover{background:#0056b3}.cancel-btn{background:#eee;border-radius:4px;color:#333;cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;transition:background .2s}.cancel-btn:hover{background:#ddd}.edit-btn{background:#f5f5f5;border:1px solid #007bff;border-radius:4px;color:#007bff;cursor:pointer;font-size:1rem;padding:.5rem 1.2rem;transition:background .2s}.edit-btn:hover{background:#e6f0ff}.dashboard-container{background:#f6f6f8}.dashboard-main{padding:0 32px}.status-admin{background:#007bff}.status-admin,.status-employee{border-radius:12px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:2px 12px}.status-employee{background:#43a047}.modal-content{max-width:1100px;min-width:900px}.add-product-form{grid-template-columns:1fr 1fr}.add-product-form .full-width{grid-column:1/-1}.add-product-form .section-title{border-bottom:2px solid #e8f0fe;color:#4361ee;font-size:1.1rem;font-weight:600;grid-column:1/-1;margin:1.5rem 0 .5rem;padding-bottom:.5rem}.add-product-form .section-title:first-child{margin-top:0}.add-product-form input:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.add-product-form input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.submit-btn{background:#4361ee;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.975rem;font-weight:600;letter-spacing:.5px;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .2s ease;width:100%}.submit-btn:hover{background:#3b52d9;box-shadow:0 4px 12px #4361ee4d;transform:translateY(-1px)}.submit-btn[type=button]{background:#f8fafc;border:1.5px solid #e2e8f0;color:#475569}.submit-btn[type=button]:hover{background:#f1f5f9;border-color:#cbd5e1}.button-group{display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1rem}.button-group .submit-btn{min-width:120px;width:auto}.add-product-form .help-text{color:#888;font-size:.98rem;margin-top:.1rem}.add-product-form .error-message{color:#d93025;font-size:.97rem;margin-top:.1rem}.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;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #00000014;left:0;margin-top:4px;max-height:220px;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;color:#333;cursor:pointer;display:flex;font-size:1rem;padding:10px 18px;transition:background .18s,color .18s}.add-product-form .suggestion-item:last-child{border-bottom:none}.add-product-form .suggestion-item.active,.add-product-form .suggestion-item:hover{background:#f3f6ff;color:#4361ee}.add-product-form .suggestion-item-image{border-radius:4px;height:40px;margin-right:12px;object-fit:cover;width:40px}.add-product-form .suggestion-item-text{flex-grow:1}.add-product-form .file-input-wrapper{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s ease}.add-product-form .file-input-wrapper:hover{background:#f0f4ff;border-color:#4361ee}.add-product-form .file-input-wrapper input[type=file]{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.875rem;margin:0;padding:.5rem 1rem}.add-product-form .file-input-wrapper img{border:3px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 12px #0000001a;height:120px;object-fit:cover;width:120px}.category-expirable-row{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:1.1rem;width:100%}.expirable-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.expirable-checkbox-label{align-items:center;color:#7c2d12;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.expirable-checkbox{accent-color:#dc2626;border:2px solid #dc2626;border-radius:4px;height:18px;width:18px}.expirable-date{background:#fff;color:#374151;font-size:1rem;padding:.625rem .875rem}.dont-expire-badge,.expirable-date{border:1.5px solid #dc2626;border-radius:8px;min-width:160px}.dont-expire-badge{background:#fef2f2;color:#dc2626;font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:.625rem 1rem;text-align:center;text-transform:uppercase}.add-product-form .product-name-suggestions-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 16px #00000014;margin-top:4px;max-height:220px;overflow-y:auto;padding:4px 0;position:absolute;width:100%;z-index:10}@media (max-width:1000px){.modal-content{max-width:98vw;min-width:95vw;padding:1.5rem}.add-product-form{gap:1rem;grid-template-columns:1fr}}@media (max-width:700px){.modal-content{max-width:98vw;min-width:95vw;padding:1.2rem 1rem}.add-product-form{gap:.75rem;grid-template-columns:1fr}.category-expirable-row{align-items:stretch;flex-direction:column;gap:.5rem}.expirable-group{gap:.5rem;min-width:0}.dont-expire-badge,.expirable-date{min-width:0;width:100%}}.supplier-dropdown-container{position:relative;width:100%}.supplier-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:background-color .2s ease}.supplier-option:last-child{border-bottom:none}.supplier-option:hover{background-color:#f9fafb}.supplier-option.focused{background-color:#f0f4ff}.supplier-option.selected{background-color:#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;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);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);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;border-top:1px solid #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{border:1.5px solid #d1d5db!important;border-radius:8px!important;box-shadow:none!important;min-height:40px!important}.supplier-select__control--is-focused{border-color:#4361ee!important;box-shadow:0 0 0 3px #4361ee1a!important}.supplier-select__control--is-disabled{background-color:#f9fafb!important;border-color:#e5e7eb!important}.supplier-select__value-container{padding:0 12px!important}.supplier-select__input-container{margin:0!important;padding:0!important}.supplier-select__placeholder{color:#9ca3af!important;font-size:1rem!important}.supplier-select__single-value{color:#374151!important;font-size:1rem!important}.supplier-select__indicator-separator{background-color:#d1d5db!important}.supplier-select__clear-indicator,.supplier-select__dropdown-indicator{color:#6b7280!important}.supplier-select__menu{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 10px 25px #00000026!important;z-index:9999!important}.supplier-select__menu-list{max-height:300px!important;padding:0!important}.supplier-select__option{border-bottom:1px solid #f3f4f6!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;color:#374151!important}.supplier-select__option--is-selected{background-color:#4361ee!important;color:#fff!important}.supplier-select__no-options-message{color:#6b7280!important;padding:16px!important;text-align:center!important}.supplier-select__control--error{border-color:#ef4444!important}.supplier-select__control--error.supplier-select__control--is-focused{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.modal-overlay{animation:fadeIn .3s ease-out;background-color:#000000b3;padding:20px;z-index:2000}.add-supplier-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:600px;overflow-y:auto;position:relative;width:100%}.modal-header{margin-bottom:24px;padding:24px 24px 0}.modal-header h3{margin:0}.close-btn{color:#6b7280;padding:4px;transition:all .2s ease}.close-btn:hover{background-color:#f3f4f6;color:#374151}.add-supplier-form{padding:0 24px 24px}.form-section{margin-bottom:32px}.form-section h4{border-bottom:2px solid #e5e7eb;color:#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;font-size:.875rem}.required{color:#ef4444;margin-left:2px}.form-group input,.form-group textarea{background-color:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.form-group input.error,.form-group textarea.error{border-color:#ef4444}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#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}.form-group input.valid:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{font-family:inherit;min-height:80px;resize:vertical}.error-message{color:#ef4444;font-size:.875rem}.success-message{color:#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}.form-actions{gap:12px;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;border:1px solid #d1d5db;color:#374151}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-primary{background:linear-gradient(135deg,#4361ee,#3b82f6);box-shadow:0 1px 3px #0000001a}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b5bdb,#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%}}.dashboard-container,.dashboard-main{background:#f6f7fb}.user-management-container{background:#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;font-size:1.5rem;font-weight:600}.register-user-btn{background:#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;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-radius:50%;height:44px;object-fit:cover;width:44px}.user-card-name{color:#222;font-size:1.08rem;font-weight:600}.user-card-role{color:#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;font-weight:500;margin-right:4px}.error,.loading{background:#fff0f0;border:1px solid #ffd6d6;border-radius:6px;color:#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;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.user-modal{background:#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;cursor:pointer;font-size:1.6rem}.user-modal-fields label{color:#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;border:1.2px solid #e0e0e0;border-radius:5px;font-size:1rem;margin-top:3px;padding:7px 10px}.user-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.user-modal-save{background:#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;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;border-bottom:2px solid #e9ecef;color:#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;color:#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}.users-table tbody tr:hover{background-color:#f1f3f5}.user-table-profile-pic{border:1px solid #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}.dashboard-container{background:#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;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.account-management-header h1{color:#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;border:1px solid #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;font-size:.875rem;font-weight:500}.filter-select,.search-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s}.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;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#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;color:#4b5563}.users-table tbody tr:hover{background:#f9fafb}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;letter-spacing:.025em;padding:4px 8px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;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}.modal-overlay{background:#0003;height:100vh;width:100vw}.modal-content{border-radius:16px;box-shadow:0 10px 40px #00000026;margin:0 auto;max-height:90vh;max-width:600px;min-width:500px;padding:2rem 3rem 2.5rem;position:relative;width:90vw}.modal-header{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center;width:100%}.close-btn{position:absolute;right:16px;top:12px}.add-product-form{grid-gap:1.5rem 2rem;display:grid;gap:1.5rem 2rem;grid-template-columns:1fr;margin-top:1.5rem}.add-product-form label{align-items:flex-start;color:#374151;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-align:left;text-transform:uppercase}.add-product-form input{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:400;padding:.875rem 1rem;transition:all .2s ease}.add-product-form input:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.add-product-form select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;font-size:1rem;font-weight:400;padding:.875rem 1rem;transition:all .2s ease}.add-product-form select:focus{border-color:#4361ee;box-shadow:0 0 0 3px #4361ee1a;outline:none}.add-product-form label input[type=checkbox]{margin-right:8px;width:auto}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:1rem;grid-column:1/-1;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.notification{animation:slideIn .3s ease-out;border-radius:6px;color:#fff;font-weight:500;padding:12px 20px;position:fixed;right:20px;top:20px;z-index:1001}.notification.success{background:#10b981}.notification.error{background:#ef4444}.loading{color:#6b7280;font-size:1rem;padding:40px}@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}.modal{margin:10px;width:95%}.form-actions{flex-direction:column}}.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-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}.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:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto 60px;max-width:1200px}.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:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-4px)}.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;width:100%}.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;height:calc(100vh - 70px);overflow-y:auto;padding:24px}.archived-orders-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.archived-orders-title{color:#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;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;display:flex;justify-content:space-between;padding:16px}.order-name{color:#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;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}.dashboard-container{background-color:#f5f5f5;display:flex;height:100vh}.dashboard-main,.inventory-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.inventory-container{padding:20px}.inventory-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.inventory-header h2{color:#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;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:14px;padding:8px 12px}.inventory-filter-select:focus{border-color:#007bff;outline:none}.loading-container{color:#666;font-size:16px;height:200px}.inventory-table-container{background-color:#fff;border-radius:8px;flex:1 1;overflow:hidden}.inventory-table-wrapper{height:100%;overflow:auto}.inventory-table{font-size:14px}.inventory-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.inventory-table th{border-right:1px solid #dee2e6;color:#495057;padding:12px 8px}.inventory-table th:last-child{border-right:none}.inventory-table tbody tr{border-bottom:1px solid #dee2e6;transition:background-color .2s}.inventory-table tbody tr:hover{background-color:#f8f9fa}.inventory-table td{border-right:1px solid #dee2e6;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-radius:4px;height:40px;width:40px}.img-placeholder{background-color:#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;font-weight:500}.supplier-phone{color:#666;font-size:12px}.no-supplier{color:#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}.no-products{align-items:center;color:#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}@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;border:2px solid #e2e8f0;border-radius:8px;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{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}.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:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.test-btn.insert{background:linear-gradient(135deg,#20c997,#17a2b8);color:#fff}.test-btn.insert:hover:not(:disabled){box-shadow:0 6px 20px #20c99766;transform:translateY(-2px)}.test-btn.clear{background:linear-gradient(135deg,#ff6b6b,#ee5a52);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}}.sales-report-container{background-color:#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;font-size:2.5rem;font-weight:700;margin:0}.header-controls{align-items:center;display:flex;gap:1rem}.period-selector{background-color:#e5e7eb;border-radius:8px;display:flex;gap:4px;padding:4px}.period-btn{background-color:initial;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.period-btn:hover{background-color:#f3f4f6;color:#374151}.period-btn.active{background-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.refresh-btn{align-items:center;background-color:#3b82f6;border-radius:8px;display:flex;font-weight:500;gap:8px;padding:10px 16px}.refresh-btn:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.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;border:1px solid #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);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;border-radius:8px;font-size:1.5rem;height:40px;justify-content:center;width:40px}.metric-title{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.metric-value{color:#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;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.chart-title{color:#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}.donut-chart{align-items:center;background:conic-gradient(#ef4444 0deg 120deg,#f59e0b 120deg 240deg,#10b981 240deg 1turn);border-radius:50%;display:flex;height:200px;justify-content:center;position:relative;width:200px}.donut-chart:before{background:#fff;border-radius:50%;content:"";height:120px;position:absolute;width:120px}.donut-center{position:relative;text-align:center;z-index:1}.donut-total{color:#1f2937;font-size:2rem;font-weight:700;line-height:1}.donut-label{color:#6b7280;font-size:.875rem;font-weight:500}.chart-legend{display:flex;flex-direction:column;gap:1rem}.legend-item{align-items:center;display:flex;gap:.75rem}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.pending{background-color:#ef4444}.legend-color.delivered{background-color:#f59e0b}.legend-color.completed{background-color:#10b981}.legend-text{display:flex;flex-direction:column;gap:.25rem}.legend-label{color:#374151;font-size:.875rem;font-weight:500}.legend-value{color:#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}@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-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}}.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}.delivery-progress h4,.summary-item .value{color:#1a202c;font-weight:600}.delivery-progress h4{font-size:1.1rem;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;grid-template-columns:1fr}.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}.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}@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}}.order-management-dashboard{background:#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;font-family:Cormorant Garamond,serif;font-size:2.5rem;margin-bottom:10px}.dashboard-header p{color:#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;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;border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#4a4a6a;font-size:2rem;font-weight:700;margin:0 0 5px}.stat-content p{color:#7a7a8c;font-size:.9rem;font-weight:500;margin:0}.filters-section{background:#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;font-size:.9rem;font-weight:600}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:10px 12px;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{border-color:#4a4a6a;outline:none}.orders-section{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;padding:25px}.section-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.section-header h2{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.refresh-btn{background:#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}.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-radius:50%;border-top-color:#4a4a6a;height:40px;margin:0 auto 20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container button{background:#4a4a6a;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px}.empty-orders{color:#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;border-bottom:2px solid #dee2e6;color:#4a4a6a;font-weight:600;padding:15px 12px;text-align:left}.orders-table td{border-bottom:1px solid #dee2e6;padding:15px 12px;vertical-align:middle}.orders-table tbody tr:hover{background:#f8f9fa}.order-id{color:#007bff;font-family:Courier New,monospace;font-weight:600}.customer-name{color:#4a4a6a;font-weight:500}.order-date{color:#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;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;font-size:.9rem}.order-details-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}.order-details-modal{background:#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;display:flex;justify-content:space-between;padding:25px 30px}.modal-header h2{color:#4a4a6a;font-family:Cormorant Garamond,serif;font-size:1.8rem;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#999;cursor:pointer;font-size:1.5rem;padding:5px;transition:background .2s}.close-btn:hover{background:#f8f9fa;color:#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;color:#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;font-size:.9rem;font-weight:600}.info-item span{color:#4a4a6a;font-size:1rem}.status-text{font-weight:600}.shipping-address{background:#f8f9fa;border-left:4px solid #4a4a6a;border-radius:8px;padding:20px}.shipping-address p{color:#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;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:20px;grid-template-columns:1fr auto auto;padding:15px}.product-info h4{color:#4a4a6a;font-size:1.1rem;margin:0 0 5px}.product-info p{color:#7a7a8c;font-size:.9rem;margin:0 0 3px}.product-quantity{color:#4a4a6a;font-weight:600;text-align:center}.product-price{color:#4a4a6a;font-size:1.1rem;font-weight:600;text-align:right}.remarks-section p{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;color:#4a4a6a;line-height:1.5;margin:0;padding:15px}.status-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}.status-modal{background:#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;border-radius:8px;margin-bottom:20px;padding:15px}.current-status p{color:#4a4a6a;font-weight:500;margin:0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group label{color:#4a4a6a;font-size:.9rem;font-weight:600}.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:12px;transition:border-color .2s}.form-group select:focus,.form-group textarea:focus{border-color:#4a4a6a;outline:none}.modal-actions{border-top:1px solid #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}}.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.edac2771.css.map*/