.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top left,rgba(92,106,196,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(250,143,75,.08),transparent 25%),var(--bg)}.forgot-password-wrapper{display:flex;justify-content:flex-end;margin-top:8px}.forgot-password-link{border:none;background:transparent;color:#6366f1;cursor:pointer;font-size:14px;font-weight:500}.forgot-password-link:hover{text-decoration:underline}.field-error{display:block;margin-top:6px;color:#dc2626;font-size:13px;font-weight:500}.forgot-footer{margin-top:16px;text-align:center}.back-login-link{border:none;background:none;color:#5b67d8;cursor:pointer;font-size:14px;font-weight:600}.back-login-link:hover{text-decoration:underline}.input-wrapper{position:relative;width:100%}.input-wrapper input.input-error{padding-right:50px!important}.input-error{border:2px solid #ef4444!important}.error-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#fee2e2;color:#ef4444;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.error-tooltip{position:absolute;top:-42px;right:0;background:#ef4444;color:#fff;font-size:12px;font-weight:600;padding:8px 12px;border-radius:8px;white-space:nowrap;max-width:240px;overflow-wrap:anywhere;opacity:0;visibility:hidden;transition:all .2s ease}.error-tooltip:after{content:"";position:absolute;bottom:-6px;right:14px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #ef4444}.error-icon:hover .error-tooltip{opacity:1;visibility:visible}.login-box{width:100%;max-width:420px;padding:48px 32px;background:var(--surface);border-radius:12px;box-shadow:0 10px 40px #00000014,0 1px 3px #0000000a;border:1px solid var(--border)}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text)}.login-header p{margin:0;font-size:14px;color:var(--text-muted)}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text)}.form-group input{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5c6ac41a}.form-group input:disabled{background-color:var(--surface-muted);cursor:not-allowed;opacity:.6}.error-message{padding:10px 12px;margin-bottom:16px;background-color:#fee;border:1px solid #fcc;border-radius:6px;font-size:13px;color:#c33;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-button{width:100%;padding:12px 16px;margin-top:4px;font-size:14px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.login-button:hover:not(:disabled){background:#4a5bb8;box-shadow:0 4px 12px #5c6ac44d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#8a9ad8;cursor:not-allowed;opacity:.6}.demo-section{padding:20px;background:var(--primary-soft);border:1px solid rgba(92,106,196,.2);border-radius:8px;margin-bottom:24px}.demo-label{margin:0 0 10px;font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.demo-button{width:100%;padding:10px 12px;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--primary);background:#fff;border:1px solid var(--primary);border-radius:6px;cursor:pointer;transition:all .2s ease}.demo-button:hover:not(:disabled){background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #5c6ac44d}.demo-button:active:not(:disabled){transform:translateY(0)}.demo-button:disabled{opacity:.5;cursor:not-allowed}.demo-info{margin:0;font-size:12px;color:var(--text-muted);line-height:1.6}.demo-info code{font-family:Monaco,Courier New,monospace;background:#0000000d;padding:2px 6px;border-radius:3px;color:var(--primary);font-weight:600}.login-footer{text-align:center;padding-top:20px;border-top:1px solid var(--border)}.login-footer p{margin:0;font-size:12px;color:var(--text-muted)}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:var(--text-muted)}.profile-email{padding:8px 12px;font-size:12px;color:var(--text-muted);border-bottom:1px solid var(--border);word-break:break-all}@media (max-width: 480px){.login-box{padding:32px 20px}.login-header h1{font-size:24px}.demo-section{padding:16px}}.product-container{display:grid;gap:24px}.product-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.product-header-left{flex:1;min-width:280px}.table-wrapper{border:1px solid var(--border);background:var(--surface);overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#f3f4f6;border-bottom:1px solid var(--border)}.products-table th{padding:14px 16px;text-align:left;font-weight:600;color:#1f2937;font-size:12px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.products-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.products-table th.sortable:hover{background:#e5e7eb}.products-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.products-table tbody tr:hover{background:#f9fafb}.products-table td{padding:14px 16px;font-size:14px;color:var(--text)}.product-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.product-cards{display:flex;flex-direction:column;gap:16px}.product-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.product-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.product-card-header h3{margin:0;font-size:16px}.product-card-body p{margin:8px 0;font-size:14px}.product-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.product-name{font-weight:600;color:var(--primary)}.status-badge{display:inline-flex;justify-content:center;align-items:center;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.btn-link{display:inline-block;padding:6px 10px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;font-weight:600}.btn-link:hover{background:var(--surface-strong);border-color:var(--primary)}.image-upload-panel{display:grid;gap:12px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface-strong)}.image-upload-panel h3{margin:0;font-size:16px;font-weight:700}.upload-label{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background:var(--primary);color:#fff;border-radius:12px;cursor:pointer;width:fit-content}.file-input{display:none}.image-upload-panel .create-button{width:fit-content;padding:12px 20px}.product-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.product-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.product-page-header{margin-bottom:24px}.product-page-header h2{margin:0;font-size:28px;line-height:1.2}.product-form{display:grid;gap:18px}.modal-actions{display:flex;gap:12px;padding-top:24px;border-top:1px solid var(--border);margin-top:24px}@media (max-width: 768px){.product-page-center{padding:20px}.product-page-content{padding:24px}.product-page-header h2{font-size:24px}}@media (max-width: 480px){.product-page-center{padding:16px}.product-page-content{padding:20px}.product-page-header h2{font-size:22px}}:root{--orders-surface: #ffffff;--orders-surface-alt: #f8f9fc;--orders-border: #e5e7eb;--orders-text: #1f2937;--orders-muted: #6b7280;--orders-primary: #5c6ac4;--orders-success: #10b981;--orders-warning: #f59e0b;--orders-danger: #ef4444}.orders-page{display:grid;gap:20px}.orders-page-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.orders-page-title h1{margin:0;font-size:24px;color:var(--orders-text)}.orders-page-title p{margin:6px 0 0;color:var(--orders-muted);font-size:14px}.orders-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.orders-summary-card{background:var(--orders-surface);border:1px solid var(--orders-border);border-radius:16px;padding:16px;box-shadow:0 2px 10px #0f172a0a}.orders-summary-card h3{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--orders-muted)}.orders-summary-card .value{font-size:24px;font-weight:700;color:var(--orders-text)}.orders-summary-card .hint{margin-top:8px;font-size:13px;color:var(--orders-muted)}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;background:var(--orders-surface);border:1px solid var(--orders-border);border-radius:16px}.orders-search{flex:1;min-width:220px;padding:12px 14px;border:1px solid var(--orders-border);border-radius:12px;background:var(--orders-surface-alt);color:var(--orders-text)}.orders-search:focus{outline:none;border-color:var(--orders-primary);box-shadow:0 0 0 3px #5c6ac41f}.orders-chip-row{display:flex;gap:10px;flex-wrap:wrap}.orders-chip{padding:8px 12px;border-radius:999px;background:var(--orders-surface-alt);color:var(--orders-muted);font-size:13px;border:1px solid var(--orders-border)}.orders-table-wrapper{overflow:hidden;border-radius:16px;border:1px solid var(--orders-border);background:var(--orders-surface)}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--orders-border);font-size:14px}.orders-table thead{background:var(--orders-surface-alt)}.orders-table th{color:var(--orders-muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.orders-table tbody tr:hover{background:#f9fbff}.order-id{font-weight:600;color:var(--orders-primary)}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.status-pill.pending{background:#f59e0b24;color:var(--orders-warning)}.status-pill.delivered{background:#10b98124;color:var(--orders-success)}.status-pill.processing{background:#5c6ac424;color:var(--orders-primary)}.status-pill.returned{background:#ef444424;color:var(--orders-danger)}.orders-empty{padding:32px 16px;text-align:center;color:var(--orders-muted)}@media (max-width: 900px){.orders-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.orders-summary-grid{grid-template-columns:1fr}.orders-table-wrapper{overflow-x:auto}.orders-table{min-width:720px}}.customer-profile-page{display:grid;gap:20px}.customer-profile-header-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.customer-profile-identity{display:flex;align-items:center;gap:16px}.customer-profile-avatar{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;font-size:20px;font-weight:700;color:var(--primary);background:var(--primary-soft)}.customer-profile-identity h1{margin:0;font-size:24px}.customer-profile-identity p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.customer-profile-badges{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.customer-profile-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;border:1px solid transparent}.customer-profile-badge.tier{background:#fff7ed;color:#c2410c;border-color:#fed7aa}.customer-profile-badge.active,.customer-profile-badge.delivered{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.customer-profile-badge.processing{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.customer-profile-primary-button{border:none;border-radius:10px;background:var(--primary);color:#fff;padding:11px 16px;font-weight:600;cursor:pointer}.customer-profile-primary-button:hover{background:#4a5bb8}.customer-profile-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.customer-profile-summary-item{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:18px;margin:0;display:grid;gap:6px}.customer-profile-summary-item p{margin:0;color:var(--text-muted);font-size:13px}.customer-profile-summary-item strong{font-size:18px}.customer-profile-content-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.customer-profile-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px}.customer-profile-panel h2{margin:0 0 16px;font-size:18px}.customer-profile-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.customer-profile-detail-item p{margin:0;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.customer-profile-detail-item strong{margin-top:4px;display:block;font-size:14px}.customer-profile-notes{margin-top:18px;border-top:1px solid var(--border);padding-top:16px}.customer-profile-notes h3{margin:0 0 8px;font-size:15px}.customer-profile-notes p{margin:0;color:var(--text-muted);line-height:1.65}.customer-profile-timeline{display:grid;gap:12px}.customer-profile-timeline-item{border:1px solid var(--border);border-radius:12px;padding:14px;display:grid;gap:6px}.customer-profile-timeline-item strong{font-size:14px}.customer-profile-timeline-item p{margin:0;color:var(--text-muted);font-size:13px;line-height:1.55}.customer-profile-timeline-item span{font-size:12px;color:var(--primary);font-weight:600}.customer-profile-table-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:14px}.customer-profile-table-header h2{margin:0}.customer-profile-table-header span{color:var(--text-muted);font-size:13px}.customer-profile-table-wrapper{border:1px solid var(--border);border-radius:12px;overflow:hidden}.customer-profile-orders-table{width:100%;border-collapse:collapse}.customer-profile-orders-table thead{background:var(--surface-strong)}.customer-profile-orders-table th,.customer-profile-orders-table td{padding:12px 14px;text-align:left;font-size:13px;border-bottom:1px solid var(--border)}.customer-profile-orders-table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.customer-profile-orders-table tbody tr:last-child td{border-bottom:none}@media (max-width: 1100px){.customer-profile-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-profile-content-grid{grid-template-columns:1fr}}@media (max-width: 700px){.customer-profile-details-grid{grid-template-columns:1fr}.customer-profile-table-wrapper{overflow-x:auto}.customer-profile-orders-table{min-width:620px}}.gender-container{display:grid;gap:24px}.gender-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.gender-header-left{flex:1;min-width:280px}.genders-table{width:100%;border-collapse:collapse}.genders-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.genders-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.genders-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.genders-table th.sortable:hover{background:var(--surface-muted)}.genders-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.genders-table tbody tr:hover{background:var(--surface-strong)}.genders-table td{padding:14px;font-size:14px;color:var(--text)}.gender-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.gender-cards{display:flex;flex-direction:column;gap:16px}.gender-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.gender-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.gender-card-header h3{margin:0;font-size:16px}.gender-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.gender-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.gender-name{font-weight:600;color:var(--primary)}.gender-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.gender-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.gender-page-header{margin-bottom:24px}.gender-page-header h2{margin:0;font-size:28px;line-height:1.2}.gender-form{display:grid;gap:18px}@media (max-width: 768px){.gender-page-center{padding:20px}.gender-page-content{padding:24px}.gender-page-header h2{font-size:24px}}@media (max-width: 480px){.gender-page-center{padding:16px}.gender-page-content{padding:20px}.gender-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;gender:var(--text-muted);font-size:15px}.genders-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.genders-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.gender-container{gap:16px}.gender-header{flex-direction:column;align-items:stretch;gap:12px}.gender-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.genders-table{font-size:12px}.genders-table th,.genders-table td{padding:12px 8px;font-size:12px}.genders-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.gender-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.genders-table th,.genders-table td{padding:8px 6px;font-size:11px}.gender-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.color-container{display:grid;gap:24px}.color-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.color-header-left{flex:1;min-width:280px}.colors-table{width:100%;border-collapse:collapse}.colors-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.colors-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.colors-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.colors-table th.sortable:hover{background:var(--surface-muted)}.colors-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.colors-table tbody tr:hover{background:var(--surface-strong)}.colors-table td{padding:14px;font-size:14px;color:var(--text)}.color-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.color-cards{display:flex;flex-direction:column;gap:16px}.color-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.color-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.color-card-header h3{margin:0;font-size:16px}.color-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.color-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.color-name{font-weight:600;color:var(--primary)}.color-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.color-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.color-page-header{margin-bottom:24px}.color-page-header h2{margin:0;font-size:28px;line-height:1.2}.color-form{display:grid;gap:18px}@media (max-width: 768px){.color-page-center{padding:20px}.color-page-content{padding:24px}.color-page-header h2{font-size:24px}}@media (max-width: 480px){.color-page-center{padding:16px}.color-page-content{padding:20px}.color-page-header h2{font-size:22px}}.colors-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.colors-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.color-container{gap:16px}.color-header{flex-direction:column;align-items:stretch;gap:12px}.color-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.colors-table{font-size:12px}.colors-table th,.colors-table td{padding:12px 8px;font-size:12px}.colors-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.color-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.colors-table th,.colors-table td{padding:8px 6px;font-size:11px}.color-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.metal-container{display:grid;gap:24px}.metal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.metal-header-left{flex:1;min-width:280px}.metals-table{width:100%;border-collapse:collapse}.metals-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.metals-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.metals-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.metals-table th.sortable:hover{background:var(--surface-muted)}.metals-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.metals-table tbody tr:hover{background:var(--surface-strong)}.metals-table td{padding:14px;font-size:14px;color:var(--text)}.metal-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.metal-cards{display:flex;flex-direction:column;gap:16px}.metal-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.metal-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.metal-card-header h3{margin:0;font-size:16px}.metal-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.metal-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.metal-name{font-weight:600;color:var(--primary)}.metal-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.metal-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.metal-page-header{margin-bottom:24px}.metal-page-header h2{margin:0;font-size:28px;line-height:1.2}.metal-form{display:grid;gap:18px}@media (max-width: 768px){.metal-page-center{padding:20px}.metal-page-content{padding:24px}.metal-page-header h2{font-size:24px}}@media (max-width: 480px){.metal-page-center{padding:16px}.metal-page-content{padding:20px}.metal-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;metal:var(--text-muted);font-size:15px}.metals-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.metals-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.metal-container{gap:16px}.metal-header{flex-direction:column;align-items:stretch;gap:12px}.metal-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.metals-table{font-size:12px}.metals-table th,.metals-table td{padding:12px 8px;font-size:12px}.metals-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.metal-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.metals-table th,.metals-table td{padding:8px 6px;font-size:11px}.metal-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.size-container{display:grid;gap:24px}.size-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.size-header-left{flex:1;min-width:280px}.sizes-table{width:100%;border-collapse:collapse}.sizes-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.sizes-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.sizes-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.sizes-table th.sortable:hover{background:var(--surface-muted)}.sizes-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.sizes-table tbody tr:hover{background:var(--surface-strong)}.sizes-table td{padding:14px;font-size:14px;color:var(--text)}.size-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.size-cards{display:flex;flex-direction:column;gap:16px}.size-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.size-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.size-card-header h3{margin:0;font-size:16px}.size-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.size-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.size-name{font-weight:600;color:var(--primary)}.size-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.size-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.size-page-header{margin-bottom:24px}.size-page-header h2{margin:0;font-size:28px;line-height:1.2}.size-form{display:grid;gap:18px}@media (max-width: 768px){.size-page-center{padding:20px}.size-page-content{padding:24px}.size-page-header h2{font-size:24px}}@media (max-width: 480px){.size-page-center{padding:16px}.size-page-content{padding:20px}.size-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;size:var(--text-muted);font-size:15px}.sizes-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.sizes-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.size-container{gap:16px}.size-header{flex-direction:column;align-items:stretch;gap:12px}.size-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.sizes-table{font-size:12px}.sizes-table th,.sizes-table td{padding:12px 8px;font-size:12px}.sizes-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.size-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.sizes-table th,.sizes-table td{padding:8px 6px;font-size:11px}.size-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.finish-container{display:grid;gap:24px}.finish-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.finish-header-left{flex:1;min-width:280px}.finishs-table{width:100%;border-collapse:collapse}.finishs-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.finishs-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.finishs-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.finishs-table th.sortable:hover{background:var(--surface-muted)}.finishs-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.finishs-table tbody tr:hover{background:var(--surface-strong)}.finishs-table td{padding:14px;font-size:14px;color:var(--text)}.finish-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.finish-cards{display:flex;flex-direction:column;gap:16px}.finish-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.finish-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.finish-card-header h3{margin:0;font-size:16px}.finish-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.finish-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.finish-name{font-weight:600;color:var(--primary)}.finish-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.finish-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.finish-page-header{margin-bottom:24px}.finish-page-header h2{margin:0;font-size:28px;line-height:1.2}.finish-form{display:grid;gap:18px}@media (max-width: 768px){.finish-page-center{padding:20px}.finish-page-content{padding:24px}.finish-page-header h2{font-size:24px}}@media (max-width: 480px){.finish-page-center{padding:16px}.finish-page-content{padding:20px}.finish-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;finish:var(--text-muted);font-size:15px}.finishs-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.finishs-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.finish-container{gap:16px}.finish-header{flex-direction:column;align-items:stretch;gap:12px}.finish-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.finishs-table{font-size:12px}.finishs-table th,.finishs-table td{padding:12px 8px;font-size:12px}.finishs-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.finish-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.finishs-table th,.finishs-table td{padding:8px 6px;font-size:11px}.finish-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.fit-container{display:grid;gap:24px}.fit-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.fit-header-left{flex:1;min-width:280px}.fits-table{width:100%;border-collapse:collapse}.fits-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.fits-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.fits-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.fits-table th.sortable:hover{background:var(--surface-muted)}.fits-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.fits-table tbody tr:hover{background:var(--surface-strong)}.fits-table td{padding:14px;font-size:14px;color:var(--text)}.fit-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.fit-cards{display:flex;flex-direction:column;gap:16px}.fit-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.fit-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fit-card-header h3{margin:0;font-size:16px}.fit-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.fit-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.fit-name{font-weight:600;color:var(--primary)}.fit-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.fit-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.fit-page-header{margin-bottom:24px}.fit-page-header h2{margin:0;font-size:28px;line-height:1.2}.fit-form{display:grid;gap:18px}@media (max-width: 768px){.fit-page-center{padding:20px}.fit-page-content{padding:24px}.fit-page-header h2{font-size:24px}}@media (max-width: 480px){.fit-page-center{padding:16px}.fit-page-content{padding:20px}.fit-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;fit:var(--text-muted);font-size:15px}.fits-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.fits-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.fit-container{gap:16px}.fit-header{flex-direction:column;align-items:stretch;gap:12px}.fit-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.fits-table{font-size:12px}.fits-table th,.fits-table td{padding:12px 8px;font-size:12px}.fits-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.fit-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.fits-table th,.fits-table td{padding:8px 6px;font-size:11px}.fit-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.shop-container{display:grid;gap:24px}.shop-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.shop-header-left{flex:1;min-width:280px}.shops-table{width:100%;border-collapse:collapse}.shops-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.shops-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.shops-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.shops-table th.sortable:hover{background:var(--surface-muted)}.shops-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.shops-table tbody tr:hover{background:var(--surface-strong)}.shops-table td{padding:14px;font-size:14px;color:var(--text)}.shop-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.shop-cards{display:flex;flex-direction:column;gap:16px}.shop-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.shop-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.shop-card-header h3{margin:0;font-size:16px}.shop-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.shop-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.shop-name{font-weight:600;color:var(--primary)}.shop-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.shop-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.shop-page-header{margin-bottom:24px}.shop-page-header h2{margin:0;font-size:28px;line-height:1.2}.shop-form{display:grid;gap:18px}@media (max-width: 768px){.shop-page-center{padding:20px}.shop-page-content{padding:24px}.shop-page-header h2{font-size:24px}}@media (max-width: 480px){.shop-page-center{padding:16px}.shop-page-content{padding:20px}.shop-page-header h2{font-size:22px}}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}.actions-column{width:120px;text-align:center}.empty-state{text-align:center;padding:48px 16px!important;shop:var(--text-muted);font-size:15px}.shops-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.shops-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.shop-container{gap:16px}.shop-header{flex-direction:column;align-items:stretch;gap:12px}.shop-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.shops-table{font-size:12px}.shops-table th,.shops-table td{padding:12px 8px;font-size:12px}.shops-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.shop-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.shops-table th,.shops-table td{padding:8px 6px;font-size:11px}.shop-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.vendor-container{display:grid;gap:24px}.vendor-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.vendor-header-left{flex:1;min-width:280px}.vendors-table{width:100%;border-collapse:collapse}.vendors-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.vendors-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.vendors-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.vendors-table th.sortable:hover{background:var(--surface-muted)}.vendors-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.vendors-table tbody tr:hover{background:var(--surface-strong)}.vendors-table td{padding:14px;font-size:14px;color:var(--text)}.vendor-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.vendor-cards{display:flex;flex-direction:column;gap:16px}.vendor-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.vendor-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.vendor-card-header h3{margin:0;font-size:16px}.vendor-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.vendor-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.vendor-name{font-weight:600;color:var(--primary)}.vendor-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.vendor-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.vendor-page-header{margin-bottom:24px}.vendor-page-header h2{margin:0;font-size:28px;line-height:1.2}.vendor-form{display:grid;gap:18px}@media (max-width: 768px){.vendor-page-center{padding:20px}.vendor-page-content{padding:24px}.vendor-page-header h2{font-size:24px}}@media (max-width: 480px){.vendor-page-center{padding:16px}.vendor-page-content{padding:20px}.vendor-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;vendor:var(--text-muted);font-size:15px}.vendors-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.vendors-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.vendor-container{gap:16px}.vendor-header{flex-direction:column;align-items:stretch;gap:12px}.vendor-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.vendors-table{font-size:12px}.vendors-table th,.vendors-table td{padding:12px 8px;font-size:12px}.vendors-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.vendor-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.vendors-table th,.vendors-table td{padding:8px 6px;font-size:11px}.vendor-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.productVariant-container{display:grid;gap:24px}.productVariant-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.productVariant-header-left{flex:1;min-width:280px}.toggle-container{display:flex;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#ccc;border-radius:34px;transition:.3s}.slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider{background:#10b981}.switch input:checked+.slider:before{transform:translate(24px)}.toggle-text{font-weight:500}.productVariants-table{width:100%;border-collapse:collapse}.productVariants-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.productVariants-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.productVariants-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.productVariants-table th.sortable:hover{background:var(--surface-muted)}.productVariants-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.productVariants-table tbody tr:hover{background:var(--surface-strong)}.productVariants-table td{padding:14px;font-size:14px;color:var(--text)}.productVariant-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.productVariant-cards{display:flex;flex-direction:column;gap:16px}.productVariant-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.productVariant-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.productVariant-card-header h3{margin:0;font-size:16px}.productVariant-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.productVariant-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.productVariant-name{font-weight:600;color:var(--primary)}.productVariant-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.productVariant-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.productVariant-page-header{margin-bottom:24px}.productVariant-page-header h2{margin:0;font-size:28px;line-height:1.2}.productVariant-form{display:grid;gap:18px}@media (max-width: 768px){.productVariant-page-center{padding:20px}.productVariant-page-content{padding:24px}.productVariant-page-header h2{font-size:24px}}@media (max-width: 480px){.productVariant-page-center{padding:16px}.productVariant-page-content{padding:20px}.productVariant-page-header h2{font-size:22px}}.empty-state{text-align:center;padding:48px 16px!important;productVariant:var(--text-muted);font-size:15px}.productVariants-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.productVariants-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.productVariant-container{gap:16px}.productVariant-header{flex-direction:column;align-items:stretch;gap:12px}.productVariant-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.productVariants-table{font-size:12px}.productVariants-table th,.productVariants-table td{padding:12px 8px;font-size:12px}.productVariants-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.productVariant-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.productVariants-table th,.productVariants-table td{padding:8px 6px;font-size:11px}.productVariant-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.user-container{display:grid;gap:24px}.user-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.user-header-left{flex:1;min-width:280px}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.users-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.users-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.users-table th.sortable:hover{background:var(--surface-muted)}.users-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.users-table tbody tr:hover{background:var(--surface-strong)}.users-table td{padding:14px;font-size:14px;color:var(--text)}.user-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.user-cards{display:flex;flex-direction:column;gap:16px}.user-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.user-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.user-card-header h3{margin:0;font-size:16px}.user-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.user-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.user-name{font-weight:600;color:var(--primary)}.user-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.user-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.user-page-header{margin-bottom:24px}.user-page-header h2{margin:0;font-size:28px;line-height:1.2}.user-form{display:grid;gap:18px}@media (max-width: 768px){.user-page-center{padding:20px}.user-page-content{padding:24px}.user-page-header h2{font-size:24px}}@media (max-width: 480px){.user-page-center{padding:16px}.user-page-content{padding:20px}.user-page-header h2{font-size:22px}}.users-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.users-table th:hover{background-color:#f5f7ff}@media (max-width: 900px){.user-container{gap:16px}.user-header{flex-direction:column;align-items:stretch;gap:12px}.user-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.users-table{font-size:12px}.users-table th,.users-table td{padding:12px 8px;font-size:12px}.users-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}@media (max-width: 600px){.user-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.users-table th,.users-table td{padding:8px 6px;font-size:11px}.user-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}.brand-container{display:grid;gap:24px}.brand-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.brand-header-left{flex:1;min-width:280px}.input-wrapper{position:relative}.input-wrapper input.input-error{border:2px solid #dc2626!important;padding-right:40px}.input-error{border:2px solid #dc2626!important}.error-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#dc2626;cursor:pointer;font-size:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#dc26261f}.error-icon:hover .error-tooltip,.error-icon:focus-within .error-tooltip,.error-icon:focus .error-tooltip{display:block}.error-tooltip{position:absolute;bottom:30px;right:0;background:#dc2626;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;display:none;z-index:999}.error-tooltip:after{content:"";position:absolute;top:100%;right:10px;border-width:6px;border-style:solid;border-color:#dc2626 transparent transparent transparent}.error-icon:hover .error-tooltip{display:block}.search-input{width:100%;padding:12px 16px;font-size:14px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5c6ac41a}.search-input::placeholder{color:var(--text-muted)}.create-button{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--primary);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.create-button:hover{background:#4a5bb8;box-shadow:0 4px 12px #5c6ac44d;transform:translateY(-1px)}.create-button:active{transform:translateY(0)}.results-info{font-size:13px;color:var(--text-muted);padding:0 4px}.table-wrapper{border-radius:16px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.brands-table{width:100%;border-collapse:collapse}.change-password-text{margin-top:20px;text-align:center;color:#6b7280;font-size:14px}.change-password-link{margin-left:6px;color:#6366f1;cursor:pointer;font-weight:600}.change-password-link:hover{text-decoration:underline}.brands-table thead{background:var(--surface-strong);border-bottom:1px solid var(--border)}.brands-table th{padding:16px;text-align:left;font-weight:600;color:var(--text);font-size:13px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.brands-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}.brands-table th.sortable:hover{background:var(--surface-muted)}.brands-table tbody tr{border-bottom:1px solid var(--border);transition:background-color .2s ease}.brands-table tbody tr:hover{background:var(--surface-strong)}.disabled-field{background:#f3f4f6!important;color:#6b7280;cursor:not-allowed!important;opacity:.8}.disabled-field:hover{cursor:not-allowed!important}.disabled-field:focus{outline:none;box-shadow:none}.brands-table td{padding:14px;font-size:14px;color:var(--text)}.brand-cards{display:none}@media (max-width: 768px){.table-wrapper{display:none}.brand-cards{display:flex;flex-direction:column;gap:16px}.brand-card{background:#fff;border-radius:16px;padding:16px;box-shadow:0 2px 10px #00000014}.brand-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.brand-card-header h3{margin:0;font-size:16px}.brand-card-body p{margin:8px 0;font-size:14px}.category-card-image{width:100%;height:180px;object-fit:cover;border-radius:12px;margin-bottom:12px}.brand-card-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}}.category-image{width:60px;height:60px;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;display:block;margin:0 auto}.category-name-column,.description-column{text-align:center}.categories-table td{text-align:center;vertical-align:middle}.categories-table th{text-align:center}.category-card-image{width:100%;max-width:100%;height:180px;object-fit:cover;border-radius:12px;display:block}.image-preview-modal{position:relative;max-width:90vw;max-height:90vh}.full-preview-image{max-width:100%;max-height:85vh;border-radius:16px}.image-preview-modal{background:#fff;padding:16px;border-radius:16px;position:relative}.full-preview-image{display:block;max-width:80vw;max-height:80vh}.status-toggle{border:none;cursor:pointer;padding:8px 14px;border-radius:20px;font-weight:600}.status-active{background:#d4edda}.status-inactive{background:#f8d7da}.brand-name{font-weight:600;color:var(--primary)}.text-center{text-align:center}textarea{width:100%;min-height:100px;padding:12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;resize:vertical}.date{white-space:nowrap}.toast-message{position:fixed;top:20px;right:20px;z-index:2000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;width:auto;max-width:360px;box-shadow:0 20px 40px #00000029;animation:toastPop .2s ease}.toast-message.error{background:#fee2e2;color:#991b1b;border-color:#fecaca}.toast-message.success{background:#dcfce7;color:#166534;border-color:#bbf7d0}.toast-close{background:transparent;border:none;color:inherit;font-size:18px;cursor:pointer;padding:0}@keyframes toastPop{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.brand-page-center{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px;box-sizing:border-box}.brand-page-content{width:100%;max-width:720px;background:var(--surface);border-radius:20px;padding:32px;box-shadow:0 24px 60px #00000014}.brand-page-header{margin-bottom:24px}.brand-page-header h2{margin:0;font-size:28px;line-height:1.2}.brand-form{display:grid;gap:18px}@media (max-width: 768px){.brand-page-center{padding:20px}.brand-page-content{padding:24px}.brand-page-header h2{font-size:24px}}@media (max-width: 480px){.brand-page-center{padding:16px}.brand-page-content{padding:20px}.brand-page-header h2{font-size:22px}}.status-badge{display:inline-flex;justify-content:center;align-items:center}.status-active{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-inactive{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.btn-icon:hover{background:var(--surface-strong);border-color:var(--primary)}.btn-icon.edit:hover{color:#3b82f6}.btn-icon.delete:hover{color:#dc2626}.empty-state{text-align:center;padding:48px 16px!important;color:var(--text-muted);font-size:15px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.pagination-btn{padding:10px 16px;font-size:13px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:13px;color:var(--text-muted);min-width:140px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{scrollbar-width:auto;scrollbar-color:#cbd5e1 transparent}.brands-table th{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.brands-table th:hover{background-color:#f5f7ff}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable:hover{color:#5f6ad4;text-decoration:dashed underline}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border)}.modal-header h2{margin:0;font-size:18px;font-weight:700}.modal-close{width:36px;height:36px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--text-muted);transition:all .2s ease}.modal-content-body{padding:24px;display:grid;gap:20px}.modal-content-body p{margin:0;line-height:1.7;color:var(--text)}.modal-close:hover{background:var(--surface-muted);color:var(--text)}.modal-content form{padding:24px}.form-group{margin-bottom:20px;display:grid;gap:8px}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{width:100%;padding:12px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #5c6ac41a}.form-group input::placeholder{color:var(--text-muted)}.modal-actions{position:sticky;bottom:0;background:#fff;padding-top:16px;padding-bottom:16px;border-top:1px solid #e5e7eb}.btn-primary,.btn-secondary{flex:1;padding:12px 16px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#4a5bb8;box-shadow:0 4px 12px #5c6ac44d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--surface-strong);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-muted)}@media (max-width: 900px){.brand-container{gap:16px}.brand-header{flex-direction:column;align-items:stretch;gap:12px}.brand-header-left{min-width:auto}.search-input{font-size:13px;padding:10px 12px}.create-button{font-size:13px;padding:10px 16px}.results-info{font-size:12px}.table-wrapper{border-radius:12px;overflow-x:auto}.brands-table{font-size:12px}.brands-table th,.brands-table td{padding:12px 8px;font-size:12px}.brands-table th{font-size:11px}.action-buttons{flex-direction:row;gap:6px}.btn-icon{width:32px;height:32px;font-size:14px}.pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{padding:8px 12px;font-size:12px;flex:1;min-width:100px}.pagination-info{font-size:12px;min-width:100%;order:3}.modal-content{width:95%;max-width:none}.modal-header{padding:16px}.modal-header h2{font-size:16px}.modal-content form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:12px}.form-group input,.form-group select{font-size:13px;padding:10px}.btn-primary,.btn-secondary{padding:10px 14px;font-size:13px}}.categories-table{text-align:center;vertical-align:middle;width:100%;table-layout:fixed}.actions-column{width:120px}@media (max-width: 600px){.brand-container{gap:12px}.search-input{font-size:12px;padding:8px 10px}.create-button{font-size:12px;padding:8px 12px}.results-info{font-size:11px}.brands-table th,.brands-table td{padding:8px 6px;font-size:11px}.brand-name{max-width:80px;overflow:hidden;text-overflow:ellipsis}.status-toggle,.status-badge{margin:0 auto}.action-buttons{display:flex;justify-content:center;align-items:center;gap:8px}.btn-icon{width:28px;height:28px;font-size:12px}.pagination-btn{padding:6px 10px;font-size:11px}.modal-header{padding:12px}.modal-header h2{font-size:14px}.modal-content form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:11px}.form-group input,.form-group select{font-size:12px;padding:8px}.modal-actions{padding-top:12px;margin-top:12px;gap:8px}.btn-primary,.btn-secondary{padding:8px 12px;font-size:12px}}:root{color-scheme:dark;--bg: #f4f6fb;--surface: #ffffff;--surface-strong: #eef2f9;--surface-muted: #eef0f6;--text: #1f2937;--text-muted: #6b7280;--border: #d6d9e6;--primary: #5c6ac4;--primary-soft: #edf1ff;--accent: #fa8f4b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(92,106,196,.12),transparent 30%),radial-gradient(circle at bottom right,rgba(250,143,75,.08),transparent 25%),var(--bg);color:var(--text)}button{font:inherit}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;transition:grid-template-columns .25s ease}.app-shell.collapsed-sidebar{grid-template-columns:88px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:16px 12px;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:16px;transition:all .25s ease;width:280px}.sidebar.collapsed{width:88px;padding:12px 6px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.sidebar-brand{display:flex;align-items:center;gap:14px}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--primary),#7d8fef);color:#fff;display:grid;place-items:center;font-weight:700}.brand-text{font-size:1rem;font-weight:700;letter-spacing:.02em}.sidebar-toggle{width:36px;height:36px;min-width:36px;border-radius:10px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.sidebar-toggle:hover{background:var(--surface-muted);border-color:var(--primary)}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(92,106,196,.3) transparent}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#5c6ac440;border-radius:999px;border:2px solid transparent;background-clip:content-box}.nav-group{display:grid;gap:6px}.nav-group-header,.nav-subitem{width:100%;border:none;background:transparent;text-align:left;padding:12px 14px;border-radius:14px;color:var(--text);display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-group-header:hover,.nav-subitem:hover{background:var(--surface-muted)}.nav-group-header.active,.nav-subitem.active{background:var(--primary-soft);color:var(--primary)}.nav-icon{width:32px;height:32px;border-radius:12px;display:grid;place-items:center;background:var(--surface)}.nav-title{flex:1}.nav-chevron{opacity:.7}.nav-subitems{display:flex;flex-direction:column;gap:5px;padding-left:44px}.main-panel{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 20px;background:#fff;position:fixed;top:0;right:0;z-index:10;border-bottom:1px solid var(--border);transition:left .25s ease;left:280px}.app-shell.collapsed-sidebar .app-header{left:88px}.header-start{display:flex;align-items:center;gap:14px}.menu-toggle{width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s ease;flex-shrink:0}.menu-toggle:hover{background:var(--surface-muted);border-color:var(--primary)}.header-title{font-size:1.05rem;font-weight:700}.user-menu{position:relative}.user-button{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--border);border-radius:999px;padding:10px 14px;background:var(--surface);cursor:pointer;color:#1f2937}.user-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:700}.user-chevron{opacity:.65}.profile-dropdown{position:absolute;right:0;top:calc(100% + 10px);width:180px;border-radius:18px;background:var(--surface);box-shadow:0 20px 70px #17233c14;border:1px solid rgba(213,219,232,.7);display:grid;padding:10px;gap:4px}.profile-dropdown button{width:100%;border:none;background:transparent;text-align:left;padding:12px 14px;border-radius:14px;cursor:pointer;color:var(--text)}.profile-dropdown button:hover{background:var(--surface-muted)}.logout-btn{color:#dc2626!important;font-weight:600}.logout-btn:hover{background:#fee2e2;color:#b91c1c!important}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content{width:min(520px,90vw);background:#fff;border-radius:20px;box-shadow:0 24px 80px #0f172a29;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0}.modal-header h2{margin:0;font-size:18px;color:#0f172a}.modal-close{width:38px;height:38px;border-radius:12px;border:none;background:#f8fafc;color:#475569;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:#eef2ff}.modal-content-body{padding:20px 24px 24px}.modal-content-body p{margin:0;color:#475569;font-size:15px;line-height:1.7}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-secondary,.btn-danger,.btn-primary{min-width:120px;padding:12px 18px;font-size:14px;font-weight:600;border-radius:12px;border:none;cursor:pointer}.btn-secondary{background:#f8fafc;color:#0f172a;border:1px solid #e2e8f0}.btn-secondary:hover{background:#eef2ff}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.main-content{flex:1;padding:32px;margin-top:80px}.content-header{margin-top:8px;margin-bottom:24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.content-label{display:inline-block;margin-bottom:6px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.content-grid{display:grid;gap:24px}.summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.summary-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;display:grid;gap:14px}.summary-label{color:var(--text-muted);font-size:.92rem}.summary-trend{color:var(--primary);font-weight:700}.detail-panel{display:grid;gap:18px}.detail-panel-header{background:linear-gradient(135deg,#5c6ac41f,#fa8f4b14);border:1px solid var(--border);border-radius:24px;padding:28px}.detail-panel-header h2{margin:0 0 10px}.detail-panel-header p{margin:0;color:var(--text-muted);line-height:1.75}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:24px;min-height:160px}.detail-card.full-width{grid-column:span 3}.detail-card h3{margin:0 0 10px}.detail-card p{margin:0;color:var(--text-muted);line-height:1.75}.app-footer{padding:18px 32px 24px;color:var(--text-muted);font-size:.95rem}@media (max-width: 1200px){.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-card.full-width{grid-column:auto}}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:1001;transform:translate(-100%);transition:transform .3s ease;width:260px;height:100vh;box-shadow:4px 0 20px #0f172a26;padding:12px 8px}.brand-text{font-size:.95rem;line-height:1.2;word-break:break-word}.nav-title{white-space:normal;overflow:visible}.nav-subitems{padding-left:44px}.app-shell.collapsed-sidebar .sidebar{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1000}.app-header{position:fixed;top:0;left:0;right:0;width:100%;padding:16px;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:999}.app-shell.collapsed-sidebar .app-header{left:0}.header-start{gap:8px;flex:1;min-width:0}.header-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.user-button{gap:6px;padding:8px 10px}.user-avatar{width:32px;height:32px;font-size:13px}.user-name{display:none}.main-panel{padding-top:68px}.main-content{padding:16px 12px 24px;margin-top:0}.menu-toggle{width:40px;height:40px;font-size:18px;flex-shrink:0}}@media (max-width: 600px){.app-header{padding:12px}.header-start{gap:6px}.header-title{font-size:.9rem}.menu-toggle{width:36px;height:36px;font-size:16px}.sidebar{width:240px}.nav-group-header,.nav-subitem{padding:10px;font-size:13px;gap:8px}.nav-icon{width:28px;height:28px;font-size:14px}.main-content{padding:12px 8px 16px}}