.admin-brands{width:100%;box-sizing:border-box}.brands-action-bar{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:flex-start;background:#fff;padding:1rem;border-radius:.375rem;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;margin-bottom:1.5rem}@media (min-width: 640px){.brands-action-bar{flex-direction:row;align-items:center}}.brands-page-title{font-size:1.125rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.05em;margin:0}.brands-action-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:.375rem;border:1px solid;cursor:pointer;text-decoration:none;transition:all .2s;width:100%}@media (min-width: 640px){.brands-action-btn{width:auto}}.brands-action-btn-primary{background:#1e293b;color:#fff;border-color:#1e293b}.brands-action-btn-primary:hover{background:#334155;border-color:#334155}.brands-action-btn-text{display:none}@media (min-width: 640px){.brands-action-btn-text{display:inline}}.brands-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (min-width: 1024px){.brands-grid{grid-template-columns:repeat(4,1fr)}}.brands-empty{grid-column:1 / -1}.brand-card{background:#fff;border-radius:.375rem;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s}.brand-card:hover{border-color:#cbd5e1}.brand-logo-container{height:128px;display:flex;align-items:center;justify-content:center;background:#fff;padding:1.5rem;border-bottom:1px solid #f1f5f9}.brand-logo-img{max-height:100%;max-width:100%;object-fit:contain;filter:grayscale(100%);opacity:.8;transition:all .3s}.brand-card:hover .brand-logo-img{filter:grayscale(0%);opacity:1}.brand-logo-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:.375rem;font-size:2rem;font-weight:700;color:#64748b;border:1px solid #e2e8f0}.brand-info{padding:.75rem}.brand-name{margin:0}.brand-name-link{color:inherit;text-decoration:none;transition:color .2s}.brand-name-link:hover{color:#2563eb}.brand-name{font-weight:700;font-size:.875rem;color:#1e293b;margin:0 0 .25rem;word-break:break-word}.brand-slug{font-size:.625rem;color:#94a3b8;font-family:ui-monospace,monospace;margin:0 0 .75rem;word-break:break-word}.brand-actions{display:flex;gap:.5rem;padding:0 .75rem .75rem}.brand-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.375rem;font-size:.75rem;font-weight:500;border-radius:.25rem;border:1px solid;cursor:pointer;transition:all .2s;text-decoration:none;background:transparent;font-family:inherit}.brand-action-btn-edit{color:#475569;background:#f8fafc;border-color:#e2e8f0}.brand-action-btn-edit:hover{background:#fff;border-color:#cbd5e1}.brand-action-btn-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca}.brand-action-btn-delete:hover{background:#fff;border-color:#fca5a5}@media (max-width: 768px){.brands-action-bar{padding:.75rem}.brands-grid{gap:.75rem}.brand-logo-container{height:100px;padding:1rem}}@media (max-width: 480px){.brands-page-title{font-size:1rem}.brands-grid{grid-template-columns:1fr}.brand-info{padding:.625rem}.brand-actions{padding:0 .625rem .625rem}}