:root{--primary-dark: #3E2723;--primary-brown: #8D6E63;--secondary-brown: #A1887F;--cream-light: #EFEBE9;--cream-white: #FAFAFA;--text-primary: #3E2723;--text-secondary: #8D6E63;--text-light: #FAFAFA;--bg-primary: #FAFAFA;--bg-secondary: #EFEBE9;--bg-card: #FFFFFF;--border-light: #BCAAA4;--border-medium: #8D6E63;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);font-family:inherit}a{color:var(--primary-dark);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-brown)}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary)}.login-container{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:100%;background:transparent;border:none;box-shadow:none;padding:0}.brand-header{text-align:center;margin-bottom:3rem}.brand-logo{width:200px;height:auto;margin-bottom:1.5rem}.brand-name{font-size:3rem;font-weight:700;color:var(--primary-dark);margin:0 0 .5rem;letter-spacing:-.02em}.brand-tagline{font-size:1.2rem;color:var(--secondary-brown);margin:0;font-weight:500}.login-form{display:flex;flex-direction:column;gap:2rem;max-width:400px;margin:0 auto}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:8px;border:1px solid #ffcdd2;font-size:.9rem;text-align:center;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--text-primary);font-size:1rem}.form-input{padding:1.25rem;border:2px solid var(--border-light);border-radius:8px;font-size:1.1rem;background-color:var(--bg-card);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%}.form-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #d4a3731a}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.login-button{background-color:var(--primary-dark);color:var(--text-light);border:none;padding:1.25rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem;width:100%}.login-button:hover{background-color:var(--secondary-brown);transform:translateY(-1px);box-shadow:0 8px 20px #3e27234d}.login-button:active{transform:translateY(0)}.dashboard{min-height:100vh;background-color:var(--bg-primary)}.dashboard-header{background-color:var(--primary-dark);color:var(--text-light);padding:.75rem 2rem;box-shadow:0 2px 10px #3e27231a}.header-content{width:100%;display:flex;justify-content:space-between;align-items:center}.brand-section{display:flex;align-items:center;gap:1rem}.header-logo{width:80px;height:auto}.brand-info h1{margin:0;font-size:1.25rem;font-weight:700}.brand-info p{margin:.15rem 0 0;font-size:.8rem;opacity:.9}.admin-section{display:flex;align-items:center;gap:1rem}.admin-email{font-size:.8rem;opacity:.9}.logout-button{background:#fff3;color:var(--text-light);border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ffffff4d;border-color:#ffffff80}.dashboard-main{padding:2rem;max-width:1200px;margin:0 auto}.dashboard-content{background:var(--bg-card);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #3e272314}.dashboard-content h2{color:var(--primary-dark);margin:0 0 1rem;font-size:2rem}.dashboard-content p{color:var(--text-secondary);font-size:1.1rem;margin:0}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem;text-align:center}.admin-section{flex-direction:column;gap:.5rem}.dashboard-main{padding:1rem}.dashboard-content{padding:1.5rem}}@media(max-width:768px){.login-container{padding:1rem}.brand-name{font-size:2.5rem}.brand-logo{width:150px}.login-form{max-width:100%;gap:1.5rem}.form-input,.login-button{padding:1rem;font-size:1rem}.dashboard-header{padding:.5rem 1rem}.brand-info h1{font-size:1.1rem}}@media(max-width:480px){.login-container{padding:.5rem}.brand-header{margin-bottom:2rem}.brand-name{font-size:2rem}.brand-logo{width:120px}.brand-tagline{font-size:1rem}.login-form{gap:1.25rem}.form-input,.login-button{padding:.875rem;font-size:.95rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-card);border-top:1px solid var(--border-light);box-shadow:0 -2px 10px #3e27231a;z-index:1000}.bottom-nav-container{display:flex;justify-content:space-around;align-items:center;padding:.25rem .5rem;width:100%}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.375rem .5rem;border:none;background:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:8px;min-width:60px;gap:.125rem;flex:1}.nav-item:hover{background-color:var(--bg-secondary);color:var(--primary-dark)}.nav-item.active{color:var(--primary-dark);background-color:var(--bg-secondary)}.nav-item.active .nav-icon{transform:scale(1.1)}.nav-icon{width:22px;height:22px;transition:transform .2s ease}.nav-label{font-size:.75rem;font-weight:500;transition:color .2s ease}.nav-item.active .nav-label{font-weight:600}@media(min-width:768px){.bottom-nav-container{padding:.5rem 1rem}.nav-item{padding:.5rem .75rem;min-width:80px;gap:.25rem}.nav-icon{width:24px;height:24px}.nav-label{font-size:.75rem}}@media(max-width:480px){.bottom-nav-container{padding:.25rem}.nav-item{padding:.25rem;min-width:50px;gap:.125rem}.nav-icon{width:20px;height:20px}.nav-label{font-size:.7rem}}.stock-management{width:100%;padding:0!important;margin:0!important}.stock-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0 .75rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.stock-header h1{color:var(--primary-dark);font-size:1.75rem;font-weight:700;margin:0}.create-collection-btn{background-color:var(--primary-dark);color:var(--text-light);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3e272326;display:flex;align-items:center;gap:.375rem}.create-collection-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e272340;background-color:var(--secondary-brown)}.create-collection-btn:active{transform:translateY(0)}.create-collection-btn.primary{background-color:var(--primary-dark);padding:.75rem 1.5rem;font-size:.9rem}.collections-container{width:100%}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary-dark);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.loading-state p{color:var(--text-secondary);font-size:.95rem;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center;background:#ffebee;border-radius:8px;border:1px solid #ffcdd2;margin:1rem 0}.error-icon{font-size:2rem;margin-bottom:.75rem}.error-state h3{color:#c62828;margin:0 0 .375rem;font-size:1.1rem}.error-state p{color:#c62828;margin:0 0 1rem;font-size:.9rem}.retry-btn{background-color:var(--primary-dark);color:var(--text-light);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background-color:var(--secondary-brown)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:.75rem;opacity:.7}.empty-state h3{color:var(--primary-dark);margin:0 0 .375rem;font-size:1.1rem}.empty-state p{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem;max-width:350px}.collections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.collection-card{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-light);box-shadow:0 2px 8px #3e272314;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.collection-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3e27231f}.collection-image{width:100%;height:120px;overflow:hidden;position:relative}.collection-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.collection-card:hover .collection-image img{transform:scale(1.05)}.collection-overlay{position:absolute;top:.375rem;right:.375rem;opacity:0;transition:opacity .2s ease}.collection-card:hover .collection-overlay{opacity:1}.edit-btn{background:#ffffffe6;border:none;border-radius:4px;padding:.375rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.edit-btn:hover{background:#fff;transform:scale(1.1)}.collection-content{padding:.75rem}.collection-content h4{margin:0 0 .375rem;color:var(--primary-dark);font-size:.9rem;font-weight:600}.collection-desc{margin:0;color:var(--text-secondary);font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}@media(max-width:768px){.stock-header{padding:.75rem 0 .5rem;margin-bottom:1rem}.stock-header h1{font-size:1.5rem}.create-collection-btn{padding:.5rem .875rem;font-size:.8rem}.collections-container{padding:0}.loading-state,.empty-state{padding:2rem .75rem}.error-state{padding:2rem .75rem;margin:.75rem 0}.collections-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}}@media(max-width:480px){.stock-header{margin-bottom:.75rem;padding:.5rem 0 .375rem}.stock-header h1{font-size:1.25rem}.create-collection-btn{width:100%;padding:.625rem;font-size:.85rem}.collections-container{padding:0}.loading-state,.empty-state{padding:1.5rem .5rem}.error-state{padding:1.5rem .5rem;margin:.5rem 0}.collections-grid{grid-template-columns:1fr;gap:.5rem}.collection-image{height:90px}.collection-content{padding:.5rem}.collection-content h4{font-size:.85rem}.collection-desc{font-size:.7rem}}.details-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-light);margin-bottom:2rem}.back-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:none;border-radius:8px;color:var(--primary-dark);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.back-btn:hover{background:var(--border-light);transform:translate(-2px)}.details-content{width:100%}.collection-info{padding:0}.info-hero{position:relative;height:300px;overflow:hidden;border-radius:0}.info-hero img{width:100%;height:100%;object-fit:cover}.info-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:3rem 2rem 2rem}.edit-title-section{display:flex;align-items:center;gap:1rem;width:100%}.edit-title-input{flex:1;background:#ffffffe6;border:2px solid rgba(255,255,255,.5);border-radius:8px;padding:.75rem 1rem;font-size:1.5rem;font-weight:700;color:var(--primary-dark);outline:none;text-shadow:none}.edit-title-input:focus{border-color:#fff;background:#fff}.edit-actions{display:flex;gap:.5rem}.edit-save-btn,.edit-cancel-btn{background:#ffffffe6;border:none;border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.edit-save-btn:hover{background:#4caf50;color:#fff}.edit-cancel-btn:hover{background:#f44336;color:#fff}.title-section{display:flex;align-items:center;justify-content:space-between;width:100%}.title-section h1{color:#fff;font-size:2.5rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.5)}.edit-title-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:.5rem;cursor:pointer;transition:all .2s ease;color:#fff}.edit-title-btn:hover{background:#ffffff4d;border-color:#ffffff80}.info-details{padding:2rem}.info-section{margin-bottom:2rem}.section-separator{height:1px;background:var(--border-light);margin:2rem 0;border:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.section-header h3{color:var(--primary-dark);font-size:1.25rem;font-weight:600;margin:0}.edit-btn-small{background:transparent;border:1px solid var(--border-light);border-radius:4px;padding:.25rem;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.edit-btn-small:hover{background:var(--bg-secondary);border-color:var(--primary-brown);color:var(--primary-dark)}.info-section h3{color:var(--primary-dark);font-size:1.25rem;font-weight:600;margin:0 0 .75rem}.edit-desc-input{width:100%;padding:1rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;line-height:1.5;color:var(--text-primary);background:var(--bg-card);outline:none;resize:vertical;min-height:100px}.edit-desc-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #d4a3731a}.info-section p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.code-text{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:var(--bg-secondary);padding:.5rem;border-radius:4px;font-size:.9rem;color:var(--primary-dark)}.info-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--primary-dark);margin-bottom:.25rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.products-section{padding:2rem}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.products-header h3{color:var(--primary-dark);font-size:1.5rem;font-weight:600;margin:0}.add-product-btn{background-color:var(--primary-dark);color:var(--text-light);border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3e272326;display:flex;align-items:center;gap:.5rem}.add-product-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e272340;background-color:var(--secondary-brown)}.add-product-btn.primary{background-color:var(--primary-dark);padding:1rem 2rem;font-size:1rem}.products-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.products-empty .empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.products-empty h4{color:var(--primary-dark);font-size:1.25rem;margin:0 0 .5rem}.products-empty p{color:var(--text-secondary);font-size:.95rem;margin:0 0 2rem;max-width:400px}.products-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.products-loading p{color:var(--text-secondary);font-size:.95rem;margin:.75rem 0 0}.products-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.5rem 1rem;text-align:center;background:#ffebee;border-radius:8px;border:1px solid #ffcdd2;margin:1rem 0}.products-error .error-icon{font-size:2rem;margin-bottom:.75rem}.products-error h4{color:#c62828;margin:0 0 .375rem;font-size:1.1rem}.products-error p{color:#c62828;margin:0 0 1rem;font-size:.9rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.product-card{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-light);box-shadow:0 2px 8px #3e272314;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3e27231f}.product-image{width:100%;height:160px;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1rem}.product-info h4{margin:0 0 .5rem;color:var(--primary-dark);font-size:.95rem;font-weight:600;line-height:1.3}.product-price{margin:0 0 .375rem;color:var(--primary-dark);font-size:1rem;font-weight:700}.product-sizes{margin:0;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.details-header{padding:.75rem 0;margin-bottom:1.5rem}.back-btn{padding:.625rem .875rem;font-size:.85rem}.info-hero{height:200px}.info-overlay{padding:2rem 1.5rem 1.5rem}.info-overlay h1{font-size:2rem}.info-details{padding:1.5rem}.section-separator{margin:1.5rem 0}.info-stats{grid-template-columns:repeat(3,1fr);gap:1rem}.products-section{padding:1.5rem}.products-header{flex-direction:column;gap:1rem;align-items:flex-start}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.product-image{height:140px}.product-info{padding:.875rem}.product-info h4{font-size:.9rem}.product-price{font-size:.95rem}}@media(max-width:480px){.details-header{padding:.5rem 0;margin-bottom:1rem}.back-btn{width:100%;justify-content:center;margin-bottom:.5rem}.info-hero{height:150px}.info-overlay h1{font-size:1.5rem}.edit-title-input{font-size:1.2rem;padding:.5rem .75rem}.edit-actions{gap:.375rem}.edit-save-btn,.edit-cancel-btn,.edit-title-btn{padding:.375rem}.info-details{padding:1rem}.section-separator{margin:1rem 0}.edit-desc-input{padding:.75rem;font-size:.9rem}.info-stats{grid-template-columns:1fr;gap:.75rem}.products-section{padding:1rem}.products-empty{padding:3rem 1rem}.products-loading{padding:2rem .75rem}.products-error{padding:2rem .75rem;margin:.75rem 0}.products-grid{grid-template-columns:1fr;gap:.5rem}.product-image{height:120px}.product-info{padding:.75rem}.product-info h4{font-size:.85rem}.product-price{font-size:.9rem}.product-sizes{font-size:.75rem}}.product-modal-overlay{position:fixed;inset:0;background-color:#000c;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.product-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.product-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-light);background:var(--bg-card)}.product-modal-header h2{color:var(--primary-dark);font-size:1.5rem;font-weight:700;margin:0}.product-modal-close{background:transparent;border:none;padding:.5rem;cursor:pointer;border-radius:6px;color:var(--text-secondary);transition:all .2s ease}.product-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.product-modal-content{display:grid;grid-template-columns:300px 1fr;gap:0;max-height:calc(90vh - 80px);overflow-y:auto;min-height:400px}.product-modal-container{width:100%;max-width:600px;margin:auto}.collection-modal-container{width:100%;max-width:500px;margin:auto}.product-create-modal,.collection-create-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem 1.5rem;border-bottom:1px solid var(--border-light)}.modal-title{display:flex;align-items:center;gap:.75rem}.title-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary-brown);color:#fff;border-radius:8px}.modal-title h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--primary-dark)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--primary-dark)}.modal-body{padding:2rem 2.5rem;overflow-y:auto;flex:1}.product-form,.collection-form{display:flex;flex-direction:column;gap:1.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--primary-dark);margin-bottom:.25rem}.form-input,.form-textarea{padding:.75rem 1rem;border:2px solid var(--border-light);border-radius:8px;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);transition:all .2s ease;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #8d6e631a}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-textarea{resize:vertical;min-height:80px}.image-upload-area{margin-top:.5rem}.upload-placeholder{border:2px dashed var(--border-light);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.upload-placeholder:hover{border-color:var(--primary-brown);background:var(--bg-secondary)}.upload-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:1rem;cursor:pointer;width:100%}.upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--bg-secondary);border-radius:50%;color:var(--text-secondary)}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-primary{font-weight:500;color:var(--primary-dark)}.upload-secondary{font-size:.75rem;color:var(--text-secondary)}.image-preview-card{position:relative;border-radius:8px;overflow:hidden;background:var(--bg-primary);border:2px solid var(--border-light)}.image-preview-card img{width:100%;height:200px;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.image-preview-card:hover .image-overlay{opacity:1}.change-image-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;color:var(--primary-dark);border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.change-image-btn:hover{background:var(--bg-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem 2.5rem 2rem;border-top:1px solid var(--border-light);background:var(--bg-primary)}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:var(--primary-dark);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-brown);transform:translateY(-1px)}.btn-primary:disabled{background:var(--text-secondary);cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--border-light)}.spinner{animation:spin 1s linear infinite}.size-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));gap:.5rem;margin-top:.5rem}.size-button{padding:.5rem .75rem;border:2px solid var(--border-light);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;min-height:40px;display:flex;align-items:center;justify-content:center}.size-button:hover{border-color:var(--primary-brown);background:var(--bg-secondary)}.size-button.selected{background:var(--primary-brown);border-color:var(--primary-brown);color:#fff}.size-button.selected:hover{background:var(--secondary-brown);border-color:var(--secondary-brown)}@media(max-width:640px){.product-modal-container,.collection-modal-container{max-width:95vw;margin:1rem}.modal-header{padding:1.5rem 1.5rem 1rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem 1.5rem;flex-direction:column-reverse}.btn-primary,.btn-secondary{width:100%;justify-content:center}.upload-placeholder{padding:1.5rem}}.add-product-form-grid{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto auto!important;gap:1.25rem!important;width:100%!important;max-width:600px!important;margin:0 auto!important;padding:1.25rem!important}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section label{color:var(--primary-dark);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.name-section{grid-column:1 / -1!important}.price-section{grid-column:1!important}.image-section{grid-column:2!important}.sizes-section{grid-column:1 / -1!important}.actions-section{grid-column:1 / -1!important;margin-top:1rem}.actions-section label{display:none}.actions-section .product-edit-actions{justify-content:center;gap:1rem;margin:0}.image-upload-section{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.upload-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--primary-brown);color:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;border:2px solid var(--primary-brown)}.upload-button:hover{background:var(--secondary-brown);border-color:var(--secondary-brown);transform:translateY(-1px)}.image-preview{margin-top:.5rem}.image-preview img{max-width:200px;max-height:200px;border-radius:8px;border:2px solid var(--border-light);object-fit:cover}.product-modal-image{background:var(--bg-secondary);padding:1rem}.product-modal-image img{width:100%;height:auto;max-height:300px;object-fit:cover;border-radius:8px}.product-modal-info{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.product-info-section{border-bottom:1px solid var(--border-light);padding-bottom:1rem}.product-info-section:last-child{border-bottom:none;padding-bottom:0}.product-info-section h3{color:var(--primary-dark);font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.product-info-section p{color:var(--text-primary);font-size:1rem;margin:0;line-height:1.5}.price-display{font-size:1.2rem;font-weight:700;color:var(--primary-dark)}.sizes-display{text-transform:uppercase;letter-spacing:1px;font-weight:500}.product-modal-actions{margin-top:1rem}.edit-product-btn{background-color:var(--primary-dark);color:var(--text-light);border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3e272326;display:flex;align-items:center;gap:.5rem}.edit-product-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3e272340;background-color:var(--secondary-brown)}.product-edit-section{display:flex;flex-direction:column;gap:.5rem}.product-edit-section label{color:var(--primary-dark);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.product-edit-input{padding:.75rem;border:2px solid var(--border-light);border-radius:6px;font-size:1rem;color:var(--text-primary);background:var(--bg-card);outline:none;transition:border-color .2s ease}.product-edit-input:focus{border-color:var(--primary-brown);box-shadow:0 0 0 3px #d4a3731a}.product-edit-actions{display:flex;gap:.75rem;margin-top:1rem}.save-edit-btn,.cancel-edit-btn{flex:1;padding:.75rem 1rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.save-edit-btn{background-color:#4caf50;color:#fff;border:none}.save-edit-btn:hover{background-color:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.cancel-edit-btn{background-color:transparent;color:var(--text-secondary);border:2px solid var(--border-light)}.cancel-edit-btn:hover{background-color:var(--bg-secondary);border-color:var(--primary-brown);color:var(--primary-dark)}.size-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.size-button{padding:.5rem .75rem;border:2px solid var(--border-light);border-radius:6px;background-color:var(--bg-card);color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:50px;text-align:center}.size-button:hover{border-color:var(--primary-brown);background-color:var(--bg-secondary);color:var(--primary-dark)}.size-button.selected{background-color:var(--primary-brown);border-color:var(--primary-brown);color:var(--text-light)}.size-button.selected:hover{background-color:var(--secondary-brown);border-color:var(--secondary-brown)}@media(max-width:768px){.product-modal-content{grid-template-columns:1fr;gap:0}.product-modal-image{padding:1rem;text-align:center}.product-modal-image img{max-height:200px}.product-modal-info{padding:1rem;gap:1rem}.product-modal-form{padding:1rem}.add-product-form-grid{grid-template-columns:1fr;gap:1.25rem;max-width:100%;padding:1.25rem}.name-section,.price-section,.image-section,.sizes-section,.actions-section{grid-column:1}.actions-section .product-edit-actions{gap:.75rem}.collection-form-simple{padding:.5rem;gap:1.25rem}.form-actions{gap:.75rem}.image-preview img{max-width:150px;max-height:150px}.upload-button{padding:.625rem .875rem;font-size:.85rem}.product-modal-header{padding:1rem}.product-modal-header h2{font-size:1.25rem}.product-edit-actions{flex-direction:column;gap:.5rem}.save-edit-btn,.cancel-edit-btn{width:100%}}@media(max-width:480px){.product-modal-overlay{padding:.5rem}.product-modal{max-height:95vh;border-radius:8px}.product-modal-header{padding:.75rem}.product-modal-header h2{font-size:1.1rem}.product-modal-image{padding:.75rem}.product-modal-image img{max-height:150px}.product-modal-info{padding:.75rem;gap:1rem}.product-info-section{padding-bottom:.75rem}.product-edit-input{padding:.625rem;font-size:.95rem}.size-button{padding:.5rem .625rem;font-size:.85rem;min-width:45px}}.orders-management{padding:1.5rem;max-width:1200px;margin:0 auto}.orders-header{margin-bottom:2rem}.orders-header h2{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.orders-header p{color:var(--text-secondary);font-size:1rem}.date-filter-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.date-filter-btn:active{transform:scale(.95)}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--primary-brown);color:#fff;border-radius:20px;font-size:.875rem;font-weight:500}.filter-tag button{background:none;border:none;color:#fff;cursor:pointer;padding:.125rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.filter-tag button:hover{background:#fff3}.search-results{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.results-count{color:var(--primary-brown);font-weight:600}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.no-results p{color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem;max-width:300px}.clear-search-btn{padding:.75rem 1.5rem;background:var(--primary-brown);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.clear-search-btn:hover{background:var(--secondary-brown)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary-brown);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center}.error-state p{color:#ef4444;font-size:1rem;margin-bottom:1rem}.retry-button{padding:.75rem 1.5rem;background:var(--primary-brown);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background:var(--secondary-brown)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-light)}.empty-state p{color:var(--text-secondary);font-size:1rem;max-width:400px}.orders-list{display:flex;flex-direction:column;gap:.75rem;max-width:100%}.order-list-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.order-list-item:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--primary-brown);transform:translateY(-1px)}.order-list-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.order-list-info{display:flex;flex-direction:column;gap:.25rem}.order-list-id{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.order-list-customer{color:var(--text-secondary);font-size:.875rem;margin:0}.order-list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.order-list-status{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.order-list-date{color:var(--text-secondary);font-size:.75rem;text-align:right}.order-list-summary{display:flex;justify-content:space-between;align-items:center}.order-list-items{color:var(--text-secondary);font-size:.875rem}.order-list-total{color:var(--primary-brown);font-size:1rem}.status-placed{background:#fef3c7;color:#92400e}.status-accepted{background:#ecfdf5;color:#065f46}.status-processing{background:#dbeafe;color:#1e40af}.status-shipped{background:#e0e7ff;color:#3730a3}.status-cancelled{background:#fee2e2;color:#991b1b}.status-default{background:#f3f4f6;color:#374151}.status-dropdown-container{position:relative}.status-dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;border:none;cursor:pointer;transition:all .2s ease}.status-dropdown-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.dropdown-arrow{transition:transform .2s ease}.dropdown-arrow.open{transform:rotate(180deg)}.status-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;margin-top:.25rem;overflow:hidden}.status-dropdown-item{display:block;width:100%;padding:.5rem .75rem;background:none;border:none;text-align:left;font-size:.8rem;font-weight:500;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary)}.status-dropdown-item:hover{background:var(--bg-secondary)}.status-dropdown-item.active{background:var(--primary-brown);color:#fff}.status-dropdown-item.active:hover{background:var(--secondary-brown)}.order-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.order-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:800px;width:100%;max-height:75vh;display:flex;flex-direction:column;overflow:hidden}.order-modal-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}.order-modal-header h2{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.order-modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.order-modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.order-modal-content{flex:1;overflow-y:auto;padding:.75rem 1rem}.order-modal-content::-webkit-scrollbar{width:6px}.order-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.order-modal-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.order-modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary-brown)}.order-modal-section{margin-bottom:1rem}.order-modal-section h3{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.5rem;border-bottom:1px solid var(--primary-brown);padding-bottom:.125rem}.order-modal-section:last-child{margin-bottom:0}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.info-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.status-badge{padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;align-self:flex-start;margin-top:.25rem}.customer-details h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.75rem}.customer-contact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:.75rem}.customer-contact p{color:var(--text-secondary);font-size:.875rem;margin:0}.customer-address-section h5{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.customer-address{color:var(--text-secondary);font-size:.875rem;line-height:1.5;font-style:italic}.order-items-detailed{display:flex;flex-direction:column;gap:.5rem}.order-item-detailed{display:flex;gap:.75rem;padding:.5rem;background:var(--bg-secondary);border-radius:6px;border:1px solid var(--border-light)}.item-image-large{width:60px;height:60px;object-fit:cover;border-radius:4px;flex-shrink:0}.item-details-full{flex:1;display:flex;flex-direction:column;justify-content:space-between}.item-details-full h5{color:var(--text-primary);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.item-meta{display:flex;gap:.75rem;margin-bottom:.25rem}.item-category{color:var(--text-secondary);font-size:.75rem;background:var(--bg-primary);padding:.125rem .375rem;border-radius:3px}.item-size{color:var(--text-secondary);font-size:.75rem}.item-pricing{display:flex;justify-content:space-between;align-items:center}.item-pricing span:first-child{color:var(--text-secondary);font-size:.8rem}.item-total{color:var(--primary-brown);font-size:.85rem}.date-picker-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem}.date-picker-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;width:100%;overflow:hidden}.date-picker-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-light)}.date-picker-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.date-picker-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease}.date-picker-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.date-picker-content{padding:1.5rem}.date-input{width:100%;padding:.875rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);cursor:pointer;transition:all .2s ease;box-sizing:border-box}.date-picker-note{margin-top:1rem;color:var(--text-secondary);font-size:.875rem;line-height:1.5}.date-picker-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;border-top:1px solid var(--border-light)}.date-picker-clear,.date-picker-cancel{padding:.75rem 1.25rem;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.date-picker-clear{background:var(--bg-secondary);color:var(--text-secondary)}.date-picker-clear:hover{background:var(--bg-primary);color:var(--text-primary)}.date-picker-cancel{background:var(--primary-brown);color:#fff}.date-picker-cancel:hover{background:var(--secondary-brown)}.order-summary{background:var(--bg-secondary);border-radius:6px;padding:.75rem;border:1px solid var(--border-light)}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem;font-size:.85rem}.summary-row:last-child{margin-bottom:0}.summary-row span:first-child{color:var(--text-secondary);font-weight:500}.summary-row span:last-child{color:var(--text-primary);font-weight:600}.total-row{border-top:1px solid var(--border-light);padding-top:.5rem;margin-top:.5rem}.total-row span{font-size:1rem;font-weight:700;color:var(--primary-brown)}@media(max-width:768px){.orders-management{padding:1rem}.order-list-item{padding:.875rem}.order-list-header{flex-direction:column;gap:.75rem;align-items:flex-start}.order-list-meta{align-items:flex-start;flex-direction:row;gap:.75rem}.order-list-date{text-align:left;font-size:.7rem}.order-modal{max-width:95vw;margin:1rem}.order-modal-header,.order-modal-content{padding:1rem 1.5rem}.order-info-grid,.customer-contact{grid-template-columns:1fr;gap:.75rem}.order-item-detailed{flex-direction:column;align-items:center;text-align:center}.item-details-full{text-align:center}.item-meta{justify-content:center}}@media(max-width:480px){.orders-header h2{font-size:1.5rem}.order-list-id{font-size:.95rem}.order-list-customer{font-size:.8rem}.order-list-status{font-size:.65rem}.order-list-date{font-size:.7rem}.order-modal-header h2{font-size:1.1rem}.order-modal-section h3{font-size:1rem}.item-image-large{width:60px;height:60px}.customer-details h4{font-size:.95rem}}.customers-management{padding:1.5rem;max-width:1200px;margin:0 auto}.customers-header{margin-bottom:2rem}.customers-header h2{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.customers-header p{color:var(--text-secondary);font-size:1rem}.customers-list{display:flex;flex-direction:column;gap:1rem}.customer-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.25rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.customer-card:hover{border-color:var(--primary-brown);box-shadow:0 4px 12px #00000014}.customer-avatar-section{margin-right:1rem;flex-shrink:0}.customer-avatar{width:3rem;height:3rem;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.customer-avatar svg{width:1.25rem;height:1.25rem}.customer-content{flex:1;min-width:0;align-self:center}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{margin:0;color:var(--text-primary);font-size:1.125rem;font-weight:600;line-height:1.3}.customer-details{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.customer-joined{margin:0;color:var(--text-secondary);font-size:.75rem;line-height:1.4;opacity:.8}.customer-actions{margin-left:1rem;color:var(--text-secondary);flex-shrink:0;align-self:center;opacity:.7;transition:opacity .2s ease}.customer-card:hover .customer-actions{opacity:1}.customer-actions svg{width:1rem;height:1rem}.customer-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.customer-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.customer-modal-header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.customer-modal-title{display:flex;align-items:center;gap:16px}.customer-avatar-large{width:56px;height:56px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.customer-modal-title h2{margin:0 0 4px;color:#1f2937;font-size:24px;font-weight:600}.customer-modal-title .customer-email{margin:0;color:#6b7280;font-size:16px}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s}.close-button:hover{background:#f3f4f6;color:#374151}.customer-modal-content{padding:24px;overflow-y:auto;flex:1}.customer-details-section h3,.customer-orders-section h3{margin:0 0 16px;color:#1f2937;font-size:18px;font-weight:600}.customer-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:14px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:16px;color:#1f2937;font-weight:500}.customer-orders-section{margin-top:32px}.orders-loading{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center}.no-orders{display:flex;flex-direction:column;align-items:center;padding:40px 20px;text-align:center;color:#6b7280}.no-orders svg{margin-bottom:12px;opacity:.5}.customer-orders-list{display:flex;flex-direction:column;gap:12px}.customer-order-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.order-info{display:flex;flex-direction:column;gap:4px}.order-id{font-weight:600;color:#1f2937;font-size:16px}.order-date{color:#6b7280;font-size:14px}.order-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.status-placed{background:#fef3c7;color:#d97706}.status-accepted{background:#dbeafe;color:#2563eb}.status-delivered{background:#d1fae5;color:#065f46}.order-summary{display:flex;justify-content:space-between;align-items:center}.order-items,.order-total{font-size:14px;color:#6b7280}.order-total{font-weight:600;color:#1f2937}.customer-modal-content::-webkit-scrollbar{width:8px}.customer-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.customer-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.customer-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.tab-content{padding:15px}.tab-content h2{font-size:20px}.customers-header{flex-direction:column;gap:12px;margin-bottom:20px}.customers-stats{align-self:flex-start}.search-container{max-width:100%}.empty-state,.loading-state,.error-state{padding:40px 20px}.empty-state-icon{width:36px;height:36px}.customer-card{padding:1rem}.customer-avatar{width:2.5rem;height:2.5rem}.customer-avatar svg{width:1.125rem;height:1.125rem}.customer-name{font-size:1rem}.customer-details{font-size:.8125rem}.customer-joined{font-size:.6875rem}.customer-actions svg{width:.875rem;height:.875rem}.customer-modal{max-height:95vh;margin:10px}.customer-modal-header{padding:20px}.customer-modal-title{gap:12px}.customer-avatar-large{width:48px;height:48px}.customer-modal-title h2{font-size:20px}.customer-modal-content{padding:20px}.customer-details-grid{grid-template-columns:1fr}.order-header{flex-direction:column;gap:8px;align-items:flex-start}.order-summary{flex-direction:column;gap:4px;align-items:flex-start}}.queries-management{padding:1.5rem;max-width:1200px;margin:0 auto}.queries-header{margin-bottom:2rem}.queries-header h2{color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:.5rem}.queries-header p{color:var(--text-secondary);font-size:1rem}.search-section{margin-bottom:2rem}.search-filters{margin-bottom:1rem}.search-container-full{position:relative;width:100%;display:flex;align-items:center;gap:.5rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:1;flex-shrink:0}.search-input-full{flex:1;padding:.875rem 3rem;border:2px solid var(--border-light);border-radius:12px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);transition:all .2s ease;box-sizing:border-box}.search-input-full:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a}.search-input-full::placeholder{color:var(--text-secondary)}.clear-search{position:absolute;right:3.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;z-index:2}.clear-search:hover{background:var(--bg-secondary);color:var(--text-primary)}.date-filter-btn{display:flex;align-items:center;justify-content:center;padding:.75rem;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.date-filter-btn:hover{background:var(--bg-primary);border-color:var(--primary-brown);color:var(--text-primary)}.active-filters{margin-top:.75rem}.filter-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:6px;font-size:.875rem;color:var(--text-primary)}.filter-tag button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.125rem;border-radius:2px;transition:all .2s ease}.filter-tag button:hover{background:var(--bg-primary);color:var(--text-primary)}.search-results{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.results-count{font-size:.875rem;color:var(--text-secondary);font-weight:500}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);margin:2rem 0}.retry-button{background:var(--primary-brown);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}.retry-button:hover{background:var(--primary-brown-dark)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);margin:2rem 0}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1rem;max-width:28rem}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-light);margin:2rem 0}.no-results h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.no-results p{color:var(--text-secondary);font-size:1rem;margin-bottom:1.5rem;max-width:28rem}.clear-search-btn{background:var(--primary-brown);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.clear-search-btn:hover{background:var(--primary-brown-dark)}.queries-list{display:flex;flex-direction:column;gap:1rem}.query-list-item{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:.875rem 1rem;display:flex;align-items:center;cursor:pointer;transition:border-color .2s ease}.query-list-item:hover{border-color:var(--primary-brown)}.query-content{flex:1;min-width:0}.query-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.query-id{font-weight:600;color:var(--text-primary);font-size:.875rem}.query-date{color:var(--text-secondary);font-size:.75rem}.query-details{display:flex;flex-direction:column;gap:.25rem}.query-customer{display:flex;align-items:center;gap:.25rem}.customer-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.customer-email{color:var(--text-secondary);font-size:.8125rem}.query-subject{color:var(--text-primary);font-size:.8125rem;font-weight:500}.query-message-preview{color:var(--text-secondary);font-size:.75rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.query-actions{align-self:center;color:var(--text-secondary);opacity:.7;transition:opacity .2s ease}.query-list-item:hover .query-actions{opacity:1}.query-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.query-modal{background:var(--bg-card);border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.query-modal-header{padding:1.5rem;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:flex-start}.query-modal-title{display:flex;align-items:center;gap:1rem}.query-avatar{width:3rem;height:3rem;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.query-modal-title h2{margin:0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.query-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.query-details-section h3,.query-message-section h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.query-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.detail-item span{font-size:1rem;color:var(--text-primary);font-weight:500}.query-message-section{margin-top:2rem}.query-message-content{background:var(--bg-secondary);border-radius:8px;padding:1.5rem}.message-header{margin-bottom:1rem}.message-header h4{margin:0 0 .5rem;color:var(--text-primary);font-size:1.125rem;font-weight:600}.related-order{margin:0;color:var(--primary-brown);font-size:.875rem;font-weight:500}.related-order.clickable{cursor:pointer;text-decoration:underline;transition:opacity .2s ease}.related-order.clickable:hover{opacity:.8}.message-body{color:var(--text-secondary);line-height:1.6}.message-body p{margin:0}.date-picker-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001}.date-picker-modal{background:var(--bg-card);border-radius:12px;padding:1.5rem;min-width:300px;box-shadow:0 20px 25px -5px #0000001a}.date-picker-modal h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.date-input{width:100%;padding:.75rem;border:2px solid var(--border-light);border-radius:8px;font-size:1rem;background:var(--bg-card);color:var(--text-primary);margin-bottom:1rem}.date-input:focus{outline:none;border-color:var(--primary-brown);box-shadow:0 0 0 3px #8b45131a}.date-picker-actions{display:flex;gap:.75rem;justify-content:flex-end}.clear-date-btn,.cancel-btn{padding:.5rem 1rem;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.clear-date-btn:hover,.cancel-btn:hover{background:var(--bg-secondary)}.query-modal-content::-webkit-scrollbar{width:6px}.query-modal-content::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.query-modal-content::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.query-modal-content::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.queries-management{padding:1rem}.queries-header h2{font-size:1.5rem}.query-list-item{padding:.75rem .875rem}.customer-name{font-size:.8125rem}.customer-email,.query-subject{font-size:.75rem}.query-message-preview{font-size:.6875rem}.query-modal{max-height:95vh;margin:.5rem}.query-modal-header{padding:1rem}.query-modal-title{gap:.75rem}.query-avatar{width:2.5rem;height:2.5rem}.query-modal-title h2{font-size:1.25rem}.query-modal-actions{gap:.75rem}.query-modal-content{padding:1rem}.query-details-grid{grid-template-columns:1fr}.date-picker-modal{margin:1rem;min-width:auto}}.home-page{padding:1.5rem;max-width:1200px;margin:0 auto}.home-header{margin-bottom:2rem}.home-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.home-header p{color:var(--text-secondary);font-size:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.metric-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;position:relative}.metric-card:hover{border-color:var(--primary-brown);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-icon{width:3rem;height:3rem;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.metric-icon.orders{background:#3b82f61a;color:#3b82f6}.metric-icon.customers{background:#10b9811a;color:#10b981}.metric-icon.revenue{background:#f59e0b1a;color:#f59e0b}.metric-icon.queries{background:#8b5cf61a;color:#8b5cf6}.metric-icon.products{background:#ec48991a;color:#ec4899}.metric-icon.collections{background:#06b6d41a;color:#06b6d4}.metric-content{flex:1}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;line-height:1}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.recent-activity{margin-bottom:3rem}.recent-activity h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.activity-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-header h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.view-all-btn{background:var(--primary-brown);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.view-all-btn:hover{background:var(--primary-brown-dark)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;transition:background-color .2s ease}.activity-item:hover{background:var(--bg-secondary)}.activity-icon{width:2rem;height:2rem;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.activity-icon.orders{background:#3b82f61a;color:#3b82f6}.activity-icon.customers{background:#10b9811a;color:#10b981}.activity-icon.queries{background:#8b5cf61a;color:#8b5cf6}.activity-content{flex:1;min-width:0}.activity-title{font-weight:600;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.activity-meta{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.125rem}.activity-time{color:var(--text-secondary);font-size:.75rem;opacity:.8}.empty-activity{text-align:center;padding:2rem 1rem;color:var(--text-secondary)}.empty-activity p{margin:0;font-size:.875rem}.quick-actions{margin-bottom:2rem}.quick-actions h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.action-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.5rem;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;text-align:left}.action-card:hover{border-color:var(--primary-brown);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.action-icon{width:3rem;height:3rem;background:var(--primary-brown);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.action-content h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-content p{color:var(--text-secondary);font-size:.875rem;margin:0;line-height:1.4}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{width:2.5rem;height:2.5rem;border:4px solid var(--border-light);border-top:4px solid var(--primary-brown);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:var(--text-secondary);font-size:1rem}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.activity-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:768px){.home-page{padding:1rem}.home-header h1{font-size:1.5rem}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.metric-card{padding:1rem}.metric-value{font-size:1.5rem}.activity-section{padding:1rem}.actions-grid{grid-template-columns:1fr}.action-card{padding:1rem}.action-icon{width:2.5rem;height:2.5rem}}@media(max-width:480px){.metrics-grid{grid-template-columns:1fr}.metric-card{flex-direction:column;text-align:center;gap:.75rem}.metric-icon{margin-right:0;margin-bottom:.5rem}.activity-item{flex-direction:column;gap:.5rem;text-align:center}.activity-icon{margin-top:0;margin-bottom:.25rem}}.tab-content{width:100%;padding:2rem}.tab-content h2{color:var(--primary-dark);margin:0 0 1rem;font-size:2rem;font-weight:700}.tab-content>p{color:var(--text-secondary);font-size:1.1rem;margin:0 0 2rem;line-height:1.6}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border-light);box-shadow:0 2px 8px #3e272314;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3e27231f}.stat-card h3{margin:0 0 .5rem;color:var(--text-secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-dark);margin:0;display:block}.empty-state{text-align:center;padding:3rem 1rem;background:var(--bg-secondary);border-radius:12px;border:2px dashed var(--border-light)}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0;font-style:italic}.dashboard-main{padding-bottom:5rem;min-height:calc(100vh - 80px);width:100%}@media(max-width:768px){.tab-content{padding:1rem}.tab-content h2{font-size:1.5rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:2rem}.empty-state{padding:2rem 1rem}}@media(max-width:480px){.tab-content{padding:.75rem}.tab-content h2{font-size:1.25rem}.stat-card{padding:.75rem}.stat-number{font-size:1.5rem}}