:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;padding:3rem;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:.875rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem;border-radius:4px;font-size:.875rem;text-align:center}.login-btn{width:100%;padding:.75rem;font-size:1rem;margin-top:.5rem}.login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-layout{display:flex;min-height:100vh;background:#f3f4f6;width:100%}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:#1f2937;color:#fff;z-index:1001;padding:0 1rem;align-items:center;justify-content:space-between;gap:1rem}.menu-toggle{background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.menu-toggle:hover{background:#ffffff1a}.mobile-logo h2{font-size:1.25rem;margin:0}.mobile-user{width:36px;height:36px;background:#2563eb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.mobile-user span{line-height:1}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.sidebar{width:260px;min-width:260px;background:#1f2937;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;overflow-y:auto;z-index:1000}.sidebar-header{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{font-size:1.5rem;margin-bottom:.25rem}.sidebar-header p{font-size:.875rem;color:#9ca3af}.sidebar-nav{flex:1;padding:1rem 0}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;color:#d1d5db;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#2563eb;color:#fff;border-left:3px solid #60a5fa}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info{margin-bottom:1rem}.user-name{font-weight:600;font-size:.875rem}.user-role{font-size:.75rem;color:#9ca3af;text-transform:capitalize}.logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem;background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#dc26261a;color:#fca5a5;border-color:#dc2626}.main-content{flex:1;margin-left:260px;padding:2rem;min-height:100vh;width:calc(100% - 260px);max-width:100%;overflow-x:hidden}@media(max-width:1024px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;width:100%;padding:1.5rem;padding-top:calc(60px + 1.5rem)}}@media(max-width:768px){.main-content{padding:1rem;padding-top:calc(60px + 1rem)}.sidebar-header{padding:1.5rem 1rem}.nav-item,.sidebar-footer{padding:1rem}}@media(max-width:480px){.main-content{padding:.75rem;padding-top:calc(60px + .75rem)}.mobile-logo h2{font-size:1.1rem}}.dashboard{max-width:1400px;width:100%}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}@media(max-width:768px){.page-header h1{font-size:1.5rem}}@media(max-width:480px){.page-header h1{font-size:1.25rem}}.page-header p{color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}@media(max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:400px){.stats-grid{grid-template-columns:1fr;gap:.75rem}}.stat-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;align-items:center;gap:1rem}@media(max-width:640px){.stat-card{padding:1rem;flex-direction:column;text-align:center;gap:.5rem}}.stat-icon{width:56px;height:56px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:640px){.stat-icon{width:48px;height:48px}.stat-icon svg{width:20px;height:20px}}.stat-content{flex:1;min-width:0}.stat-title{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}@media(max-width:640px){.stat-title{font-size:.75rem}}.stat-value{font-size:1.75rem;font-weight:700;color:#1f2937}@media(max-width:640px){.stat-value{font-size:1.25rem}}.dashboard-content{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:968px){.dashboard-content{grid-template-columns:1fr}}@media(max-width:480px){.dashboard-content{gap:1rem;margin-top:1rem}}.dashboard-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}@media(max-width:480px){.dashboard-section{padding:1rem;border-radius:6px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;gap:.5rem}@media(max-width:480px){.section-header{margin-bottom:1rem;padding-bottom:.75rem}}.section-header h2{font-size:1.25rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.5rem;margin:0}@media(max-width:480px){.section-header h2{font-size:1rem}.section-header h2 svg{width:18px;height:18px}}.view-all-link{color:#2563eb;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s;white-space:nowrap}.view-all-link:hover{color:#1d4ed8}@media(max-width:480px){.view-all-link{font-size:.75rem}}.empty-state{text-align:center;padding:3rem 1rem;color:#9ca3af}@media(max-width:480px){.empty-state{padding:2rem .5rem;font-size:.875rem}}.orders-list{display:flex;flex-direction:column;gap:1rem}@media(max-width:480px){.orders-list{gap:.75rem}}.order-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-radius:6px;transition:background .2s;gap:1rem}.order-item:hover{background:#f3f4f6}@media(max-width:640px){.order-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}}.order-info{flex:1;min-width:0}.order-number{font-size:.95rem;color:#1f2937;margin-bottom:.25rem;font-weight:500}@media(max-width:480px){.order-number{font-size:.875rem}}.order-customer{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}@media(max-width:480px){.order-customer{font-size:.8rem}}.order-date{font-size:.75rem;color:#9ca3af}.order-details{display:flex;align-items:center;gap:1rem}@media(max-width:640px){.order-details{width:100%;justify-content:space-between}}.order-total{font-size:1rem;color:#1f2937;min-width:80px;text-align:right;font-weight:600}@media(max-width:480px){.order-total{font-size:.9rem;min-width:60px}}.products-list{display:flex;flex-direction:column;gap:1rem}@media(max-width:480px){.products-list{gap:.75rem}}.product-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f9fafb;border-radius:6px;transition:background .2s}.product-item:hover{background:#f3f4f6}@media(max-width:480px){.product-item{padding:.75rem;gap:.75rem}}.product-rank{font-size:1.25rem;font-weight:700;color:#2563eb;min-width:40px;text-align:center}@media(max-width:640px){.product-rank{min-width:30px;font-size:1rem}}@media(max-width:480px){.product-rank{min-width:25px;font-size:.9rem}}.product-image{width:60px;height:60px;border-radius:6px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.product-image{width:50px;height:50px}}@media(max-width:480px){.product-image{width:45px;height:45px}}.no-image{font-size:.75rem;color:#9ca3af;text-align:center;padding:.5rem}@media(max-width:480px){.no-image{font-size:.65rem}}.product-info{flex:1;min-width:0}.product-name{font-size:.95rem;font-weight:500;color:#1f2937;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.product-name{font-size:.85rem}}.product-stats{font-size:.875rem;color:#6b7280}@media(max-width:480px){.product-stats{font-size:.75rem}}.products-page{width:100%}.products-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.products-page .page-header h1{font-size:2rem;color:#1f2937;margin:0}@media(max-width:768px){.products-page .page-header h1{font-size:1.5rem}}@media(max-width:480px){.products-page .page-header h1{font-size:1.25rem}}@media(max-width:640px){.products-page .page-header{flex-direction:column;align-items:stretch}.products-page .page-header .btn{width:100%;justify-content:center;padding:.75rem 1rem}}.filters-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width:640px){.filters-bar{flex-direction:column;gap:.75rem}.category-filter{min-width:100%}}.search-box{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;min-width:200px}.search-box svg{color:#9ca3af;flex-shrink:0}.search-box input{flex:1;border:none;padding:.25rem;background:transparent;outline:none;font-size:1rem;color:#374151;min-width:0}.search-box input::placeholder{color:#9ca3af}.search-box input:focus{box-shadow:none;border:none;outline:none}.category-filter{min-width:200px;background:#fff;border:1px solid #d1d5db;color:#374151}.products-mobile-list{display:none}@media(max-width:768px){.products-table-container{display:none}.products-mobile-list{display:flex;flex-direction:column;gap:1rem}.product-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.product-mobile-header{display:flex;gap:1rem;align-items:flex-start}.product-mobile-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.product-mobile-info{flex:1;min-width:0}.product-mobile-name{font-weight:600;font-size:1rem;color:#1f2937;margin-bottom:.25rem;word-wrap:break-word}.product-mobile-category{font-size:.8rem;color:#6b7280;margin-bottom:.25rem}.product-mobile-price{font-weight:600;font-size:1.1rem;color:#2563eb}.product-mobile-details{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #f3f4f6}.product-mobile-stock{font-size:.875rem;color:#6b7280}}.product-thumb{width:50px;height:50px;object-fit:cover;border-radius:4px}.product-name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1024px){table{font-size:.875rem}.product-thumb{width:40px;height:40px}}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.btn-icon{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;text-decoration:none}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.page-info{color:#6b7280;font-size:.875rem}@media(max-width:640px){.pagination{gap:.5rem}.pagination .btn{font-size:.875rem;padding:.5rem .75rem}.page-info{width:100%;text-align:center;order:-1;margin-bottom:.5rem}}.product-form-page{max-width:1200px;width:100%}.product-form-page .page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.product-form-page .page-header h1{font-size:2rem;color:#1f2937}@media(max-width:768px){.product-form-page .page-header{margin-bottom:1.5rem}.product-form-page .page-header h1{font-size:1.5rem}}@media(max-width:480px){.product-form-page .page-header h1{font-size:1.25rem}}.product-form{display:flex;flex-direction:column;gap:2rem}@media(max-width:640px){.product-form{gap:1.5rem}}.form-section{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:640px){.form-section{gap:1rem}}.form-section h2{font-size:1.25rem;color:#1f2937;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb}@media(max-width:480px){.form-section h2{font-size:1.1rem}}.section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.section-header h2{margin:0;padding:0;border:none}@media(max-width:480px){.section-header{flex-direction:column;align-items:flex-start}.section-header .btn{width:100%;justify-content:center}}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:.75rem}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.875rem;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;background:#fff;color:#1f2937;padding:.75rem;font-size:1rem;border:1px solid #d1d5db;border-radius:4px}@media(max-width:480px){.form-group input,.form-group select,.form-group textarea{padding:.625rem;font-size:16px}}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.checkbox-group{flex-direction:row;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.input-with-button{display:flex;gap:.5rem}@media(max-width:480px){.input-with-button{flex-direction:column}.input-with-button .btn{width:100%}}.input-with-button input{flex:1}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.variants-list{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:640px){.variants-list{gap:1rem}}.variant-item{padding:1.5rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}@media(max-width:480px){.variant-item{padding:1rem}}.variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.5rem}.variant-header h3{font-size:1rem;color:#374151;margin:0}@media(max-width:480px){.variant-header h3{font-size:.9rem}}.sizes-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}@media(max-width:640px){.sizes-section{margin-top:1rem;gap:.75rem}}.sizes-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid #d1d5db;flex-wrap:wrap;gap:.5rem}.sizes-header h4{font-size:.9rem;color:#4b5563;margin:0}.size-item{padding:1rem;background:#fff;border-radius:6px;border:1px solid #d1d5db}@media(max-width:480px){.size-item{padding:.75rem}}.size-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:500;color:#6b7280}.btn-icon-small{padding:.25rem;border:none;background:#fee2e2;color:#dc2626;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon-small:hover{background:#dc2626;color:#fff}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.form-actions{flex-direction:column-reverse;gap:.75rem;padding-top:1.5rem}.form-actions .btn{width:100%;padding:.875rem;justify-content:center}}.image-upload{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.upload-label{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border-radius:8px;cursor:pointer;transition:background .2s;font-weight:500;width:fit-content}@media(max-width:480px){.upload-label{width:100%;justify-content:center;padding:.875rem 1rem}}.upload-label:hover{background:#2563eb}.upload-label:active{background:#1d4ed8}.upload-hint{font-size:.875rem;color:#6b7280}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-bottom:1rem}@media(max-width:480px){.images-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}}.image-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb}.btn-remove-image-small{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ef4444f2;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a}@media(max-width:480px){.btn-remove-image-small{width:24px;height:24px;top:.25rem;right:.25rem}}.btn-remove-image-small:hover{background:#dc2626;transform:scale(1.05)}.btn-remove-image-small:active{background:#b91c1c;transform:scale(.95)}.image-preview{position:relative;display:inline-block;max-width:300px}@media(max-width:480px){.image-preview{max-width:100%}}.image-preview img{width:100%;height:auto;border-radius:8px;border:2px solid #e5e7eb}.btn-remove-image{display:inline-flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .2s}.btn-remove-image:hover{background:#dc2626}.btn-remove-image:active{background:#b91c1c}.variant-builder{margin-top:2rem}.variants-list{display:flex;flex-direction:column;gap:1rem}.variant-card{padding:0;overflow:hidden}.variant-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb}.variant-header h4{margin:0;font-size:1rem;color:#374151}.variant-body{padding:1.5rem;display:grid;grid-template-columns:1fr;gap:1.5rem}.variant-attributes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.variant-stock{display:flex;flex-direction:column;gap:1rem}.color-images-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}@media(max-width:640px){.color-images-list{grid-template-columns:1fr;gap:1rem}}.color-image-section{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;background:#f9fafb}@media(max-width:480px){.color-image-section{padding:.75rem}}.color-image-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #d1d5db;flex-wrap:wrap;gap:.5rem}.color-image-header h3{margin:0;font-size:1rem;color:#374151}@media(max-width:480px){.color-image-header h3{font-size:.9rem}}.color-code{padding:.25rem .5rem;background:#e0e7ff;color:#4f46e5;border-radius:4px;font-size:.75rem;font-weight:600;font-family:monospace}.images-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem;margin-bottom:1rem}@media(max-width:480px){.images-gallery{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.5rem}}.image-preview-item{position:relative;border-radius:6px;overflow:hidden;aspect-ratio:1;background:#fff;border:1px solid #d1d5db}.image-preview-item img{width:100%;height:100%;object-fit:cover}.btn-remove-image-small{position:absolute;top:4px;right:4px;padding:4px;background:#dc2626e6;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.btn-remove-image-small:hover{background:#b91c1c}.image-upload{display:flex;flex-direction:column;gap:.5rem}.upload-label{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:#fff;border:2px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280;font-size:.875rem;font-weight:500}.upload-label:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}.upload-hint{font-size:.75rem;color:#9ca3af;text-align:center}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.image-preview{max-width:100%}.variant-body,.variant-attributes,.color-images-list{grid-template-columns:1fr}}.categories-page{width:100%}.categories-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.categories-page .page-header h1{font-size:2rem;color:#1f2937;margin:0}@media(max-width:768px){.categories-page .page-header h1{font-size:1.5rem}}@media(max-width:480px){.categories-page .page-header h1{font-size:1.25rem}}@media(max-width:640px){.categories-page .page-header{flex-direction:column;align-items:stretch}.categories-page .page-header .btn{width:100%;justify-content:center;padding:.75rem 1rem}}.categories-mobile-list{display:none}@media(max-width:768px){.categories-table-container{display:none}.categories-mobile-list{display:flex;flex-direction:column;gap:.75rem}.category-mobile-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.category-mobile-info{flex:1;min-width:0}.category-mobile-name{font-weight:600;font-size:1rem;color:#1f2937;margin-bottom:.25rem}.category-mobile-parent{font-size:.8rem;color:#6b7280}}.category-name{font-weight:500}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.25rem;color:#111827}.modal-content form{padding:1.5rem}@media(max-width:480px){.modal-content form{padding:1rem}}@media(max-width:480px){.form-group{margin-bottom:1rem}}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=number],.form-group select{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:4px;font-size:1rem;color:#374151}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:1.25rem;height:1.25rem;cursor:pointer}.checkbox-label span{font-weight:500;color:#374151}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:1rem;border-top:1px solid #e5e7eb}@media(max-width:640px){.modal-content{margin:.5rem;max-height:95vh}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%;padding:.75rem;justify-content:center}}.categories-table-container table{width:100%;border-collapse:collapse}.action-buttons{display:flex;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon-edit{background:#dbeafe;color:#2563eb}.btn-icon-edit:hover{background:#2563eb;color:#fff}.btn-icon-delete{background:#fee2e2;color:#dc2626}.btn-icon-delete:hover{background:#dc2626;color:#fff}.orders-page{padding:0;width:100%}.orders-header{margin-bottom:2rem}.orders-header h1{font-size:2rem;color:#000;margin-bottom:1.5rem}@media(max-width:768px){.orders-header h1{font-size:1.5rem;margin-bottom:1rem}}@media(max-width:480px){.orders-header h1{font-size:1.25rem}}.orders-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:640px){.orders-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:400px){.orders-stats{grid-template-columns:1fr}}.stat-label{font-size:.875rem;color:#666;text-transform:uppercase;letter-spacing:.05em}.orders-filters{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}@media(max-width:640px){.orders-filters{flex-direction:column;gap:.75rem}}.search-box{flex:1;min-width:200px;position:relative;display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem}@media(max-width:640px){.search-box{min-width:100%;padding:.625rem .875rem}}.search-box svg{color:#666;flex-shrink:0}.search-box input{flex:1;border:none;font-size:1rem;color:#000;min-width:0}.status-filter{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem 1rem}@media(max-width:640px){.status-filter{width:100%}.status-filter select{flex:1}}.status-filter label{font-weight:600;color:#000;white-space:nowrap}.status-filter select{border:none;font-size:1rem;color:#000;cursor:pointer;min-width:150px}.orders-mobile-list{display:none}@media(max-width:768px){.orders-table-container{display:none}.orders-mobile-list{display:flex;flex-direction:column;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.order-mobile-card{background:#f9fafb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.order-mobile-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.order-mobile-id{font-weight:600;font-size:.9rem;color:#1f2937}.order-mobile-info{display:flex;flex-direction:column;gap:.25rem}.order-mobile-customer{font-size:.875rem;color:#374151}.order-mobile-date{font-size:.75rem;color:#6b7280}.order-mobile-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #e5e7eb}.order-mobile-total{font-weight:700;font-size:1.1rem;color:#1f2937}}.orders-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.orders-table th{padding:1rem;text-align:left;font-weight:600;color:#000;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.orders-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#000}.orders-table tbody tr:hover{background:#f9fafb}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:600;white-space:nowrap}@media(max-width:640px){.status-badge{font-size:.75rem;padding:.25rem .5rem}}.payment-method{text-transform:uppercase;font-size:.875rem;color:#666;font-weight:600}.btn-view{display:inline-flex;align-items:center;gap:.375rem;background:#1a1a1a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s}.modal-content{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto}.order-modal{max-width:1000px}@media(max-width:768px){.order-modal{max-width:100%}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:1.5rem;color:#000;margin:0}.btn-close{background:none;border:none;font-size:2rem;color:#666;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.btn-close:hover{background:#f3f4f6}.modal-body{padding:1.5rem}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem}@media(max-width:768px){.order-details-grid{grid-template-columns:1fr;gap:1rem}}.detail-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}@media(max-width:480px){.detail-section{padding:1rem}}.detail-section h3{font-size:1.125rem;color:#000;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:1rem}@media(max-width:480px){.detail-row{flex-direction:column;gap:.25rem}}.detail-row:last-child{margin-bottom:0}.detail-row .label{font-weight:600;color:#666;font-size:.875rem;white-space:nowrap}.detail-row .value{color:#000;text-align:right;word-break:break-word}.status-edit-container{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.status-select{padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.875rem;color:#000;cursor:pointer}.btn-edit-status{background:#1a1a1a;color:#fff;border:none;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-edit-status:hover{background:#333}.items-table{width:100%;border-collapse:collapse;background:#fff}.order-totals{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-top:1.5rem}@media(max-width:480px){.order-totals{padding:1rem;margin-top:1rem}}.total-row{display:flex;justify-content:space-between;margin-bottom:.75rem;color:#000}.total-row.total{font-size:1.25rem;font-weight:700;padding-top:.75rem;margin-top:.75rem;border-top:2px solid #e5e7eb}@media(max-width:480px){.total-row.total{font-size:1.1rem}}.items-table-container{overflow-x:auto;margin-top:1rem}.items-table{width:100%;border-collapse:collapse;background:#fff;min-width:400px}.items-table th{background:#f9fafb;padding:.75rem;text-align:left;font-weight:600;color:#000;font-size:.875rem;border-bottom:1px solid #e5e7eb}.items-table td{padding:.75rem;border-bottom:1px solid #e5e7eb;color:#000}@media(max-width:480px){.items-table th,.items-table td{padding:.5rem;font-size:.8rem}}.customers-page{padding:0;background:#fff;min-height:100vh;width:100%}.customers-header{margin-bottom:2rem}.customers-header h1{font-size:2rem;font-weight:600;margin-bottom:1.5rem;color:#000}@media(max-width:768px){.customers-header h1{font-size:1.5rem;margin-bottom:1rem}}@media(max-width:480px){.customers-header h1{font-size:1.25rem}}.customers-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}@media(max-width:640px){.customers-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}}@media(max-width:400px){.customers-stats{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}@media(max-width:640px){.stat-card{padding:1rem}}.stat-value{font-size:2rem;font-weight:700;color:#000;margin-bottom:.5rem}@media(max-width:640px){.stat-value{font-size:1.5rem}}.stat-label{font-size:.875rem;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}@media(max-width:640px){.stat-label{font-size:.75rem}}.customers-filters{display:flex;gap:1rem;margin-bottom:2rem;align-items:center}@media(max-width:640px){.customers-filters{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.5rem}}.search-box{flex:1;position:relative;display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:0 1rem}.search-box svg{color:#9ca3af;margin-right:.5rem;flex-shrink:0}.search-box input{flex:1;border:none;padding:.75rem 0;font-size:.95rem;outline:none;background:transparent;min-width:0}.customers-mobile-list{display:none}@media(max-width:768px){.customers-table-container{display:none}.customers-mobile-list{display:flex;flex-direction:column;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.customer-mobile-card{background:#f9fafb;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.customer-mobile-name{font-weight:600;font-size:1rem;color:#1f2937}.customer-mobile-email,.customer-mobile-phone{font-size:.875rem;color:#6b7280}.customer-mobile-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid #e5e7eb;margin-top:.25rem}.customer-mobile-orders{font-size:.8rem;color:#6b7280}}.customers-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.customers-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.customers-table td{padding:1rem;border-bottom:1px solid #f3f4f6;font-size:.95rem;color:#000}.customers-table tbody tr:hover{background:#f9fafb}.customer-name,.customer-email,.customer-phone{display:flex;align-items:center;gap:.5rem}.customer-name svg{color:#6b7280}.customer-email svg,.customer-phone svg{color:#9ca3af}.btn-view{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#000;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;outline:none}.btn-view:hover{background:#333}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}@media(max-width:480px){.modal-overlay{padding:.5rem;align-items:flex-start;overflow-y:auto}}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}@media(max-width:480px){.modal-content{max-height:none;border-radius:0;min-height:100vh}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:#fff;z-index:10}@media(max-width:480px){.modal-header{padding:1rem}}.modal-header h2{font-size:1.5rem;font-weight:600;color:#000;margin:0}@media(max-width:480px){.modal-header h2{font-size:1.1rem}}.btn-close{background:none;border:none;font-size:2rem;color:#6b7280;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;outline:none}.btn-close:hover{background:#f3f4f6;color:#000}.modal-body{padding:2rem}@media(max-width:480px){.modal-body{padding:1rem}}.customer-details-grid{margin-bottom:2rem}@media(max-width:480px){.customer-details-grid{margin-bottom:1rem}}.detail-section{background:#f9fafb;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}@media(max-width:480px){.detail-section{padding:1rem;margin-bottom:1rem}}.detail-section h3{font-size:1.125rem;font-weight:600;color:#000;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}@media(max-width:480px){.detail-section h3{font-size:1rem}}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e5e7eb}@media(max-width:480px){.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:#6b7280;font-size:.9rem}.detail-row .value{font-weight:500;color:#000;text-align:right}@media(max-width:480px){.detail-row .value{text-align:left}}.orders-table-container{overflow-x:auto;margin-top:1rem}.orders-table{width:100%;margin-top:1rem;border-collapse:collapse;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;min-width:400px}.orders-table thead{background:#f3f4f6}.orders-table th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#374151}.orders-table td{padding:.75rem;border-top:1px solid #f3f4f6;font-size:.9rem;color:#000}@media(max-width:480px){.orders-table th,.orders-table td{padding:.5rem;font-size:.8rem}}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}@media(max-width:480px){.status-badge{padding:.2rem .5rem;font-size:.65rem}}.payment-method{padding:.25rem .75rem;background:#f3f4f6;border-radius:4px;font-size:.75rem;font-weight:500;color:#374151}.shop-header{position:sticky;top:0;z-index:900;background:#fff;box-shadow:0 2px 4px #0000000d}.header-top{background:#1a1a1a;color:#fff;padding:.75rem 0;text-align:center;font-size:.875rem}.header-main{padding:1rem 0}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@media(min-width:1600px){.container{max-width:1600px;padding:0 3rem}}@media(max-width:640px){.container{padding:0 1rem}}.header-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none;color:#1a1a1a}.logo img{height:50px;width:auto}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1.5rem;font-weight:700;letter-spacing:.1em;line-height:1}.logo-subtitle{font-size:.875rem;letter-spacing:.15em;font-weight:300;margin-top:.25rem}.main-nav{display:flex;gap:2rem;align-items:center}@media(min-width:1200px){.main-nav{gap:2.5rem}}@media(min-width:1400px){.main-nav{gap:3rem}}.desktop-nav{display:flex}.main-nav a{text-decoration:none;color:#1a1a1a;font-weight:500;font-size:.9375rem;transition:color .2s;letter-spacing:.02em}.main-nav a:hover{color:#666}.header-actions{display:flex;align-items:center;gap:1rem}.header-icon-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#1a1a1a;transition:color .2s;position:relative;text-decoration:none;display:flex;align-items:center;justify-content:center}.header-icon-btn:hover{color:#666}.cart-btn{position:relative}.cart-count{position:absolute;top:0;right:0;background:#1a1a1a;color:#fff;font-size:.75rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-menu-toggle{display:none;background:none;border:none;padding:.5rem;cursor:pointer;color:#1a1a1a}.mobile-menu-overlay,.mobile-menu-close{display:none}.search-bar-container{background:#fff;border-top:1px solid #e5e7eb;padding:1rem 0}.search-form{display:flex;gap:.5rem;align-items:center}.search-input{flex:1;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;color:#000}.search-submit-btn{background:#1a1a1a;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.search-submit-btn:hover{background:#333}.search-close-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center}.search-close-btn:hover{color:#1a1a1a}@media(max-width:1024px){.main-nav{gap:1.5rem}}@media(max-width:768px){.logo img{height:40px}.logo-title{font-size:1.25rem}.logo-subtitle{font-size:.75rem}.desktop-nav{display:none}.mobile-menu-toggle{display:block}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:9998}.mobile-menu-close{display:block;position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;padding:.5rem;cursor:pointer;color:#1a1a1a;z-index:10001}.main-nav{position:fixed;top:0;right:0;height:100vh;width:280px;background:#fff;flex-direction:column;padding:6rem 2rem 2rem;box-shadow:-2px 0 8px #0000001a;transform:translate(100%);transition:transform .3s ease;align-items:flex-start;gap:1.5rem;z-index:9999}.main-nav.active{transform:translate(0)}.main-nav a{font-size:1.125rem}.header-actions{gap:.5rem}.header-icon-btn{padding:.4rem}}@media(max-width:480px){.header-top{font-size:.75rem;padding:.5rem 0}.container{padding:0 1rem}.logo-text{display:none}}.shop-footer{background:#1a1a1a;color:#e5e5e5;margin-top:4rem}.footer-main{padding:4rem 2rem 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem;max-width:1400px;margin:0 auto}@media(min-width:1600px){.footer-grid{max-width:1600px;gap:4rem}}@media(max-width:640px){.footer-main{padding:3rem 1rem 1.5rem}}.footer-col h3{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.05em}.footer-logo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.footer-logo img{height:45px;width:auto;filter:brightness(0) invert(1)}.footer-logo .logo-text{display:flex;flex-direction:column}.footer-logo .logo-title{font-size:1.375rem;font-weight:700;letter-spacing:.1em;line-height:1;color:#fff}.footer-logo .logo-subtitle{font-size:.8125rem;letter-spacing:.15em;font-weight:300;margin-top:.25rem;color:#e5e5e5}.footer-desc{margin-bottom:1.5rem;line-height:1.6;color:#b3b3b3;font-size:.9375rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border-radius:50%;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#e5e5e5;transition:all .3s;text-decoration:none}.social-links a:hover{background:#fff;color:#1a1a1a}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:.875rem}.footer-col ul li a{color:#b3b3b3;text-decoration:none;transition:color .2s;font-size:.9375rem}.footer-col ul li a:hover{color:#fff}.contact-info{margin-bottom:2rem}.contact-info li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.contact-info li svg{margin-top:.25rem;flex-shrink:0;color:gray}.contact-info li span{color:#b3b3b3;font-size:.9375rem}.newsletter h4{color:#fff;font-size:1rem;font-weight:600;margin-bottom:.5rem}.newsletter p{color:#b3b3b3;font-size:.875rem;margin-bottom:1rem}.newsletter-form{display:flex;gap:.5rem}.newsletter-form input{flex:1;padding:.75rem 1rem;border:1px solid #404040;background:#2a2a2a;color:#fff;border-radius:4px;font-size:.9375rem}.newsletter-form input::placeholder{color:gray}.newsletter-form input:focus{outline:none;border-color:#fff}.newsletter-form button{padding:.75rem 1.5rem;background:#fff;color:#1a1a1a;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.9375rem}.newsletter-form button:hover{background:#e5e5e5}.footer-bottom{border-top:1px solid #2a2a2a;padding:1.5rem 2rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}@media(min-width:1600px){.footer-bottom .container{max-width:1600px}}@media(max-width:640px){.footer-bottom{padding:1.5rem 1rem}}.footer-bottom p{color:gray;font-size:.875rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:gray;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media(max-width:768px){.footer-main{padding:3rem 0 1.5rem}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom .container{flex-direction:column;gap:1rem;text-align:center}.footer-links{flex-direction:column;gap:.75rem}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}.shop-layout{min-height:100vh;display:flex;flex-direction:column;background:#fff}.shop-main{flex:1;background:#fff}.home-page{min-height:100vh;background:#fff}.hero{height:600px;background:linear-gradient(#0000004d,#0000004d),url(/images/hero-bg.jpg) center/cover;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.hero-content{max-width:700px;padding:2rem}.hero h1{font-size:4rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em;line-height:1.1}.hero p{font-size:1.375rem;margin-bottom:2.5rem;font-weight:300;letter-spacing:.02em}.btn-hero{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:#fff;color:#1a1a1a;text-decoration:none;font-weight:600;font-size:1.0625rem;border-radius:4px;transition:all .3s;letter-spacing:.02em}.btn-hero:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.features{padding:4rem 2rem;background:#fff;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}@media(max-width:640px){.features{padding:3rem 1rem}}.features .container{max-width:1400px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.feature-card{text-align:center;padding:2rem 1rem}.feature-card svg{margin:0 auto 1.25rem;color:#1a1a1a}.feature-card h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1a1a1a}.feature-card p{color:#666;font-size:.9375rem}.categories-section{padding:5rem 2rem}.categories-section .container{max-width:1400px;margin:0 auto}@media(max-width:640px){.categories-section{padding:3rem 1rem}}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#1a1a1a;letter-spacing:-.02em}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.category-card{position:relative;overflow:hidden;border-radius:8px;text-decoration:none;display:block;transition:transform .3s}.category-card:hover{transform:translateY(-4px)}.category-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#fff;border:1px solid #e5e7eb}.category-product-img{overflow:hidden;background:#fff}.category-product-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.category-product-img.placeholder{grid-column:1 / -1;grid-row:1 / -1;display:flex;align-items:center;justify-content:center}.placeholder-content{color:#9ca3af;font-weight:500;font-size:.9375rem}.category-card:hover .category-product-img img{transform:scale(1.05)}.category-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:2rem 1.5rem 1.5rem;color:#fff}.category-info h3{font-size:1.375rem;font-weight:600;margin-bottom:.5rem}.category-info span{display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:500}.newsletter-section{padding:5rem 2rem;background:#1a1a1a;color:#fff}.newsletter-section .container{max-width:1400px;margin:0 auto}@media(max-width:640px){.newsletter-section{padding:3rem 1rem}}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.newsletter-content p{font-size:1.125rem;margin-bottom:2rem;color:#e5e5e5}.newsletter-form-home{display:flex;gap:.75rem;max-width:500px;margin:0 auto}.newsletter-form-home input{flex:1;padding:1rem 1.5rem;border:1px solid #404040;background:#2a2a2a;color:#fff;border-radius:4px;font-size:1rem}.newsletter-form-home input::placeholder{color:gray}.newsletter-form-home input:focus{outline:none;border-color:#fff}.newsletter-form-home button{padding:1rem 2rem;background:#fff;color:#1a1a1a;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:all .3s;font-size:1rem}.newsletter-form-home button:hover{background:#e5e5e5}@media(min-width:1400px){.hero h1{font-size:4.5rem}.section-title{font-size:3rem}}@media(max-width:1024px){.hero h1{font-size:3rem}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.hero{height:500px}.hero h1{font-size:2.5rem}.hero p{font-size:1.125rem}.section-title,.newsletter-content h2{font-size:2rem}.newsletter-form-home{flex-direction:column}.newsletter-form-home button{width:100%}}@media(max-width:640px){.hero{height:400px}.hero h1{font-size:2rem}.hero p{font-size:1rem}.categories-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr;gap:1.5rem}.feature-card{padding:1.5rem 1rem}}.shop-page{min-height:100vh;background:#fff}.shop-header{background:#fff;padding:3rem 0;text-align:center;border-bottom:1px solid #e5e7eb}.shop-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#000;letter-spacing:-.02em}.shop-header p{font-size:1.125rem;color:#000}.shop-container{padding:3rem 2rem;max-width:1600px;margin:0 auto}@media(max-width:640px){.shop-container{padding:2rem 1rem}}.shop-layout{display:grid;grid-template-columns:280px 1fr;gap:3rem}.shop-sidebar{position:sticky;top:100px;height:fit-content}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.sidebar-header h3{font-size:1.25rem;font-weight:600;color:#000}.close-filters{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:#666}.clear-filters{width:100%;padding:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;font-weight:500;color:#000;margin-bottom:1.5rem;transition:all .2s}.clear-filters:hover{background:#fff;border-color:#000}.filter-group{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.filter-group:last-child{border-bottom:none}.filter-group h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#000}.filter-options{display:flex;flex-direction:column;gap:.75rem}.filter-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;color:#000}.filter-option input[type=radio],.filter-option input[type=checkbox]{cursor:pointer;width:18px;height:18px}.filter-option span{font-size:.9375rem}.price-inputs{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.price-inputs input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.9375rem;color:#000;background:#fff}.price-inputs span{color:#9ca3af}.price-range-slider{display:flex;flex-direction:column;gap:.5rem}.price-range-slider input[type=range]{width:100%;cursor:pointer}.shop-main{flex:1}.shop-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb;gap:1rem;flex-wrap:wrap}.filter-toggle{display:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#1a1a1a;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9375rem}.shop-results{font-size:.9375rem;color:#666;font-weight:500}.sort-select{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;cursor:pointer;font-size:.9375rem}.products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:641px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media(min-width:1400px){.products-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px)and (max-width:1399px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{text-decoration:none;color:inherit;display:block;transition:transform .3s}.product-card:hover{transform:translateY(-4px)}.product-image{aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:#fff;border:1px solid #e5e7eb;margin-bottom:1rem}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-info h3{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#000}.product-category{font-size:.875rem;color:#000;margin-bottom:.5rem}.product-price{font-size:1.125rem;font-weight:700;color:#000}.no-products{text-align:center;padding:4rem 2rem}.no-products p{font-size:1.125rem;color:#666;margin-bottom:1.5rem}@media(min-width:1200px){.shop-layout{grid-template-columns:300px 1fr;gap:4rem}}@media(max-width:1024px){.shop-layout{grid-template-columns:240px 1fr;gap:2rem}}@media(max-width:768px){.shop-header{padding:2rem 0}.shop-header h1{font-size:2rem}.filter-toggle{display:flex}.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:fixed;top:0;left:0;bottom:0;width:320px;max-width:85%;background:#fff;z-index:200;padding:2rem 1.5rem;transform:translate(-100%);transition:transform .3s;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.shop-sidebar.active{transform:translate(0)}.close-filters{display:block}.products-grid{gap:1.5rem}.shop-results{flex:1}}@media(max-width:640px){.shop-header h1{font-size:1.75rem}.shop-container{padding:1rem}.products-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:1rem;width:100%}.product-card{width:100%;display:block}.product-image{width:100%;aspect-ratio:3/4;margin-bottom:.75rem;border-radius:6px}.product-image img{width:100%;height:100%;object-fit:cover}.product-info h3{font-size:.9rem;margin-bottom:.25rem;line-height:1.3}.product-category{font-size:.8rem;margin-bottom:.25rem}.product-price{font-size:1rem;font-weight:700}.shop-toolbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:0 1rem}.filter-toggle,.sort-select{width:100%}.shop-results{text-align:center}}.product-detail-page{padding:2rem 2rem 4rem;min-height:100vh;background:#fff;max-width:1400px;margin:0 auto}@media(max-width:640px){.product-detail-page{padding:1rem 1rem 3rem}}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#666;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:#1a1a1a}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media(min-width:1200px){.product-detail-grid{grid-template-columns:1.2fr 1fr;gap:5rem}}@media(min-width:1400px){.product-detail-grid{gap:6rem}}.product-images{position:sticky;top:120px;height:fit-content}.main-image{width:100%;aspect-ratio:3/4;background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-bottom:1rem}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.thumbnail{aspect-ratio:3/4;background:#fff;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid #e5e7eb;transition:border-color .2s}.thumbnail.active{border-color:#1a1a1a}.thumbnail:hover{border-color:#666}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info-detail h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a;letter-spacing:-.02em}.product-price-detail{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:1.5rem}.product-description{font-size:1rem;line-height:1.6;color:#666;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.option-group{margin-bottom:2rem}.option-group label{display:block;font-size:.9375rem;font-weight:500;color:#1a1a1a;margin-bottom:.75rem}.option-group label strong{color:#666;font-weight:600}.color-options,.size-options{display:flex;flex-wrap:wrap;gap:.75rem}.color-option,.size-option{padding:.75rem 1.25rem;border:2px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s;font-size:.9375rem;color:#374151;outline:none}.color-option:focus,.size-option:focus{outline:none}.color-option:hover,.size-option:hover{border-color:#1a1a1a}.color-option.selected,.size-option.selected{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.stock-info{margin-bottom:1.5rem;padding:.75rem 1rem;border-radius:4px;font-weight:500;font-size:.9375rem}.in-stock{color:#059669;background:#d1fae5;padding:.5rem 1rem;border-radius:4px;display:inline-block}.out-of-stock{color:#dc2626;background:#fee2e2;padding:.5rem 1rem;border-radius:4px;display:inline-block}.quantity-selector{display:inline-flex;align-items:center;border:2px solid #d1d5db;border-radius:4px;overflow:hidden}.quantity-selector button{width:40px;height:48px;border:none;background:#fff;cursor:pointer;font-size:1.25rem;font-weight:600;color:#374151;transition:background .2s;outline:none}.quantity-selector button:focus{outline:none}.quantity-selector button:hover:not(:disabled){background:#f3f4f6}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-selector input{width:60px;height:48px;border:none;border-left:1px solid #d1d5db;border-right:1px solid #d1d5db;text-align:center;font-size:1rem;font-weight:600;color:#1a1a1a;outline:none}.quantity-selector input:focus{outline:none}.product-actions{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.btn-add-cart{flex:1;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 2rem;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-weight:600;font-size:1rem;cursor:pointer;transition:background .3s;outline:none}.btn-add-cart:focus{outline:none}.btn-add-cart:hover:not(:disabled){background:#333}.btn-add-cart:disabled{background:#d1d5db;cursor:not-allowed}.btn-wishlist{width:56px;height:56px;border:2px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;outline:none}.btn-wishlist:focus{outline:none}.btn-wishlist:hover{border-color:#1a1a1a;color:#1a1a1a}.product-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #e5e7eb}.feature-item{display:flex;align-items:center;gap:.75rem;color:#666;font-size:.9375rem}.feature-item svg{color:#1a1a1a;flex-shrink:0}.product-details-section h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1a1a1a}.product-details-section p{line-height:1.7;color:#666;font-size:.9375rem}@media(max-width:1024px){.product-detail-grid{gap:3rem}}@media(max-width:768px){.product-detail-page{padding:1.5rem 0 3rem}.product-detail-grid{grid-template-columns:1fr;gap:2rem}.product-images{position:static}.product-info-detail h1,.product-price-detail{font-size:1.75rem}.image-thumbnails{grid-template-columns:repeat(5,1fr)}.product-actions{flex-direction:column}.btn-wishlist{width:100%}}@media(max-width:480px){.product-info-detail h1,.product-price-detail{font-size:1.5rem}.image-thumbnails{grid-template-columns:repeat(4,1fr)}}.cart-page{min-height:60vh;padding:3rem 2rem;background:#fff;max-width:1400px;margin:0 auto}@media(max-width:640px){.cart-page{padding:2rem 1rem}}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.cart-header h1{font-size:2rem;color:#000}.btn-clear-cart{background:none;border:1px solid #e5e7eb;padding:.5rem 1rem;border-radius:4px;cursor:pointer;color:#666;font-size:.875rem;transition:all .2s}.btn-clear-cart:hover{border-color:#dc2626;color:#dc2626}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem}@media(min-width:1200px){.cart-layout{grid-template-columns:1fr 420px;gap:3rem}}@media(min-width:1400px){.cart-layout{gap:4rem}}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.cart-item-image img{width:120px;height:120px;object-fit:cover;border-radius:4px}.cart-item-details h3{font-size:1.125rem;color:#000;margin-bottom:.5rem}.cart-item-variant{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.875rem;color:#666}.cart-item-price{font-size:1.125rem;font-weight:600;color:#000}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.quantity-controls{display:flex;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:4px;padding:.25rem}.quantity-controls button{background:none;border:none;padding:.5rem;cursor:pointer;color:#000;display:flex;align-items:center;justify-content:center;transition:background .2s}.quantity-controls button:hover:not(:disabled){background:#f3f4f6}.quantity-controls button:disabled{opacity:.3;cursor:not-allowed}.quantity-controls span{min-width:40px;text-align:center;font-weight:600;color:#000}.cart-item-subtotal{font-size:1.25rem;font-weight:700;color:#000}.btn-remove{background:none;border:none;padding:.5rem;cursor:pointer;color:#dc2626;transition:background .2s;border-radius:4px}.btn-remove:hover{background:#fee2e2}.cart-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;height:fit-content;position:sticky;top:100px}.cart-summary h3{font-size:1.5rem;color:#000;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1rem;color:#666}.summary-total{font-size:1.25rem;font-weight:700;color:#000;padding-top:1rem;margin-top:1rem;border-top:1px solid #e5e7eb}.free-shipping-notice{background:#dbeafe;color:#1e40af;padding:.75rem;border-radius:4px;font-size:.875rem;text-align:center;margin:1rem 0}.btn-checkout{width:100%;background:#1a1a1a;color:#fff;border:none;padding:1rem;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-bottom:1rem}.btn-checkout:hover{background:#333}.btn-continue-shopping-link{display:block;text-align:center;color:#666;text-decoration:none;padding:.75rem;transition:color .2s}.btn-continue-shopping-link:hover{color:#000}.empty-cart{text-align:center;padding:4rem 2rem}.empty-cart svg{color:#d1d5db;margin-bottom:1.5rem}.empty-cart h2{font-size:2rem;color:#000;margin-bottom:.5rem}.empty-cart p{color:#666;margin-bottom:2rem}.btn-continue-shopping{display:inline-flex;align-items:center;gap:.5rem;background:#1a1a1a;color:#fff;text-decoration:none;padding:1rem 2rem;border-radius:4px;font-weight:600;transition:background .2s}.btn-continue-shopping:hover{background:#333}@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:640px){.cart-header{flex-direction:column;align-items:flex-start;gap:1rem}.cart-item{grid-template-columns:80px 1fr;gap:1rem}.cart-item-image img{width:80px;height:80px}.cart-item-actions{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center}.cart-item-variant{flex-direction:column;gap:.25rem}}.checkout-page{min-height:70vh;padding:3rem 2rem;background:#fff;max-width:1400px;margin:0 auto}@media(max-width:640px){.checkout-page{padding:2rem 1rem}}.checkout-page h1{font-size:2.5rem;color:#000;margin-bottom:2rem}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:3rem}@media(min-width:1200px){.checkout-layout{grid-template-columns:1fr 440px;gap:4rem}}@media(min-width:1400px){.checkout-layout{gap:5rem}}.checkout-form-section{background:#fff}.checkout-form h2{font-size:1.5rem;color:#000;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#000;margin-bottom:.5rem;font-size:.9375rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:4px;font-size:1rem;color:#000;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#1a1a1a}.form-group textarea{resize:vertical;font-family:inherit}.payment-method-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin:2rem 0}.payment-method-info h3{font-size:1.125rem;color:#000;margin-bottom:1rem}.payment-badge{background:#fff;border:2px solid #1a1a1a;border-radius:8px;padding:1rem}.payment-badge strong{display:block;font-size:1.125rem;color:#000;margin-bottom:.25rem}.payment-badge p{color:#666;font-size:.875rem;margin:0}.btn-place-order{width:100%;background:#1a1a1a;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-place-order:hover:not(:disabled){background:#333}.btn-place-order:disabled{opacity:.6;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-summary-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:2rem;height:fit-content;position:sticky;top:100px}.order-summary-section h2{font-size:1.5rem;color:#000;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.summary-items{margin-bottom:1.5rem}.summary-item{display:grid;grid-template-columns:60px 1fr auto;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.summary-item:last-child{border-bottom:none;margin-bottom:0}.summary-item-image img{width:60px;height:60px;object-fit:cover;border-radius:4px}.summary-item-details h4{font-size:.9375rem;color:#000;margin-bottom:.25rem}.summary-item-details p{font-size:.875rem;color:#666;margin:.125rem 0}.summary-item-price{font-weight:600;color:#000;text-align:right}.summary-totals{border-top:2px solid #e5e7eb;padding-top:1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.75rem;font-size:1rem;color:#666}.summary-total{font-size:1.375rem;font-weight:700;color:#000;padding-top:1rem;margin-top:.5rem;border-top:1px solid #e5e7eb}.free-shipping-notice{background:#dbeafe;color:#1e40af;padding:.75rem;border-radius:4px;font-size:.875rem;text-align:center;margin:.75rem 0}.empty-checkout{text-align:center;padding:4rem 2rem}.empty-checkout svg{color:#d1d5db;margin-bottom:1.5rem}.empty-checkout h2{font-size:2rem;color:#000;margin-bottom:.5rem}.empty-checkout p{color:#666;margin-bottom:2rem}.btn-back-to-shop{background:#1a1a1a;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;font-weight:600;cursor:pointer;transition:background .2s}.btn-back-to-shop:hover{background:#333}@media(max-width:1024px){.checkout-layout{grid-template-columns:1fr}.order-summary-section{position:static}}@media(max-width:640px){.checkout-page h1{font-size:2rem}.summary-item{grid-template-columns:50px 1fr}.summary-item-price{grid-column:2;text-align:left;margin-top:.5rem}}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{outline:none}button:focus,input:focus,select:focus,textarea:focus{outline:none}html{overflow-x:hidden}body{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;overflow-x:hidden;width:100%;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;width:100%;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:2rem}@media(max-width:768px){.container{padding:1rem}}@media(max-width:480px){.container{padding:.75rem}}.btn{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}@media(max-width:480px){.btn{padding:.625rem 1rem;font-size:.875rem}}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-primary:active{background:#1e40af}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-secondary:active{background:#374151}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d}input,select,textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:14px}@media(max-width:480px){input,select,textarea{font-size:16px;padding:.625rem}}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}table{width:100%;border-collapse:collapse}table th,table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}table td{color:#374151}table th{background:#f9fafb;font-weight:600;font-size:14px;color:#374151}table tr:hover{background:#f9fafb}@media(max-width:768px){table th,table td{padding:.5rem;font-size:.875rem}}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;overflow-x:auto}@media(max-width:640px){.card{padding:1rem;border-radius:6px}}@media(max-width:480px){.card{padding:.75rem;border-radius:4px;box-shadow:0 1px 2px #0000000d}}.badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.badge-active{background:#dcfce7;color:#16a34a}.badge-inactive{background:#fee2e2;color:#dc2626}@media(max-width:768px){.hide-mobile{display:none!important}}@media(min-width:769px){.show-mobile-only{display:none!important}}