:root{--primary-color: #ef4444;--primary-hover: #dc2626;--background-color: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--border-color: #e5e7eb}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-primary)}.app{min-height:100vh;display:flex;flex-direction:column}.dashboard-container{display:flex;height:100vh;background-color:#f9fafb}.dashboard-content{flex:1;overflow-x:hidden;overflow-y:auto;background-color:#f9fafb}.main-content{max-width:1280px;margin:0 auto;padding:2rem 1.5rem}.dashboard-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.card-title{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.card-value{font-size:1.5rem;font-weight:600;color:var(--text-primary)}.card-icon{font-size:1.875rem;opacity:.8}.btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:0 2px 4px #0000001a}.btn-secondary{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#f9fafb;box-shadow:0 2px 4px #0000000d}.table-container{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.table-header{padding:1rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid var(--border-color);font-weight:500}.table-row{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color)}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:#f9fafb}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.25rem}.form-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.5rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #ef44441a}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-active{background-color:#dcfce7;color:#166534}.status-pending{background-color:#fef9c3;color:#854d0e}.status-inactive{background-color:#fee2e2;color:#991b1b}.grid{display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.space-x-4>*+*{margin-left:1rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@font-face{font-family:Lato;src:url(/assets/Lato-Regular-BwLIet1C.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(/assets/Lato-Bold-B5iD31kO.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:Lato;src:url(/assets/Lato-Light-hJCcuSzX.ttf) format("truetype");font-weight:300;font-style:normal}*{font-family:Lato,sans-serif}.login-container{display:flex;justify-content:center;align-items:center;min-width:100vh;min-height:100vh;width:100%;height:100vh;background-image:url(/assets/loginbg-BquApkhj.png);background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto}.login-box{background:#fffffff2;padding:32px 64px 32px 32px;border-radius:15px;box-shadow:0 8px 32px #0000001a;width:100%;max-width:420px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-title{color:#e74c3c;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;position:relative;padding-bottom:15px;font-family:Lato,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.login-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:.5px;background:linear-gradient(to right,#e74c3c,#c0392b);border-radius:2px}.login-box>div:first-child{color:#e74c3c;font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:2rem;text-transform:uppercase;letter-spacing:2px;position:relative;padding-bottom:15px;font-family:Lato,sans-serif;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.login-box>div:first-child:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:.5px;background:linear-gradient(to right,#e74c3c,#c0392b);border-radius:2px}.login-box h1{margin-bottom:2rem;color:#2c3e50;text-align:center;font-size:2.2rem;font-weight:600;font-family:Lato,sans-serif}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.7rem;color:#34495e;font-size:1rem;font-weight:500;text-align:left;font-family:Lato,sans-serif}.form-group input{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .3s ease;background-color:#ffffffe6;font-family:Lato,sans-serif}.form-group input:focus{outline:none;border-color:#7adb34;box-shadow:0 0 0 3px #3498db33}.form-group input:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border-color:#ddd}.login-button{width:108%;padding:1rem;background-color:#e74c3c;color:#fff;border:2px solid darkgray;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);margin-top:1rem;font-family:Lato,sans-serif;position:relative;overflow:hidden}.login-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.login-button:disabled:hover{background-color:#ccc;transform:none;box-shadow:none}.login-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.login-button:hover:not(:disabled){background-color:#c0392b;transform:translateY(-3px) scale(1.02);box-shadow:0 6px 15px #e74c3c4d;border-color:#fff}.login-button:hover:not(:disabled):before{width:300px;height:300px}.login-button:active:not(:disabled){transform:translateY(1px) scale(.98);box-shadow:0 2px 8px #e74c3c4d}.error-message{color:#e74c3c;font-size:.9rem;margin-bottom:1rem;text-align:center;padding:.5rem;background-color:#e74c3c1a;border-radius:6px;font-family:Lato,sans-serif}.logout-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:logoutFadeIn .3s ease-out}.logout-confirmation-popup{background:#fff;border-radius:16px;padding:0;box-shadow:0 25px 50px -12px #00000040;position:relative;max-width:450px;width:90%;animation:logoutSlideInScale .4s ease-out;border:1px solid #e5e7eb;overflow:hidden}.logout-confirmation-content{padding:32px;text-align:center}.logout-confirmation-header{margin-bottom:24px;display:flex;flex-direction:column;align-items:center;gap:16px}.logout-confirmation-icon{width:72px;height:72px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;animation:logoutIconPulse 2s infinite;box-shadow:0 8px 25px #667eea4d}.logout-confirmation-title{font-size:24px;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.025em}.logout-confirmation-message{color:#6b7280;font-size:16px;line-height:1.6;margin:0 0 32px;font-weight:500}.logout-confirmation-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.logout-confirmation-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;display:flex;align-items:center;justify-content:center;gap:8px;border:none;position:relative;overflow:hidden}.logout-confirmation-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.logout-confirmation-btn:hover:before{left:100%}.logout-confirmation-btn.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.logout-confirmation-btn.cancel-btn:hover{background:#e5e7eb;color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.logout-confirmation-btn.confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid #667eea}.logout-confirmation-btn.confirm-btn:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.logout-confirmation-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;width:32px;height:32px}.logout-confirmation-close:hover{background:#f3f4f6;color:#374151;transform:rotate(90deg)}@keyframes logoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoutSlideInScale{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes logoutIconPulse{0%{transform:scale(1);box-shadow:0 8px 25px #667eea4d}50%{transform:scale(1.05);box-shadow:0 12px 35px #667eea66}to{transform:scale(1);box-shadow:0 8px 25px #667eea4d}}@media (max-width: 640px){.logout-confirmation-popup{width:95%;margin:16px}.logout-confirmation-content{padding:24px 20px}.logout-confirmation-title{font-size:20px}.logout-confirmation-message{font-size:15px}.logout-confirmation-buttons{flex-direction:column;gap:8px}.logout-confirmation-btn{width:100%;min-width:auto}.logout-confirmation-icon{width:60px;height:60px;font-size:28px}}.logout-confirmation-btn:focus,.logout-confirmation-close:focus{outline:2px solid #2563eb;outline-offset:2px}@media (prefers-color-scheme: dark){.logout-confirmation-popup{background:#1f2937;border-color:#374151}.logout-confirmation-title{color:#f9fafb}.logout-confirmation-message{color:#d1d5db}.logout-confirmation-btn.cancel-btn{background:#374151;color:#f9fafb;border-color:#4b5563}.logout-confirmation-btn.cancel-btn:hover{background:#4b5563;color:#f9fafb}.logout-confirmation-close{color:#9ca3af}.logout-confirmation-close:hover{background:#374151;color:#f9fafb}}.header{position:sticky;top:0;background-color:var(--background-dark);padding:.5rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:box-shadow .3s ease;z-index:30;border-bottom:.1px solid #b4bac5;height:60px;flex-shrink:0}.header.scrolled{box-shadow:0 2px 4px #0000001a}.header-left{display:flex;flex-direction:row;align-items:center;gap:.5rem;background-color:var(--background-dark);padding:0rem}.header-logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:transform .3s ease;white-space:nowrap;margin-left:1rem}.header-logo:hover{transform:scale(1.05)}.header-logo span{background:linear-gradient(45deg,var(--primary-color),var(--primary-hover));-webkit-background-clip:text;background-clip:text;color:transparent}.header-right{display:flex;flex-direction:row;align-items:center;gap:1.5rem;margin-right:-30px!important}.user-info{display:flex;flex-direction:row;align-items:center;padding:.5rem;border-radius:.5rem;background-color:#f8fafc;transition:all .3s ease;margin-right:1rem}.user-info:hover{background-color:#f1f5f9}.user-details{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.welcome-text{color:var(--primary-color);font-weight:600;font-size:.875rem;white-space:nowrap}.company-role{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.company-name{font-weight:500;color:#475569}.role-name{color:#64748b}.header-actions{display:flex;align-items:center;gap:1.5rem}.admin-section{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.5rem;border-radius:.5rem;background-color:#f8fafc;transition:all .3s ease}.admin-section:hover{background-color:#f1f5f9}.admintitle{color:var(--primary-color);font-weight:700;font-size:1.2rem;display:flex;align-items:center;gap:.5rem}.admin-title{color:#475569;font-weight:500;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.admin-title:before{content:"👤";font-size:1.125rem}.logout-btn{background:none;border:none;padding:.5rem 1rem;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:.375rem;display:flex;align-items:center;gap:.5rem;margin-left:10px}.logout-btn:before{content:"↪";font-size:1.125rem;transition:transform .2s ease}.logout-btn:hover{color:var(--primary-color);background-color:#fee2e2}.logout-btn:hover:before{transform:translate(2px) rotate(90deg)}.notification-badge{position:relative;padding:.5rem;cursor:pointer}.notification-badge:after{content:"";position:absolute;top:.25rem;right:.25rem;width:8px;height:8px;background-color:var(--primary-color);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@media (max-width: 768px){.header{padding:.75rem 1rem}.header-logo{font-size:1.25rem}.user-info{display:none}.admin-section{padding:.375rem}.admin-title span{display:none}.menu-toggle-btn{font-size:1rem;min-width:36px;height:36px}}@media (max-width: 480px){.header-actions{gap:.75rem}.logout-btn{padding:.375rem .75rem}.notification-badge{display:none}}.menu-toggle-btn{border:none;background:#eeeded;font-size:1rem;color:#1650a2;cursor:pointer;padding:0rem;border-radius:.375rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;margin-right:1rem}.menu-toggle-btn:hover{background-color:#f3f4f6;color:var(--primary-color)}:root{--primary-color: #2563eb;--primary-light: #3b82f6;--primary-dark: #1d4ed8;--secondary-color: #64748b;--secondary-light: #94a3b8;--secondary-dark: #475569;--background-light: #f8fafc;--background-dark: #f1f5f9;--background-white: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-light: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.layout-container{display:flex;height:100vh;overflow:hidden}.sidemenu{background:linear-gradient(180deg,#1a1a2e,#16213e);width:280px;height:100vh;position:fixed;left:0;top:0;box-shadow:4px 0 20px #00000026;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:40;border-right:1px solid rgba(255,255,255,.1);overflow:hidden}.sidemenu.closed{transform:translate(-280px)}.main-wrapper{flex:1;margin-left:280px;height:100vh;transition:margin .3s ease;overflow:hidden}.menu-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#667eea,#764ba2);flex-shrink:0}.menu-header-content{display:flex;align-items:center;gap:.75rem}.menu-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-icon{font-size:20px;color:#fff}.menu-title{font-size:1.125rem;font-weight:700;color:#fff;letter-spacing:.5px}.menu-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem 0;background-color:transparent;height:calc(100vh - 80px);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.menu-content::-webkit-scrollbar{width:6px}.menu-content::-webkit-scrollbar-track{background:transparent}.menu-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.menu-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-list{display:flex;flex-direction:column;gap:.25rem;padding:0;width:100%;min-width:280px}.menu-group{list-style:none;margin-bottom:.5rem}.menu-group-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;margin:0 .75rem;background:#ffffff0d;border-radius:12px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.menu-group-header:hover{background:#ffffff1a;transform:translate(4px)}.group-icon-title{display:flex;align-items:center;gap:.75rem}.group-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#667eea;font-size:16px}.group-title{font-size:.875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.group-arrow{display:flex;align-items:center;justify-content:center;width:20px;height:20px;color:#fff9;font-size:12px;transition:transform .3s ease}.menu-group-header:hover .group-arrow{color:#667eea}.menu-group-items{max-height:500px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.menu-group-items.collapsed{max-height:0;opacity:0;transform:translateY(-10px)}.menu-item{list-style:none;margin:.125rem 0}.menu-link{display:flex;align-items:center;padding:.75rem 1.25rem .75rem 3rem;margin:0 .75rem;color:#ffffffb3;text-decoration:none;border-radius:10px;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap;font-size:.875rem;font-weight:500}.menu-link:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;z-index:-1}.menu-link:hover{color:#fff;transform:translate(4px)}.menu-link:hover:before{width:100%}.menu-link.active{background:linear-gradient(90deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 4px 15px #667eea66;transform:translate(4px)}.menu-link.active:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid white;border-top:4px solid transparent;border-bottom:4px solid transparent}.menu-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.75rem;font-size:16px;transition:all .3s ease;color:#fff9}.menu-link:hover .menu-icon,.menu-link.active .menu-icon{color:#fff;transform:scale(1.1)}.menu-label{font-size:.875rem;font-weight:500;transition:all .3s ease}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:30;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 1024px){.sidemenu{width:260px}.main-wrapper{margin-left:260px}}@media (max-width: 768px){.sidemenu{width:280px;transform:translate(-280px)}.sidemenu.open{transform:translate(0)}.main-wrapper{margin-left:0}.menu-overlay{display:block}}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{max-height:500px;opacity:1;transform:translateY(0)}to{max-height:0;opacity:0;transform:translateY(-10px)}}.menu-group-items:not(.collapsed){animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.menu-group-items.collapsed{animation:slideUp .3s cubic-bezier(.4,0,.2,1)}.layout-container{display:flex;height:100vh;overflow:hidden;padding-top:0}.main-wrapper{flex:1;margin-left:280px;height:100vh;transition:margin .3s ease;display:flex;flex-direction:column;overflow:hidden}.main-wrapper.collapsed{margin-left:0}.main-content{flex:1;width:100%;height:calc(100vh - 60px);background-color:#f8f9fa;padding:.5rem;margin:0;box-sizing:border-box;overflow:hidden}.mainviewcontent{height:calc(100vh - 60px);background-color:#f3f2f2;margin-top:-20px;overflow-y:auto;overflow-x:hidden;padding:20px}.list-view-container{background:#ffffff0d;border-radius:12px;padding:20px;margin-bottom:20px}.list-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.list-view-title{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.list-view-actions{display:flex;gap:12px}.list-view-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:20px}.list-view-table thead th{background:#ffffff1a;color:#fff;font-weight:500;text-align:left;padding:15px;font-size:.9rem;border-bottom:2px solid rgba(255,255,255,.1)}.list-view-table tbody tr{transition:all .2s ease}.list-view-table tbody tr:hover{background:#ffffff1a}.list-view-table td{padding:15px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem}.list-view-table td:first-child{border-left:3px solid transparent}.list-view-table tbody tr:hover td:first-child{border-left:3px solid #4CAF50}.cell-primary{font-weight:500;color:#fff}.cell-secondary{color:#ffffffb3}.cell-muted{color:#ffffff80}.cell-action{text-align:right}.cell-status{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500}.cell-status.active{background:#4caf5033;color:#4caf50}.cell-status.pending{background:#ff980033;color:#ff9800}.cell-status.inactive{background:#f4433633;color:#f44336}.cell-actions{display:flex;gap:8px;justify-content:flex-end}.cell-button{padding:6px 12px;border-radius:4px;border:none;font-size:.85rem;cursor:pointer;transition:all .2s ease;background:#ffffff1a;color:#fff}.cell-button:hover{background:#fff3}.cell-button.primary{background:#4caf50}.cell-button.primary:hover{background:#43a047}.list-view-search{position:relative;margin-bottom:20px}.list-view-search input{width:100%;padding:12px 20px 12px 40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:14px;transition:all .3s ease}.list-view-search input::placeholder{color:#ffffff80}.list-view-search input:focus{outline:none;background:#ffffff26;border-color:#ffffff4d}.list-view-search:before{content:"🔍";position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffff80}.mainviewcontent::-webkit-scrollbar{width:6px}.mainviewcontent::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.mainviewcontent::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.mainviewcontent::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){.main-wrapper{margin-left:0}.main-content{padding:1rem}.list-view-table{display:block;overflow-x:auto}.list-view-header{flex-direction:column;gap:15px;align-items:flex-start}.list-view-actions{width:100%;justify-content:space-between}}@media (max-width: 480px){.main-content{padding:.75rem}.list-view-container{padding:15px}.list-view-table td,.list-view-table th{padding:12px}}.page-loading{display:flex;justify-content:center;align-items:center;height:100%}.page-error{text-align:center;padding:2rem;color:#ef4444}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s}.dashboard-wrapper{padding:var(--spacing-lg);background-color:#f8f9fa;min-height:100vh;width:100%;margin:0;box-sizing:border-box}.title{background-color:#fff;width:95%}.dashboard-content{max-width:1400px;margin:0 auto}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg)}.dashboard-loading p{font-size:1.125rem;color:var(--text-secondary);margin:0}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-lg);text-align:center}.dashboard-error p{font-size:1.125rem;color:#dc2626;margin:0}.dashboard-error button{background-color:var(--primary-color);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.dashboard-error button:hover{background-color:var(--primary-dark)}.dashboard-header{background-color:var(--background-white);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.dashboard-header-content{display:flex;justify-content:space-between;align-items:center}.dashboard-header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.dashboard-title{font-size:1.75rem;font-weight:600;color:var(--primary-color);margin:0}.dashboard-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.dashboard-header-actions{display:flex;gap:var(--spacing-md)}.dashboard-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast);border:none}.dashboard-btn-icon{font-size:1.25rem}.dashboard-btn-primary{background-color:var(--primary-color);color:#fff}.dashboard-btn-primary:hover{background-color:var(--primary-dark)}.dashboard-btn-secondary{background-color:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color)}.dashboard-btn-secondary:hover{background-color:var(--background-dark)}.dashboard-stats-section{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-stat-card{background:linear-gradient(135deg,#fff,#f0f4ff);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:var(--transition-fast);display:flex;align-items:flex-start;gap:var(--spacing-md);border:1px solid rgba(0,0,0,.05);width:46vh}.dashboard-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff,#e6ecff)}.dashboard-stat-icon{font-size:2.5rem;padding:var(--spacing-md);background-color:#4299e11a;border-radius:var(--radius-md);color:#4299e1}.dashboard-stat-content{flex:1}.dashboard-stat-title{font-size:1.125rem;color:var(--primary-color);font-weight:500;margin-bottom:var(--spacing-xs)}.dashboard-stat-value{font-size:2.25rem;font-weight:700;color:#2d3748;margin-bottom:var(--spacing-xs);line-height:1.2}.dashboard-stat-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.dashboard-stat-trend{display:flex;align-items:center;gap:var(--spacing-xs)}.dashboard-trend-indicator{font-size:1rem;font-weight:600}.dashboard-trend-indicator.increase{color:#48bb78}.dashboard-trend-indicator.decrease{color:#f56565}.dashboard-trend-label{font-size:.875rem;color:var(--text-secondary)}.dashboard-main-content{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.dashboard-orders-section,.dashboard-products-section{background:linear-gradient(135deg,#fff,#f0f4ff);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.dashboard-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.dashboard-section-title{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin:0}.dashboard-section-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.dashboard-view-all{background:none;border:none;color:var(--primary-color);font-weight:500;cursor:pointer;font-size:.875rem;transition:var(--transition-fast);padding:.5rem 1rem;border-radius:var(--radius-sm)}.dashboard-view-all:hover{color:var(--primary-dark);text-decoration:underline;background-color:#4299e11a;transform:translateY(-1px)}.dashboard-orders-list,.dashboard-products-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.dashboard-order-card,.dashboard-product-card{display:flex;align-items:stretch;gap:0;padding:0;background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid var(--border-color);overflow:hidden;min-height:100px}.dashboard-order-card:hover,.dashboard-product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-order-icon,.dashboard-product-image{height:100%;width:120px;padding:0;margin:0;border-radius:0;display:flex;align-items:stretch;justify-content:center;background:none}.dashboard-order-image,.dashboard-network-image,.dashboard-product-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.dashboard-order-details,.dashboard-product-details{flex:1;min-width:0;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--spacing-xs)}.dashboard-order-title{font-size:1rem;font-weight:600;color:var(--text-primary);text-overflow:ellipsis;line-height:1.2;white-space:nowrap;overflow:hidden}.dashboard-product-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:.5rem 0;line-height:1.2}.dashboard-order-date{font-size:.875rem;color:var(--text-secondary);padding:.25rem 0;line-height:1.3;margin-bottom:0}.dashboard-order-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:100%}.dashboard-status-badge{padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.dashboard-status-pending{background-color:#f59e0b1a;color:#f59e0b}.dashboard-order-action{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.dashboard-order-action:hover{background-color:#4299e11a}.dashboard-price{font-weight:600;color:var(--primary-color);padding:0;margin:0;font-size:.95rem}.dashboard-rating-count{font-size:.875rem;color:var(--text-secondary);padding:.75rem 0!important}.dashboard-lifecycle-tracker-section{background:linear-gradient(135deg,#fff,#f0f4ff);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl);border:1px solid rgba(0,0,0,.05)}.dashboard-lifecycle-tracker{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.dashboard-lifecycle-card{background:linear-gradient(135deg,#fff,#f8fafc);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 2px 8px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--spacing-md);border:1px solid rgba(0,0,0,.06);cursor:pointer;position:relative;overflow:hidden}.dashboard-lifecycle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);opacity:0;transition:opacity .3s ease}.dashboard-lifecycle-card:hover:before{opacity:1}.dashboard-lifecycle-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;background:linear-gradient(135deg,#fff,#f1f5f9)}.dashboard-lifecycle-icon{font-size:2.25rem;padding:var(--spacing-md);border-radius:var(--radius-lg);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.dashboard-lifecycle-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.dashboard-lifecycle-card:hover .dashboard-lifecycle-icon:before{opacity:1}.dashboard-lifecycle-card:hover .dashboard-lifecycle-icon{transform:scale(1.05)}.dashboard-lifecycle-content{flex:1;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dashboard-lifecycle-count{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:var(--spacing-xs);transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:0 1px 2px rgba(0,0,0,.1)}.dashboard-lifecycle-status{font-size:.9rem;color:var(--text-secondary);font-weight:600;letter-spacing:.025em;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-lifecycle-card:hover .dashboard-lifecycle-content{transform:translate(2px)}.dashboard-lifecycle-card:hover .dashboard-lifecycle-count{color:var(--primary-color);transform:scale(1.02)}.dashboard-lifecycle-card:hover .dashboard-lifecycle-status{color:var(--text-primary)}.dashboard-status-check-card{background:linear-gradient(135deg,#a5b4fc,#c4b5fd)!important;border:2px solid #a5b4fc!important;box-shadow:0 4px 15px #a5b4fc4d!important;position:relative;overflow:hidden}.dashboard-status-check-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.dashboard-status-check-card:hover:before{left:100%}.dashboard-status-check-card:hover{transform:translateY(-3px)!important;box-shadow:0 8px 25px #a5b4fc66!important;background:linear-gradient(135deg,#93c5fd,#a78bfa)!important}.dashboard-status-check-icon{background:#fff3!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ffffffb3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #fff0}to{transform:scale(1);box-shadow:0 0 #fff0}}.dashboard-status-check-card .dashboard-lifecycle-count{color:#fff!important;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dashboard-status-check-card .dashboard-lifecycle-status{color:#ffffffe6!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.delivery-results-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.delivery-results-modal{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0003;max-width:90vw;max-height:90vh;width:1000px;display:flex;flex-direction:column;position:relative;border:1px solid rgba(0,0,0,.1);overflow:hidden}.delivery-results-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px 16px 0 0;flex-shrink:0}.delivery-results-header-content{display:flex;flex-direction:column;gap:.5rem;flex:1}.delivery-results-header h2{margin:0;color:#fff;font-size:1.25rem;font-weight:600}.delivery-summary-compact{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffe6;font-weight:500}.delivery-summary-item{display:flex;align-items:center;gap:.25rem}.delivery-summary-count{font-weight:700;font-size:1rem;color:#fff}.delivery-summary-count.success{color:#10b981}.delivery-summary-count.warning{color:#f59e0b}.delivery-summary-separator{color:#ffffff80;font-weight:300}.delivery-results-close{background:#fff3;border:1px solid rgba(255,255,255,.3);font-size:1.25rem;cursor:pointer;color:#fff;padding:.5rem;border-radius:50%;transition:all .2s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delivery-results-close:hover{background:#ffffff4d;transform:scale(1.05)}.delivery-orders-section{padding:1.5rem;background:#fff;flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.delivery-orders-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.125rem;font-weight:600;text-align:center;flex-shrink:0}.delivery-orders-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem;min-height:0}.delivery-orders-list::-webkit-scrollbar{width:6px}.delivery-orders-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.delivery-orders-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.delivery-orders-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.delivery-order-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:1.25rem;box-shadow:0 2px 6px #0000000f;transition:all .2s ease;height:fit-content}.delivery-order-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.delivery-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(0,0,0,.06)}.delivery-order-status{flex:1}.delivery-status-badge{padding:.375rem .75rem;border-radius:16px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;box-shadow:0 1px 3px #0000001a;text-transform:uppercase;letter-spacing:.025em}.delivery-order-id{font-size:.875rem;color:var(--text-secondary);font-weight:500;background:#0000000d;padding:.25rem .5rem;border-radius:8px}.delivery-order-details{display:flex;flex-direction:column;gap:1rem}.delivery-customer-info{background:#f8fafc;padding:1rem;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.delivery-customer-name{font-size:1rem;color:var(--text-primary);font-weight:600;margin-bottom:.25rem}.delivery-customer-phone{font-size:.875rem;color:var(--text-secondary);font-weight:500}.delivery-order-info{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.delivery-awb,.delivery-current-status,.delivery-date{font-size:.8rem;color:var(--text-primary);font-weight:500;padding:.5rem;background:#fff;border-radius:6px;border:1px solid rgba(0,0,0,.05);min-width:0;word-break:break-word}.delivery-value{font-size:.95rem!important;font-weight:600;color:#1f2937;line-height:1.4;display:block;margin-top:.25rem}.delivery-reason{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:1rem;margin-top:.75rem;position:relative}.delivery-reason:before{content:"⚠️";position:absolute;top:.75rem;right:.75rem;font-size:1rem}.delivery-reason strong{color:#92400e;font-weight:600;display:block;margin-bottom:.25rem;font-size:.875rem}@media (max-width: 1200px){.delivery-orders-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.delivery-results-overlay{padding:.5rem}.delivery-results-modal{width:95vw;max-height:95vh;border-radius:12px}.delivery-results-header{padding:1rem;border-radius:12px 12px 0 0}.delivery-results-header h2{font-size:1.125rem}.delivery-summary-compact{font-size:.75rem;gap:.25rem}.delivery-summary-count{font-size:.875rem}.delivery-orders-list{grid-template-columns:1fr;gap:.75rem}.delivery-order-card{padding:1rem}.delivery-order-header{flex-direction:column;align-items:flex-start;gap:.5rem}.delivery-order-info{grid-template-columns:1fr 1fr;gap:.5rem}.delivery-awb,.delivery-current-status,.delivery-date{font-size:.75rem;padding:.375rem}.delivery-value{font-size:.875rem!important;margin-top:.125rem}}@media (max-width: 480px){.delivery-results-overlay{padding:.25rem}.delivery-results-header{padding:.75rem}.delivery-results-header h2{font-size:1rem}.delivery-summary-compact{font-size:.625rem;gap:.25rem}.delivery-summary-count{font-size:.75rem}.delivery-orders-section{padding:.5rem;margin:.5rem}.delivery-order-card{padding:.75rem}.delivery-customer-info{padding:.25rem}.delivery-order-info{grid-template-columns:1fr 1fr;gap:.25rem}.delivery-awb,.delivery-current-status,.delivery-date{padding:.25rem .375rem;font-size:.7rem}.delivery-value{font-size:.8rem!important;margin-top:.125rem}}.dashboard-insights-panel{margin-top:var(--spacing-xl)}.dashboard-insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg);width:100%}.dashboard-recent-orders-section,.dashboard-popular-products-section{background:linear-gradient(135deg,#fff,#f0f4ff);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05);width:93%;min-width:0}.dashboard-recent-orders-list,.dashboard-popular-products-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.dashboard-recent-orders-list::-webkit-scrollbar,.dashboard-popular-products-list::-webkit-scrollbar{width:6px}.dashboard-recent-orders-list::-webkit-scrollbar-track,.dashboard-popular-products-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.dashboard-recent-orders-list::-webkit-scrollbar-thumb,.dashboard-popular-products-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.dashboard-recent-order-card{min-height:120px;display:flex;align-items:stretch;gap:0;background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid var(--border-color)}.dashboard-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.dashboard-order-id,.dashboard-order-amount{font-size:.875rem;font-weight:600;color:var(--text-primary);padding:.75rem 0!important}.dashboard-product-name{font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-xs);white-space:normal;overflow:visible;line-height:1.3;padding:.75rem 0!important}.dashboard-seller-name{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);padding:.75rem 0!important}.dashboard-order-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:.25rem 0;margin-top:auto}.dashboard-order-date{font-size:.75rem;color:var(--text-secondary);padding:1.75rem 0!important}.dashboard-order-status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.dashboard-image-loader{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;width:100%;height:100%;margin:0;padding:0}.dashboard-loader-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top:2px solid var(--primary-color);border-radius:50%;animation:dashboard-spin 1s linear infinite}@keyframes dashboard-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-image-fallback{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;width:100%;height:100%;margin:0;padding:0}.dashboard-fallback-icon{font-size:1.25rem}.dashboard-popular-product-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid var(--border-color);min-height:80px}.dashboard-popular-product-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.dashboard-product-details{flex:1;min-width:0;overflow:hidden}.dashboard-product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.dashboard-product-name,.dashboard-product-price{font-size:.875rem;font-weight:600;color:var(--text-primary);padding:.75rem 0!important}.dashboard-product-stats{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.dashboard-product-rating{display:flex;align-items:center;gap:var(--spacing-xs)}.dashboard-stars{color:#fbbf24;font-size:.75rem}.dashboard-rating-value{font-size:.75rem;color:var(--text-secondary);font-weight:500;padding:.75rem 0!important}.dashboard-sales-count{font-size:.75rem;color:var(--text-secondary);padding:.75rem 0!important}@media (max-width: 1024px){.dashboard-wrapper{padding:.5rem .75rem;background-color:#f8f9fa;min-height:100vh;width:100%;margin:0;box-sizing:border-box}.dashboard-header{background-color:var(--background-white);padding:1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1.25rem}.dashboard-section-header{margin-bottom:1rem;margin-top:1rem;padding:.75rem 1rem}.dashboard-section-title,.dashboard-section-subtitle{padding:.75rem 1rem;margin:0}.dashboard-stats-section{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.dashboard-stat-card{padding:1rem;width:auto}.dashboard-stat-title,.dashboard-stat-value{padding:.75rem 1rem;margin-bottom:.5rem}.dashboard-stat-description{padding:.75rem 1rem;margin-bottom:.75rem}.dashboard-main-content{grid-template-columns:1fr;gap:1.25rem}.dashboard-lifecycle-tracker{grid-template-columns:repeat(2,1fr);gap:.75rem}.dashboard-lifecycle-tracker-section{padding:1rem;margin-bottom:1.25rem}.dashboard-lifecycle-card{padding:1rem;gap:.75rem}.dashboard-lifecycle-count{padding:.75rem 1rem;margin-bottom:.5rem}.dashboard-lifecycle-status{padding:.75rem 1rem}.dashboard-status-check-card{padding:1rem!important;gap:.75rem!important}.dashboard-status-check-card .dashboard-lifecycle-count{font-size:1.5rem!important}.dashboard-status-check-card .dashboard-lifecycle-status{font-size:.75rem!important}.dashboard-insights-grid{grid-template-columns:1fr;gap:1.25rem;width:100%}.dashboard-recent-orders-section,.dashboard-popular-products-section{padding:1rem;width:100%;min-width:0}.dashboard-recent-orders-list{max-height:300px;gap:.75rem}.dashboard-popular-products-list{gap:.75rem}.dashboard-order-details{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.25rem;padding:.5rem;overflow:visible}.dashboard-order-title,.dashboard-product-title{padding:.25rem 0;font-size:.95rem;line-height:1.2}.dashboard-price{padding:0;font-size:.9rem}.dashboard-order-date{font-size:.85rem;color:var(--text-secondary);margin:0;padding:.25rem 0;line-height:1.3}.dashboard-price{font-size:.9rem;font-weight:600;padding:0;margin:0;flex-shrink:0;overflow:visible;word-break:break-word}.dashboard-product-details{padding:.75rem 1rem}.dashboard-product-name{padding:.75rem 1rem;white-space:normal;overflow:visible;line-height:1.3}.dashboard-product-price,.dashboard-order-id,.dashboard-order-amount,.dashboard-seller-name,.dashboard-rating-count,.dashboard-rating-value,.dashboard-sales-count,.dashboard-order-header,.dashboard-product-header,.dashboard-order-footer,.dashboard-product-stats{padding:.75rem 1rem}.dashboard-recent-order-card{display:flex;align-items:center;min-height:72px;padding:.5rem;gap:.5rem;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);overflow:visible}.dashboard-order-icon{width:64px;height:64px;min-width:64px;min-height:64px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border-radius:8px;overflow:hidden}.dashboard-order-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.dashboard-order-status{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:100%}.dashboard-status-badge{font-size:.8rem;padding:.15rem .5rem}.dashboard-price{font-size:.95rem;font-weight:600;color:#2563eb;margin:.1rem 0 0;padding:0;flex-shrink:0;overflow:visible;word-break:break-word}}@media (max-width: 768px){.dashboard-wrapper{padding:.25rem .5rem;background-color:#f8f9fa;min-height:100vh;width:100%;margin:0;box-sizing:border-box}.dashboard-content{margin:0;max-width:none}.dashboard-header{background-color:var(--background-white);padding:1rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:1rem}.dashboard-section-header{margin-bottom:.75rem;margin-top:.875rem;padding:.5rem .75rem}.dashboard-section-title{font-size:1.25rem;padding:.5rem .75rem;margin:0}.dashboard-section-subtitle{font-size:.875rem;padding:.5rem .75rem;margin:0}.dashboard-header-content{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.dashboard-header-actions{width:100%;justify-content:flex-start}.dashboard-stats-section{grid-template-columns:1fr;gap:.75rem;margin-bottom:1rem}.dashboard-stat-card{padding:.75rem;width:auto}.dashboard-stat-title,.dashboard-stat-value{padding:.5rem .75rem;margin-bottom:.25rem}.dashboard-stat-description{padding:.5rem .75rem;margin-bottom:.5rem}.dashboard-order-card,.dashboard-product-card{flex-direction:column;text-align:center}.dashboard-order-status{justify-content:center}.dashboard-lifecycle-tracker{grid-template-columns:repeat(2,1fr);gap:.5rem}.dashboard-lifecycle-tracker-section{margin-bottom:1rem;padding:.75rem}.dashboard-lifecycle-card{padding:.75rem;gap:.5rem}.dashboard-lifecycle-count{padding:.5rem .75rem;margin-bottom:.25rem}.dashboard-lifecycle-status{padding:.5rem .75rem}.dashboard-status-check-card{padding:.75rem!important;gap:.5rem!important}.dashboard-status-check-card .dashboard-lifecycle-count{font-size:1.25rem!important}.dashboard-status-check-card .dashboard-lifecycle-status{font-size:.7rem!important}.dashboard-insights-panel{margin:0}.dashboard-insights-grid{gap:1rem;width:100%}.dashboard-recent-orders-section,.dashboard-popular-products-section{margin:0;padding:.75rem;width:100%;min-width:0}.dashboard-recent-orders-list,.dashboard-popular-products-list{max-height:550px;gap:.5rem;padding:0}.dashboard-recent-order-card,.dashboard-popular-product-card{flex-direction:row;text-align:left;min-height:150px!important;padding:0;gap:.5rem;background:transparent;box-shadow:none;border:.6px solid #e0e0e0}.dashboard-order-icon,.dashboard-product-image{padding:0;margin-top:30px;border-radius:10px;width:27%!important;height:100%;height:180px!important;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.dashboard-order-image,.dashboard-network-image,.dashboard-product-image{width:100%;height:150px!important;object-fit:cover;border-radius:10px;padding:0;display:block}.dashboard-order-details{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:.15rem;padding:.3rem;overflow:visible}.dashboard-order-title,.dashboard-product-title{margin-top:16px;font-size:.9rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-price{padding:0;font-size:.85rem}.dashboard-order-date{font-size:.8rem;margin:0;padding:.15rem 0;line-height:1.3}.dashboard-price{font-size:.85rem;font-weight:600;padding:0;margin:0;flex-shrink:0;overflow:visible;word-break:break-word}.dashboard-order-header,.dashboard-product-header{flex-direction:column;gap:.5rem;padding:.5rem .75rem}.dashboard-order-footer,.dashboard-product-stats{flex-direction:row;gap:.5rem;margin-left:-16px;margin-bottom:10px;padding-top:6px}.dashboard-popular-product-card{min-height:100px;padding:0;gap:.75rem}.dashboard-product-image{width:60px;height:60px;font-size:1.5rem}.dashboard-product-details{gap:.5rem;padding:.5rem .75rem}.dashboard-product-name{font-size:1rem;line-height:1.3;margin-bottom:.25rem;padding:.5rem .75rem;white-space:normal;overflow:visible}.dashboard-product-price{font-size:1rem;font-weight:600;padding:.5rem .75rem}.dashboard-order-id,.dashboard-order-amount,.dashboard-seller-name,.dashboard-rating-count,.dashboard-rating-value,.dashboard-sales-count{padding:.5rem .75rem}.dashboard-order-status{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:100%}.dashboard-segment-buttons{display:flex}.desktop-only{display:none}.dashboard-mobile-section{display:block}}@media (max-width: 480px){.dashboard-wrapper{padding:.125rem .25rem;background-color:#f8f9fa;min-height:100vh;width:100%;margin:0;box-sizing:border-box}.dashboard-content{margin:0;max-width:none}.dashboard-header{background-color:var(--background-white);padding:.75rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:.75rem}.dashboard-section-header{margin-bottom:.5rem;margin-top:.75rem;padding:.5rem .75rem}.dashboard-section-title{font-size:1.125rem;padding:.5rem .75rem;margin:0}.dashboard-section-subtitle{font-size:.8rem;padding:.5rem .75rem;margin:0}.dashboard-stats-section{grid-template-columns:1fr;gap:.5rem;margin-bottom:.75rem}.dashboard-stat-card{padding:.5rem;width:auto}.dashboard-stat-title,.dashboard-stat-value{padding:.5rem .75rem;margin-bottom:.25rem}.dashboard-stat-description{padding:.5rem .75rem;margin-bottom:.5rem}.dashboard-lifecycle-tracker{grid-template-columns:1fr;gap:.5rem}.dashboard-lifecycle-tracker-section{margin-bottom:.75rem;padding:.5rem}.dashboard-lifecycle-card{padding:.5rem;gap:.375rem}.dashboard-lifecycle-icon{font-size:1.5rem;padding:.5rem}.dashboard-lifecycle-count{font-size:1.25rem;padding:.5rem .75rem;margin-bottom:.25rem}.dashboard-lifecycle-status{font-size:.8rem;padding:.5rem .75rem}.dashboard-status-check-card{padding:.5rem!important;gap:.375rem!important}.dashboard-status-check-card .dashboard-lifecycle-count{font-size:1rem!important}.dashboard-status-check-card .dashboard-lifecycle-status{font-size:.65rem!important}.dashboard-insights-panel{margin:0}.dashboard-insights-grid{gap:.75rem;width:100%}.dashboard-recent-orders-section,.dashboard-popular-products-section{margin:0;padding:.5rem;width:100%;min-width:0}.dashboard-recent-orders-list,.dashboard-popular-products-list{max-height:400px;gap:.5rem;padding:0}.dashboard-recent-order-card,.dashboard-popular-product-card{min-height:80px;padding:0;gap:.5rem;margin:0;background:transparent;box-shadow:none;border:1px solid #e0e0e0}.dashboard-order-icon,.dashboard-product-image{padding:0;margin:0;border-radius:0;width:100%;height:100%;display:flex;align-items:stretch;justify-content:stretch;overflow:hidden}.dashboard-order-image,.dashboard-network-image,.dashboard-product-image{width:100%;height:100%;object-fit:cover;border-radius:0;margin:0;padding:0;display:block}.dashboard-order-details{flex:1 1 0%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:.1rem;padding:.2rem;overflow:visible}.dashboard-order-title,.dashboard-product-title{padding:.15rem 0;font-size:.85rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-price{padding:0;font-size:.8rem}.dashboard-order-date{font-size:.75rem;margin:0;padding:.1rem 0;line-height:1.3}.dashboard-status-badge{font-size:.7rem;padding:.1875rem .5rem}.dashboard-popular-product-card{min-height:80px;padding:0;gap:.5rem}.dashboard-product-image{width:50px;height:50px;font-size:1.25rem}.dashboard-product-details{overflow:visible;gap:.25rem;padding:.5rem .75rem}.dashboard-product-name{white-space:normal;overflow:visible;line-height:1.3;padding:.5rem .75rem}.dashboard-order-id,.dashboard-order-amount,.dashboard-seller-name,.dashboard-rating-count,.dashboard-rating-value,.dashboard-sales-count{padding:.5rem .75rem}.dashboard-order-footer{display:flex;justify-content:space-between;align-items:center;gap:.3rem;padding:.1rem 0;margin-top:auto}.dashboard-order-status{display:flex;align-items:center;justify-content:center;margin:0;padding:0;height:100%}.dashboard-segment-buttons{margin:0 .25rem .75rem;padding:.5rem}.dashboard-segment-btn{padding:.75rem .875rem;font-size:.8rem;min-height:44px}}.dashboard-recent-order-card,.dashboard-popular-product-card{min-height:160px}.dashboard-order-icon,.dashboard-product-image{height:160px;width:160px}@media (max-width: 768px){.dashboard-recent-order-card,.dashboard-popular-product-card{min-height:100px}.dashboard-order-icon,.dashboard-product-image{height:100px;width:100px}}@media (max-width: 480px){.dashboard-recent-order-card,.dashboard-popular-product-card{min-height:80px}.dashboard-order-icon,.dashboard-product-image{height:80px;width:80px}}.dashboard-order-image,.dashboard-network-image,.dashboard-product-image{width:100%;height:100%;object-fit:cover}.dashboard-recent-order-card,.dashboard-popular-product-card{border-radius:var(--radius-md);overflow:hidden}.dashboard-segment-buttons{display:none;gap:.5rem;margin-bottom:1.5rem;background:#fff;border-radius:.75rem;padding:.75rem;box-shadow:0 2px 8px #0000001a;margin:0 .5rem 1.5rem;position:sticky;top:0;z-index:10}.dashboard-segment-btn{flex:1;padding:.875rem 1rem;border:2px solid #e2e8f0;background-color:#fff;color:#64748b;border-radius:.75rem;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dashboard-segment-btn:hover{border-color:#cbd5e1;background-color:#f8fafc}.dashboard-segment-btn.active{border-color:#3b82f6;background-color:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f64d}.dashboard-mobile-section{display:none}.desktop-only{display:block}@media (max-width: 1024px){.dashboard-segment-buttons{display:flex}.desktop-only{display:none}.dashboard-mobile-section{display:block}}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:9999;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);will-change:backdrop-filter}.loader-container{background:#fffffff2;border-radius:24px;padding:32px;box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a;text-align:center;min-width:160px;min-height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translateZ(0);will-change:transform;animation:containerPulse 2s ease-in-out infinite}.loader-content{display:flex;flex-direction:column;align-items:center;gap:28px;background:transparent;position:relative}.loader-spinner{position:relative;width:80px;height:80px;margin-bottom:20px}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;animation:spin 2s cubic-bezier(.68,-.55,.265,1.55) infinite;will-change:transform;box-shadow:0 0 20px #0000001a}.spinner-ring:nth-child(1){border-top-color:#ff6b6b;animation-delay:-.5s;filter:drop-shadow(0 0 8px rgba(255,107,107,.5))}.spinner-ring:nth-child(2){border-right-color:#4ecdc4;animation-delay:-.3s;filter:drop-shadow(0 0 8px rgba(78,205,196,.5))}.spinner-ring:nth-child(3){border-bottom-color:#ffe66d;animation-delay:-.1s;filter:drop-shadow(0 0 8px rgba(255,230,109,.5))}.loader-text{display:flex;gap:3px;font-size:18px;font-weight:600;color:#1f2937;letter-spacing:1px;text-transform:uppercase;text-shadow:3px 3px 6px rgba(0,0,0,.3),0 0 15px rgba(0,0,0,.2),0 0 20px rgba(0,0,0,.15)}.loader-text span{display:inline-block;animation:letterFloat 2s ease-in-out infinite;will-change:transform,opacity;text-shadow:3px 3px 6px rgba(0,0,0,.4),0 0 12px rgba(0,0,0,.3),0 0 20px rgba(0,0,0,.2),0 0 30px rgba(0,0,0,.1)}.loader-text span:nth-child(1){animation-delay:.1s;color:#ff6b6b}.loader-text span:nth-child(2){animation-delay:.2s;color:#ff9f1c}.loader-text span:nth-child(3){animation-delay:.3s;color:#ffe66d}.loader-text span:nth-child(4){animation-delay:.4s;color:#4ecdc4}.loader-text span:nth-child(5){animation-delay:.5s;color:#2ec4b6}.loader-text span:nth-child(6){animation-delay:.6s;color:#1a535c}.loader-text span:nth-child(7){animation-delay:.7s;color:#ff6b6b}.loader-text span:nth-child(8){animation-delay:.8s;color:#ff9f1c}.loader-text span:nth-child(9){animation-delay:.9s;color:#ffe66d}.loader-text span:nth-child(10){animation-delay:1s;color:#4ecdc4}.loader-text span:nth-child(11){animation-delay:1.1s;color:#2ec4b6}@keyframes spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes letterFloat{0%,to{opacity:.4;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.1)}}@keyframes containerPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #0003,0 0 0 1px #ffffff1a}50%{transform:scale(1.02);box-shadow:0 12px 48px #0000004d,0 0 0 1px #fff3}}@media (prefers-reduced-motion: reduce){.spinner-ring{animation:spin 3s linear infinite}.loader-text span{animation:none;opacity:1}.loader-overlay{backdrop-filter:none;-webkit-backdrop-filter:none}.loader-container{animation:none}}.category-management-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#cbd5e1);min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.category-management-container{max-width:1200px;margin:0 auto;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 20px 60px #00000014;overflow:hidden;border:1px solid rgba(255,255,255,.3)}.category-header-section{background:linear-gradient(135deg,#1f1e1e,#dbd7df);padding:40px;text-align:center;position:relative;overflow:hidden}.category-header-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="50" cy="10" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="10" cy="60" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="90" cy="40" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.category-page-title{font-size:36px;font-weight:800;color:#fff;margin:0;position:relative;z-index:1;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-.5px}.category-page-subtitle{font-size:16px;color:#ffffffe6;margin-top:8px;position:relative;z-index:1;font-weight:400}.category-form-section{padding:40px;background:#fff}.category-form-container{max-width:800px;margin:0 auto}.category-type-selector{margin-bottom:32px;width:115%!important}.category-type-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.category-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.category-form-field{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;width:100%;box-sizing:border-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-form-field.no-padding{padding:0}.category-form-field:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.category-form-field:focus-within{border-color:#667eea;box-shadow:0 8px 32px #667eea26;transform:translateY(-2px)}.category-form-field:focus-within:before{transform:scaleX(1)}.category-form-field.full-width{grid-column:1 / -1}.category-field-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;position:relative}.category-field-label:after{content:"*";color:#ef4444;margin-left:4px}.category-input-field{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:12px;font-size:14px;transition:all .3s ease;background:#fff;color:#374151;box-sizing:border-box;max-width:100%}.category-input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.category-input-field::placeholder{color:#9ca3af}.category-image-section{grid-column:1 / -1;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:20px;padding:32px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;width:100%;box-sizing:border-box;margin-bottom:24px}.category-image-section:hover{border-color:#667eea;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.category-image-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.category-image-checkbox{width:20px;height:20px;accent-color:#667eea;cursor:pointer}.category-image-label{font-size:16px;font-weight:600;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.category-image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24}.category-image-upload{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px;transition:all .3s ease;position:relative;overflow:hidden;width:100%;height:400px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.category-image-upload:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea26}.category-image-upload:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea0d,#764ba20d);opacity:0;transition:opacity .3s ease}.category-image-upload:hover:before{opacity:1}.category-image-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:16px;position:relative;z-index:1}.category-file-input{width:100%;cursor:pointer;padding:12px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;transition:all .3s ease;position:relative;z-index:1;box-sizing:border-box;max-width:100%}.category-file-input:hover{border-color:#667eea;background:#f0f4ff}.category-file-input::file-selector-button{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;margin-right:12px;font-weight:500;transition:all .3s ease}.category-file-input::file-selector-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.category-image-preview{margin-top:16px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000001a;background:#fff;width:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center}.category-image-preview img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;margin:0 auto;background:#f8fafc;border-radius:8px}.category-remove-image{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-remove-image:hover{background:#ef4444;transform:scale(1.1);box-shadow:0 4px 12px #ef44444d}.category-submit-button{width:100%;padding:16px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;margin-top:32px;display:block;box-sizing:border-box}.category-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.category-submit-button:hover:before{left:100%}.category-submit-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #667eea66;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.category-submit-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.category-submit-button:disabled:before{display:none}.category-select2{width:102.5%!important;height:35px!important;margin-left:-12px}.category-select .ant-select{width:95.5%!important;height:35px!important;margin-bottom:16px;margin-left:5px!important}.category-select .ant-select-selector{border-radius:12px!important;padding:12px 16px!important;height:auto!important;min-height:48px!important;border:1px solid #d1d5db!important;background:#fff!important;transition:all .3s ease!important;box-sizing:border-box!important;width:100%!important}.category-select .ant-select-selection-search{inset-inline-start:16px!important;inset-inline-end:16px!important}.category-select .ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#667eea!important;box-shadow:0 4px 12px #667eea1a!important}.category-select .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector{border-color:#667eea!important;box-shadow:0 0 0 3px #667eea1a!important}.category-select .ant-select-selection-item,.category-select .ant-select-selection-placeholder{padding-left:4px!important}.category-select .ant-select-selection-placeholder{color:#9ca3af!important;font-size:14px!important}.category-select .ant-select-item{padding:12px 16px!important;border-radius:8px!important;margin:4px 8px!important;transition:all .3s ease!important}.category-select .ant-select-item-option-selected{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:500!important}.category-select .ant-select-item-option-active{background:#667eea1a!important}.category-select .ant-select-dropdown{padding:8px 0!important;border-radius:16px!important;box-shadow:0 12px 40px #00000026!important;border:1px solid rgba(102,126,234,.1)!important}.category-loading{opacity:.6;pointer-events:none}.category-loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.category-management-page{padding:10px}.category-header-section{padding:24px 20px}.category-page-title{font-size:28px}.category-form-section{padding:24px 20px}.category-form-grid{grid-template-columns:1fr;gap:16px}.category-image-grid{grid-template-columns:1fr}}@media (max-width: 480px){.category-page-title{font-size:24px}.category-form-field{padding:16px}.category-image-section{padding:20px}}.units-creation-container{padding:20px;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;position:relative}.breadcrumb{margin-bottom:20px;color:#666;font-size:14px;flex-shrink:0}.breadcrumb span{color:#007bff;cursor:pointer}.breadcrumb span:hover{text-decoration:underline}.units-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px;flex:1;display:flex;flex-direction:column;min-height:0}.units-search-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;flex-shrink:0}.units-search-box{position:relative;flex:1;max-width:300px}.units-search-input-wrapper{position:relative;width:100%}.units-search-input{width:100%;padding:10px 16px 10px 40px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s ease;height:40px;box-sizing:border-box;background-color:#f8f9fa}.units-search-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40;background-color:#fff}.units-search-icon-wrapper{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.units-search-icon{color:#666;font-size:16px}.units-search-clear-wrapper{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.units-search-clear{color:#666;cursor:pointer;padding:6px;border-radius:50%;transition:all .3s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.units-search-clear:hover{background-color:#0000001a;color:#333}.units-creation-container .add-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .3s ease!important;height:40px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 12px #667eea4d!important;position:relative!important;overflow:hidden!important}.units-creation-container .add-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.units-creation-container .add-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea66!important}.units-creation-container .add-button:hover:before{left:100%!important}.units-creation-container .add-button:active{transform:translateY(0)!important;box-shadow:0 4px 12px #667eea4d!important}.units-table{width:100%;border-collapse:collapse;margin-top:0;display:block;overflow:auto}.units-table thead{position:sticky;top:0;background-color:#f8f9fa;z-index:1}.units-table tbody{display:block;overflow-y:auto;max-height:calc(100vh - 250px)}.units-table tr{display:table;width:100%;table-layout:fixed}.units-table th,.units-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.units-table th{background-color:#f8f9fa;font-weight:600;color:#333}.units-table tr:hover{background-color:#f8f9fa}.units-table td:last-child{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;white-space:nowrap}.edit-button,.delete-button{background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:6px;transition:all .3s ease;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;margin:0;min-width:70px;justify-content:center;border:1px solid transparent;flex-shrink:0}.edit-button{color:#007bff;background-color:#007bff1a;border-color:#007bff33}.delete-button{color:#dc3545;background-color:#dc35451a;border-color:#dc354533}.edit-button:hover{background-color:#007bff26;border-color:#007bff4d;transform:translateY(-1px);box-shadow:0 2px 4px #007bff33}.delete-button:hover{background-color:#dc354526;border-color:#dc35454d;transform:translateY(-1px);box-shadow:0 2px 4px #dc354533}.unit-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #667eea4d;padding:40px;width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative;transform:scale(.9) translateY(20px);opacity:0;animation:slideIn .3s ease-out .1s forwards;border:1px solid rgba(102,126,234,.1)}.unit-form-container h2{margin-top:0;margin-bottom:30px;color:#333;font-size:24px;font-weight:600;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.unit-form-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-group input{width:100%;padding:10px 16px;border:1px solid #ddd;border-radius:4px;font-size:14px;height:40px;box-sizing:border-box;background-color:#f8f9fa;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea40;background-color:#fff}.form-actions{display:flex;gap:10px;justify-content:flex-end}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;cursor:pointer!important;transition:all .3s ease!important;height:40px!important;font-size:14px!important;font-weight:600!important;box-shadow:0 4px 12px #667eea4d!important;position:relative!important;overflow:hidden!important}.cancel-button{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;height:40px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #6c757d4d}.cancel-button:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px);box-shadow:0 6px 16px #6c757d66}.name{padding-top:0;margin-bottom:8px;font-weight:500;color:#333;font-size:14px}.loading-container,.error-container,.no-units{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.spinner{animation:spin 1s linear infinite;font-size:24px;color:#007bff;margin-bottom:16px}.error-message{color:#dc3545;margin-bottom:16px;font-size:14px}.retry-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.retry-button:hover{background-color:#0056b3;transform:translateY(-1px)}.popup-message{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;z-index:1001;animation:slideInRight .3s ease-out;max-width:300px}.popup-close{margin-left:auto;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .3s ease}.popup-close:hover{background-color:#0000001a}.brands-container{padding:20px;background:#f8f9fa;min-height:calc(100vh - 40px);display:flex;flex-direction:column}.brands-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.brand-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease-in-out}.brand-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.brand-image{width:100%;height:200px;overflow:hidden;background-color:#f8f9fa;position:relative}.brand-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.brand-card:hover .brand-image img{transform:scale(1.05)}.brand-info{padding:15px}.brand-name{font-size:15px;font-weight:600;color:#1a1a1a;margin:0 0 4px;line-height:1.3;text-align:center;display:flex;align-items:center;justify-content:center;gap:8px}.brand-icon{color:#4caf50;font-size:16px}.brand-meta{display:flex;justify-content:center;align-items:center;margin-bottom:8px;padding:0 8px}.brand-created{font-size:11px;color:#666;display:flex;align-items:center;gap:6px}.meta-icon{color:#666;font-size:12px}.brand-actions{display:flex;gap:0px;justify-content:center;margin-top:12px;padding:0 4px;width:100%}.brand-card .brand-actions .edit-button{background-color:#786fc8;color:#fff}.brand-card .brand-actions .edit-button:hover{background-color:#45a049}.brand-card .brand-actions .delete-button{background-color:#e01c0e;color:#fff}.brand-card .brand-actions .delete-button:hover{background-color:#d32f2f}.brand-card .brand-actions .edit-button,.brand-card .brand-actions .delete-button{flex:1;width:auto;min-width:0;gap:8px;height:35px}.add-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;cursor:pointer!important;display:flex!important;align-items:center!important;gap:8px!important;transition:all .3s ease!important;font-weight:600!important;height:40px!important;box-shadow:0 4px 12px #667eea4d!important;position:relative!important;overflow:hidden!important}.add-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.add-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea66!important}.add-button:hover:before{left:100%!important}.add-button:active{transform:translateY(0)!important;box-shadow:0 4px 12px #667eea4d!important}@media (max-width: 1200px){.brands-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 992px){.brands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.brands-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 576px){.brands-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.margintop{margin-top:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:500px;box-shadow:0 10px 30px #667eea4d;animation:slideIn .3s ease;border:1px solid rgba(102,126,234,.1)}.modal-content h2{margin-bottom:20px;color:#1a1a1a;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.modal-content h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-group label{display:block;margin-bottom:8px;color:#1a1a1a;font-weight:500;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea40}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.brands-search-wrapper{padding:0 20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brands-search-box{flex:1;max-width:400px}.brands-actions{display:flex;align-items:center}.brands-search-input-wrapper{position:relative;display:flex;align-items:center;height:32px}.brands-search-icon-wrapper{position:absolute;left:10px;color:#666;display:flex;align-items:center;height:32px;font-size:12px}.brands-search-input{width:100%;padding:6px 12px 6px 32px;border:1px solid #e0e0e0;border-radius:4px;font-size:13px;height:32px;background-color:#f8f9fa}.brands-search-input:focus{outline:none;border-color:#4caf50}.brands-search-clear-wrapper{position:absolute;right:10px;color:#666;cursor:pointer;display:flex;align-items:center;height:32px;font-size:12px}.brands-search-clear-wrapper:hover{color:#333}@media (max-width: 768px){.brands-search-wrapper{flex-direction:column;gap:16px}.brands-search-box{max-width:100%;width:100%}.brands-actions{width:100%}.add-button{width:100%;justify-content:center}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f5f5f5;color:#666}.placeholder-icon{font-size:2rem;margin-bottom:8px;color:#999}.form-group input.error{border-color:#f44336}.error-message{color:#f44336;font-size:12px;margin-top:4px;display:block}.image-preview{margin-top:10px;width:100%;height:150px;background-color:#f5f5f5;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-preview img{max-width:100%;max-height:100%;object-fit:contain}.image-upload-container{display:flex;flex-direction:column;gap:12px;width:100%;max-width:300px}.image-upload-label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background-color:#f8f9fa;border:1px dashed #e0e0e0;border-radius:4px;cursor:pointer;transition:all .2s ease;width:100%}.image-upload-label:hover{background-color:#f1f1f1;border-color:#4caf50}.upload-icon{color:#4caf50;font-size:18px}.image-upload-input{display:none}.image-preview{position:relative;width:100%;max-width:300px;height:200px;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:8px;right:8px;background:#fffc;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#f44336;transition:all .2s ease;font-size:14px}.remove-image:hover{background:#fff;transform:scale(1.1)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.spinner{font-size:2rem;color:#4caf50;animation:spin 1s linear infinite}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px}.error-message{color:#f44336;margin-bottom:1rem;text-align:center}.retry-button{background-color:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.retry-button:hover{background-color:#45a049}.no-brands{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:1.2rem;color:#666}.error-boundary{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px;text-align:center}.error-boundary h2{color:#f44336;margin-bottom:1rem}.error-boundary p{color:#666;margin-bottom:1.5rem}.error-boundary .retry-button{background-color:#4caf50;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.error-boundary .retry-button:hover{background-color:#45a049}.button-loader{display:flex;align-items:center;justify-content:center;gap:10px;height:40px}.button-loader .spinner{font-size:20px;animation:spin 1s linear infinite;color:#fff}.button-loader span{font-size:14px;color:#fff}.submit-button:disabled{opacity:.7;cursor:not-allowed}.submit-button:hover:not(:disabled){background-color:#45a049}.modal-error{background-color:#ffebee;border:1px solid #ffcdd2;border-radius:4px;padding:12px;margin-bottom:16px;color:#d32f2f;font-size:14px;display:flex;align-items:center;gap:8px}.modal-error p{margin:0;font-weight:500}.popup-message{position:fixed;top:20px;right:20px;padding:18px 24px;border-radius:10px;display:flex;align-items:center;gap:12px;box-shadow:0 6px 16px #0003;z-index:1000;animation:slideIn .3s ease-out;max-width:400px;font-weight:600;font-size:15px;border:2px solid transparent}.popup-message.success{background-color:#e8f5e9;color:#1b5e20;border-color:#4caf50}.popup-message.error{background-color:#ffebee;color:#b71c1c;border-color:#f44336}.popup-icon{font-size:24px;min-width:28px}.popup-close{margin-left:auto;cursor:pointer;font-size:18px;opacity:.8;transition:all .2s;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#0000000d}.popup-close:hover{opacity:1;background-color:#00000026;transform:scale(1.1)}.colors-container{padding:24px;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}@media (max-width: 768px){.colors-container{padding:16px;height:auto;min-height:100vh}}.colors-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;flex:1;display:flex;flex-direction:column;overflow:hidden;overflow-x:auto}@media (max-width: 768px){.colors-table-container{padding:16px;overflow-x:visible}}.colors-search-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}@media (max-width: 768px){.colors-search-wrapper{flex-direction:column;align-items:stretch;gap:16px}}.colors-search-box{flex:1;max-width:400px}@media (max-width: 768px){.colors-search-box{max-width:100%}}.colors-search-input-wrapper{position:relative;display:flex;align-items:center}.colors-search-input{width:100%;padding:10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.colors-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.colors-search-icon-wrapper{position:absolute;left:12px;display:flex;align-items:center;color:#94a3b8}.colors-search-clear-wrapper{position:absolute;right:12px;display:flex;align-items:center;color:#94a3b8;cursor:pointer}.colors-search-clear:hover{color:#64748b}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;position:relative;overflow:hidden}.add-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}@media (max-width: 768px){.add-button{width:100%;justify-content:center;padding:12px 20px}}.colors-table{width:100%;border-collapse:collapse;margin-top:0;table-layout:fixed}@media (max-width: 768px){.colors-table{table-layout:auto;font-size:12px}.colors-table th,.colors-table td{padding:8px 4px;white-space:normal;word-wrap:break-word}.colors-table th:nth-child(1),.colors-table td:nth-child(1){display:none}.colors-table th:nth-child(5),.colors-table td:nth-child(5){display:none}.colors-table th:nth-child(2),.colors-table td:nth-child(2){width:30%}.colors-table th:nth-child(3),.colors-table td:nth-child(3){width:15%}.colors-table th:nth-child(4),.colors-table td:nth-child(4){width:25%}.colors-table th:nth-child(6),.colors-table td:nth-child(6){width:30%}}.colors-table th:nth-child(1),.colors-table td:nth-child(1){width:8%}.colors-table th:nth-child(2),.colors-table td:nth-child(2){width:20%}.colors-table th:nth-child(3),.colors-table td:nth-child(3){width:12%}.colors-table th:nth-child(4),.colors-table td:nth-child(4){width:20%}.colors-table th:nth-child(5),.colors-table td:nth-child(5){width:25%}.colors-table th:nth-child(6),.colors-table td:nth-child(6){width:15%}.colors-table th,.colors-table td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0;vertical-align:middle;white-space:nowrap}.colors-table th{background-color:#f8fafc;font-weight:600;color:#1e293b;position:sticky;top:0;z-index:1}.action-cell{padding:0;margin-left:10px}@media (max-width: 768px){.action-cell{display:flex;flex-direction:column;gap:4px;margin-left:0}.action-cell button{font-size:11px!important;padding:6px 8px!important;gap:4px!important}}.colors-table tbody{overflow-y:auto;max-height:calc(100vh - 250px)}.colors-table tbody tr:hover{background-color:#f8fafc}.color-preview{width:30px;height:30px;border-radius:4px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000001a;display:inline-block;vertical-align:middle}@media (max-width: 768px){.color-preview{width:20px;height:20px}}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s ease-out forwards}.colors-form-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #667eea4d;padding:40px;width:400px;max-width:90vw;max-height:90vh;overflow-y:auto;margin:0 auto;border:1px solid rgba(102,126,234,.1);position:relative;transform:scale(.9) translateY(20px);opacity:0;animation:slideIn .3s ease-out .1s forwards}@media (max-width: 768px){.colors-form-container{padding:24px;width:95vw;max-width:95vw;margin:16px}}@keyframes slideIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.colors-form-container h2{margin-bottom:30px;color:#333;font-size:24px;font-weight:600;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}@media (max-width: 768px){.colors-form-container h2{font-size:20px;margin-bottom:20px}}.colors-form-container h2:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px}.form-group label{display:block;margin-bottom:8px;color:#1e293b;font-weight:500}.form-group input[type=text]{width:100%;padding:10px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.form-group input[type=text]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea40}.color-input-wrapper{display:flex;align-items:center;gap:12px}@media (max-width: 768px){.color-input-wrapper{flex-direction:column;align-items:flex-start;gap:8px}}.color-input-wrapper input[type=color]{width:50px;height:50px;padding:0;border:none;border-radius:8px;cursor:pointer}.color-code-text{font-family:monospace;font-size:14px;color:#64748b}.form-buttons{display:flex;gap:12px;margin-top:24px}@media (max-width: 768px){.form-buttons{flex-direction:column;gap:8px}}.submit-button,.cancel-button{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s ease}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #667eea4d!important;position:relative!important;overflow:hidden!important}.submit-button:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)!important;transition:left .5s ease!important}.submit-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea66!important}.submit-button:hover:before{left:100%!important}.submit-button:active{transform:translateY(0)!important;box-shadow:0 4px 12px #667eea4d!important}.cancel-button{background:linear-gradient(135deg,#6c757d,#5a6268)!important;color:#fff!important;border:none!important;padding:10px 20px!important;border-radius:8px!important;font-size:14px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 4px 12px #6c757d4d!important}.cancel-button:hover{background:linear-gradient(135deg,#5a6268,#495057)!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #6c757d66!important}.colorpadding{margin-top:16px}.loading-container .spinner{font-size:24px;color:#667eea;animation:spin 1s linear infinite;margin-bottom:16px}.error-container .error-message{color:#dc3545;font-size:16px;margin-bottom:16px}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.retry-button:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px)}.no-colors{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.no-colors p{color:#64748b;font-size:16px;margin:0}.popup-message{position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:8px;color:#fff;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:1001;max-width:400px;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.popup-message.success{background:linear-gradient(135deg,#10b981,#059669)}.popup-message.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.popup-message span{flex:1}.popup-message .popup-close{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .3s ease}.button-loader{display:flex;align-items:center;justify-content:center;gap:8px}.button-loader .spinner{font-size:14px;animation:spin 1s linear infinite}.button-loader span{font-size:14px}@media (max-width: 768px){.loading-container,.error-container,.no-colors{padding:20px;text-align:center}.popup-message{margin:16px;padding:12px 16px;font-size:14px;top:10px;right:10px;left:10px;max-width:none}.button-loader{display:flex;align-items:center;justify-content:center;gap:8px}.button-loader .spinner{font-size:14px}}.document-types-container{padding:24px;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}.toppadding{margin-top:15px}.toppadding2{margin-top:8px}.toppadding3{margin-top:-9px;margin-left:8px}.document-types-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;flex:1;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 100px)}.document-types-search-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.document-types-search-box{flex:1;max-width:400px}.document-types-search-input-wrapper{position:relative;display:flex;align-items:center}.document-types-search-input{width:100%;padding:10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.document-types-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.document-types-search-icon-wrapper{position:absolute;left:12px;display:flex;align-items:center;color:#94a3b8}.document-types-search-icon{font-size:16px}.document-types-search-clear-wrapper{position:absolute;right:12px;display:flex;align-items:center;color:#94a3b8;cursor:pointer;transition:color .2s ease}.document-types-search-clear{font-size:16px}.document-types-search-clear:hover{color:#64748b}.document-types-table{width:100%;border-collapse:collapse;margin-top:16px;table-layout:fixed}.document-types-table thead{position:sticky;top:0;background-color:#f8fafc;z-index:1}.document-types-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.document-types-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#475569;vertical-align:middle;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.document-types-table tr{transition:background-color .2s ease;height:auto}.document-types-table tr:hover{background-color:#f8fafc}.required-badge,.optional-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.required-badge{background-color:#dcfce7;color:#166534}.optional-badge{background-color:#fef2f2;color:#991b1b}.document-types-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out forwards;border:1px solid rgba(255,255,255,.2)}.document-types-form-container h2{margin-bottom:24px;color:#1e293b;font-size:22px;font-weight:600;text-align:center}.form-group input[type=text]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f8fafc}.form-group input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;margin-bottom:0;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;border:2px solid #e2e8f0;border-radius:4px;cursor:pointer;transition:all .2s ease}.checkbox-group input[type=checkbox]:checked{background-color:#3b82f6;border-color:#3b82f6}.no-documents{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b;font-style:italic}.dimensions-container{padding:24px;max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;animation:fadeIn .3s ease-out forwards}.breadcrumb{margin-bottom:24px;color:#64748b;font-size:14px}.dimensions-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;flex:1;display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 100px)}.toppaddings{margin-top:16px}.toppaddings2{margin-top:8px}.dimensions-table-wrapper{flex:1;overflow:auto;margin-top:16px}.dimensions-search-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.dimensions-search-box{flex:1;max-width:400px}.dimensions-search-input-wrapper{position:relative;display:flex;align-items:center}.dimensions-search-input{width:100%;padding:10px 40px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease}.dimensions-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dimensions-search-icon-wrapper{position:absolute;left:12px;display:flex;align-items:center;color:#94a3b8}.dimensions-search-icon{font-size:16px}.dimensions-search-clear-wrapper{position:absolute;right:12px;display:flex;align-items:center;color:#94a3b8;cursor:pointer;transition:color .2s ease}.dimensions-search-clear{font-size:16px}.dimensions-search-clear:hover{color:#64748b}.add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #3b82f633}.add-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.dimensions-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:16px}.dimensions-table thead{position:sticky;top:0;background-color:#f8fafc;z-index:1}.dimensions-table th{padding:12px 16px;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.dimensions-table td{padding:12px 16px;border-bottom:1px solid #e2e8f0;color:#475569;vertical-align:middle;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.dimensions-table tr{transition:background-color .2s ease;height:auto}.dimensions-table tr:hover{background-color:#f8fafc}.action-buttons{display:flex;align-items:center;gap:8px;justify-content:flex-start}.edit-button,.delete-button{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:70px;justify-content:center;box-shadow:0 1px 3px #0000001a}.edit-button{background-color:#3b82f6;color:#fff}.edit-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 6px #3b82f64d}.delete-button{background-color:#ef4444;color:#fff}.delete-button:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 6px #ef44444d}.dimensions-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:32px;width:500px;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out forwards;border:1px solid rgba(255,255,255,.2)}.dimensions-form-container h2{margin-bottom:24px;color:#1e293b;font-size:22px;font-weight:600;text-align:center}.form-group label{display:block;margin-bottom:8px;color:#475569;font-size:14px;font-weight:500}.form-group input[type=text],.form-group input[type=number]{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#f8fafc}.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background-color:#fff}.form-buttons{display:flex;gap:12px;margin-top:32px;justify-content:center}.submit-button,.cancel-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button{background-color:#3b82f6;color:#fff;border:none;box-shadow:0 2px 4px #3b82f633}.submit-button:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.submit-button:disabled{background-color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{background-color:#fff;color:#64748b;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.cancel-button:hover{background-color:#f8fafc;color:#475569;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#64748b}.spinner{animation:spin 1s linear infinite;font-size:24px;color:#3b82f6;margin-bottom:16px}.retry-button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:#2563eb}.no-dimensions{display:flex;align-items:center;justify-content:center;padding:40px;color:#64748b;font-style:italic}.popup-message{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:8px;font-size:14px;font-weight:500;z-index:1001;animation:slideInRight .3s ease-out;box-shadow:0 4px 12px #00000026}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.popup-message.success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.popup-message.error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.popup-close{cursor:pointer;opacity:.7;transition:opacity .2s ease}.button-loader .spinner{font-size:14px;margin-bottom:0}.product-upload-container{width:98%;min-height:100vh;padding:12px;background:#f8f9fa;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:flex-start}.product-upload-form{display:flex;flex-direction:column;gap:12px;width:100%;padding:0 8px;flex:1;background-color:#fff}.form-sections{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.product-details-section{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 2px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column}.section-title-container{position:relative;margin-bottom:24px;padding-left:12px}.product-details-title,.product-info-title,.additional-details-title,.item-segregation-title,.image-upload-title{display:flex;align-items:center;gap:12px;font-weight:600;color:#1e293b;font-size:16px;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:8px;margin:0}.paddin{margin-top:16px}.image-upload-title{display:flex;align-items:center;gap:12px;font-weight:600;color:#1e293b;font-size:16px;text-transform:uppercase;letter-spacing:1px;position:relative;padding-bottom:8px;margin:0}.product-details-title:before,.product-info-title:before,.additional-details-title:before,.item-segregation-title:before,.image-upload-title:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:#3b82f6;border-radius:2px}.product-details-title:after,.product-info-title:after,.additional-details-title:after,.item-segregation-title:after,.image-upload-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:2px;background:#3b82f6;border-radius:1px}.product-details-title:before,.product-details-title:after{background:#3b82f6}.product-info-title:before,.product-info-title:after{background:#10b981}.additional-details-title:before,.additional-details-title:after{background:#8b5cf6}.item-segregation-title:before,.item-segregation-title:after{background:#f59e0b}.image-upload-title:before,.image-upload-title:after{background:#ef4444}.section-title-container:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:32px;background:linear-gradient(to right,rgba(59,130,246,.1),transparent);border-radius:4px;z-index:-1}.product-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:12px}.product-details-field:has(#name),.product-details-field:has(#description){grid-column:span 2;margin-bottom:15px}.product-details-field:has(#description){margin-top:10px}.product-details-field:has(#name) .product-details-input{width:100%;height:30px;padding:8px 0 8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#111827;background:#fff;transition:all .2s ease}.product-details-field:has(#description) .product-details-textarea{width:100%;min-height:100px;padding:8px 0 8px 12px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#111827;background:#fff;transition:all .2s ease;resize:vertical}.product-details-field{margin-top:20px;display:flex;flex-direction:column;height:100%}.product-details-label,.product-info-label,.additional-details-label,.item-label{display:flex;align-items:center;gap:6px;margin-left:12px;margin-bottom:4px;font-weight:600;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.product-details-input,.product-info-input,.item-input,.additional-details-input,.custominput{width:85%;height:32px;margin:10px 0 0 12px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827;background:#fff;transition:all .2s ease}.product-details-input:hover,.product-info-input:hover,.item-input:hover,.additional-details-input:hover{border-color:#9ca3af}.product-details-input:focus,.product-info-input:focus,.item-input:focus,.additional-details-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.product-details-textarea{width:95%!important;height:calc(60vh + -0px)!important;margin:10px 0 0 12px;padding:8px 0 8px 16px;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#111827;background:#fff;transition:all .2s ease;resize:none}.product-details-textarea:hover{border-color:#9ca3af}.product-details-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.product-info-section{background:transparent;border-radius:6px;padding-left:12px;padding-right:12px;box-shadow:0 1px 2px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column;height:100%;min-height:120px}.product-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:12px}.product-info-field{margin-bottom:10px}.product-details-select,.product-info-select,.item-select,.size-dropdown,.color-dropdown{margin-top:20px;color:#111827;background:#ededed;transition:all .2s ease;cursor:pointer;min-width:95%!important}.dimension-dropdown,.offer-percentage-dropdown{margin-top:10px;height:45px!important;color:#111827;background:#ededed;transition:all .2s ease;cursor:pointer;min-width:95%!important}.product-details-select:hover,.product-info-select:hover,.item-select:hover,.size-dropdown:hover,.color-dropdown:hover,.dimension-dropdown:hover,.offer-percentage-dropdown:hover{border-color:#9ca3af}.product-details-select:focus,.product-info-select:focus,.item-select:focus,.size-dropdown:focus,.color-dropdown:focus,.dimension-dropdown:focus,.offer-percentage-dropdown:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.ant-select{width:85%!important;margin-left:12px!important}.ant-select-selector{height:32px!important;border-radius:6px!important;border:1px solid #d1d5db!important;padding:8px 12px!important;background:#fff!important;transition:all .2s ease!important}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#9ca3af!important}.ant-select-focused .ant-select-selector{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb1a!important}.ant-select-selection-item{line-height:32px!important;font-size:13px!important}.ant-select-selection-placeholder{line-height:32px!important;font-size:13px!important;color:#9ca3af!important}.ant-select-selection-search-input{height:32px!important;font-size:13px!important}.ant-select-arrow{color:#6b7280!important}.ant-select-dropdown{padding:4px!important;border:1px solid #e5e7eb!important;border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a!important;background:#fff!important}.ant-select-item{padding:8px 12px!important;font-size:13px!important;color:#111827!important}.ant-select-item-option-active{background:#f3f4f6!important}.ant-select-item-option-selected{background:#f3f4f6!important;color:#111827!important;font-weight:500!important}.ant-select-dropdown-menu,.ant-select-dropdown-menu-item,.ant-select-dropdown-menu-item-selected{background:transparent!important}.ant-select-multiple .ant-select-selection-item{padding:0 8px!important;margin:2px!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:4px!important}.additional-details-section{background:transparent;border-radius:0;padding-bottom:-20px;display:flex;flex-direction:column}.additional-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:12px}.additional-details-field{margin-bottom:10px}.item-segregation-section{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 2px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column}.item-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;margin-bottom:24px;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.item-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:16px;background:#f8fafc;border-radius:12px}.item-field{margin-bottom:10px;position:relative}.item-label2{display:flex;align-items:center;gap:6px;margin-left:16px;margin-bottom:8px;font-weight:600;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.label-with-recalculate{display:flex;align-items:center;justify-content:space-between;margin-left:16px;margin-bottom:8px}.label-with-recalculate .item-label2{margin-left:0;margin-bottom:0;flex:1}.recalculate-button{background:none;border:none;color:#3b82f6;font-size:11px;font-weight:500;cursor:pointer;padding:2px 6px;border-radius:3px;transition:all .2s ease;text-decoration:underline;text-underline-offset:2px;text-decoration-color:transparent;margin-right:8px}.recalculate-button:hover{background-color:#3b82f61a;text-decoration-color:#3b82f6;color:#2563eb}.recalculate-button:active{transform:scale(.95)}.recalculate-button.calculating{color:#6b7280;cursor:not-allowed;text-decoration:none;background-color:#f3f4f6}.recalculate-button.calculating:hover{background-color:#f3f4f6;text-decoration:none;color:#6b7280}.recalculate-button:disabled{color:#6b7280;cursor:not-allowed;text-decoration:none;background-color:#f3f4f6}.recalculate-button:disabled:hover{background-color:#f3f4f6;text-decoration:none;color:#6b7280}.item-input{width:85%;height:32px;padding:6px 10px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;color:#334155;background:#fff;transition:all .2s ease;margin-left:12px;line-height:20px}.item-input:hover{border-color:#94a3b8;background:#f8fafc}.item-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;background:#fff}.item-input.disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;border-color:#dee2e6}.item-input.disabled:focus{border-color:#dee2e6;box-shadow:none}.price-fields{grid-column:span 2;background:#fff;border-radius:10px;padding:16px 16px 0 0;margin-top:-20px;border:2px solid #e2e8f0;width:100%;margin-left:-12px}.price-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.price-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.dimension-value{background:#f1f5f9;padding:6px 10px;border-radius:4px;font-size:11px;color:#475569;margin-top:3px;border:1px solid #e2e8f0;width:85%;margin-left:12px}.image-delete-button{position:absolute;top:20px;right:20px;background:#fee2e2;color:#ef4444;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #ef44441a}.image-delete-button:hover{background:#fecaca;transform:scale(1.05);box-shadow:0 4px 6px #ef444426}.form-buttons{display:flex;gap:16px;margin-top:24px;padding:20px;border-top:1px solid #e5e7eb;background:#fff;justify-content:flex-end}.form-submit-button,.form-clear-button,.form-cancel-button{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.form-submit-button{background:#3b82f6;color:#fff;border:none}.form-submit-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.form-clear-button{background:#fff;color:#ef4444;border:1px solid #ef4444}.form-clear-button:hover{background:#fee2e2;transform:translateY(-1px);box-shadow:0 4px 6px #ef44441a}.form-cancel-button{background:#fff;color:#6b7280;border:1px solid #d1d5db}.form-cancel-button:hover{background:#f3f4f6;transform:translateY(-1px);box-shadow:0 4px 6px #6b72801a}.form-submit-button:disabled,.form-clear-button:disabled,.form-cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.form-submit-button:active,.form-clear-button:active,.form-cancel-button:active{transform:translateY(1px);box-shadow:none}.size-dropdown,.color-dropdown,.dimension-dropdown,.offer-percentage-dropdown{width:85%;margin-left:12px;height:32px}.ant-select{width:85%!important;margin-left:12px}.ant-select-selector{height:32px!important;border-radius:6px!important;border:2px solid #e2e8f0!important;padding:6px 10px!important;background:#fff!important;transition:all .2s ease!important}.ant-select-selection-item,.ant-select-selection-placeholder{line-height:20px!important;font-size:12px!important;padding:0!important}.ant-select-selection-search-input{height:20px!important;font-size:12px!important;padding:0!important}.ant-select-arrow{right:10px!important}.info-icon{color:#64748b;cursor:help;transition:all .2s ease;font-size:14px}.info-icon:hover{color:#3b82f6;transform:scale(1.1)}@media (max-width: 768px){.item-card{padding:16px}.item-card-grid{grid-template-columns:1fr;gap:16px;padding:12px}.price-row{grid-template-columns:1fr;gap:16px;padding-bottom:16px}.price-fields{padding:16px}.item-input,.ant-select,.ant-select-selector{height:30px!important;width:85%!important}}.item-card::-webkit-scrollbar{width:8px}.item-card::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.item-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.item-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.product-upload-form{max-width:100%}.form-sections{grid-template-columns:1fr}}@media (max-width: 640px){.product-upload-container{padding:8px}.product-details-grid,.product-info-grid,.additional-details-grid,.item-card-grid,.form-buttons{grid-template-columns:1fr}.image-grid{grid-template-columns:repeat(2,1fr)}.image-upload-container{padding:10px}.image-actions{flex-direction:column}}.ant-select-selection-placeholder{color:#9ca3af!important;font-size:13px!important}.ant-select-selection-search-input{height:30px!important;font-size:13px!important}.ant-select-clear{background:#fff!important;color:#6b7280!important}.ant-select-clear:hover{color:#111827!important}.ant-select-multiple .ant-select-selection-item{padding:0 8px 0 12px!important;margin:2px!important;background:#f3f4f6!important;border:1px solid #e5e7eb!important;border-radius:4px!important}.ant-select-multiple .ant-select-selection-item-remove{color:#6b7280!important}.ant-select-multiple .ant-select-selection-item-remove:hover{color:#111827!important}.ant-select-dropdown-menu{max-height:250px!important;padding:4px 0!important}.ant-select-dropdown-menu-item{padding:8px 0 8px 12px!important;font-size:13px!important;line-height:1.5!important}.ant-select-dropdown-menu-item:hover{background-color:#f9fafb!important}.ant-select-dropdown-menu-item-selected{background-color:#f3f4f6!important;color:#111827!important}.ant-select-loading .ant-select-arrow{color:#6b7280!important}.ant-select-loading .ant-select-selection-item{color:#9ca3af!important}.ant-select-disabled{background-color:#f9fafb!important;cursor:not-allowed!important}.ant-select-disabled .ant-select-selector{background-color:#f9fafb!important;border-color:#e5e7eb!important;color:#9ca3af!important}.ant-select-status-error .ant-select-selector{border-color:#ef4444!important}.ant-select-status-error:hover .ant-select-selector{border-color:#dc2626!important}.ant-select-status-error.ant-select-focused .ant-select-selector{border-color:#dc2626!important;box-shadow:0 0 0 2px #ef44441a!important}.product-images-section{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 2px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column;margin-bottom:20px}.product-images-title{font-size:13px;font-weight:600;color:#111827;margin-bottom:12px;display:flex;align-items:center;gap:4px}.image-upload-container{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;padding:16px;background:#f1f0f0;border-radius:12px;border:1px solid #e2e8f0;max-width:90%;margin:0 auto}.image-card{position:relative;border-radius:8px;overflow:hidden;background:transparent;aspect-ratio:1;box-shadow:0 1px 3px #0000001a;transition:transform .3s ease,box-shadow .3s ease;width:100%;max-width:100%;height:220px}.image-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.image-preview{width:100%;height:100%;position:relative}.image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:space-between;padding:12px;border-radius:8px}.image-card:hover .image-overlay{opacity:1}.image-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;background:#fff;box-shadow:0 1px 2px #0000001a}.cover-badge{color:#2563eb}.color-badge{color:#16a34a}.action-button{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff;color:#1e293b;box-shadow:0 1px 2px #0000001a}.action-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;background:#f8fafc}.delete-button{background:#ef4444;color:#fff}.delete-button:hover{background:#dc2626}.upload-card{border:2px dashed #cbd5e1;background:#ffffff80;transition:all .3s ease;display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border-radius:8px;cursor:pointer;height:220px;position:relative;overflow:hidden}.upload-card:hover,.upload-card.drag-over{background:#fffc;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.upload-card.drag-over:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#3b82f61a;pointer-events:none}.upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#475569;text-align:center;padding:24px;width:100%;height:100%;transition:all .3s ease}.upload-icon{font-size:32px;color:#64748b;margin-bottom:8px;transition:all .3s ease}.upload-card:hover .upload-icon,.upload-card.drag-over .upload-icon{color:#3b82f6;transform:scale(1.1)}.upload-text{font-size:16px;font-weight:500;color:#475569}.upload-hint{font-size:14px;color:#64748b}.upload-formats{font-size:12px;color:#94a3b8;margin-top:4px}@media (min-width: 1024px){.image-upload-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.image-upload-container{grid-template-columns:repeat(2,1fr);gap:15px;padding:15px}}@media (max-width: 480px){.image-upload-container{grid-template-columns:1fr;padding:10px}}.image-upload-info{display:flex;align-items:center;gap:8px;margin-left:12px;margin-bottom:16px}.image-upload-info p{color:#64748b;font-size:13px;margin:0;padding:0;line-height:1.5}.float-refresh-button{position:fixed;bottom:30px;right:30px;width:56px;height:56px;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.ant-modal-root{--modal-radius: 20px;--modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);--modal-border: 1px solid rgba(255, 255, 255, .1)}.ant-modal-mask{background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .3s ease-out}.ant-modal-wrap{perspective:2000px}.ant-modal{top:50px;padding-bottom:0;width:fit-content!important}.ant-modal-content{border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);border:var(--modal-border);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform-origin:top center;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.ant-modal-header{padding:28px 32px;border:none;background:linear-gradient(135deg,#f8fafc,#e2e8f0);position:relative;display:flex;align-items:center;justify-content:space-between}.ant-modal-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,#3b82f6,#2563eb);opacity:.8}.ant-modal-title{font-size:24px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;letter-spacing:-.02em;position:relative;display:inline-flex;align-items:center;gap:12px}.ant-modal-title:before{content:"";width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);opacity:.2}.ant-modal-close{position:absolute;top:24px;right:24px;width:36px;height:36px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(0,0,0,.1)}.ant-modal-close:hover{background:#ef44441a;transform:rotate(90deg)}.ant-modal-close-x{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#64748b;transition:color .3s ease}.ant-modal-close:hover .ant-modal-close-x{color:#ef4444}.ant-modal-body{padding:32px;max-height:calc(90vh - 180px);overflow-y:auto;background:#fff}.price-breakdown-modal .ant-modal-header{background:linear-gradient(135deg,#064e3b,#059669)}.price-breakdown-modal .ant-modal-title{color:#fff}.price-breakdown-modal .ant-modal-header:before{background:linear-gradient(to right,#10b981,#059669)}.price-breakdown-table{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000001a}.price-breakdown-table table{width:100%;border-collapse:separate;border-spacing:0}.price-breakdown-table th{background:#f8fafc;padding:16px 24px;text-align:left;font-weight:600;color:#1e293b;font-size:14px;border-bottom:2px solid #e2e8f0}.price-breakdown-table td{padding:16px 24px;color:#475569;font-size:14px;border-bottom:1px solid #e2e8f0;transition:background-color .2s ease}.price-breakdown-table tr:hover td{background-color:#f8fafc}.total-row td{background:#f1f5f9;font-weight:600;color:#1e293b;border-top:2px solid #e2e8f0}.color-selection-modal .ant-modal-header{background:linear-gradient(135deg,#4c1d95,#6d28d9)}.color-selection-modal .ant-modal-title{color:#fff}.color-selection-modal .ant-modal-header:before{background:linear-gradient(to right,#8b5cf6,#6d28d9)}.color-selection-content{padding:24px 0}.color-selection-content p{color:#475569;font-size:15px;margin-bottom:24px;line-height:1.6}.color-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.color-option{padding:16px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.color-option:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:currentColor;opacity:.1;transition:opacity .3s ease}.color-option:hover{border-color:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a}.color-option.selected{border-color:#6d28d9;background:#6d28d9;color:#fff}.color-option.selected:before{opacity:.2}.confirmation-modal .ant-modal-header{background:linear-gradient(135deg,#dc2626,#ef4444);padding:20px 24px;border-bottom:none;display:flex;align-items:center;position:relative}.confirmation-modal .ant-modal-title{color:#fff;font-size:20px;font-weight:600;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.confirmation-modal .ant-modal-close{top:16px;right:16px;color:#fffc;transition:all .3s ease}.confirmation-modal .ant-modal-close:hover{color:#fff;transform:rotate(90deg);background:#ffffff1a}.confirmation-modal .ant-modal-content{border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.confirmation-modal .confirmation-header{margin-top:20px;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.confirmation-modal .confirmation-icon{width:56px;height:56px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#dc2626;margin-bottom:20px;animation:pulseAlert 2s infinite}.confirmation-modal .confirmation-message{color:#4b5563;font-size:15px;line-height:1.6;text-align:center;margin:0;padding:0 24px 24px}.confirmation-modal .ant-modal-footer{border-top:1px solid #e5e7eb;padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;margin-top:0}.confirmation-modal .confirmation-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:8px}.confirmation-modal .cancel-button{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.confirmation-modal .cancel-button:hover{background:#f9fafb;border-color:#d1d5db;color:#4b5563}.confirmation-modal .confirm-button{background:#dc2626;border:none;color:#fff}.confirmation-modal .confirm-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}.confirmation-modal .ant-modal-mask{background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.confirmation-modal .ant-modal{animation:slideIn .3s ease-out}.ant-modal-body::-webkit-scrollbar{width:8px}.ant-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.ant-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ant-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 640px){.ant-modal{margin:0 16px}.ant-modal-header{padding:20px 24px}.ant-modal-body{padding:24px}.ant-modal-title{font-size:20px}.color-options{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.confirmation-button{padding:10px 20px;font-size:14px}}.upload-card.disabled{cursor:not-allowed;border-color:#e2e8f0;background:#f1f5f980}.upload-card.disabled:hover{border-color:#e2e8f0;transform:none;box-shadow:none;background:#f1f5f980}.upload-card.disabled .upload-content{opacity:.7}.upload-icon.disabled{color:#94a3b8}.upload-warning{font-size:13px;color:#ef4444;margin-top:8px;font-weight:500;display:flex;align-items:center;gap:6px}.upload-warning:before{content:"⚠️";font-size:14px}.popup-message.warning{background:#fffbeb;border-color:#fbbf24;color:#92400e}.popup-message.warning .popup-icon{color:#f59e0b}.item-card{position:relative;transition:all .3s ease}.item-card:only-child{padding-right:24px}.image-delete-button{opacity:0;transition:all .3s ease}.item-card:hover .image-delete-button{opacity:1}.required-field:after{content:"*";color:#ef4444;margin-left:4px}.confirmation-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirmation-content{background:#fff;border-radius:12px;padding:24px;width:90%;max-width:400px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideIn .3s ease-out}.confirmation-header{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.confirmation-icon{width:56px;height:56px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#dc2626;margin-bottom:16px;animation:pulseAlert 2s infinite}.confirmation-title{font-size:20px;font-weight:600;color:#1e293b;margin:0;text-align:center}.confirmation-message{color:#4b5563;font-size:15px;line-height:1.6;text-align:center;margin:0 0 24px}.confirmation-buttons{display:flex;justify-content:center;gap:12px}.confirmation-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px;display:flex;align-items:center;justify-content:center}.confirmation-button.cancel-button{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.confirmation-button.cancel-button:hover{background:#f9fafb;border-color:#d1d5db;color:#4b5563}.confirmation-button.confirm-button{background:#dc2626;border:none;color:#fff}.confirmation-button.confirm-button:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}@keyframes pulseAlert{0%{transform:scale(1);box-shadow:0 0 #dc262666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #dc262600}to{transform:scale(1);box-shadow:0 0 #dc262600}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.back-button{position:fixed;top:75px;left:290px;z-index:1000;display:flex;align-items:center;gap:16px;padding:7px 18px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;color:#fff;box-shadow:0 4px 12px #4f46e533;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e54d}.back-button:active{transform:translateY(0);box-shadow:0 2px 8px #4f46e533}.back-button svg{font-size:16px;transition:transform .3s ease}.back-button:hover svg{transform:translate(-3px)}.confirmation-modal .ant-modal-content{border-radius:8px;padding:20px}.confirmation-modal .ant-modal-header{border-bottom:none;padding:0;margin-bottom:20px}.confirmation-modal .ant-modal-title{font-size:18px;font-weight:600;color:#333}.confirmation-modal .ant-modal-body{padding:0}.confirmation-modal .ant-modal-footer{border-top:none;padding:20px 0 0;display:flex;justify-content:flex-end;gap:10px}.confirmation-button{padding:8px 16px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none}.confirmation-button.cancel-button{background-color:#f0f0f0;color:#666}.confirmation-button.cancel-button:hover{background-color:#e0e0e0}.confirmation-button.discard-button{background-color:#ff4d4f;color:#fff}.confirmation-button.discard-button:hover{background-color:#ff7875}.confirmation-button.confirm-button{background-color:#1890ff;color:#fff}.confirmation-button.confirm-button:hover{background-color:#40a9ff}.confirmation-content{text-align:center}.confirmation-header{margin-bottom:20px}.confirmation-icon{font-size:48px;color:#faad14;margin-bottom:16px}.confirmation-message{font-size:16px;color:#666;margin:0;line-height:1.5}.price-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.price-popup-container{background:#f8f9fa;border-radius:12px;box-shadow:0 20px 40px #00000026;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;border:1px solid #e9ecef}.price-popup-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:1px solid #e9ecef;background:#fff;border-radius:12px 12px 0 0}.price-popup-title{margin:0;font-size:24px;font-weight:600;color:#212529}.price-popup-close{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;padding:8px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.price-popup-close:hover{background-color:#f8f9fa;color:#212529}.price-popup-content{padding:32px;background:#f8f9fa}.section-title{font-size:18px;font-weight:600;color:#212529;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid #dee2e6}.price-breakdown-section{margin-bottom:32px}.breakdown-table{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.breakdown-table table{width:100%;border-collapse:collapse}.breakdown-table th{background:#495057;color:#fff;padding:16px 12px;text-align:left;font-weight:600;font-size:14px}.breakdown-table td{padding:12px;border-bottom:1px solid #e9ecef;font-size:14px}.breakdown-table tr:last-child td{border-bottom:none}.breakdown-table tr:nth-child(2n){background:#f8f9fa}.subtotal-row{background:#e3f2fd!important;font-weight:600}.offer-row{background:#fff3e0!important;font-weight:600}.courier-row{background:#e3f2fd!important;font-weight:600}.final-row{background:#e8f5e8!important;font-weight:700;font-size:16px}.recommended-prices-section{margin-bottom:32px}.recommended-prices-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:16px}.recommended-price-btn{background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:12px 16px;font-size:16px;font-weight:500;color:#495057;cursor:pointer;transition:all .2s ease;text-align:center}.recommended-price-btn:hover{border-color:#007bff;background:#f8f9ff;color:#007bff}.recommended-price-btn.selected{background:#007bff;border-color:#007bff;color:#fff}.original-price-section{margin-bottom:32px;background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 8px #0000001a;border:2px solid #e3f2fd}.original-price-section .section-title{color:#1976d2;border-bottom-color:#1976d2}.manual-price-section{margin-bottom:32px}.price-input-container{position:relative;display:flex;align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:4px;transition:all .2s ease}.price-input-container:focus-within{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.price-input-label{position:absolute;top:-10px;left:12px;background:#f8f9fa;padding:0 8px;font-size:12px;color:#6c757d;font-weight:500}.price-input{flex:1;border:none;padding:16px 40px 16px 16px;font-size:18px;font-weight:600;color:#212529;background:transparent;outline:none}.price-input.warning{color:#dc3545}.currency-symbol{position:absolute;right:16px;font-size:18px;font-weight:600;color:#6c757d}.warning-message{display:flex;align-items:center;gap:12px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin-bottom:24px;color:#856404}.warning-icon{color:#f39c12;font-size:18px;flex-shrink:0}.price-summary-display{background:#fff;border:2px solid #28a745;border-radius:8px;padding:20px 24px;margin-bottom:24px}.price-row-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price-row-summary:last-child{margin-bottom:0}.price-label{font-size:18px;font-weight:600;color:#212529}.price-value{font-size:20px;font-weight:700}.actual-price{color:#dc3545;text-decoration:line-through}.final-price{color:#28a745}.discount-info{margin-top:8px;text-align:center}.discount-text{background:#d4edda;color:#155724;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500;border:1px solid #c3e6cb}.price-popup-actions{display:flex;gap:16px;justify-content:flex-end;padding:24px 32px;background:#fff;border-top:1px solid #e9ecef;border-radius:0 0 12px 12px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:140px;justify-content:center}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.confirm-btn{background:#28a745;color:#fff}.confirm-btn:hover{background:#218838}.confirm-btn.warning{background:#dc3545;color:#fff}.confirm-btn.warning:hover{background:#c82333}.confirm-btn.force-submit{background:#ffc107;color:#212529}.confirm-btn.force-submit:hover{background:#e0a800}.minimum-btn{background:#28a745;color:#fff}.minimum-btn:hover{background:#218838}.force-submit-btn{background:#ffc107;color:#212529}.force-submit-btn:hover{background:#e0a800}.force-submit-warning{background:#fff3cd;border-color:#ffeaa7;color:#856404}@media (max-width: 768px){.price-popup-container{width:95%;margin:20px}.price-popup-header{padding:20px 24px}.price-popup-content{padding:24px}.price-popup-actions{padding:20px 24px;flex-direction:column}.action-btn{width:100%}.recommended-prices-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.breakdown-table{font-size:12px}.breakdown-table th,.breakdown-table td{padding:8px 6px}}@media (max-width: 480px){.price-popup-title{font-size:20px}.section-title{font-size:16px}.final-price-value{font-size:20px}.price-input{font-size:16px;padding:12px 36px 12px 12px}}.pending-products-container{padding:20px;background:#f8f9fa;height:calc(100vh - 40px);display:flex;flex-direction:column}.filters-section{display:flex;gap:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;position:sticky;top:0;z-index:10}.filter-group{flex:1;min-width:150px}.filter-group label{display:block;margin-bottom:8px;font-size:14px;color:#666;font-weight:500}.filter-group select{width:100%;padding:8px 32px 8px 12px;border:1px solid #e0e0e0;border-radius:6px;font-size:14px;color:#333;background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236B7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11l5-5H3l5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.filter-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.products-list{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.products-header{display:grid;grid-template-columns:50px 2.8fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #edf2f7;font-weight:600;color:#1a1a1a;font-size:13px;height:15px;align-items:center;position:sticky;top:0;z-index:5}.products-content{overflow-y:auto;flex:1;min-height:0}.products-header div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-row{display:grid;grid-template-columns:50px 2.8fr 1fr 1fr 1fr 1fr 1fr;gap:16px;padding:12px 16px;align-items:center;border-bottom:1px solid #edf2f7;color:#1a1a1a;font-weight:500}.product-row:hover{background:#f8f9fa}.checkbox-cell{display:flex;align-items:center;justify-content:center}.product-info-cell{display:flex;align-items:center;gap:12px}.product-info-cell img{width:48px;height:48px;border-radius:4px;object-fit:cover}.product-details{display:flex;flex-direction:column;gap:4px}.product-name{font-weight:600;color:#1a1a1a}.product-sku{font-size:12px;color:#1a1a1a;font-weight:500}.price-cell{font-weight:600;color:#1a1a1a}.count-cell,.views-cell{color:#1a1a1a;font-weight:500}.status-cell{display:flex;align-items:center}.status-select{width:100%;padding:4px 28px 4px 12px;border-radius:16px;font-size:12px;font-weight:500;border:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 11l5-5H3l5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.status-select.active{background-color:#dcfce7;color:#166534}.status-select.pending{background-color:#fff7ed;color:#9a3412}.status-select:focus{outline:none;box-shadow:0 0 0 2px #6366f133}.actions-cell{display:flex;gap:8px;align-items:center}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .2s}.edit-btn{background:#e0e7ff;color:#4f46e5}.edit-btn:hover{background:#c7d2fe}.delete-btn{background:#fee2e2;color:#ef4444;padding:6px 8px}.delete-btn:hover{background:#fecaca}@media (max-width: 1200px){.filters-section{flex-wrap:wrap}.filter-group{flex:1 1 calc(33.333% - 20px)}}@media (max-width: 768px){.filters-section{flex-direction:column}.filter-group{width:100%}.products-header{display:none}.product-row{grid-template-columns:1fr;gap:12px;padding:16px}.product-info-cell{grid-column:1 / -1}.actions-cell{grid-column:1 / -1;justify-content:flex-end}}.popup-message{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease-out;box-shadow:0 4px 12px #00000026}.popup-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.popup-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.popup-close{margin-left:auto;background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s}.status-segment{margin-top:-46px;margin-left:0;background-color:#155595;border-bottom:1px solid #e5e7eb}.status-segmented{color:#155595;max-width:400px;margin:0 auto;display:flex;justify-content:center;background-color:#e90c0c;border-radius:6px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.status-segmented .ant-segmented-item{flex:1;text-align:left;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.filter-popup{background-color:#fff;border-radius:6px;padding:0;width:55%!important;max-width:55%!important;min-width:55%!important;max-height:65vh!important;overflow-y:auto;overflow-x:hidden;box-shadow:0 2px 8px #0000001a;margin:0 auto;position:relative;z-index:1001}.filter-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background-color:#7b7fea;border-radius:6px 6px 0 0}.filter-popup-header h3{margin:0;font-size:.95rem;color:#fff;display:flex;align-items:center;gap:16px;line-height:1}.close-popup{background:none;border:none;font-size:1.1rem;cursor:pointer;color:#fff;padding:4px;line-height:1}.filter-popup-content{margin:0;display:grid;grid-template-columns:35% 30% 35%;grid-template-rows:repeat(2,auto);gap:0;padding:12px;width:100%;box-sizing:border-box;grid-auto-flow:column}.filter-group{margin:0;padding-top:-16px;width:100%;box-sizing:border-box;background-color:#f8f9fa;border-radius:0;transition:all .3s ease;min-width:0;break-inside:avoid}.filter-group:first-child,.filter-group:nth-child(2),.filter-group:nth-child(3){border-bottom:1px solid #e5e7eb}.filter-group:nth-child(4),.filter-group:nth-child(5),.filter-group:nth-child(6){border-top:1px solid #e5e7eb}.filter-group:hover{background-color:#f0f1f2;transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.filter-group label{display:block;margin-bottom:8px;font-weight:500;color:#444;font-size:.9rem}.filter-group .ant-select{width:100%!important;min-width:200px!important}.filter-group .ant-select-selector{height:40px!important;padding:0 16px!important;display:flex!important;align-items:center!important;width:100%!important}.filter-group .ant-select-selection-search-input{height:38px!important;width:100%!important}.filter-group .ant-select-selection-placeholder,.filter-group .ant-select-selection-item{line-height:38px!important;font-size:.85rem!important;width:100%!important}.filter-group select{display:none}.filter-popup-footer{display:flex;gap:16px;justify-content:flex-end;margin-top:0;padding:16px;border-top:1px solid #e5e7eb;background:linear-gradient(to right,#f3f4f6,#f9fafb);border-radius:0 0 4px 6px;position:relative;overflow:hidden}.filter-popup-footer button{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.refresh-data{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;border:1px solid rgba(255,255,255,.2)}.refresh-data:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.refresh-data:active{transform:translateY(0);box-shadow:0 2px 4px #3b82f633}.clear-filters{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff;border:1px solid rgba(255,255,255,.2)}.clear-filters:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.clear-filters:active{transform:translateY(0);box-shadow:0 2px 4px #ef444433}.apply-filters{background:linear-gradient(135deg,#34d399,#10b981);color:#fff;border:1px solid rgba(255,255,255,.2)}.apply-filters:hover{background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.apply-filters:active{transform:translateY(0);box-shadow:0 2px 4px #10b98133}.filter-popup-footer button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fff3,#fff0);transform:translate(-100%);transition:transform .3s ease}.filter-popup-footer button:hover:before{transform:translate(100%)}.loading-spinner{text-align:center;padding:20px;color:#666}.status-segment{padding:12px;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa;width:100%;display:flex;justify-content:center;align-items:center}.status-segmented{width:100%;max-width:400px;display:flex;justify-content:center;background-color:#fff;border-radius:6px;overflow:hidden}.status-segmented .ant-segmented-item{flex:1;text-align:center;padding:8px 16px;font-weight:500;cursor:pointer;transition:all .3s ease}.status-segmented .ant-segmented-item-selected{background-color:#7b7fea;color:#fff}.status-segmented .ant-segmented-item:hover{background-color:#f0f1f2}.status-segmented .ant-segmented-item-selected:hover{background-color:#6a6edb}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease;position:relative;border:1px solid #e2e8f0;display:flex;flex-direction:row;height:210px;min-height:210px;padding:0}.product-image{width:43.33%;height:100%;min-height:210px;max-height:210px;overflow:hidden;position:relative;background:#f8f9fa;flex-shrink:0;border-radius:12px 0 0 12px;margin:-1px;padding:0}.product-image img{width:100%;height:100%;min-height:210px;max-height:210px;object-fit:cover;transition:transform .3s ease;display:block;border-radius:12px 0 0 12px;margin:0;padding:0}.product-name{margin:0 0 10px;font-size:16px;font-weight:600;color:#1a202c;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;height:2.6em}.product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:-15px!important;margin-left:0!important;border-top:1px solid #edf2f7;gap:0;width:100%}.status-select{border:1px solid #e2e8f0;border-radius:4px;font-size:12px;color:#4a5568;background-color:#fff;cursor:pointer;transition:all .2s ease;flex:0 0 40%;max-width:40%;min-width:0;box-sizing:border-box;font-size:13px;padding:5px 0;text-align:center;margin:0}.edit-btn{display:flex;align-items:center;gap:4px;margin-top:20px;width:150px;height:39px}.ant-select-selector{border-radius:4px!important;box-shadow:none!important;padding-right:24px!important;padding-top:0!important}.ant-select-arrow{top:22px!important}@media (max-width: 480px){.product-card{flex-direction:column;height:auto;min-height:170px}.product-image{width:100%;height:170px;min-height:170px;max-height:170px;border-radius:12px 12px 0 0;margin:-1px -1px 0}.product-image img{border-radius:12px 12px 0 0;height:170px;min-height:170px;max-height:170px}.product-info{width:100%;padding:12px}.product-actions{flex-direction:row;gap:4px;padding-left:2%;padding-right:2%;height:38px!important}.status-select,.edit-btn{flex:0 0 40%;max-width:40%;min-width:0;font-size:13px;padding:5px 0;margin:0}}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.product-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:10px;border-top:1px solid #edf2f7;gap:8px}.status-select{padding:6px 12px;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;color:#4a5568;background-color:#fff;cursor:pointer;transition:all .2s ease;flex:1;max-width:120px}.status-select:hover{border-color:#cbd5e0}.status-select:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.edit-btn{display:flex;align-items:center;gap:4px;padding:6px 16px;background:#4299e1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:13px;white-space:nowrap}@media (max-width: 480px){.product-card{flex-direction:column;height:auto}.product-image{width:100%;height:150px;border-radius:12px 12px 0 0;margin:-1px -1px 0}.product-image img{border-radius:12px 12px 0 0}.product-info{width:100%;padding:12px}.product-actions{flex-direction:column;gap:12px}.status-select{width:100%;max-width:none}.edit-btn{width:100%;justify-content:center}}.recent-products-container{padding:20px;max-width:1200px;margin:0 auto}.filters-section{position:fixed;bottom:20px;right:20px;z-index:1000}.filter-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100px;height:100px;padding:0;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #4f46e54d;font-weight:500;font-size:2rem}.filter-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #4f46e566}.filter-button:active{transform:translateY(0) scale(.95);box-shadow:0 4px 12px #4f46e54d}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:0}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease;position:relative;border:1px solid #e2e8f0;display:flex;flex-direction:row;height:180px;padding:0}.product-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.product-image{width:43.33%;height:100%;overflow:hidden;position:relative;background:#f8f9fa;flex-shrink:0;border-radius:12px 0 0 12px;margin:-1px;padding:0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;border-radius:12px 0 0 12px;margin:0;padding:0}.product-id{position:absolute;top:8px;right:8px;background:#0009;color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.product-info{padding:12px;flex-grow:1;display:flex;flex-direction:column;background:#fff;width:66.67%}.product-name{margin:0 0 10px;font-size:14px;font-weight:600;color:#1a202c;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.category,.main-category{font-size:11px;color:#4a5568;background:#f7fafc;padding:3px 6px;border-radius:4px;font-weight:500}.product-status{display:flex;gap:4px;margin-bottom:10px}.status{font-size:11px;padding:3px 6px;border-radius:4px;font-weight:500}.status.pending{background:#fff3cd;color:#856404}.status.approved{background:#d4edda;color:#155724}.status.rejected{background:#f8d7da;color:#721c24}.active-status{font-size:11px;padding:3px 6px;border-radius:4px;font-weight:500}.active-status.active{background:#d4edda;color:#155724}.active-status.inactive{background:#f8d7da;color:#721c24}.product-date{display:flex;align-items:center;gap:4px;margin-bottom:10px;font-size:11px;color:#718096}.date-label{font-weight:500;color:#4a5568}.date-value{color:#718096}.product-actions{display:flex;justify-content:center;margin-top:auto;padding-top:10px;border-top:1px solid #edf2f7}.edit-btn{display:flex;align-items:center;gap:4px;padding:4px 12px;background:#4299e1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:12px}.edit-btn:hover{background:#3182ce;transform:translateY(-1px)}.edit-btn:active{transform:translateY(0)}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0}.pagination-info{font-size:14px;color:#4a5568;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:center}.pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px;box-shadow:0 2px 4px #4f46e533}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 4px 8px #4f46e54d}.pagination-btn:disabled{background:#e2e8f0;color:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.page-numbers{display:flex;align-items:center;gap:8px}.page-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:#fff;color:#4a5568;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:14px}.page-number:hover:not(:disabled){border-color:#4f46e5;color:#4f46e5;transform:translateY(-1px)}.page-number.active{background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border-color:#4f46e5;box-shadow:0 2px 4px #4f46e533}.page-number.ellipsis{border:none;background:transparent;cursor:default;width:auto;padding:0 8px}.page-number.ellipsis:hover{transform:none;border:none;color:#4a5568}.page-number:disabled{cursor:not-allowed;opacity:.5}background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; transition: background .3s; } .pagination-btn:hover:not(:disabled){background:#0056b3}.pagination-btn:disabled{background:#ccc;cursor:not-allowed}.page-info{font-size:16px;color:#666}.floating-filter-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.5rem}.floating-filter-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 16px #4f46e566}.floating-filter-button:active{transform:translateY(0) scale(.95);box-shadow:0 4px 12px #4f46e54d}.filter-icon-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4f46e54d;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);animation:float 3s ease-in-out infinite;font-size:1.5rem}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.filter-icon-button:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px) scale(1.05) rotate(5deg);box-shadow:0 6px 16px #4f46e566}.filter-icon-button:active{transform:translateY(0) scale(.95) rotate(-5deg)}.filter-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0000;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.filter-popup-overlay.active{background-color:#00000080;opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-popup{background-color:#fff;border-radius:24px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000001a;transform:scale(.95) translateY(20px);opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid rgba(79,70,229,.1)}.filter-popup:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,#4f46e51a,#4f46e500);border-radius:24px;pointer-events:none}.filter-popup-overlay.active .filter-popup{transform:scale(1) translateY(0);opacity:1}.filter-popup-header{padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#818cf8,#6366f1,#4f46e5,#6366f1,#818cf8);background-size:200% 200%;animation:gradientMove 15s ease infinite;border-radius:24px 24px 0 0;position:relative;overflow:hidden;min-height:48px}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.filter-popup-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff26,#fff0),radial-gradient(circle at top right,rgba(255,255,255,.25),transparent 70%);opacity:.8}.filter-popup-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#ffffff26,#fff0);opacity:.5}.filter-popup-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff;position:relative;display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.1);z-index:1}.filter-popup-header h3:before{content:"🔍";font-size:1.1em;background:#ffffff40;padding:6px;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 4px #00000026}.close-popup{background:#fff3;border:1px solid rgba(255,255,255,.25);font-size:1.3rem;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1}.close-popup:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#ffffff40,#fff0);transform:scale(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.close-popup:hover{background:#ffffff4d;transform:rotate(90deg);box-shadow:0 2px 8px #00000026}.close-popup:hover:before{transform:scale(1)}.filter-popup-content{padding:28px;background:linear-gradient(to bottom,#fff,#f9fafb);display:grid;grid-template-columns:repeat(2,1fr);gap:20px;row-gap:40px;margin-bottom:20px}.filter-popup-footer{padding:24px 28px;border-top:1px solid #e5e7eb;text-align:right;background:linear-gradient(to right,#f3f4f6,#f9fafb);border-radius:0 0 24px 24px;position:relative;overflow:hidden}.filter-popup-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4338ca,#4f46e5);opacity:.5}.apply-filters{background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;border:none;padding:12px 28px;border-radius:12px;cursor:pointer;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 4px #6366f133}.apply-filters:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,#fff3,#fff0);transform:translate(-100%);transition:transform .3s ease}.apply-filters:hover{background:linear-gradient(135deg,#818cf8,#6366f1);transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.apply-filters:hover:before{transform:translate(100%)}.apply-filters:active{transform:translateY(0);box-shadow:0 2px 4px #6366f133}.filter-popup::-webkit-scrollbar{width:8px}.filter-popup::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.filter-popup::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px;transition:background .2s ease}.filter-popup::-webkit-scrollbar-thumb:hover{background:#9ca3af}.filter-group{opacity:0;transform:translateY(10px);animation:slideIn .3s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.filter-group:nth-child(1){animation-delay:.1s}.filter-group:nth-child(2){animation-delay:.2s}.filter-group:nth-child(3){animation-delay:.3s}.filter-group:nth-child(4){animation-delay:.4s}.filter-group:nth-child(5){animation-delay:.5s}@keyframes pulse{0%{box-shadow:0 0 #4f46e566}70%{box-shadow:0 0 0 10px #4f46e500}to{box-shadow:0 0 #4f46e500}}.filter-icon-button{animation:float 3s ease-in-out infinite,pulse 2s infinite}@media (max-width: 768px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.product-card{height:110px}.product-image{width:40%;height:110px}.product-info{width:60%;padding:10px}.product-name{font-size:13px;margin-bottom:8px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr;gap:15px}.product-card{flex-direction:column;height:auto;padding:0}.product-image{width:100%;height:130px;border-radius:12px 12px 0 0;margin:-1px -1px 0;padding:0}.product-image img{border-radius:12px 12px 0 0;margin:0;padding:0}.product-info{width:100%;padding:12px}.product-name{font-size:14px;margin-bottom:10px}.product-meta,.product-status,.product-date{margin-bottom:8px}.product-actions{padding-top:8px}.edit-btn{padding:4px 10px}}.no-products-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;margin:20px auto;max-width:500px}.message-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}.no-products-message h3{font-size:24px;color:#1a202c;margin-bottom:8px}.no-products-message p{font-size:16px;color:#4a5568;margin-bottom:24px}.clear-filters-btn{padding:10px 20px;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.clear-filters-btn:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.clear-filters-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.loading-more-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;margin:20px 0;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.loading-more-container p{margin:10px 0 0;color:#6c757d;font-size:14px;font-weight:500}.end-of-results{display:flex;justify-content:center;align-items:center;padding:30px 20px;margin:20px 0;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #dee2e6}.end-of-results p{margin:0;color:#6c757d;font-size:16px;font-weight:500;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pproduct-actions{margin-top:10px;width:100%!important;display:flex;justify-content:center;align-items:center}.pproduct-date{margin-top:10px;font-size:13px}.pedit-btn{width:100%;background:#3578e5;color:#fff;border:none;border-radius:6px;padding:6px 18px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}.pedit-btn:hover{background:#285bb5}.product-inventory-warnings-container{padding:0;max-width:1400px;margin:-10px auto 0;min-height:100vh;background:#f8f9fa}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;box-shadow:0 4px 15px #0000001a}.header-content{flex:1}.header-title{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-icon{font-size:24px;color:gold}.header-title h1{margin:0;font-size:28px;font-weight:700}.header-subtitle{margin:0;font-size:16px;opacity:.9}.refresh-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.refresh-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.inventory-controls{margin-bottom:30px}.inventory-summary{display:flex;gap:20px;margin-bottom:25px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:14px;color:#6c757d;font-weight:500}.summary-value{font-size:18px;font-weight:700;color:#495057}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.loading-more p{margin:15px 0 0;color:#6c757d;font-size:16px;font-weight:500}.end-of-results{text-align:center;padding:30px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px}.end-of-results p{margin:0;color:#6c757d;font-size:16px;font-weight:500}.no-products-message{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d}.message-icon{font-size:48px;margin-bottom:20px}.no-products-message h3{margin:0 0 12px;color:#495057;font-size:24px}.no-products-message p{margin:0 0 25px;color:#6c757d;font-size:16px}.adjust-range-btn{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease}.adjust-range-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media (max-width: 768px){.product-inventory-warnings-container{padding:10px}.page-header{flex-direction:column;gap:15px;text-align:center}.header-title h1{font-size:24px}.inventory-summary{flex-direction:column;gap:15px}.products-grid{grid-template-columns:1fr;gap:15px}.loading-more{padding:30px 15px}.end-of-results{padding:25px 15px}}@media (max-width: 480px){.page-header{padding:15px}.header-title h1{font-size:20px}.refresh-btn{padding:10px 16px;font-size:14px}.products-grid{gap:12px}.inventory-summary{padding:15px}.summary-value{font-size:16px}}.inv-warning-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 2px 8px #0000000f;overflow:hidden;transition:all .3s ease;border:1px solid rgba(226,232,240,.8);display:flex;flex-direction:row;height:210px;padding:0}.inv-warning-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000014}.inv-product-image{position:relative;width:43.33%;height:210px;overflow:hidden;background:#f8f9fa;flex-shrink:0;border-radius:12px 0 0 12px;margin:-1px;padding:0}.inv-product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block;border-radius:12px 0 0 12px;margin:0;padding:0}.inv-warning-card:hover .inv-product-image img{transform:scale(1.05)}.inv-alert-overlay{position:absolute;bottom:0;left:0;right:0;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.3)}.inv-alert-content{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.inv-alert-text{font-size:11px}.inv-alert-overlay.out-of-stock .inv-alert-content{color:#dc3545}.inv-alert-overlay.critical .inv-alert-content{color:#ff8c00}.inv-alert-overlay.low .inv-alert-content{color:#ffc107}.inv-alert-overlay.normal .inv-alert-content{color:#28a745}.inv-card-body{padding:12px;flex-grow:1;display:flex;flex-direction:column;background:#fffc;width:66.67%}.inv-product-info{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}.inv-product-name{margin:0 0 8px;font-size:14px;font-weight:600;color:#1a202c;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.inv-product-meta{margin-bottom:8px}.inv-meta-label{font-size:11px;color:#4a5568;font-weight:500}.inv-meta-value{font-size:11px;color:#2d3748;font-weight:600}.inv-inventory-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.inv-count-label{font-size:11px;color:#4a5568;font-weight:500}.inv-count-value{font-size:14px;font-weight:700;padding:2px 6px;border-radius:4px;min-width:30px;text-align:center}.inv-count-value.out-of-stock{background:#dc3545;color:#fff}.inv-count-value.critical{background:#ff8c00;color:#fff}.inv-count-value.low{background:#ffc107;color:#212529}.inv-count-value.normal{background:#28a745;color:#fff}.inv-active-status{display:inline-block;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-top:-10px;margin-left:0!important;text-align:center}.inv-active-status.active{background:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.3)}.inv-active-status.inactive{background:#6c757d1a;color:#6c757d;border:1px solid rgba(108,117,125,.3)}.inv-card-actions{margin-top:auto;padding-top:8px;width:80%!important}.inv-edit-btn{width:100%;padding:8px 12px;background:#007bff;border:none;border-radius:6px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.inv-edit-btn:hover{transform:translateY(-1px);background:#0056b3;box-shadow:0 4px 12px #007bff4d}.inv-edit-btn:active{transform:translateY(0)}@media (max-width: 768px){.inv-warning-card{flex-direction:row;height:190px;min-height:100px;padding:0}.inv-product-image{width:150px!important;height:190px!important;height:190px;border-radius:12px 0 0 12px}.inv-product-image img{border-radius:12px 0 0 12px;width:150px!important;height:190px!important;object-fit:cover}.inv-card-body{width:calc(100% - 100px);padding:10px 10px 10px 16px;min-width:0}.inv-edit-btn{width:120%;margin-top:8px;font-size:14px;padding:8px 0}.inv-product-name{font-size:13px;margin-bottom:6px;-webkit-line-clamp:2}.inv-product-meta,.inv-inventory-row{margin-bottom:4px}.inv-active-status{margin-top:0;margin-left:0!important;font-size:10px;padding:2px 6px}}@media (max-width: 480px){.inv-warning-card{flex-direction:row;height:190px;min-height:100px;padding:0}.inv-product-image{width:150px!important;height:190px!important;height:190px;border-radius:12px 0 0 12px}.inv-product-image img{border-radius:12px 0 0 12px;width:150px!important;height:190px!important;object-fit:cover}.inv-card-body{width:calc(100% - 80px);padding:8px 8px 8px 10px}.inv-edit-btn{font-size:13px;padding:7px 0}.inv-product-name{font-size:12px}}.inventory-warning-slider-container{background:#fff;border-radius:12px;padding:25px;box-shadow:0 4px 15px #00000014;border:1px solid #e9ecef}.inventory-slider-header{text-align:center;margin-bottom:25px}.inventory-slider-title{margin:0 0 8px;font-size:24px;font-weight:700;color:#212529}.inventory-slider-subtitle{margin:0;font-size:16px;color:#6c757d}.inventory-slider-controls{margin-bottom:25px}.inventory-range-inputs{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:25px;flex-wrap:wrap}.inventory-input-group{display:flex;flex-direction:column;gap:8px}.inventory-input-group label{font-size:14px;font-weight:600;color:#495057;text-align:center}.inventory-input-wrapper{display:flex;align-items:center;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .3s ease}.inventory-input-wrapper:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.inventory-input-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#e9ecef;border:none;color:#495057;cursor:pointer;transition:all .3s ease;font-size:12px}.inventory-input-btn:hover:not(:disabled){background:#667eea;color:#fff}.inventory-input-btn:disabled{opacity:.5;cursor:not-allowed}.inventory-range-input{width:80px;height:40px;border:none;background:transparent;text-align:center;font-size:16px;font-weight:600;color:#212529;outline:none}.inventory-range-input::-webkit-outer-spin-button,.inventory-range-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.inventory-range-input[type=number]{-moz-appearance:textfield}.inventory-range-separator{font-size:18px;font-weight:600;color:#6c757d;margin:0 10px}.inventory-range-display{margin-bottom:25px}.inventory-range-bar{position:relative;height:8px;background:#e9ecef;border-radius:4px;margin-bottom:10px;cursor:pointer}.inventory-range-fill{position:absolute;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:all .3s ease}.inventory-range-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#fff;border:3px solid #667eea;border-radius:50%;cursor:grab;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.inventory-range-handle:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 4px 12px #0003}.inventory-range-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.05)}.inventory-range-handle.from-handle,.inventory-range-handle.to-handle{z-index:2}.inventory-range-labels{display:flex;justify-content:space-between;font-size:12px;color:#6c757d;font-weight:500}.inventory-preset-ranges{margin-bottom:25px}.inventory-preset-ranges h4{margin:0 0 15px;font-size:16px;font-weight:600;color:#495057;text-align:center}.inventory-preset-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.inventory-preset-btn{padding:8px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:20px;color:#495057;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.inventory-preset-btn:hover{background:#e9ecef;border-color:#dee2e6;transform:translateY(-1px)}.inventory-preset-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.inventory-range-summary{text-align:center;padding:15px;background:#f8f9fa;border-radius:8px;border-left:4px solid #667eea}.inventory-summary-text{font-size:16px;color:#495057;font-weight:500;margin:0}.inventory-summary-text strong{color:#667eea;font-weight:700}@media (max-width: 768px){.inventory-warning-slider-container{padding:20px}.inventory-slider-title{font-size:20px}.inventory-range-inputs{gap:15px}.inventory-input-wrapper{min-width:120px}.inventory-range-input{width:60px}.inventory-preset-buttons{gap:8px}.inventory-preset-btn{padding:6px 12px;font-size:12px}}@media (max-width: 480px){.inventory-warning-slider-container{padding:15px}.inventory-slider-title{font-size:18px}.inventory-slider-subtitle{font-size:14px}.inventory-input-btn{width:35px;height:35px}.inventory-range-input{width:50px;font-size:14px}.inventory-range-handle{width:20px;height:20px}.inventory-preset-buttons{flex-direction:column;align-items:center}.inventory-preset-btn{width:100%;max-width:200px}}.add-company-container{padding:24px;width:80%;margin:0 auto}.add-company-container h1{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:24px}.form-container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.form-section{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000000d;grid-column:1 / -1}.form-section h2{font-size:18px;font-weight:600;color:#1a1a1a;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:8px}.form-section h2:before{content:"";width:4px;height:18px;background-color:#3b82f6;border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#4b5563}.padd{margin-top:-40px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.logo-upload-container{display:flex;flex-direction:column;align-items:flex-start;width:100%}.logo-upload-container label{margin-bottom:8px;font-size:14px;font-weight:500;color:#4b5563}.file-upload{width:100%;max-width:400px}.file-upload-label{display:block;width:100%;cursor:pointer}.file-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .3s ease}.file-upload-placeholder svg{width:24px;height:24px}.file-upload-placeholder span{font-size:14px;font-weight:500;color:#1e293b}.file-upload-hint{font-size:12px;color:#94a3b8;margin:0}.file-preview{position:relative;width:100%;height:160px;border:2px dashed #e2e8f0;border-radius:8px;overflow:hidden;background-color:#fff}.upload-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.upload-overlay .upload-icon{background:#fff3;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.upload-overlay span{color:#fff;font-size:14px;font-weight:500;margin-top:8px;text-align:center;padding:0 20px}.toggle-group{display:flex;align-items:center;justify-content:space-between}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch2{width:84px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.4s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.toggle-slider{background-color:#3b82f6}input:checked+.toggle-slider:before{transform:translate(20px)}.owner-details{background-color:#f9fafb;border-radius:8px;padding:20px;margin-bottom:16px;border:1px solid #e2e8f0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.owner-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.owner-header h3{font-size:16px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:8px}.owner-header h3:before{content:"";width:3px;height:16px;background-color:#3b82f6;border-radius:2px}.owner-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.owner-grid .form-group{margin-bottom:0}.owner-grid .form-group label{display:block;font-size:14px;font-weight:500;color:#4b5563;margin-bottom:8px}.owner-grid .form-group input,.owner-grid .form-group select{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1a1a1a;background-color:#fff;transition:border-color .2s}.owner-grid .form-group input:focus,.owner-grid .form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.owner-grid .toggle-group{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid #e5e7eb;margin-top:8px}.remove-owner{grid-column:3;justify-self:end;padding:6px 12px;background-color:#fee2e2;color:#dc2626;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.remove-owner:hover{background-color:#fecaca}.add-owner-btn{width:100%;padding:12px;background-color:#f3f4f6;border:1px dashed #d1d5db;border-radius:6px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s;margin-top:16px}.add-owner-btn:hover{background-color:#e5e7eb}@media (max-width: 1024px){.owner-details,.owner-grid{grid-template-columns:repeat(2,1fr)}.owner-grid .toggle-group{grid-column:span 2}}@media (max-width: 768px){.owner-details,.owner-grid{grid-template-columns:1fr}.owner-grid .toggle-group{grid-column:span 1}}.form-actions{display:flex;justify-content:flex-end;gap:16px;margin-top:24px}.cancel-btn{padding:10px 20px;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#4b5563;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#e5e7eb}.submit-btn{padding:10px 20px;background-color:#3b82f6;border:none;border-radius:6px;font-size:14px;color:#fff;cursor:pointer;transition:all .2s}.submit-btn:hover{background-color:#2563eb}@media (max-width: 1024px){.form-container{grid-template-columns:1fr}}@media (max-width: 768px){.add-company-container,.form-section{padding:16px}}.address-section{grid-column:1 / -1;background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid #e2e8f0;margin-bottom:24px}.address-section h2{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;gap:8px}.address-section h2:before{content:"";width:4px;height:20px;background-color:#3b82f6;border-radius:2px}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.address-type{background-color:#f8fafc;border-radius:8px;padding:20px;border:1px solid #e2e8f0;transition:all .3s ease}.address-type:hover{box-shadow:0 4px 6px -1px #0000000d}.address-type h3{font-size:16px;font-weight:600;color:#1e293b;margin-bottom:16px;display:flex;align-items:center;gap:8px}.address-type h3:before{content:"";width:3px;height:16px;background-color:#3b82f6;border-radius:2px}.address-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.address-fields .form-group{margin-bottom:0}.address-fields .form-group.full-width{grid-column:1 / -1}.address-fields label{display:block;font-size:14px;font-weight:500;color:#475569;margin-bottom:8px}.address-fields input,.address-fields select,.address-fields textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background-color:#fff;transition:all .2s}.address-fields input:hover,.address-fields select:hover,.address-fields textarea:hover{border-color:#cbd5e1}.address-fields input:focus,.address-fields select:focus,.address-fields textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.address-fields textarea{min-height:100px;resize:vertical;line-height:1.5}.form-section2{margin-top:-25px;background-color:transparent}.address-fields select{appearance:none;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;padding-right:40px}.same-as-billing{grid-column:1 / -1;display:flex;align-items:center;gap:8px;margin-top:16px;padding:12px;background-color:#f1f5f9;border-radius:6px;cursor:pointer;transition:all .2s}.same-as-billing:hover{background-color:#e2e8f0}.same-as-billing input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.same-as-billing label{font-size:14px;font-weight:500;color:#475569;cursor:pointer;margin:0}.address-textarea{width:80%;min-height:20px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;line-height:1.5;color:#1e293b;background-color:#fff;resize:vertical;transition:all .2s ease;font-family:inherit}.address-textarea:hover{border-color:#cbd5e1}.address-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.address-textarea::placeholder{color:#94a3b8;font-size:14px}.address-textarea:disabled{background-color:#f1f5f9;cursor:not-allowed;opacity:.7}@media (max-width: 1024px){.address-grid,.address-fields{grid-template-columns:1fr}}@media (max-width: 768px){.address-section{padding:20px}.address-fields input,.address-fields select,.address-fields textarea{padding:10px 12px}.address-type{padding:16px}.same-as-billing{padding:10px}.address-textarea{min-height:100px;padding:10px 12px}}select{width:100%;padding:8px 40px 8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;transition:all .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 16px center;background-size:16px;height:42px}select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a;outline:none}select.loading{color:transparent;position:relative}select.loading:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#1890ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}select option{padding:8px 12px;font-size:14px;color:#374151;background-color:#fff}select option:hover{background-color:#e6f4ff}select option:checked{background-color:#e6f4ff;font-weight:500}.form-group{position:relative}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.loading{position:relative;color:transparent}.loading:after{content:"";position:absolute;top:50%;right:12px;transform:translateY(-50%);width:16px;height:16px;border:2px solid #e5e7eb;border-top-color:#1890ff;border-radius:50%;animation:spin .8s linear infinite}select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}select.error{border-color:#ff4d4f}select.error:focus{box-shadow:0 0 0 2px #ff4d4f1a}select.success{border-color:#52c41a}select.success:focus{box-shadow:0 0 0 2px #52c41a1a}.document-type-dropdown{position:relative;z-index:1}.document-type-dropdown select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;width:100%;font-size:14px;color:#374151;cursor:pointer;transition:all .3s}.document-type-dropdown select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff1a}.document-type-dropdown select option{padding:8px 12px;font-size:14px;color:#374151;background-color:#fff}.document-type-dropdown select option:hover{background-color:#e6f4ff}.document-type-dropdown select option:checked{background-color:#e6f4ff;font-weight:500}.ant-select-selector{border-radius:6px!important;border:1px solid #d1d5db!important;min-height:42px!important;display:flex;align-items:center}.ant-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:#3b82f6!important}.ant-select-focused .ant-select-selector,.ant-select-selector:focus,.ant-select-selector:active{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.ant-select-selection-placeholder{color:#9ca3af!important}.ant-select-selection-search-input{height:42px!important}.ant-select-item{min-height:32px!important;padding:8px 12px!important}.ant-select-item-option-active:not(.ant-select-item-option-disabled){background-color:#f3f4f6!important}.ant-select-item-option-selected:not(.ant-select-item-option-disabled){background-color:#e6f4ff!important;font-weight:600!important}.ant-select-loading{opacity:.7;cursor:not-allowed}.ant-select-loading .ant-select-arrow{animation:loadingCircle 1s infinite linear}@keyframes loadingCircle{to{transform:rotate(360deg)}}.ant-select-selection-search{margin-inline-start:0!important}.ant-select-selection-search-input{padding:0 12px!important}.ant-select-dropdown{padding:4px!important;border-radius:6px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.ant-select-clear{background-color:transparent!important;color:#9ca3af!important;font-size:14px!important}.ant-select-clear:hover{color:#6b7280!important}.error-message{background-color:#fee2e2;color:#dc2626;padding:8px 12px;border-radius:6px;margin-top:4px;display:flex;align-items:center;gap:8px;font-size:12px;border:1px solid #fecaca}.error-icon{color:#dc2626;font-size:14px;flex-shrink:0}.form-group input.error,.address-fields input.error{border-color:#dc2626;box-shadow:0 0 0 2px #dc26261a}.form-group input.error:focus,.address-fields input.error:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc262633}.success-message{background-color:#dcfce7;color:#16a34a;padding:1rem;border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.success-icon{color:#16a34a}.spinner{animation:spin 1s linear infinite}.popup-message{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:6px;display:flex;align-items:center;gap:10px;z-index:1000;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease-out;font-size:14px;font-weight:500}.popup-message.success{background-color:#dcfce7;border:1px solid #86efac;color:#16a34a}.popup-message.success .popup-icon{color:#16a34a;font-size:18px}.popup-message.success .popup-close{color:#16a34a;opacity:.7;transition:opacity .2s}.popup-message.success .popup-close:hover{opacity:1}.popup-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#dc2626}.popup-message.error .popup-icon{color:#dc2626;font-size:18px}.popup-message.error .popup-close{color:#dc2626;opacity:.7;transition:opacity .2s}.popup-message.error .popup-close:hover{opacity:1}.popup-icon{font-size:18px}.popup-close{margin-left:auto;cursor:pointer;font-size:14px;opacity:.7;transition:opacity .2s}.form-group input:invalid{border-color:#d1d5db}.form-group input:invalid:focus{box-shadow:0 0 0 2px #3b82f61a}.file-upload-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;grid-column:1 / -1}.file-upload-group{display:flex;flex-direction:column;gap:8px}.file-upload-group label{font-size:14px;font-weight:500;color:#4b5563}.file-upload{width:100%;max-width:100%}.file-upload-placeholder{height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px;border:2px dashed #e2e8f0;border-radius:8px;background-color:#f8fafc;transition:all .3s ease}.file-upload-placeholder:hover{border-color:#3b82f6;background-color:#f1f5f9}.file-preview{height:160px;position:relative;border:2px dashed #e2e8f0;border-radius:8px;overflow:hidden;background-color:#fff}.file-preview img{width:100%;height:100%;object-fit:contain;padding:10px}.file-preview span{position:absolute;bottom:0;left:0;right:0;padding:8px;background:#00000080;color:#fff;font-size:14px;text-align:center;opacity:0;transition:opacity .3s ease}.file-preview:hover span{opacity:1}.document-type-dropdown{grid-column:1 / -1;margin-bottom:16px}.document-type-dropdown label{font-size:14px;font-weight:500;color:#4b5563;margin-bottom:8px;display:block}.error-text{color:#dc2626;font-size:12px;margin-top:4px;display:block}.admin-login-note{font-size:12px;color:#dc2626;font-weight:600;background-color:#fee2e2;padding:4px 8px;border-radius:4px;border:1px solid #fecaca;margin-left:8px;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc262666}70%{box-shadow:0 0 0 6px #dc262600}to{box-shadow:0 0 #dc262600}}.product-additional-container{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:80%;margin:16px auto;display:flex;flex-direction:column;gap:16px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header h1{margin:0;color:#333;font-size:20px;font-weight:600}.search-box{flex:1;max-width:400px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;padding:4px 11px}.search-icon-wrapper{margin-right:8px;color:#bfbfbf}.search-input{flex:1;border:none;outline:none;padding:4px 0}.search-clear-wrapper{cursor:pointer;color:#bfbfbf;padding:0 4px}.search-clear-wrapper:hover{color:#666}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.spinner{font-size:24px;color:#1890ff;animation:spin 1s linear infinite;margin-bottom:16px}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.error-message{color:#ff4d4f;margin-bottom:16px}.retry-button{padding:8px 16px;background:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer}.retry-button:hover{background:#40a9ff}.popup-message{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:4px;display:flex;align-items:center;z-index:1000;box-shadow:0 2px 8px #00000026}.popup-message.success{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.popup-message.error{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.popup-icon{margin-right:8px}.popup-close{margin-left:16px;cursor:pointer;opacity:.7}.button-loader .spinner{font-size:14px;margin:0}.action-buttons{display:flex;gap:8px}.ant-table{background-color:#fff;border-radius:8px;box-shadow:0 1px 2px #0000000d;flex:1;width:100%}.ant-table-container{width:100%}.ant-table-thead>tr>th{background-color:#f0f2f5;font-weight:600;padding:12px;text-align:left;width:25%}.ant-table-tbody>tr>td{padding:12px;width:25%}.ant-table-thead>tr>th:last-child,.ant-table-tbody>tr>td:last-child{width:25%;text-align:right}.ant-btn{height:32px;padding:4px 15px;font-size:14px;border-radius:4px;transition:all .3s;min-width:100px;display:flex;align-items:center;justify-content:center}.ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.ant-btn-default{border-color:#d9d9d9;min-width:100px}.ant-btn-default:hover{color:#40a9ff;border-color:#40a9ff}.ant-table-pagination{margin:12px 0;padding:0 4px;flex-shrink:0}.ant-modal-content{border-radius:8px;padding:0;max-width:500px;margin:0 auto;display:flex;flex-direction:column;overflow:hidden}.ant-modal-header{padding:16px 24px;border-bottom:1px solid #f0f0f0;flex-shrink:0;background-color:#fafafa}.ant-modal-title{font-size:16px;font-weight:600;color:#333}.ant-modal-body{padding:24px;flex:1}.ant-modal-footer{padding:16px 24px;border-top:1px solid #f0f0f0;flex-shrink:0;display:flex;justify-content:flex-end;gap:12px;background-color:#fafafa}.ant-form{display:flex;flex-direction:column;gap:20px}.ant-form-item{margin-bottom:0;flex:1}.ant-form-item-label{padding-bottom:8px}.ant-form-item-label>label{font-weight:500;color:#333;font-size:14px}.ant-input{border-radius:4px;height:32px;padding:4px 11px;font-size:14px;width:100%;border:1px solid #d9d9d9;transition:all .3s}.ant-input:hover{border-color:#40a9ff}.ant-input:focus{border-color:#40a9ff;box-shadow:0 0 0 2px #1890ff33}.ant-input::placeholder{color:#bfbfbf}.edit-category-page{padding:24px;background:linear-gradient(135deg,#1f1e1e,#dbd7df);min-height:100vh;position:relative;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-header{background:#fff;border-radius:16px;padding:24px 32px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.page-header-content{display:flex;align-items:center;gap:20px}.page-header-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 12px #667eea66}.page-header-title{color:#1a202c!important;font-weight:700!important;margin:0!important;font-size:24px!important}.page-header-subtitle{color:#718096;font-size:16px;margin-top:4px}.custom-modal-title{display:flex;align-items:center;gap:16px}.custom-modal-icon{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 4px 12px #ef444466}.custom-modal-heading{color:#111827!important;font-weight:600!important;margin:0!important;font-size:20px!important;line-height:1.2!important}.custom-modal-subheading{color:#6b7280;font-size:14px;margin-top:2px}.filter-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 20px 30px;border-radius:12px;box-shadow:0 8px 25px #00000012;margin-bottom:20px;border:1px solid rgba(255,255,255,.2)}.filter-container{max-width:1400px;margin:0 auto}.filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;align-items:end}.filter-item{display:flex;flex-direction:column;gap:12px}.filter-item label{font-weight:600;color:#2d3748;font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.labeltext{font-size:14px!important;font-weight:600!important;color:#2d3748!important;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.view-toggle{position:fixed;bottom:32px;right:32px;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px;border-radius:50px;box-shadow:0 10px 30px #00000026;border:1px solid rgba(255,255,255,.2)}.grid-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin-bottom:100px;border:1px solid rgba(255,255,255,.2)}.grid-container,.grid-container.mobile,.grid-container.web{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;max-width:1000px;margin:0 auto;justify-content:center}.category-card{border-radius:16px;overflow:hidden;transition:box-shadow .3s;box-shadow:0 4px 16px #00000014;border:1px solid #eee;background:#fff;display:flex;flex-direction:column;min-width:0;height:100%}.category-image{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f8f9fa;display:block}.category-card .ant-card-body,.category-card .ant-card-meta{flex:1 1 auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:12px 8px 0;min-width:0;text-align:left}.category-card .ant-card-meta-title{font-size:1rem;font-weight:600;color:#2d3748;margin-bottom:4px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;width:100%}.category-details{font-size:.95rem;color:#4a5568;text-align:left;margin-top:2px;width:100%}.ant-card-actions{background:none;border-top:1px solid #eee;padding:8px 0;margin:0;border-radius:0 0 16px 16px;display:flex;gap:8px;justify-content:center;align-items:center}.ant-card-actions li{margin:0;width:auto;padding:0;border-radius:8px;overflow:hidden;flex:1 1 0;display:flex;justify-content:center}.ant-card-actions li button{width:100%;min-width:100px;font-size:.95rem;font-weight:600;padding:8px 0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:6px}.ant-card-actions li:first-child button{background:#1976d2!important;color:#fff!important;box-shadow:0 4px 12px #1976d24d}.ant-card-actions li:first-child button:hover{background:#115293!important;transform:translateY(-2px);box-shadow:0 8px 20px #1976d266}.ant-card-actions li:first-child button .anticon{color:#fff!important}.ant-card-actions li:last-child button{background:#dc3545!important;color:#fff!important;box-shadow:0 4px 12px #dc35454d}.ant-card-actions li:last-child button:hover{background:#c82333!important;transform:translateY(-2px);box-shadow:0 8px 20px #dc354566}.ant-card-actions li:last-child button .anticon{color:#fff!important}.category-card.mobile .ant-card-actions{padding:8px;gap:6px}.category-card.mobile .ant-card-actions li button{padding:6px 10px;font-size:12px;min-width:70px}.category-card.mobile .ant-card-actions li button .anticon{font-size:14px}.category-card.mobile .ant-card-actions li:first-child button{background:#1976d2!important;color:#fff!important}.category-card.mobile .ant-card-actions li:first-child button:hover{background:#115293!important}.category-card.mobile .ant-card-actions li:last-child button{background:#dc3545!important;color:#fff!important}.category-card.mobile .ant-card-actions li:last-child button:hover{background:#c82333!important}.category-card.web .ant-card-actions{padding:-8px;gap:0px}.category-card.web .ant-card-actions li button{padding:6px 10px;font-size:14px;min-width:50%}.category-card.web .ant-card-actions li button .anticon{font-size:16px}.category-card.web .ant-card-actions li:first-child button{background:#1976d2!important;color:#fff!important}.category-card.web .ant-card-actions li:first-child button:hover{background:#115293}.category-card.web .ant-card-actions li:last-child button{background:#dc3545!important;color:#fff!important}.category-card.web .ant-card-actions li:last-child button:hover{background:#c82333}.ant-card-actions li button .anticon{transition:transform .3s ease}.ant-card-actions li button:hover .anticon{transform:scale(1.2)}.dropdown{width:98%!important;background-color:transparent;margin-left:-0px!important}.ant-radio-button-wrapper{padding:0 24px;height:40px;line-height:38px;background:#ffffffe6;border:1px solid rgba(226,232,240,.8);color:#4a5568;font-weight:500;border-radius:20px;transition:all .3s ease}.ant-radio-button-wrapper:first-child{border-radius:20px 0 0 20px}.ant-radio-button-wrapper:last-child{border-radius:0 20px 20px 0}.ant-radio-button-wrapper-checked{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}.ant-radio-button-wrapper-checked:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;color:#fff}.ant-select{width:100%}.ant-select-selector{border-radius:12px!important;height:48px!important;display:flex!important;align-items:center!important;border:2px solid rgba(226,232,240,.8)!important;background:#ffffffe6!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000000d!important}.ant-select-selection-search{height:44px!important;display:flex!important;align-items:center!important}.ant-select-selection-placeholder{line-height:44px!important;color:#a0aec0!important;font-weight:500!important}.ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #667eea33!important;border-color:#667eea!important;transform:translateY(-2px)}.ant-select-item{padding:12px 16px!important;border-radius:8px!important;margin:4px 8px!important;transition:all .2s ease!important}.ant-select-item:hover{background-color:#667eea1a!important}.ant-select-item-option-selected{background:linear-gradient(135deg,#ebf8ff,#bee3f8)!important;font-weight:600!important;color:#2b6cb0!important}.ant-select-dropdown{padding:12px 0!important;border-radius:16px!important;box-shadow:0 20px 40px #00000026!important;border:1px solid rgba(226,232,240,.8)!important;background:#fffffff2!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.ant-card-meta-title{font-size:18px!important;font-weight:700!important;margin-bottom:12px!important;color:#2d3748;line-height:1.3!important;text-align:left!important}.ant-card-meta-description{color:#4a5568;line-height:1.5!important;text-align:left!important}.ant-modal{border-radius:20px;overflow:hidden}.edit-category-modal .ant-modal{width:1100px!important}.ant-modal-content{border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.ant-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;padding:24px 32px}.ant-modal-title{color:#fff;font-weight:700;font-size:20px}.ant-modal-body{padding:32px}.ant-modal-footer{padding:24px 32px;border-top:1px solid rgba(226,232,240,.8);background:#f7fafccc}.ant-form-item-label>label{font-weight:600;color:#2d3748;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.ant-input{border-radius:12px;height:48px;border:2px solid rgba(226,232,240,.8);background:#ffffffe6;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.ant-input:focus,.ant-input-focused{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;transform:translateY(-2px)}.ant-btn{border-radius:12px;height:48px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);border-color:#5a67d8;transform:translateY(-2px);box-shadow:0 8px 20px #667eea99}.ant-btn-default{border-color:#e2e8f0cc;color:#4a5568;background:#ffffffe6}.ant-btn-default:hover{color:#667eea;border-color:#667eea;background:#667eea1a;transform:translateY(-2px)}.ant-upload{border-radius:12px;border:2px dashed rgba(102,126,234,.3);background:#667eea0d;transition:all .3s ease}.ant-upload:hover{border-color:#667eea;background:#667eea1a}.ant-upload-drag{border-radius:12px;background:#667eea0d}.ant-modal-confirm-body .ant-modal-confirm-title{font-weight:700;color:#2d3748;font-size:18px}.ant-modal-confirm-body .ant-modal-confirm-content{color:#4a5568;margin-top:12px;font-size:14px;line-height:1.6}.ant-modal-confirm-btns .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.ant-modal-confirm-btns .ant-btn-default{border-color:#e2e8f0cc;color:#4a5568;background:#ffffffe6}.ant-modal-confirm-btns .ant-btn-default:hover{color:#667eea;border-color:#667eea;background:#667eea1a}.ant-empty{padding:60px 0}.ant-empty-description{color:#4a5568;font-size:16px;font-weight:500}.ant-spin{color:#667eea}.ant-spin-dot-item{background-color:#667eea}@media (max-width: 768px){.edit-category-page{padding:16px}.filter-section{padding:20px}.filter-row{grid-template-columns:1fr;gap:16px}.grid-section{padding:20px}.grid-container.mobile{grid-template-columns:1fr}.view-toggle{bottom:20px;right:20px}.category-card.mobile{max-width:none}}@media (max-width: 480px){.filter-section,.grid-section{padding:16px}.ant-modal-body,.ant-modal-header,.ant-modal-footer{padding:20px}}.edit-category-modal .ant-modal-content{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:16px;width:1000px!important}.edit-category-modal .ant-modal-header{background-color:#f7fafc;border-bottom:none;padding:24px;border-radius:8px 8px 0 0;border-top:none}.edit-category-modal .ant-modal-title{color:#482d43;font-weight:700;font-size:24px}.edit-category-modal .ant-modal-body{padding:24px}.edit-category-modal .ant-modal-footer{border-top:1px solid #f0f0f0;padding:16px 24px;background:#f7fafc;border-radius:0 0 16px 16px;text-align:right}.edit-category-modal .ant-form-item-label>label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase}.edit-category-modal .ant-form-item-label>label:before{content:"*";color:#ef4444;margin-right:4px}.edit-category-modal .ant-form-item{margin-bottom:24px}.image-uploader .ant-upload-drag{background:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;padding:24px;text-align:center;transition:border-color .3s;height:auto}.image-uploader .ant-upload-drag:hover{border-color:#6365f1}.upload-button{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 16px;font-weight:500;color:#374151;transition:all .2s}.upload-button:hover{border-color:#6366f1;color:#2f2f4e}.image-preview-container{margin-top:16px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014;position:relative}.image-preview{width:100%;height:auto;display:block}.modal-update-btn{background-color:#4f46e5!important;border-color:#4f46e5!important;border-radius:8px;height:44px;padding:0 24px;font-weight:600;font-size:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-update-btn:hover{background-color:#4338ca!important;border-color:#4338ca!important}.modal-cancel-btn{border-radius:8px;height:44px;padding:0 24px;font-weight:600;font-size:16px;border:1px solid #d1d5db;color:#374151}.modal-cancel-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.edit-icon-wrapper{background:#eef2ff;color:#4f46e5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:none}.edit-category-modal .ant-input{border-radius:6px;border-color:#e2e8f0}.edit-category-form-modal .ant-modal-content{background:#fff;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-radius:16px;border-top:3px solid #ef4444}.edit-category-form-modal .ant-modal-header{background-color:#f7fafc;border-bottom:1px solid #f0f0f0;padding:24px;border-radius:16px 16px 0 0}.edit-category-form-modal .ant-modal-title{color:#111827;font-weight:700;font-size:24px;font-family:SimSun,sans-serif}.edit-category-form-modal .ant-modal-body{padding:24px 32px 32px}.edit-category-form-modal .ant-modal-footer{border-top:1px solid #f0f0f0;padding:16px 24px;background:#f7fafc;border-radius:0 0 16px 16px;text-align:right}.edit-category-form-modal .ant-form-item-label>label{font-weight:600;color:#374151;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.edit-category-form-modal .ant-form-item-label>label.ant-form-item-required:before{content:"*";color:#ef4444;margin-right:4px;font-family:SimSun,sans-serif}.edit-category-form-modal .ant-form-item{margin-bottom:24px}.edit-category-form-modal .ant-input,.edit-category-form-modal .ant-select-selector{border:1px solid #d1d5db!important;border-radius:8px!important;padding:0 16px!important;height:50px!important;font-size:16px!important;color:#111827!important;background-color:#fff!important;transition:all .2s ease!important}.edit-category-form-modal .ant-input::placeholder,.edit-category-form-modal .ant-select-selection-placeholder{color:#9ca3af}.edit-category-form-modal .ant-input:focus,.edit-category-form-modal .ant-input:hover,.edit-category-form-modal .ant-select-selector:hover,.edit-category-form-modal .ant-select-focused .ant-select-selector{border-color:#4f46e5!important;box-shadow:0 0 0 3px #4f46e533!important}.edit-category-form-modal .ant-select-selection-item{font-size:16px!important;color:#111827!important;line-height:48px!important}.edit-icon-wrapper{background:#eef2ff;color:#4f46e5;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.edit-modal-title{display:flex;align-items:center;gap:12px}.dropdowncsss{width:100%!important;margin-left:-0px!important}.category-action-btn{flex:1;min-width:70px;font-size:12px;font-weight:600;border:none;border-radius:12px;padding:10px 0;margin:0;box-shadow:0 4px 12px #3182ce14;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;height:40px}.category-action-btn.web{min-width:160px;font-size:14px;padding:12px 0;height:44px}.category-action-btn.edit-btn{background:#1976d2;color:#fff}.category-action-btn.edit-btn:hover{background:#115293;box-shadow:0 8px 20px #1976d22e}.category-action-btn.delete-btn{background:#dc3545;color:#fff}.category-action-btn.delete-btn:hover{background:#c82333;box-shadow:0 8px 20px #dc35452e}.category-actions-row{display:flex;flex-direction:row;gap:8px;justify-content:flex-start;align-items:stretch;width:100%;margin:0;padding:8px;box-sizing:border-box}.category-details{margin-top:4px;text-align:left;width:100%}.category-detail-row{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 0 0}.category-detail-label{font-size:12px!important;font-weight:600!important;color:#718096!important;margin-bottom:0}.category-detail-value{font-size:14px!important;color:#2d3748!important;font-weight:700!important;margin-bottom:0}.category-card .ant-card-actions li:first-child button,.category-card.mobile .ant-card-actions li:first-child button,.category-card.web .ant-card-actions li:first-child button{background:#1976d2!important;color:#fff!important}.category-card .ant-card-actions li:last-child button,.category-card.mobile .ant-card-actions li:last-child button,.category-card.web .ant-card-actions li:last-child button{background:#dc3545!important;color:#fff!important}.edit-btn{background-color:#1976d2!important;color:#fff!important;width:100px!important;height:38px!important}.edit-btn:hover{background:#115293!important}.delete-btn{background:#dc3545!important;color:#fff!important;height:38px!important}.delete-btn:hover{background:#c82333!important}.float-refresh-button{position:fixed;top:140px;right:60px;width:56px;height:56px;border-radius:50%;background:#3b82f6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.float-refresh-button:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 8px #00000026;background:#2563eb}.float-refresh-button:active{transform:translateY(0) scale(.95);box-shadow:0 2px 4px #0000001a}.float-refresh-button svg{width:24px;height:24px}.spinning{animation:spin 1s linear infinite}.tooltip{position:absolute;top:-40px;right:0;background:#1e293b;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease}.float-refresh-button:hover .tooltip{opacity:1;visibility:visible}.tooltip:after{content:"";position:absolute;bottom:-4px;right:24px;width:8px;height:8px;background:#1e293b;transform:rotate(45deg)}.error-boundary{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa;padding:20px}.error-content{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;width:100%}.error-content h2{color:#dc3545;margin-bottom:15px}.error-content p{color:#6c757d;margin-bottom:20px}.error-content details{margin-bottom:20px;background-color:#f8f9fa;padding:10px;border-radius:4px}.error-content summary{cursor:pointer;color:#495057;font-weight:500}.retry-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.retry-button:hover{background-color:#0056b3}.groups-creation-container{width:98%;min-height:100vh;padding:12px;background:#f8f9fa;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:flex-start}.groups-table-container{width:100%;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px}.groups-search-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.groups-search-box{flex:1;max-width:400px}.groups-search-input-wrapper{position:relative;display:flex;align-items:center}.groups-search-icon-wrapper{position:absolute;left:12px;display:flex;align-items:center;color:#6b7280}.groups-search-input{width:100%;padding:10px 40px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.groups-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.groups-search-clear-wrapper{position:absolute;right:12px;cursor:pointer;color:#6b7280;transition:color .2s ease}.groups-search-clear-wrapper:hover{color:#ef4444}.add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.groups-table{width:100%;border-collapse:collapse;margin-top:20px}.groups-table th,.groups-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.groups-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.groups-table td{color:#4b5563;font-size:14px}.groups-table tr:hover{background:#f9fafb}.edit-button,.delete-button{padding:8px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0 4px}.edit-button{background:#eef2ff;color:#4f46e5}.edit-button:hover{background:#e0e7ff;color:#4338ca;transform:translateY(-1px);box-shadow:0 2px 4px #4f46e51a}.delete-button{background:#fee2e2;color:#ef4444}.delete-button:hover{background:#fecaca;color:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44441a}.groups-table td:last-child{text-align:center;white-space:nowrap;width:120px}.groups-table td:last-child .actions-wrapper{display:flex;align-items:center;justify-content:center;gap:4px}.edit-button[title],.delete-button[title]{position:relative}.edit-button[title]:hover:after,.delete-button[title]:hover:after{content:attr(title);position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10}.group-form-container{width:100%;max-width:600px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px;margin:0 auto}.group-form-container h2{color:#1f2937;font-size:20px;font-weight:600;margin-bottom:24px}.form-group .name{font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-actions{display:flex;gap:12px;margin-top:24px}.submit-button,.cancel-button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-button{background:#3b82f6;color:#fff;border:none}.submit-button:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 6px #2563eb33}.cancel-button{background:#fff;color:#6b7280;border:1px solid #e5e7eb}.cancel-button:hover{background:#f9fafb;color:#4b5563}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#6b7280}.spinner{animation:spin 1s linear infinite;margin-bottom:12px;font-size:24px;color:#3b82f6}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#ef4444}.error-message{margin-bottom:16px;text-align:center}.retry-button{padding:8px 16px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#dc2626}.no-groups{text-align:center;padding:40px;color:#6b7280}.popup-message{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:6px;display:flex;align-items:center;gap:12px;font-size:14px;z-index:1000;animation:slideIn .3s ease-out}.popup-message.success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.popup-message.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.popup-close{margin-left:auto;cursor:pointer;opacity:.7;transition:opacity .2s ease}.button-loader{display:flex;align-items:center;gap:8px}.button-loader .spinner{margin:0;font-size:14px}@media (max-width: 768px){.groups-search-wrapper{flex-direction:column;align-items:stretch}.groups-search-box{max-width:none}.add-button{width:100%;justify-content:center}.groups-table{display:block;overflow-x:auto}.form-actions{flex-direction:column}.submit-button,.cancel-button{width:100%}}.cb-container{margin-top:-30px;padding:px;background-color:#f8fafc;min-height:100vh}.cb-layout{display:flex;gap:24px;margin-top:24px}.cb-sidebar{width:30%;background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.cb-main{width:70%;background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.cb-form-container{max-width:100%}.cb-form-row{display:flex;gap:24px;margin-bottom:24px}.cb-form-group{flex:1;display:flex;flex-direction:column;margin-left:0;background:#fff;width:100%}.cb-form-group2{flex:1;display:flex;flex-direction:column;margin-left:-10px;background:#fff;width:100%}.cb-form-group2 .ant-input{height:40px!important;padding:4px 12px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;font-size:14px!important;transition:all .2s ease!important}.cb-form-group2 .ant-input:hover{border-color:#94a3b8!important}.cb-form-group2 .ant-input:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.cb-form-group2 .ant-input::placeholder{color:#94a3b8!important}.cb-form-group2 .ant-input[type=number]{-moz-appearance:textfield}.cb-form-group2 .ant-input[type=number]::-webkit-outer-spin-button,.cb-form-group2 .ant-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cb-form-label{display:flex;gap:6px;margin-left:12px;margin-bottom:8px!important;font-weight:500;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.cb-select{width:100%!important}.cb-select .ant-select-selector{height:40px!important;padding:4px 12px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;background-color:#fff!important;transition:all .2s ease!important;width:100%!important}.cb-select2{margin-left:-0px!important;width:102%!important}.cb-select .ant-select-selection-item{line-height:32px!important;padding:0 4px!important}.cb-select .ant-select-selection-placeholder{line-height:32px!important;padding:0 4px!important;color:#a0b0c7!important;opacity:1!important;font-size:14px!important}.cb-select .ant-select-arrow{color:#64748b!important}.cb-select:hover .ant-select-selector{border-color:#94a3b8!important}.cb-select.ant-select-focused .ant-select-selector{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f61a!important}.cb-price-input-group{display:flex;gap:8px}.cb-price-input-group .ant-input{height:40px;border:1px solid #e2e8f0;border-radius:6px;padding:4px 12px;transition:all .2s ease}.cb-price-input-group .ant-input:hover{border-color:#94a3b8}.cb-price-input-group .ant-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cb-image-upload-section{margin-top:24px}.cb-upload-container{border:2px dashed #e2e8f0;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.cb-upload-container:hover{border-color:#94a3b8}.cb-upload-button{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px}.cb-upload-icon{font-size:24px;color:#64748b}.cb-upload-text{font-size:14px;font-weight:500;color:#1e293b}.cb-upload-hint{font-size:12px;color:#64748b}.cb-image-preview{position:relative;display:inline-block}.cb-preview-image{max-width:100%;max-height:200px;border-radius:6px}.cb-remove-image{position:absolute;top:8px;right:8px;background:#00000080;color:#fff;border:none;border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .2s ease}.cb-remove-image:hover{background:#000000b3}.cb-submit-button{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:12px 24px;font-weight:500;cursor:pointer;transition:all .2s ease}.cb-submit-button:hover{background-color:#2563eb}.cb-submit-button:disabled{background-color:#94a3b8;cursor:not-allowed}.cb-popup-message{position:fixed;top:24px;right:24px;padding:16px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;z-index:1000;animation:slideIn .3s ease}.cb-popup-message.success{background-color:#dcfce7;color:#166534}.cb-popup-message.error{background-color:#fee2e2;color:#991b1b}.cb-popup-icon{font-size:20px}.cb-popup-close{margin-left:auto;cursor:pointer;opacity:.7;transition:opacity .2s ease}.cb-popup-close:hover{opacity:1}.cb-loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.cb-panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.cb-panel-actions{display:flex;gap:8px}.cb-select-all-btn,.cb-clear-all-btn{padding:4px 8px;border:1px solid #e2e8f0;border-radius:4px;background:#fff;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s ease}.cb-select-all-btn:hover,.cb-clear-all-btn:hover{background:#f8fafc;border-color:#94a3b8}.cb-selected-categories-section{margin-bottom:24px}.cb-selected-categories-section h3{margin-bottom:16px;color:#1e293b;font-size:16px;font-weight:500}.outerline{padding-top:16px;padding-left:16px;padding-right:16px;margin-bottom:10px;border:1px solid #e2e8f0;border-radius:8px}.cb-selected-categories-grid{display:grid;gap:16px}.cb-selected-categories-container{display:flex;flex-wrap:wrap;gap:8px}.cb-selected-category-item{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f6f6f6;border-radius:4px;font-size:13px;color:#1e293b}.cb-delete-category-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.cb-delete-category-btn:hover{color:#ef4444}.cb-sidebar .ant-collapse-content{max-height:400px;overflow-y:auto}.cb-sidebar .ant-collapse-content::-webkit-scrollbar{width:6px}.cb-sidebar .ant-collapse-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.cb-sidebar .ant-collapse-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.cb-sidebar .ant-collapse-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.create-banners-container{padding:0;height:100vh;background-color:#fff;position:relative;display:flex;flex-direction:column;overflow:hidden}.create-banners-header{display:flex;align-items:center;margin-bottom:30px;gap:20px;flex-shrink:0}.create-banners-header h1{margin:0;font-size:24px;color:#333}.back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;font-size:14px;color:#333;transition:background-color .2s}.back-button:hover{background-color:#e0e0e0}.create-banners-layout{display:flex;gap:0;max-width:100vw;margin:0;flex:1;overflow:hidden;height:100vh}.create-banners-sidebar{width:320px;min-width:260px;max-width:400px;background:#fff;border-right:1px solid #eee;padding:20px 12px 20px 20px;border-radius:0;box-shadow:none;height:100vh;overflow-y:auto;position:sticky;top:0}.create-banners-main{flex:1;background-color:#fafbfc;padding:0 24px;border-radius:0;box-shadow:none;height:100vh;overflow-y:auto;overflow-x:hidden;position:relative;min-width:0;display:flex;flex-direction:column;max-width:1000px}.create-banners-main::-webkit-scrollbar{width:6px}.create-banners-main::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.create-banners-main::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.create-banners-main::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.banner-form-container{width:100%;max-width:900px;margin:0 auto;padding:0;flex:1;display:flex;flex-direction:column;justify-content:flex-start;overflow-x:hidden}.banner-form-container form{height:100%;display:flex;flex-direction:column;max-width:100%;overflow-x:hidden}.banner-form-row,.selected-categories-section,.banner-image-upload-section,.banner-form-group{background-color:#fff;border-radius:8px;border:1px solid #e8e8e8;padding:12px;margin-left:12px;margin-bottom:4px;font-weight:600;color:#1e293b;font-size:16px;letter-spacing:.5px}.selected-categories-section{flex-shrink:0;width:100%;gap:6px;margin-left:12px;margin-bottom:4px;font-weight:500;color:#2b384d;font-size:12px;letter-spacing:.5px}.selected-categories-section h3{margin:0 0 12px;color:#333;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.selected-categories-section h3:after{content:"";flex:1;margin-left:12px;height:1px;background-color:#e8e8e8}.selected-categories-grid{background-color:#fafafa;border-radius:4px;padding:8px}.selected-categories-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;width:100%}.banner-form-row{display:flex;gap:20px;margin-bottom:20px}.banner-form-group{flex:1}.banner-image-upload-section{margin-bottom:20px}.banner-image-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;width:100%}.form-actions{margin-top:auto;padding-top:20px;flex-shrink:0}.create-banners-form{display:flex;flex-direction:column;gap:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input[type=text],.form-group input[type=url],.form-group input[type=date],.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group textarea{min-height:100px;resize:vertical}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px}.banner-image-upload-section .banner-form-group[style*="width: 100%"] .banner-upload-container{border:2px dashed #d9d9d9;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;height:300px;display:flex;align-items:center;justify-content:center;background-color:#fff}.banner-image-upload-section .banner-form-group[style*="width: 100%"] .banner-preview-image{width:100%;height:250px;object-fit:contain;border-radius:8px;margin-top:10px}.banner-upload-container{border:2px dashed #d9d9d9;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;height:250px;display:flex;align-items:center;justify-content:center;background-color:#fff}.banner-preview-image{width:100%;height:200px;object-fit:contain;border-radius:8px;margin-top:10px}.upload-area{display:flex;flex-direction:column;align-items:center;gap:10px}.upload-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.upload-button:hover{background-color:#40a9ff}.image-preview{position:relative;display:inline-block;width:100%;height:100%}.image-preview img{width:100%;height:200px;object-fit:contain;border-radius:4px}.remove-image{position:absolute;top:10px;right:10px;background-color:#ffffffe6;border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ff4d4f;transition:background-color .2s}.remove-image:hover{background-color:#fff}.submit-button{padding:12px 24px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.submit-button:hover{background-color:#40a9ff}.submit-button:disabled{background-color:#d9d9d9;cursor:not-allowed}.ant-collapse{border:none;background:transparent}.ant-collapse-item{border:1px solid #f5f5f5!important;border-radius:8px;margin-bottom:12px;overflow:hidden;background-color:#fff!important}.ant-collapse-header{font-weight:500!important;color:#333!important;padding:12px 16px!important;background-color:#fafafa!important}.ant-collapse-content{border-top:1px solid #f0f0f0!important;background-color:#fff!important}.ant-checkbox-group{display:flex;flex-direction:column;gap:8px;padding:12px 16px;background-color:#fff!important}.ant-checkbox-wrapper{margin-left:0!important;padding:4px 0;color:#333!important}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:#1890ff!important}.ant-checkbox-checked .ant-checkbox-inner{background-color:#1890ff!important;border-color:#1890ff!important}.ant-checkbox-inner{border-color:#d9d9d9!important;background-color:#fff!important}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff!important}.ant-checkbox:hover .ant-checkbox-inner{border-color:#1890ff!important}.ant-checkbox-input:focus+.ant-checkbox-inner{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.create-banners-container .ant-select{width:100%}.create-banners-container .ant-select-selector{height:40px!important;padding:4px 11px!important;border:1px solid #d9d9d9!important;border-radius:6px!important;background-color:#fff!important;transition:all .3s ease!important}.create-banners-container .ant-select-selection-placeholder{line-height:32px!important;color:#64748b!important;opacity:1!important;font-size:14px!important}.create-banners-container .ant-select-selection-item{line-height:32px!important;color:#1e293b!important}.create-banners-container .ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.create-banners-container .ant-select-item{padding:8px 12px!important;color:#333!important;font-size:14px!important;line-height:22px!important;cursor:pointer!important;transition:background .3s ease!important}.create-banners-container .ant-select-item:hover{background-color:#f5f5f5!important}.create-banners-container .ant-select-item-option-selected{background-color:#e6f7ff!important;color:#1890ff!important;font-weight:500!important}.create-banners-container .ant-select-item-option-content{color:#333!important}.create-banners-container .ant-select-dropdown{padding:4px 0!important;border-radius:8px!important;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d!important;background-color:#fff!important}.create-banners-container .ant-select-arrow{color:#999!important;font-size:12px!important;transition:transform .3s ease!important}.create-banners-container .ant-select-open .ant-select-arrow{transform:rotate(180deg)!important}.create-banners-container .ant-select-clear{color:#999!important;font-size:12px!important;background:#fff!important;right:24px!important}.create-banners-container .ant-select-clear:hover{color:#ff4d4f!important}.ant-float-btn{right:24px;bottom:24px}.ant-float-btn-icon{font-size:20px}.ant-spin{display:flex;justify-content:center;align-items:center;min-height:200px}.ant-input-search{width:100%;margin-bottom:12px}.ant-input-search .ant-input{border-radius:4px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .3s}.ant-input-search .ant-input:hover{border-color:#40a9ff}.ant-input-search .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.ant-input-search .ant-input::placeholder{color:#bfbfbf}.ant-input-clear-icon{color:#999;font-size:14px;transition:color .3s;opacity:.8}.ant-input-clear-icon:hover{color:#ff4d4f;opacity:1}.ant-input-affix-wrapper:hover .ant-input-clear-icon,.ant-input-affix-wrapper-focused .ant-input-clear-icon{opacity:1}.labinof{display:flex;align-items:center;gap:6px;margin-left:0;margin-bottom:16px;font-weight:600;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding-bottom:8px;width:100%}.create-banners-sidebar .ant-input{font-size:15px;font-family:inherit;color:#333;border-radius:6px;border:1px solid #d9d9d9;padding:8px 12px}.create-banners-sidebar .ant-input::placeholder{color:#bfbfbf;font-size:15px;font-family:inherit;opacity:1}.panel-header{display:flex;justify-content:space-between;align-items:center;width:100%}.clear-all-btn{background:none;border:1px solid #d9d9d9;color:#1890ff;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.clear-all-btn:hover{background-color:#e6f7ff;border-color:#1890ff;color:#40a9ff}.panel-actions{display:flex;gap:8px;align-items:center}.select-all-btn{background:none;border:1px solid #d9d9d9;color:#52c41a;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:4px;transition:all .3s ease}.select-all-btn:hover{background-color:#f6ffed;border-color:#52c41a;color:#73d13d}.selected-category-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:#fff;border:1px solid #e8e8e8;border-radius:4px;font-size:12px;transition:all .3s ease}.selected-category-item:hover{border-color:#1890ff;box-shadow:0 2px 4px #0000000d}.selected-category-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.delete-category-btn{display:flex;align-items:center;justify-content:center;padding:3px;background:none;border:none;color:#ff4d4f;cursor:pointer;transition:all .3s ease;opacity:.7}.delete-category-btn:hover{color:#ff7875;opacity:1}.delete-category-btn svg{width:12px;height:12px}.popup-message{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:4px;display:flex;align-items:center;gap:12px;z-index:1000;box-shadow:0 2px 8px #00000026;animation:slideIn .3s ease-out;max-width:400px}.popup-message .popup-icon{font-size:16px;flex-shrink:0}.popup-message span{flex:1;font-size:14px;line-height:1.5}.popup-message .popup-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s}.popup-message .popup-close:hover{opacity:1}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-overlay .loader{color:#fff}.create-banners-container .banner-select{width:100%}.create-banners-container .banner-select .ant-select-selector{height:40px!important;padding:4px 11px!important;border:1px solid #d9d9d9!important;border-radius:6px!important;background-color:#fff!important;transition:all .3s ease!important}.create-banners-container .banner-select .ant-select-focused .ant-select-selector{border-color:#1890ff!important;box-shadow:0 0 0 2px #1890ff33!important}.create-banners-container .banner-select:hover .ant-select-selector{border-color:#40a9ff!important}.create-banners-container .banner-select .ant-select-selection-item{line-height:32px!important;color:#333!important;font-size:14px!important}.create-banners-container .banner-select .ant-select-selection-placeholder{line-height:32px!important;color:#64748b!important;opacity:1!important;font-size:14px!important}.create-banners-container .banner-select .ant-select-dropdown{padding:4px 0!important;border-radius:8px!important;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d!important;background-color:#fff!important}.create-banners-container .banner-select .ant-select-item{padding:8px 12px!important;color:#333!important;font-size:14px!important;line-height:22px!important;cursor:pointer!important;transition:background .3s ease!important}.create-banners-container .banner-select .ant-select-item:hover{background-color:#f5f5f5!important}.create-banners-container .banner-select .ant-select-item-option-selected{background-color:#e6f7ff!important;color:#1890ff!important;font-weight:500!important}.create-banners-container .banner-select .ant-select-item-option-active{background-color:#f5f5f5!important}.create-banners-container .banner-select .ant-select-arrow{color:#999!important;font-size:12px!important;transition:transform .3s ease!important}.create-banners-container .banner-select.ant-select-open .ant-select-arrow{transform:rotate(180deg)!important}.create-banners-container .banner-select .ant-select-clear{color:#999!important;font-size:12px!important;background:#fff!important;right:24px!important}.create-banners-container .banner-select .ant-select-clear:hover{color:#ff4d4f!important}.banner-price-input-group{display:flex;gap:12px;width:100%}.banner-price-input-group .ant-input{flex:1;height:40px;padding:4px 11px;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;transition:all .3s ease}.banner-price-input-group .ant-input:hover{border-color:#40a9ff}.banner-price-input-group .ant-input:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.banner-price-input-group .ant-input::placeholder{color:#bfbfbf}.banner-form-group .ant-picker{width:100%;height:40px;border:1px solid #d9d9d9;border-radius:6px;transition:all .3s ease}.banner-form-group .ant-picker:hover{border-color:#40a9ff}.banner-form-group .ant-picker-focused{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.banner-form-group .ant-picker-input>input{font-size:14px;color:#333}.banner-form-group .ant-picker-input>input::placeholder{color:#bfbfbf}.banner-form-group .ant-picker-suffix{color:#999}.banner-form-group .ant-picker-clear{color:#999;background:#fff}.banner-form-group .ant-picker-clear:hover{color:#ff4d4f}.banner-form-group .ant-switch{min-width:44px;height:22px;background-color:#00000040;border-radius:11px;transition:all .3s ease}.banner-form-group .ant-switch-checked{background-color:#1890ff}.banner-form-group .ant-switch-handle{width:18px;height:18px;top:2px;left:2px;transition:all .3s ease}.banner-form-group .ant-switch-checked .ant-switch-handle{left:calc(100% - 20px)}.banner-form-group .ant-switch-handle:before{background-color:#fff;box-shadow:0 2px 4px #00230b33}.create-banners-container .banner-form-container{padding:28px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.create-banners-container .banner-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.create-banners-container .banner-form-row{display:flex;gap:20px;margin-bottom:20px}.create-banners-container .banner-form-group{flex:1;margin-bottom:0;background-color:#fff;padding:8px}.create-banners-container .banner-form-label{display:flex;gap:6px;margin-left:12px;margin-bottom:4px;font-weight:500;color:#1e293b;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.create-banners-container .banner-price-input-group{display:flex;gap:20px;align-items:center}.create-banners-container .banner-price-input-group .ant-input,.create-banners-container .banner-price-input-group .ant-select{flex:1}.create-banners-container .banner-image-upload-section{margin-top:20px;margin-left:0;width:98%}.create-banners-container .banner-image-upload-grid{display:grid;grid-template-columns:215px 215px;gap:20px;justify-content:start}.create-banners-container .banner-upload-container{border:2px dashed #d9d9d9;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s;min-height:190px;display:flex;align-items:center;justify-content:center;background-color:#fff}.create-banners-container .banner-upload-container:hover{border-color:#000}.create-banners-container .banner-upload-icon{font-size:24px;color:#000;margin-bottom:8px}.create-banners-container .banner-upload-text{color:#000;margin-bottom:8px}.create-banners-container .banner-upload-hint{color:#000;font-size:12px;opacity:.6}.create-banners-container .banner-preview-image{width:100%;height:200px;object-fit:cover;border-radius:8px;margin-top:10px}.create-banners-container .banner-submit-button{padding:12px 24px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.create-banners-container .banner-submit-button:hover{background-color:#40a9ff}.create-banners-container .banner-submit-button:disabled{background-color:#d9d9d9;cursor:not-allowed}@media (max-width: 768px){.create-banners-container .banner-form-grid,.create-banners-container .banner-image-upload-grid{grid-template-columns:1fr}.create-banners-container .banner-form-row{flex-direction:column}}.cb-image-upload-section.card-view{display:flex;gap:24px;margin-bottom:24px}.cb-card-upload-container{background:#fff;border:1.5px dashed #e0e0e0;border-radius:14px;box-shadow:0 2px 8px #3c3c3c12;min-height:220px;display:flex;align-items:center;justify-content:center;position:relative;transition:box-shadow .2s,border-color .2s,transform .15s;cursor:pointer;width:100%;max-width:320px;margin:0 auto}.cb-card-upload-container:hover{box-shadow:0 8px 24px #1890ff21;border-color:#1890ff;background:linear-gradient(135deg,#f0f7ff,#fff);transform:scale(1.025)}.cb-card-upload-container.drag-over{border-color:#40a9ff;background:linear-gradient(135deg,#e6f7ff,#fff)}.cb-card-upload-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:180px;cursor:pointer;color:#888;font-size:16px;background:transparent;border:none;transition:color .2s}.cb-card-upload-button .cb-upload-icon{font-size:36px;margin-bottom:10px;color:#1890ff}.cb-card-upload-button .cb-upload-text{font-size:15px;font-weight:600;color:#22223b;margin-bottom:2px;letter-spacing:.2px}.cb-card-upload-button .cb-upload-hint{font-size:12px;color:#8a8a8a;margin-top:2px}.cb-card-image-preview{position:relative;width:100%;height:180px;display:flex;align-items:center;justify-content:center}.cb-card-preview-image{max-width:100%;max-height:100%;border-radius:10px;object-fit:cover;box-shadow:0 2px 12px #1890ff14;background:#f8f8f8}.cb-remove-image{position:absolute;top:10px;right:10px;background:#fff;border:1px solid #eee;border-radius:50%;color:#ff4d4f;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.92;z-index:2;transition:background .2s,color .2s,opacity .2s}.cb-remove-image:hover{background:#ffeaea;color:#d9363e;opacity:1}@media (max-width: 700px){.cb-image-upload-section.card-view{flex-direction:column;gap:16px}.cb-card-upload-container{max-width:100%;min-width:0}}.banner-list-container{display:flex;height:100vh;background-color:#f5f7fa}.banner-list-rhs{width:320px;padding:16px;overflow-y:auto;height:100vh;border-right:1px solid #e8e8e8;background-color:#fff}.banner-list-lhs{flex:1;padding:12px;overflow-y:auto;height:100vh;background-color:#f5f7fa}.banner-card-row{position:relative;background-color:#fff;border-radius:8px;padding:12px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px}.banner-card-row:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.banner-card-row.selected{border-color:#bdb6f7;background-color:#fafaff}.banner-card-details{cursor:pointer;display:flex;flex-direction:column;gap:6px;width:100%}.banner-card-title{font-size:14px;font-weight:500;color:#333;margin:0}.banner-card-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.banner-card-pill{background-color:#f5f5f5;padding:3px 10px;border-radius:12px;font-size:12px;color:#666;display:inline-flex;align-items:center}.banner-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.delete-button{transition:all .2s ease;padding:4px 8px;height:28px;display:flex;align-items:center;justify-content:center}.delete-button:hover{background-color:#fff1f0!important;color:#ff4d4f!important}.expanded-view{display:flex;flex-direction:column;gap:10px;padding:0;height:calc(100vh - 100px);background:#fff;overflow-y:auto;border-radius:8px;margin:0}.expanded-view .banner-card{height:280px;min-height:280px;background:#886060;border-radius:8px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;align-items:center;padding:0;overflow:hidden}.expanded-view .banner-card-image-container{width:100%;height:100%;margin:0;padding:0;display:flex;align-items:stretch;justify-content:stretch}.expanded-view .banner-card-image-container img{width:100%;height:100%;object-fit:cover;border-radius:8px;display:block}.expanded-view .banner-card-actions{position:absolute;right:12px;bottom:12px;background:#ffffffd9;border-radius:4px;padding:4px 8px;display:flex;gap:8px;box-shadow:none;border:none;z-index:2;justify-content:flex-end;align-items:center}.expanded-view .banner-card-actions .action-button{height:32px;font-size:14px;padding:4px 12px;width:auto!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap}.card-view{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0}.card-view .banner-card{margin:0;padding:0;min-height:0;height:auto;display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00000014}.card-view .banner-card-image-container{margin-top:0;padding-top:0;width:100%;aspect-ratio:3/4;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#f8f8f8}.card-view .banner-card-image-container img{width:100%;height:100%;object-fit:cover;display:block}.card-view .banner-card-title{font-size:1.1rem;font-weight:600;color:#222;margin:8px 0 0;text-align:center;min-height:28px}.card-view .banner-card-actions{padding:8px;background:#fff;border-top:1px solid #f0f0f0;display:flex;gap:8px;justify-content:space-between}.card-view .banner-card-actions .action-button{flex:1;height:36px;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:6px;transition:all .3s ease}.card-view .banner-card-actions .action-button.edit{background-color:#1890ff;border-color:#1890ff;color:#fff}.card-view .banner-card-actions .action-button.edit:hover{background-color:#40a9ff;border-color:#40a9ff}.card-view .banner-card-actions .action-button.delete{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.card-view .banner-card-actions .action-button.delete:hover{background-color:#ff7875;border-color:#ff7875}@media screen and (max-width: 1200px){.card-view{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.card-view{grid-template-columns:1fr}}.banner-card{display:flex;flex-direction:column;justify-content:flex-start;min-height:0;height:auto;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000d;margin-bottom:16px}.banner-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.banner-card-image-container{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden}.banner-card-image-container img{width:100%;height:100%;object-fit:cover;display:block}.banner-card-overlay{position:absolute;bottom:0;right:0;width:200px;height:100px;z-index:2;background-color:transparent}.card-view .banner-card-actions{justify-content:flex-start;gap:6px;padding:8px}.card-view .banner-card-actions .action-button{display:inline-flex!important;width:50%!important;min-width:0!important;max-width:none!important;flex:0 0 auto!important;white-space:nowrap;padding:4px 8px;height:28px;font-size:12px;box-sizing:border-box}.banner-card-actions{display:flex;justify-content:center;gap:12px;padding:12px;background:#fff;border-top:1px solid #f0f0f0}.banner-card-actions .action-button{display:flex;align-items:center;gap:6px;padding:4px 16px;height:36px;font-size:14px;font-weight:500;border-radius:6px;transition:all .3s ease}.banner-card-actions .action-button.edit{background-color:#1890ff;border-color:#1890ff;color:#fff}.banner-card-actions .action-button.edit:hover{background-color:#40a9ff;border-color:#40a9ff}.banner-card-actions .action-button.delete{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}.banner-card-actions .action-button.delete:hover{background-color:#ff7875;border-color:#ff7875}@media screen and (min-width: 768px){.banner-card-row{flex-direction:row;align-items:center}.banner-card-details{flex:1;padding-right:16px}.banner-card-actions{margin-top:0}}.no-selection,.empty-sections{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#999;text-align:center;padding:24px}.no-selection-icon,.empty-sections-icon{font-size:48px;margin-bottom:16px;color:#d9d9d9}.no-selection-text,.empty-sections-text{font-size:18px;font-weight:500;margin-bottom:8px}.no-selection-subtext,.empty-sections-subtext{font-size:14px;color:#999}.image-type-toggle{position:fixed;top:80px;right:-5%;transform:translate(-50%);background:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:100;width:auto;min-width:200px;display:flex;justify-content:center}@media screen and (max-width: 768px){.image-type-toggle{bottom:16px;padding:8px 16px;width:90%;max-width:300px}.image-type-toggle .ant-segmented{width:100%}}.popup-message{position:fixed;top:24px;right:24px;padding:12px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;z-index:2000;animation:slideIn .3s ease}.popup-message.success{background-color:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.popup-message.error{background-color:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.popup-icon{font-size:16px}.popup-close{cursor:pointer;margin-left:12px;opacity:.6;transition:opacity .2s ease}.popup-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:3000}.error-message{color:#ff4d4f;padding:12px;margin:12px;background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;text-align:center}.no-top-border-modal .ant-modal-header:before{background:transparent!important;height:0!important;content:none!important}.banner-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.banner-list-header h1{margin:0;font-size:24px;color:#333}.banner-list-actions{display:flex;gap:16px;align-items:center}.date-range-picker{width:300px}.create-button{display:flex;align-items:center;gap:8px;height:40px;padding:0 20px;font-weight:500}.banner-table{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.banner-table .ant-table-thead>tr>th{background-color:#f5f5f5;font-weight:600;color:#333}.banner-table .ant-table-tbody>tr>td{padding:16px}.banner-table .ant-table-tbody>tr:hover>td{background-color:#fafafa}@media screen and (max-width: 768px){.banner-list-header{flex-direction:column;gap:16px;align-items:flex-start}.banner-list-actions{width:100%;flex-direction:column}.date-range-picker{width:100%}.create-button{width:100%;justify-content:center}}.ant-spin-container{min-height:200px}.ant-modal-content{border-radius:8px}.ant-modal-header{border-radius:8px 8px 0 0}.ant-modal-footer{border-radius:0 0 8px 8px}.ant-switch{min-width:44px}.ant-switch-checked{background-color:#52c41a}.ant-pagination{margin:16px 0;padding:0 16px}.ant-pagination-item{border-radius:4px}.ant-pagination-item-active{border-color:#1890ff}.ant-table-filter-dropdown{border-radius:8px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014}.ant-table-selection{padding:0 16px}.ant-table-body::-webkit-scrollbar{width:6px;height:6px}.ant-table-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.banner2{margin-top:0;width:100px;height:100px;background-color:#52c41a}.order-list-container{padding:0;background:#f8fafc;min-height:100vh;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;flex-direction:column}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 36px;margin-top:24px;background:linear-gradient(135deg,#667eea,#764ba2);border:1px solid #d1d5db;border-radius:8px;color:#374151;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 1px 3px #0000001a;flex-shrink:0;color:#fff}.back-button:hover{background:#f9fafb;border-color:#9ca3af;color:#1f2937;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.back-button svg{width:14px;height:14px}.order-list-header{position:sticky;top:-20px;z-index:20;margin-top:-20px;background:#fff;padding:10px;border-radius:0;box-shadow:0 2px 8px #0000001a;border:none;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:20px;margin-left:4px;transition:margin-left .3s ease}.order-list-title-section{display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;flex:1;min-width:0}.order-list-title{font-size:24px;font-weight:700;color:#1e293b;margin-left:30px;letter-spacing:-.025em}.order-list-title.from-dashboard{margin-left:140px}.order-list-header.sidemenu-collapsed{margin-left:0;padding-left:20px}.order-list-header.sidemenu-collapsed .order-list-title{margin-left:0}.order-list-subtitle{font-size:14px;color:#64748b;margin:0;font-weight:400}.order-list-filters{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-filter{display:flex;align-items:center;gap:8px}.filter-label{font-size:13px;font-weight:600;color:#475569;white-space:nowrap}.status-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;background:#fff;font-size:13px;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s ease;min-width:140px}.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.status-select:disabled{background:#f1f5f9;color:#9ca3af;cursor:not-allowed}.count-badge{background:#3b82f6;color:#fff;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-container p{color:#64748b;font-size:16px;margin:0}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:12px;margin:20px;box-shadow:0 2px 8px #0000001a}.error-icon{font-size:48px;margin-bottom:16px}.error-container h3{color:#dc2626;font-size:20px;font-weight:600;margin:0 0 8px}.error-container p{color:#64748b;font-size:16px;margin:0 0 20px;max-width:400px}.retry-button{background:#dc2626;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.loading-more{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:12px;margin:20px;box-shadow:0 2px 8px #0000001a;animation:fadeIn .3s ease-in-out}.loading-more p{margin-top:16px;font-size:14px;color:#64748b;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.end-of-list{display:flex;align-items:center;justify-content:center;padding:32px 20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;margin:20px;border:1px solid #bae6fd;animation:slideIn .4s ease-out}.end-of-list p{font-size:16px;color:#0369a1;font-weight:600;margin:0;text-align:center}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-list-container{scroll-behavior:smooth}.order-card{animation:cardSlideIn .3s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.order-grid{display:grid;gap:20px;margin:24px 20px;justify-items:stretch;flex:1;overflow-y:auto}@media (min-width: 1400px){.order-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px) and (max-width: 1399px){.order-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px) and (max-width: 1099px){.order-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.order-grid{grid-template-columns:1fr}}.order-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000014;border:1px solid #e2e8f0;transition:all .3s ease;position:relative;width:100%;display:flex;flex-direction:column;min-height:320px;box-sizing:border-box}.order-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9;position:relative}.order-card-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:1px}.order-id{display:flex;align-items:center;gap:6px}.order-icon{font-size:16px}.order-number{font-size:14px;font-weight:600;color:#1e293b;font-family:Courier New,monospace}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.order-items{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px;background:#f8fafc;border-radius:8px;border-left:3px solid #3b82f6}.items-icon{font-size:18px;margin-top:2px}.items-content{flex:1}.main-item{font-size:14px;font-weight:600;color:#1e293b;line-height:1.4;margin-bottom:4px}.product-name{font-size:14px;font-weight:600;color:#1e293b;line-height:1.4}.plus-more-text{font-size:12px;font-weight:500;color:#3b82f6;background:#3b82f61a;padding:2px 6px;border-radius:4px;margin-left:4px;border:1px solid rgba(59,130,246,.2)}.additional-items{font-size:12px;color:#64748b;font-weight:500}.order-customer{margin-bottom:12px;text-align:left}.customer-info{display:flex;align-items:left;gap:6px;margin-bottom:6px;justify-content:flex-start;text-align:left}.customer-location{display:flex;align-items:center;gap:6px;justify-content:flex-start;text-align:left}.customer-icon,.location-icon{font-size:14px}.customer-name{font-size:13px;font-weight:600;color:#1e293b}.location-text{font-size:12px;color:#64748b;font-weight:500}.pincode-text{font-size:12px;color:#94a3b8;font-weight:400}.order-date{display:flex;align-items:center;gap:6px;margin-bottom:8px}.date-icon{font-size:14px}.date-text{font-size:12px;color:#64748b;font-weight:500}.order-pricing{display:flex;align-items:center;gap:6px;margin-bottom:8px}.price-icon{font-size:14px}.price-text{font-size:13px;font-weight:600;color:#059669}.order-delivery{display:flex;align-items:center;gap:6px;margin-bottom:16px}.delivery-icon{font-size:14px}.delivery-text{font-size:12px;color:#64748b;font-weight:500}.order-actions{display:flex;gap:8px;margin-top:auto;flex-wrap:wrap}.action-btn{flex:1;min-width:0;padding:8px 12px;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.call-btn{background:#10b981;color:#fff}.call-btn:hover{background:#059669;transform:translateY(-1px)}.details-btn{background:#3b82f6;color:#fff}.details-btn:hover{background:#2563eb;transform:translateY(-1px)}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:20px;text-align:center;background:transparent;margin:20px;min-height:150px;position:relative}.no-orders-icon{font-size:64px;margin-bottom:24px;opacity:.8;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-orders h3{color:#1e293b;font-size:24px;font-weight:700;margin:0 0 12px;letter-spacing:-.025em}.no-orders p{color:#64748b;font-size:16px;margin:0;font-weight:500;max-width:400px;line-height:1.5}@media (max-width: 768px){.order-list-container{padding:0}.order-list-title-section{flex-direction:column;align-items:flex-start;gap:8px}.back-button{font-size:13px;padding:8px 12px;margin-right:0;margin-bottom:8px;align-self:flex-start}.order-list-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.order-list-title{font-size:20px}.order-list-filters{justify-content:space-between;margin-left:0}.status-filter{flex-direction:column;align-items:stretch}.order-grid{margin:16px;gap:16px}.no-orders{margin:16px;padding:15px 16px;min-height:120px}.no-orders-icon{font-size:56px;margin-bottom:20px}.no-orders h3{font-size:20px}.no-orders p{font-size:14px;max-width:300px}.order-card{width:100%;min-height:300px;padding:16px}.order-actions{flex-direction:row;gap:8px}.action-btn{flex:1;min-width:0;padding:10px 8px;font-size:11px}.customer-name{font-size:12px}.product-name{font-size:13px}.plus-more-text{font-size:11px;padding:1px 4px;margin-left:3px}}@media (max-width: 480px){.order-list-container{padding:0}.back-button-container{padding:12px 12px 0}.order-list-header{padding:12px;gap:8px}.order-grid{margin:12px;gap:12px}.order-card{width:100%;min-height:280px;padding:16px}.order-card-header{margin-bottom:12px}.order-actions{gap:6px;flex-direction:row}.action-btn{flex:1;min-width:0;padding:8px 6px;font-size:10px}.order-items,.order-date,.order-pricing,.order-delivery{margin-bottom:8px}.customer-name{font-size:11px}.product-name{font-size:12px}.plus-more-text{font-size:10px;padding:1px 3px;margin-left:2px}.no-orders{margin:12px;padding:10px 12px;min-height:100px}.no-orders-icon{font-size:48px;margin-bottom:16px}.no-orders h3{font-size:18px}.no-orders p{font-size:13px;max-width:250px}}@media (min-width: 768px) and (max-width: 1024px){.order-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin:20px}.order-card{width:100%;min-height:320px;padding:18px}.order-actions{flex-direction:row;gap:8px}.action-btn{flex:1;min-width:0;padding:10px 8px;font-size:12px}.order-list-header{padding:20px}.order-list-title{font-size:22px}}@media (min-width: 1025px){.order-grid{gap:24px;margin:24px 20px}.order-card{width:100%;min-height:340px;padding:24px}.order-actions{flex-direction:row;gap:12px}.action-btn{flex:1;min-width:0;padding:12px 16px;font-size:13px}.order-list-header{padding:24px 20px}.order-list-title{font-size:26px}}@media (max-width: 768px){.order-list-header,.order-list-header.sidemenu-collapsed{margin-left:0!important;padding-left:12px!important}.order-list-title{margin-left:0!important}}.status-update-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.status-update-popup{background:#fff;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;max-width:400px;width:90%;animation:slideIn .3s ease-out;border:1px solid #e5e7eb}.status-update-popup-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.status-update-popup-icon{width:64px;height:64px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;animation:scaleIn .4s ease-out .1s both}.status-update-popup-message{font-size:20px;font-weight:600;color:#111827;line-height:1.4;margin:0}.status-update-popup-buttons{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap;justify-content:center}.status-update-popup-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;text-decoration:none}.status-update-popup-btn-done{background:#667eea;color:#fff;border:2px solid #5a67d8}.status-update-popup-btn-done:hover{background:#5a67d8;border-color:#4c51bf;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.status-update-popup-btn-back{background:#fff;color:#374151;border:2px solid #d1d5db}.status-update-popup-btn-back:hover{background:#f8f9fa;border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.status-update-popup-btn:active{transform:translateY(0)}.status-update-popup-close{position:absolute;top:16px;right:16px;background:none;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;width:32px;height:32px}.status-update-popup-close:hover{background-color:#f3f4f6;color:#374151}.status-update-popup-close:active{background-color:#e5e7eb;transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 480px){.status-update-popup{padding:24px;margin:20px}.status-update-popup-icon{width:56px;height:56px;font-size:24px}.status-update-popup-message{font-size:18px}.status-update-popup-buttons{flex-direction:column;gap:8px}.status-update-popup-btn{min-width:100%;padding:14px 20px}}@media (prefers-color-scheme: dark){.status-update-popup{background:#1f2937;border-color:#374151}.status-update-popup-message{color:#f9fafb}.status-update-popup-close{color:#9ca3af}.status-update-popup-close:hover{background-color:#374151;color:#f3f4f6}.status-update-popup-close:active{background-color:#4b5563}}.courier-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.courier-popup{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;width:90%;max-width:800px;max-height:90vh;overflow:hidden;animation:slideIn .3s ease-out}.courier-popup-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.courier-popup-header h2{margin:0;font-size:1.5rem;font-weight:600}.courier-popup-close{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.courier-popup-close:hover{background-color:#fff3}.courier-popup-content{padding:24px;max-height:calc(90vh - 120px);overflow-y:auto}.courier-list-container{width:100%}.courier-list-title{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.courier-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6b7280}.courier-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.courier-error{text-align:center;padding:40px 20px;color:#dc2626}.retry-btn{background:#dc2626;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:12px;transition:background-color .2s}.retry-btn:hover{background:#b91c1c}.courier-empty{text-align:center;padding:40px 20px;color:#6b7280}.courier-list{display:flex;flex-direction:column;gap:16px;padding:4px}.courier-item{animation:slideInUp .4s ease-out;animation-fill-mode:both}.courier-item:nth-child(1){animation-delay:.1s}.courier-item:nth-child(2){animation-delay:.2s}.courier-item:nth-child(3){animation-delay:.3s}.courier-item:nth-child(4){animation-delay:.4s}.courier-item:nth-child(5){animation-delay:.5s}.courier-item{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;padding:20px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.courier-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.courier-item:hover{background:linear-gradient(135deg,#fff,#f1f5f9);border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 12px 24px #0000001f,0 4px 8px #0000000f}.courier-item:hover:before{transform:scaleX(1)}.courier-item:active{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.courier-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;position:relative}.courier-name-section{display:flex;align-items:center;gap:12px;flex:1}.courier-icon{color:#667eea;font-size:1.4rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2))}.courier-name{font-weight:700;color:#1e293b;font-size:1.2rem;line-height:1.3;text-shadow:0 1px 2px rgba(0,0,0,.05)}.courier-rating{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#fef3c7,#fde68a);padding:6px 12px;border-radius:20px;color:#92400e;font-weight:600;font-size:.9rem;box-shadow:0 2px 4px #f59e0b33;border:1px solid rgba(245,158,11,.1)}.star-icon{font-size:.9rem}.courier-item-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0;margin-top:8px}.courier-detail-row{display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#fff;border-radius:8px;border:1px solid #f1f5f9;transition:all .2s ease}.courier-detail-row:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.courier-detail-label{color:#64748b;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.courier-detail-value{color:#1e293b;font-weight:600;font-size:1rem;line-height:1.2}.courier-detail-value.highlight{color:#059669;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(5,150,105,.1)}.courier-detail-value.warning{color:#d97706;font-weight:700;font-size:1.1rem;text-shadow:0 1px 2px rgba(217,119,6,.1)}.courier-detail-row.rate-row{grid-column:1 / -1;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981}.courier-detail-row.rate-row .courier-detail-value{font-size:1.3rem;color:#047857}.courier-detail-row.delivery-row{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.courier-detail-row.delivery-row .courier-detail-value{color:#92400e}.type-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.type-badge.surface{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #93c5fd}.type-badge.air{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #fbbf24}.courier-details-container{width:100%}.courier-details-title{margin:0 0 20px;font-size:1.3rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.courier-details-content{margin-bottom:24px}.courier-detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.courier-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.courier-detail-icon{color:#667eea;font-size:1.5rem}.courier-detail-name{margin:0;font-size:1.4rem;font-weight:600;color:#374151}.courier-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.courier-detail-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.courier-detail-item.full-width{grid-column:1 / -1}.courier-detail-item-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.courier-detail-item-icon{color:#667eea;font-size:1rem}.courier-detail-item-label{color:#6b7280;font-size:.9rem;font-weight:500}.courier-detail-item-value{color:#374151;font-weight:600;font-size:1rem}.courier-details-actions{display:flex;gap:12px;justify-content:flex-end}.courier-details-btn{padding:10px 20px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.courier-details-btn.back-btn{background:#f3f4f6;color:#374151}.courier-details-btn.back-btn:hover{background:#e5e7eb}.courier-details-btn.confirm-btn{background:#10b981;color:#fff}.courier-details-btn.confirm-btn:hover{background:#059669}@media (max-width: 768px){.courier-popup{width:95%;margin:20px}.courier-popup-header{padding:16px 20px}.courier-popup-header h2{font-size:1.3rem}.courier-popup-content{padding:20px}.courier-detail-grid{grid-template-columns:1fr}.courier-details-actions{flex-direction:column}.courier-details-btn{width:100%;justify-content:center}}@media (max-width: 480px){.courier-popup{width:98%;margin:10px}.courier-popup-content{padding:16px}.courier-item{padding:12px}.courier-detail-card{padding:16px}}.view-details-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-container h2{color:#dc2626;margin-bottom:12px}.error-container p{color:#6b7280;margin-bottom:24px}.error-actions .back-btn.secondary{background:#667eea;color:#fff}.error-actions .back-btn.secondary:hover{background:#5a67d8}.order-header{margin-bottom:24px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.back-button-group{display:flex;align-items:center}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f4f6;border:none;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease;width:fit-content}.back-btn:hover{background:#e5e7eb;transform:translate(-2px)}.order-title{display:flex;flex-direction:column;gap:12px}.order-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.header-right{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.order-ids-container{display:flex;flex-direction:row;gap:24px}.order-date-group,.order-status-group{display:flex;align-items:center}.clickable-order-id{color:#667eea;cursor:pointer;transition:all .2s ease;padding:4px 8px;border-radius:6px;margin-left:8px}.clickable-order-id:hover{background-color:#f3f4f6;color:#5a67d8;transform:translateY(-1px)}.order-id-label{font-size:16px;font-weight:600;color:#6b7280}.order-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.order-date{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#f3f4f6;border-radius:8px;font-size:14px;color:#374151;font-weight:500}.status-badge{padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px}.status-pending{background-color:#fef3c7;color:#d97706;border:1px solid #fbbf24}.status-confirmed{background-color:#d1fae5;color:#059669;border:1px solid #10b981}.status-ready{background-color:#dbeafe;color:#2563eb;border:1px solid #3b82f6}.status-shipped{background-color:#e9d5ff;color:#7c3aed;border:1px solid #8b5cf6}.status-delivered{background-color:#d1fae5;color:#047857;border:1px solid #059669}.status-failed{background-color:#fee2e2;color:#dc2626;border:1px solid #ef4444}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.order-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:20px;font-weight:600;color:#111827;padding-bottom:12px;border-bottom:2px solid #f3f4f6}.section-title svg{color:#667eea}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f3f4f6}.info-row .label{font-weight:600;color:#374151;min-width:120px;flex-shrink:0}.info-row .value{color:#6b7280;text-align:right;flex:1;margin-left:16px}.info-row .value a{color:#667eea;text-decoration:none}.info-row .value a:hover{text-decoration:underline}.customer-section,.seller-section{flex:1}.customer-info,.seller-info{display:flex;flex-direction:column;gap:8px}.customer-info .info-row,.seller-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.customer-info .info-row:last-child,.seller-info .info-row:last-child{border-bottom:none}.customer-info .info-row .label,.seller-info .info-row .label{font-weight:600;color:#374151;width:140px;min-width:140px;flex-shrink:0;text-align:left;padding-right:16px}.customer-info .info-row .value,.seller-info .info-row .value{color:#6b7280;text-align:right;flex:1;margin-left:0;word-break:break-word}.payment-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.payment-status.paid{background-color:#d1fae5;color:#059669}.payment-status.pending{background-color:#fef3c7;color:#d97706}.payment-status.failed{background-color:#fee2e2;color:#dc2626}.total-row{border-top:2px solid #e5e7eb;margin-top:8px;padding-top:16px}.total-row .label{font-size:16px;font-weight:700}.total-amount{font-size:18px;font-weight:700;color:#111827}.items-section{grid-column:1 / -1}.order-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.order-item-card{background:#f8f9fa;border-radius:12px;overflow:hidden;transition:all .2s ease;border:1px solid #e5e7eb}.order-item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.item-card-image{position:relative;width:100%;height:200px;background:#fff;display:flex;align-items:center;justify-content:center}.item-card-image img{width:100%;height:100%;object-fit:cover}.item-status-badge{position:absolute;top:8px;right:8px;background:#10b981;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.item-card-details{padding:16px}.item-card-name{margin:0 0 12px;font-size:16px;font-weight:600;color:#111827;line-height:1.4}.item-card-specs{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.spec{font-size:13px;color:#6b7280;background:#fff;padding:4px 8px;border-radius:6px;display:inline-block;margin-right:8px;margin-bottom:4px}.item-card-price{font-size:18px;font-weight:700;color:#111827;text-align:right}.delivery-section{grid-column:1 / -1}.delivery-info{display:flex;flex-direction:column;gap:8px}.order-status-update-section{background:#fff;color:#374151;border:2px solid #e5e7eb}.additional-status-container{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.additional-status-container{grid-template-columns:1fr}}.autocomplete-dropdown{position:relative;width:100%}.autocomplete-input-container{position:relative;display:flex;align-items:center}.autocomplete-input{width:100%;padding:12px 40px 12px 16px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;transition:all .2s ease}.autocomplete-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.autocomplete-input:disabled{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.autocomplete-clear-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:50%;width:20px;height:20px}.autocomplete-clear-btn:hover:not(:disabled){color:#dc2626;background-color:#fee2e2}.autocomplete-clear-btn:active:not(:disabled){background-color:#fecaca}.autocomplete-clear-btn:disabled{opacity:.6;cursor:not-allowed}.autocomplete-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.autocomplete-toggle-btn:hover:not(:disabled){color:#374151}.autocomplete-toggle-btn:disabled{opacity:.6;cursor:not-allowed}.chevron-icon{transition:transform .2s ease}.chevron-icon.rotated{transform:rotate(180deg)}.autocomplete-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:200px;overflow-y:auto}.autocomplete-option{padding:12px 16px;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f3f4f6}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover{background-color:#f8f9fa}.autocomplete-option:active{background-color:#e5e7eb}.autocomplete-no-results{padding:12px 16px;color:#6b7280;font-style:italic;text-align:center}@media (max-width: 768px){.autocomplete-dropdown-menu{max-height:150px}.autocomplete-option{padding:10px 14px}}.order-status-update-section .order-status-section-title{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:20px;font-weight:600;color:#111827;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.order-status-update-section .order-status-section-title svg{color:#667eea}.order-status-update-content{display:flex;flex-direction:column;gap:20px}.order-current-status-display{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:16px;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.order-current-status-display .order-status-label{font-weight:600;color:#374151;min-width:120px}.order-current-status-display .order-status-badge{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;background:#667eea;color:#fff;border:1px solid #5a67d8}.order-status-update-controls{display:flex;flex-direction:column;gap:16px}.order-status-dropdown-container{display:flex;flex-direction:column;gap:8px}.order-status-dropdown-label{font-weight:600;color:#374151;font-size:14px}.order-status-dropdown-wrapper{position:relative}.order-status-dropdown{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;font-size:14px;transition:all .2s ease}.order-status-dropdown:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.order-status-dropdown option{background:#fff;color:#374151;padding:8px}.order-status-dropdown:disabled{opacity:.6;cursor:not-allowed}.order-update-status-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#667eea;border:2px solid #5a67d8;border-radius:8px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.order-update-status-btn:hover:not(:disabled){background:#5a67d8;border-color:#4c51bf;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.order-update-status-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.order-update-status-btn .order-status-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.order-no-updates-available{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e5e7eb}.order-no-updates-available .order-status-message{margin:0 0 8px;color:#6b7280}.order-status-note{font-size:12px;color:#9ca3af}.order-status-note strong{color:#374151}@media (max-width: 768px){.view-details-container{padding:16px}.order-header{padding:20px}.order-title{flex-direction:column;align-items:flex-start;gap:12px}.order-header-row{flex-direction:column;align-items:flex-start;gap:16px}.header-left{flex-direction:column;align-items:flex-start;gap:12px}.header-right{align-self:stretch;justify-content:flex-start;gap:12px}.order-ids-container{flex-direction:column;gap:8px}.order-id-group{gap:6px}.order-id-label{font-size:14px}.order-meta{flex-direction:column;align-items:flex-start;gap:8px}.order-date{font-size:13px}.order-details-grid{grid-template-columns:1fr;gap:16px}.order-section{padding:20px}.info-row{flex-direction:row;align-items:center;gap:8px}.info-row .label{min-width:100px;font-size:14px}.info-row .value{text-align:right;margin-left:0;font-size:14px}.order-items-grid{grid-template-columns:repeat(2,1fr);gap:16px}.item-card-image{height:150px}.item-card-specs{flex-direction:column}.spec{margin-right:0}.section-title{font-size:18px}.order-status-update-controls{gap:12px}.order-current-status-display{flex-direction:column;align-items:flex-start;gap:16px}.order-current-status-display .order-status-label{min-width:auto}.order-update-status-btn{padding:10px 20px;font-size:13px}}@media (max-width: 480px){.view-details-container{padding:12px}.order-header{padding:16px}.order-header-row{gap:12px}.header-left,.header-right{gap:8px}.order-ids-container{flex-direction:column;gap:6px}.order-id-group{gap:4px}.order-id-label{font-size:13px}.order-meta{gap:6px}.order-date{font-size:12px}.section-title{font-size:16px}.order-items-grid{grid-template-columns:1fr}.item-card-image{height:180px}.info-row .label{min-width:80px;font-size:13px}.info-row .value{font-size:13px}.order-status-update-section{padding:16px}.order-status-update-content{gap:16px}.order-current-status-display{padding:12px;flex-direction:column;align-items:flex-start;gap:16px}.order-update-status-btn{padding:8px 16px;font-size:12px}.order-status-dropdown-label{font-size:13px}.order-status-dropdown{padding:10px 12px;font-size:13px}}@media (min-width: 769px) and (max-width: 1024px){.order-items-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1025px){.order-items-grid{grid-template-columns:repeat(4,1fr)}}.order-current-status-display{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.status-section-left,.courier-segment-container{display:flex;align-items:center;gap:12px}.courier-segment-label{font-weight:600;color:#374151;font-size:14px;white-space:nowrap}.courier-segment-control{display:flex;background:#f3f4f6;border-radius:8px;padding:2px;border:1px solid #d1d5db}.segment-btn{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px;min-width:50px;text-align:center}.segment-btn:hover{color:#374151}.segment-btn.active{background:#667eea;color:#fff;box-shadow:0 1px 3px #0000001a}.courier-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.courier-warning-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;width:100%;overflow:hidden}.courier-warning-header{display:flex;align-items:center;gap:12px;padding:20px 24px 16px;background:#fef3c7;border-bottom:1px solid #fde68a}.courier-warning-header .warning-icon{color:#f59e0b;font-size:20px}.courier-warning-header h3{margin:0;color:#92400e;font-size:18px;font-weight:600}.courier-warning-content{padding:20px 24px}.courier-warning-content p{margin:0;color:#374151;line-height:1.5;font-size:14px}.courier-warning-content .api-error-message{margin-top:12px;padding:8px 12px;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px}.courier-warning-content .api-error-message p{margin:0;color:#dc2626;font-size:13px;line-height:1.4}.pickup-address-popup{max-width:600px;width:90%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 40px #00000026}.pickup-address-popup .courier-warning-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.2)}.pickup-address-popup .courier-warning-header h3{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pickup-address-popup .courier-warning-header .warning-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pickup-address-popup .courier-warning-content{background:#fff;margin:16px;border-radius:8px;border:1px solid #f3f4f6}.pickup-address-popup .pickup-address-item{border-bottom:1px solid #f3f4f6}.pickup-address-popup .pickup-address-item:last-child{border-bottom:none}.pickup-address-popup .pickup-address-label{color:#374151;font-weight:600}.pickup-address-popup .pickup-address-value{color:#6b7280}.pickup-address-popup .courier-warning-actions{background:#f9fafb;border-top:1px solid #e5e7eb;margin:0 16px 16px;border-radius:8px}.pickup-address-popup .courier-warning-btn{background:#fff;color:#374151;font-weight:600;border:1px solid #d1d5db;box-shadow:0 2px 4px #0000001a}.pickup-address-popup .courier-warning-btn:hover{background:#f9fafb;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pickup-address-popup .courier-warning-btn.update-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #667eea4d}.pickup-address-popup .courier-warning-btn.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.pickup-address-success-popup{max-width:500px;width:90%;background:#fff;border:1px solid #e5e7eb;box-shadow:0 20px 40px #00000026}.pickup-address-success-popup .success-header{background:linear-gradient(135deg,#10b981,#059669);border-bottom:1px solid rgba(255,255,255,.2)}.pickup-address-success-popup .success-header h3{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.pickup-address-success-popup .success-icon{color:#fff;font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.pickup-address-success-popup .courier-warning-content{background:#fff;margin:16px;border-radius:8px;border:1px solid #f3f4f6;text-align:center;padding:24px}.pickup-address-success-popup .success-message{display:flex;flex-direction:column;align-items:center;gap:16px}.pickup-address-success-popup .success-message p{font-size:16px;color:#374151;line-height:1.6;margin:0;font-weight:500}.pickup-address-success-popup .courier-warning-actions{background:#f9fafb;border-top:1px solid #e5e7eb;margin:0 16px 16px;border-radius:8px;justify-content:center}.pickup-address-success-popup .success-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #10b9814d;font-weight:600;min-width:120px}.pickup-address-success-popup .success-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}@media (max-width: 768px){.pickup-address-success-popup{margin:10px;width:95%}.pickup-address-success-popup .courier-warning-content{margin:12px;padding:20px}.pickup-address-success-popup .courier-warning-actions{margin:0 12px 12px}.pickup-address-success-popup .success-message p{font-size:14px}}.pickup-address-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}.pickup-address-item{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid #f3f4f6}.pickup-address-item:last-child{border-bottom:none}.pickup-address-label{font-weight:600;color:#374151;min-width:120px;margin-right:16px}.pickup-address-value{color:#6b7280;text-align:right;flex:1;word-break:break-word}@media (max-width: 768px){.pickup-address-grid{grid-template-columns:1fr}.pickup-address-item{flex-direction:column;align-items:flex-start;gap:4px}.pickup-address-label{min-width:auto;margin-right:0}.pickup-address-value{text-align:left}}.pickup-address-dropdown{flex:1;display:flex;justify-content:flex-end}.pickup-type-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;color:#374151;font-size:14px;min-width:150px;cursor:pointer;transition:all .2s ease}.pickup-type-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.pickup-type-select:hover{border-color:#667eea}.courier-warning-btn.update-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.courier-warning-btn.update-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.courier-warning-btn.update-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 15px #667eea4d}.courier-warning-btn.update-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed;transform:none;box-shadow:none}.courier-warning-btn.update-btn .spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:6px}@media (max-width: 768px){.pickup-type-select{min-width:120px;font-size:13px}.pickup-address-dropdown{justify-content:flex-start}.pickup-address-popup{margin:10px;width:95%}.pickup-address-popup .courier-warning-content{margin:12px}.pickup-address-popup .courier-warning-actions{margin:0 12px 12px;flex-direction:column}.pickup-address-popup .courier-warning-btn{margin:4px 0}}.courier-warning-actions{display:flex;gap:12px;padding:16px 24px 20px;justify-content:space-between;align-items:center}.courier-warning-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:120px;flex:1;margin:0 6px}.courier-warning-btn.cancel-btn{background:#f3f4f6;color:#374151}.courier-warning-btn.cancel-btn:hover{background:#e5e7eb}.courier-warning-btn.confirm-btn{background:#ef4444;color:#fff}.courier-warning-btn.confirm-btn:hover{background:#dc2626}@media (max-width: 768px){.order-current-status-display{flex-direction:column;align-items:flex-start;gap:16px}.status-section-left{width:100%}.courier-segment-container{width:100%;justify-content:space-between}.courier-segment-control{flex-shrink:0}.courier-warning-popup{margin:20px;max-width:none}.courier-warning-actions{flex-direction:column;gap:8px}.courier-warning-btn{width:100%;margin:0}}.dimension-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.dimension-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.dimension-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.dimension-popup-header h3{margin:0;color:#111827;font-size:18px;font-weight:600}.dimension-popup-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.dimension-popup-close:hover{background-color:#f3f4f6;color:#374151}.dimension-popup-close:disabled{opacity:.5;cursor:not-allowed}.dimension-popup-content{padding:24px}.dimension-popup-description{color:#6b7280;margin-bottom:20px;line-height:1.5}.dimension-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dimension-field{display:flex;flex-direction:column}.dimension-field label{font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.dimension-field input{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease}.dimension-field input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.dimension-field input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.dimension-popup-footer{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e5e7eb;justify-content:flex-end}.dimension-popup-btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.dimension-popup-btn.cancel-btn{background-color:#f3f4f6;color:#374151}.dimension-popup-btn.cancel-btn:hover:not(:disabled){background-color:#e5e7eb}.dimension-popup-btn.update-btn{background-color:#667eea;color:#fff}.dimension-popup-btn.update-btn:hover:not(:disabled){background-color:#5a67d8}.dimension-popup-btn:disabled{opacity:.5;cursor:not-allowed}.dimension-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dimension-popup{margin:10px;max-width:none}.dimension-fields{grid-template-columns:1fr;gap:12px}.dimension-popup-footer{flex-direction:column}.dimension-popup-btn{width:100%;justify-content:center}}@media (max-width: 480px){.dimension-popup-overlay{padding:10px}.dimension-popup-header,.dimension-popup-content,.dimension-popup-footer{padding:16px}.dimension-popup-header h3{font-size:16px}}.dimension-display{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:20px}.dimension-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dimension-display-title{font-size:14px;font-weight:600;color:#374151;margin:0}.re-edit-dimensions-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.re-edit-dimensions-btn:hover:not(:disabled){background:#5a67d8}.re-edit-dimensions-btn:disabled{opacity:.5;cursor:not-allowed}.re-edit-dimensions-btn svg{font-size:11px}.courier-status-display{display:flex;align-items:center;gap:8px}.courier-status-label{font-size:14px;font-weight:500;color:#374151}.courier-status-badge{padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.courier-status-badge.active{background-color:#dcfce7;color:#166534}.courier-status-badge.inactive{background-color:#fee2e2;color:#dc2626}.api-dimension-display{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-bottom:20px}.api-dimension-display-title{font-size:14px;font-weight:600;color:#0c4a6e;margin:0 0 12px}.api-dimension-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.api-dimension-display-item{display:flex;flex-direction:column;gap:4px}.api-dimension-label{font-size:12px;color:#0369a1;font-weight:500}.api-dimension-value{font-size:14px;font-weight:600;color:#0c4a6e}.dimension-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.dimension-display-item{display:flex;flex-direction:column;gap:4px}.dimension-label{font-size:12px;color:#6b7280;font-weight:500}.dimension-value{font-size:14px;font-weight:600;color:#111827}@media (max-width: 768px){.dimension-display-grid,.api-dimension-display-grid{grid-template-columns:repeat(2,1fr)}.dimension-display-header{flex-direction:column;align-items:flex-start;gap:8px}.re-edit-dimensions-btn{align-self:flex-end}}@media (max-width: 480px){.dimension-display-grid,.api-dimension-display-grid{grid-template-columns:1fr}.dimension-display-header{flex-direction:column;align-items:flex-start;gap:8px}.re-edit-dimensions-btn{align-self:stretch;justify-content:center}}.error-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.error-popup{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;width:100%;overflow:hidden;animation:popupSlideIn .3s ease-out}@keyframes popupSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-popup-header{background:#dc2626;color:#fff;padding:20px;display:flex;align-items:center;gap:12px}.error-popup-header .error-icon{font-size:20px;color:#fecaca}.error-popup-header h3{margin:0;font-size:18px;font-weight:600}.error-popup-content{padding:20px}.error-popup-content p{margin:0;color:#374151;line-height:1.5;font-size:14px}.error-popup-actions{padding:0 20px 20px;display:flex;justify-content:center}.error-popup-btn{background:#dc2626;color:#fff;border:none;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:80px}.error-popup-btn:hover{background:#b91c1c;transform:translateY(-1px)}.error-popup-btn:active{transform:translateY(0)}@media (max-width: 768px){.error-popup{max-width:90%;margin:0 20px}.error-popup-header{padding:16px}.error-popup-header h3{font-size:16px}.error-popup-content{padding:16px}.error-popup-actions{padding:0 16px 16px}.error-popup-btn{padding:8px 20px;font-size:13px}}.selected-courier-display{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9;border-radius:12px;padding:20px;margin:-16px 0 16px;box-shadow:0 4px 12px #0ea5e926;animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.selected-courier-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(14,165,233,.2)}.selected-courier-display-title{margin:0;font-size:1.2rem;font-weight:600;color:#0c4a6e;display:flex;align-items:center;gap:8px}.selected-courier-display-title svg{color:#0ea5e9;font-size:1.1rem}.clear-courier-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-courier-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px)}.clear-courier-btn:disabled{opacity:.6;cursor:not-allowed}.clear-courier-btn svg{font-size:.8rem}.selected-courier-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.selected-courier-display-item{background:#fff;border:1px solid rgba(14,165,233,.2);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease}.selected-courier-display-item:hover{border-color:#0ea5e966;box-shadow:0 2px 8px #0ea5e91a;transform:translateY(-1px)}.selected-courier-label{color:#64748b;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.selected-courier-value{color:#0c4a6e;font-weight:600;font-size:1rem;line-height:1.2}.selected-courier-display-item:nth-child(1){background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #0ea5e9}.selected-courier-display-item:nth-child(1) .selected-courier-value{color:#0c4a6e;font-size:1.1rem;font-weight:700}.selected-courier-display-item:nth-child(4){background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:2px solid #10b981}.selected-courier-display-item:nth-child(4) .selected-courier-value{color:#047857;font-size:1.1rem}.selected-courier-display-item:nth-child(5){background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b}.selected-courier-display-item:nth-child(5) .selected-courier-value{color:#92400e;font-size:1.1rem}.order-confirm-update-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.order-confirm-update-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.order-confirm-update-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.order-confirm-update-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.order-confirm-update-btn .order-status-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.selected-courier-display{padding:16px;margin:12px 0}.selected-courier-display-header{flex-direction:column;gap:12px;align-items:flex-start}.selected-courier-display-grid{grid-template-columns:1fr;gap:10px}.selected-courier-display-item{padding:10px}.clear-courier-btn{width:100%;justify-content:center}.order-confirm-update-btn{width:100%;justify-content:center;padding:14px 20px}}@media (max-width: 480px){.selected-courier-display{padding:12px}.selected-courier-display-title{font-size:1.1rem}.selected-courier-display-item{padding:8px}.selected-courier-label{font-size:.75rem}.selected-courier-value{font-size:.9rem}}.dispatch-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dispatch-confirmation-popup{background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;width:90%;max-width:500px;overflow:hidden;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dispatch-confirmation-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:20px 24px;text-align:center}.dispatch-confirmation-header h3{margin:0;font-size:1.4rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px}.dispatch-confirmation-content{padding:24px}.dispatch-confirmation-message{margin:0 0 20px;color:#374151;font-size:1rem;line-height:1.5;text-align:center}.dispatch-confirmation-details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:20px}.dispatch-confirmation-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e2e8f0}.dispatch-confirmation-item:last-child{border-bottom:none}.dispatch-confirmation-label{color:#64748b;font-weight:500;font-size:.95rem}.dispatch-confirmation-value{color:#1e293b;font-weight:600;font-size:1rem}.dispatch-confirmation-warning{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:8px;padding:12px 16px;margin-bottom:20px}.warning-icon{font-size:1.2rem;flex-shrink:0}.warning-text{color:#92400e;font-weight:500;font-size:.95rem;line-height:1.4}.dispatch-confirmation-actions{display:flex;gap:12px;justify-content:center;padding:0 24px 24px}.dispatch-confirmation-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;text-transform:uppercase;letter-spacing:.5px}.dispatch-confirmation-btn.cancel-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dispatch-confirmation-btn.cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.dispatch-confirmation-btn.confirm-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.dispatch-confirmation-btn.confirm-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b98166}.dispatch-confirmation-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.dispatch-confirmation-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dispatch-confirmation-popup{width:95%;margin:20px}.dispatch-confirmation-header{padding:16px 20px}.dispatch-confirmation-header h3{font-size:1.2rem}.dispatch-confirmation-content{padding:20px}.dispatch-confirmation-actions{flex-direction:column;padding:0 20px 20px}.dispatch-confirmation-btn{width:100%}}@media (max-width: 480px){.dispatch-confirmation-popup{width:98%;margin:10px}.dispatch-confirmation-content{padding:16px}.dispatch-confirmation-header h3{font-size:1.1rem}.dispatch-confirmation-message,.dispatch-confirmation-label,.dispatch-confirmation-value,.warning-text{font-size:.9rem}}.api-courier-display{margin-top:20px;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;animation:slideInUp .3s ease-out}.api-courier-display-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.api-courier-display-title{color:#fff;font-size:18px;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.api-courier-display-title svg{color:gold;font-size:20px}.api-courier-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.api-courier-display-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all .2s ease}.api-courier-display-item:hover{background:#ffffff26;transform:translateY(-1px)}.api-courier-label{color:#ffffffe6;font-weight:500;font-size:14px}.api-courier-value{color:#fff;font-weight:600;font-size:14px;text-align:right}.api-courier-display-item:nth-child(1){background:#ffd70033;border-color:#ffd7004d}.api-courier-display-item:nth-child(1) .api-courier-value{color:gold;font-weight:700}.api-courier-display-item:nth-child(4){background:#22c55e33;border-color:#22c55e4d}.api-courier-display-item:nth-child(4) .api-courier-value{color:#22c55e;font-weight:700}.api-courier-display-item:nth-child(5){background:#ef444433;border-color:#ef44444d}.api-courier-display-item:nth-child(5) .api-courier-value{color:#ef4444;font-weight:700}@media (max-width: 768px){.api-courier-display{padding:16px;margin-top:16px}.api-courier-display-header{margin-bottom:12px}.api-courier-display-grid{grid-template-columns:1fr;gap:8px}.api-courier-display-item{padding:10px 12px}}@media (max-width: 480px){.api-courier-display{padding:12px}.api-courier-display-title{font-size:16px}.api-courier-display-item{padding:8px 10px}.api-courier-label,.api-courier-value{font-size:12px}}.action-buttons-container{margin-top:20px;padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.action-buttons-title{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.action-buttons-title svg{color:#3b82f6;font-size:20px}.action-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;color:#fff}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.action-btn:active{transform:translateY(0)}.action-btn svg{font-size:16px}.manifest-btn{background:linear-gradient(135deg,#10b981,#059669)}.manifest-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.label-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.label-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.invoice-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.invoice-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)}@media (max-width: 768px){.action-buttons-container{padding:16px;margin-top:16px}.action-buttons-title{font-size:16px}.action-buttons-grid{grid-template-columns:1fr;gap:8px}.action-btn{padding:10px 12px;font-size:13px}}@media (max-width: 480px){.action-buttons-container{padding:12px}.action-buttons-title{font-size:15px}.action-btn{padding:8px 10px;font-size:12px}}.action-section{display:flex;flex-direction:column;gap:8px}.action-options{display:flex;gap:6px;justify-content:center}.action-option-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#fff}.action-option-btn:hover{transform:translateY(-1px)}.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)}.view-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.download-btn{background:linear-gradient(135deg,#10b981,#059669)}.download-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.action-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.pdf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pdf-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;animation:slideIn .3s ease-out}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.pdf-modal-header h3{margin:0;color:#1f2937;font-size:18px;font-weight:600}.pdf-modal-close{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.pdf-modal-close:hover{background:#f3f4f6;color:#374151}.pdf-modal-content{flex:1;padding:20px;overflow:hidden}.pdf-modal-content iframe{border-radius:8px;box-shadow:0 2px 8px #0000001a}.pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:500px;background:#f8fafc;border-radius:8px}.pdf-loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.pdf-loading p{color:#6b7280;font-size:14px;margin:0}.pdf-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid #e5e7eb}.pdf-modal-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.pdf-modal-btn:hover{transform:translateY(-1px)}.pdf-modal-btn.download-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pdf-modal-btn.download-btn:hover{background:linear-gradient(135deg,#059669,#047857)}.pdf-modal-btn.close-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.pdf-modal-btn.close-btn:hover{background:#e5e7eb;border-color:#9ca3af}@media (max-width: 768px){.action-section{gap:6px}.action-options{gap:4px}.action-option-btn{padding:4px 8px;font-size:11px}.pdf-modal{width:95%;margin:10px}.pdf-modal-header{padding:16px 20px}.pdf-modal-header h3{font-size:16px}.pdf-modal-content{padding:16px}.pdf-modal-content iframe{height:400px}.pdf-modal-footer{padding:16px 20px;flex-direction:column}.pdf-modal-btn{width:100%;justify-content:center}}@media (max-width: 480px){.action-option-btn{padding:3px 6px;font-size:10px}.pdf-modal{width:98%;margin:5px}.pdf-modal-content iframe{height:300px}}.full-order-details-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Lato,sans-serif;background:#f8f9fa;min-height:100vh}.order-header{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #0000001a}.order-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.header-left{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.back-button-group{display:flex;gap:12px}.back-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease;text-decoration:none}.back-btn:hover{background:#0056b3;transform:translateY(-1px)}.back-btn.secondary{background:#6c757d}.back-btn.secondary:hover{background:#545b62}.order-ids-container{display:flex;gap:16px;flex-wrap:wrap}.order-id-group{display:flex;align-items:center;gap:8px}.order-id-label{font-weight:600;color:#495057;font-size:14px}.clickable-order-id{background:#e9ecef;padding:6px 12px;border-radius:6px;font-weight:600;color:#007bff;cursor:pointer;transition:all .3s ease;font-size:14px}.clickable-order-id:hover{background:#007bff;color:#fff;transform:scale(1.05)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.order-date-group{text-align:right}.order-date{font-size:14px;color:#6c757d;font-weight:500}.order-status-group{display:flex;justify-content:flex-end}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#d1ecf1;color:#0c5460}.status-ready{background:#d4edda;color:#155724}.status-shipped{background:#cce5ff;color:#004085}.status-delivered{background:#d1e7dd;color:#0f5132}.status-failed{background:#f8d7da;color:#721c24}.status-default{background:#e2e3e5;color:#383d41}.main-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.additional-sections{display:flex;flex-direction:column;gap:24px}.order-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.order-section:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.section-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:600;color:#212529;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e9ecef}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:12px 0;border-bottom:1px solid #f8f9fa;gap:16px}.info-row:last-child{border-bottom:none}.info-row .label{font-weight:600;color:#495057;min-width:120px;flex-shrink:0}.info-row .value{color:#212529;text-align:right;flex:1;word-break:break-word}.info-row .value a{color:#007bff;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .3s ease}.info-row .value a:hover{color:#0056b3;text-decoration:underline}.payment-status{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.payment-status.paid{background:#d4edda;color:#155724}.payment-status.pending{background:#fff3cd;color:#856404}.payment-status.failed{background:#f8d7da;color:#721c24}.total-row{border-top:2px solid #e9ecef;margin-top:8px;padding-top:16px}.total-amount{font-size:18px;font-weight:700;color:#28a745}.seller-info-item{margin-bottom:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #007bff}.seller-info-item:last-child{margin-bottom:0}.seller-delivery-info{margin-top:16px;padding:16px;background:#f8f9fa;border-radius:8px;border-left:4px solid #28a745}.seller-delivery-title{font-size:16px;font-weight:600;color:#212529;margin-bottom:12px;display:flex;align-items:center;gap:8px}.delivery-details{margin-top:8px}.products-container{display:flex;flex-direction:column;gap:24px}.seller-products{border:1px solid #e9ecef;border-radius:8px;padding:20px;background:#f8f9fa}.seller-products-title{font-size:16px;font-weight:600;color:#212529;margin-bottom:16px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid #dee2e6}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.product-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.product-image{position:relative;height:200px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-status-badge{position:absolute;top:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600}.product-details{padding:16px}.product-name{font-size:14px;font-weight:600;color:#212529;margin-bottom:8px;line-height:1.4}.product-specs{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.spec{font-size:12px;color:#6c757d}.product-total{font-size:14px;font-weight:600;color:#28a745;padding-top:8px;border-top:1px solid #e9ecef}.error-container{text-align:center;padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.error-container h2{color:#dc3545;margin-bottom:16px;font-size:24px}.error-container p{color:#6c757d;margin-bottom:24px;font-size:16px}.error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.full-order-details-container{padding:16px}.order-header-row,.header-left{flex-direction:column;align-items:flex-start;gap:12px}.header-right{align-items:flex-start;width:100%}.main-info-grid{grid-template-columns:1fr;gap:16px}.products-grid{grid-template-columns:1fr}.info-row{flex-direction:column;align-items:flex-start;gap:4px}.info-row .value{text-align:left}.error-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.order-section,.seller-products{padding:16px}.product-card{margin-bottom:16px}}.companies-container{padding:20px;width:100%;margin:0 auto;background-color:#f5f5f5;min-height:100vh;box-sizing:border-box}.companies-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.companies-header h1{font-size:24px;color:#333;margin:0}.add-company-btn{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;transition:background-color .3s ease}.add-company-btn:hover{background-color:#45a049}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px;width:100%;box-sizing:border-box}.company-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;height:100%;width:100%;box-sizing:border-box}.company-card:hover{transform:translateY(-5px);box-shadow:0 4px 8px #00000026}.company-logo{width:100%;height:120px;margin:0 auto 20px;position:relative;background:#f5f5f5;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.company-logo img{width:100%;height:100%;object-fit:cover}.company-logo .company-name-overlay{position:absolute;top:0;left:0;right:0;background:#0009;color:#fff;padding:8px 12px;font-size:16px;font-weight:600;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.default-logo{font-size:40px;color:#666;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.company-info{margin-bottom:20px;flex-grow:1}.company-info h3{display:none}.company-info p{margin:5px 0;color:#666;font-size:14px;display:flex;align-items:center;gap:8px}.company-info svg{color:#666;min-width:16px}.company-status{margin-top:15px}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.active{background-color:#dcfce7;color:#16a34a}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.company-actions{display:flex;gap:10px;margin-top:auto}.edit-btn,.delete-btn{flex:1;padding:8px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background-color .3s ease}.edit-btn{background-color:#3b82f6;color:#fff}.edit-btn:hover{background-color:#2563eb}.delete-btn{background-color:#ef4444;color:#fff}.delete-btn:hover{background-color:#dc2626}.edit-btn:disabled,.delete-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-container,.error-container{display:flex;justify-content:center;align-items:center;min-height:200px;font-size:16px;color:#666;background-color:#fff;border-radius:8px;margin:20px;padding:20px}.error-container{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca}@media (max-width: 768px){.companies-header{flex-direction:column;gap:15px;text-align:center}.companies-container{padding:10px}.companies-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;padding:10px}.company-card{padding:15px}}@media (max-width: 480px){.companies-container{padding:10px}.company-actions{flex-direction:column}.edit-btn,.delete-btn{width:100%}.companies-grid{grid-template-columns:1fr}.company-card{padding:12px}}