.admin-layout{display:flex;height:100vh;background:#f1f5f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;font-size:.875rem}@media (min-width: 768px){.admin-layout{font-size:1rem}}.admin-sidebar-desktop{display:none}@media (min-width: 768px){.admin-sidebar-desktop{display:flex;flex-direction:column;width:256px;background:#0f172a;color:#fff;position:fixed;top:0;left:0;bottom:0;height:100vh;z-index:50;flex-shrink:0;overflow:hidden}}.admin-sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:256px;max-width:calc(100vw - 32px);background:#0f172a;transition:transform .3s ease-in-out;transform:translate(-100%);display:flex;flex-direction:column;color:#fff;z-index:50;box-shadow:8px 0 32px #0003;height:100vh;overflow:hidden}.admin-sidebar-mobile.mobile-open{transform:translate(0)}@media (min-width: 768px){.admin-sidebar-mobile{display:none}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 1.5rem;background:#0f172a;border-bottom:1px solid rgba(55,65,81,.5);flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:0;font-weight:700;font-size:1.25rem;letter-spacing:.05em;white-space:nowrap;line-height:1.2}.logo-text-white{color:#fff;display:inline-block}.logo-text-blue{color:#3b82f6;display:inline-block}.sidebar-close-mobile{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;color:#9ca3af;font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s}.sidebar-close-mobile:hover{color:#fff}@media (min-width: 768px){.sidebar-close-mobile{display:none}}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem 0;min-height:0}.sidebar-nav ul{list-style:none;padding:0;margin:0}.nav-item{display:flex;align-items:center;padding:.75rem;margin:0 .75rem .25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .2s;color:#9ca3af;text-decoration:none;gap:.75rem;border-left:4px solid transparent;min-height:auto;line-height:1.5}.nav-item:hover{background:#ffffff0d;color:#e5e7eb;border-left-color:#60a5fa}.nav-item.active{background:#3b82f633;color:#93c5fd;border-left-color:#3b82f6}.nav-item svg{width:20px;height:20px;flex-shrink:0;color:inherit;margin-right:0}.nav-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:1rem;border-top:1px solid rgba(55,65,81,.5);flex-shrink:0}.logout-button{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;background:transparent;border:1px solid #374151;color:#9ca3af;cursor:pointer;border-radius:.375rem;transition:all .2s;font-size:.875rem;font-weight:500;font-family:inherit}.logout-button:hover{background:#ffffff0d;border-color:#64748b;color:#fff}.logout-button svg{width:20px;height:20px;flex-shrink:0;color:inherit}.admin-content{flex:1;display:flex;flex-direction:column;width:100%;min-width:0;overflow-x:hidden;position:relative}@media (min-width: 768px){.admin-content{margin-left:256px;width:calc(100% - 256px)}}.admin-header-mobile{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e2e8f0;z-index:40;position:sticky;top:0}@media (min-width: 768px){.admin-header-mobile{display:none}}.admin-header-burger{display:flex;align-items:center;justify-content:center;padding:.375rem;margin-left:-.375rem;border-radius:.375rem;color:#334155;background:transparent;border:none;cursor:pointer;transition:background-color .2s}.admin-header-burger:hover{background:#f1f5f9}.admin-header-title{font-weight:600;font-size:1.125rem;color:#1e293b;letter-spacing:-.01em}.admin-header-desktop{display:none}@media (min-width: 768px){.admin-header-desktop{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:30}}.admin-header-desktop h1{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.05em}.view-site-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;color:#475569;text-decoration:none;border:1px solid #cbd5e1;padding:.375rem .75rem;border-radius:.375rem;transition:all .2s}.view-site-link:hover{background:#f8fafc;color:#1e293b;border-color:#94a3b8}.admin-main{flex:1;overflow-y:auto;padding:1rem 1rem 5rem;scroll-behavior:smooth}@media (min-width: 768px){.admin-main{padding:2rem}}.admin-main-container{max-width:1280px;margin:0 auto;width:100%;box-sizing:border-box;min-width:0}.admin-sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#0f172a99;z-index:49;animation:overlayFadeIn .2s ease-out;cursor:pointer}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.admin-sidebar-overlay{display:none}}.sidebar-nav::-webkit-scrollbar,.admin-main::-webkit-scrollbar{width:6px;height:6px}.sidebar-nav::-webkit-scrollbar-track,.admin-main::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb,.admin-main::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover,.admin-main::-webkit-scrollbar-thumb:hover{background:#64748b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.admin-products,.admin-orders,.admin-dashboard,.admin-categories,.admin-brands,.admin-media-page,.admin-settings-page,.admin-contacts-page,.admin-activity,.admin-product-form,.admin-category-form,.admin-brand-form{width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}.product-image-manager{margin-top:2rem;padding:1.5rem;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.image-manager-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.image-manager-header h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin:0}.upload-btn{background:#1d4ed8;color:#fff;border:none;border-radius:4px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.upload-btn:hover:not(:disabled){background:#2563eb}.upload-btn:disabled{background:#94a3b8;cursor:not-allowed}.empty-images{text-align:center;padding:3rem;color:#64748b}.empty-images p{margin:.5rem 0}.empty-images .hint{font-size:.875rem;color:#94a3b8}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.image-item{position:relative;padding-left:24px;background:#fff;border-radius:4px;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s}.image-drag-handle{position:absolute;left:4px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:grab;z-index:1}.image-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1f}.image-item.main{border:2px solid #1d4ed8}.image-preview{position:relative;width:100%;padding-top:100%;background:#f1f5f9;overflow:hidden}.image-preview img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.main-badge{position:absolute;top:.5rem;right:.5rem;background:#1d4ed8;color:#fff;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.image-actions{display:flex;gap:.5rem;padding:.75rem;background:#fff;border-top:1px solid #e2e8f0}.action-btn{flex:1;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;color:#334155}.action-btn:hover:not(:disabled){background:#eff6ff;border-color:#1d4ed8;color:#1d4ed8}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.set-main{background:#fffbeb;border-color:#f59e0b;color:#b45309}.action-btn.set-main:hover:not(:disabled){background:#f59e0b;color:#fff;border-color:#f59e0b}.action-btn.delete{background:#fef2f2;border-color:#fecaca;color:#dc2626}.action-btn.delete:hover:not(:disabled){background:#dc2626;color:#fff;border-color:#dc2626}@media (max-width: 768px){.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.image-manager-header{flex-direction:column;align-items:flex-start;gap:1rem}}.product-image-uploader{display:flex;flex-direction:column;gap:1rem}.product-image-upload-zone{border:2px dashed #cbd5e1;border-radius:.375rem;padding:2rem;text-align:center;background:#f8fafc;cursor:pointer;transition:all .2s}.product-image-upload-zone:hover{border-color:#94a3b8;background:#f1f5f9}.product-image-upload-zone.drag-over{border-color:#2563eb;background:#eff6ff}.product-image-upload-zone.uploading{opacity:.6;cursor:wait}.product-image-upload-icon{display:flex;justify-content:center;margin-bottom:.75rem;color:#64748b}.product-image-upload-zone:hover .product-image-upload-icon{color:#475569;transform:scale(1.1)}.product-image-upload-title{font-size:.875rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem}.product-image-upload-description{font-size:.75rem;color:#64748b;margin:0}.product-image-upload-status{font-size:.75rem;color:#2563eb;font-weight:600;margin:.5rem 0 0}.product-image-pending-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.product-image-pending-item{position:relative;aspect-ratio:1;border:1px solid #e2e8f0;border-radius:.375rem;overflow:hidden;background:#fff}.product-image-pending-preview{width:100%;height:100%;position:relative}.product-image-pending-preview img{width:100%;height:100%;object-fit:cover}.product-image-pending-main-badge{position:absolute;top:.25rem;right:.25rem;background:#2563eb;color:#fff;font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.125rem .375rem;border-radius:.25rem}.product-image-pending-remove{position:absolute;top:.25rem;left:.25rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:#0009;color:#fff;border:none;border-radius:.25rem;cursor:pointer;transition:all .2s;opacity:0}.product-image-pending-item:hover .product-image-pending-remove{opacity:1}.product-image-pending-remove:hover{background:#dc2626e6}.product-image-pending-hint{font-size:.75rem;color:#64748b;margin:0;text-align:center;font-style:italic}.product-image-uploader-error{padding:.75rem;background:#fef2f2;color:#dc2626;border-radius:.375rem;border:1px solid #fecaca;font-size:.875rem;margin-bottom:.5rem}