html,body,#root{margin:0;padding:0;width:100%;height:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-title{margin:0!important;font-size:18px!important;font-weight:600!important;color:#111827!important;letter-spacing:-.2px}.page-subtitle{margin:3px 0 0;font-size:13px;color:#6b7280}.add-brand-btn{height:36px;font-size:13px;font-weight:500;border-radius:8px!important}.brands-list{display:flex;flex-direction:column;gap:16px;max-width:calc(84vw - 100px)}.brand-card{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.brand-card__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid #F3F4F6;background:#fafafa}.brand-title-wrap{display:flex;align-items:center;gap:12px}.brand-logo{height:40px;width:80px;object-fit:contain;border-radius:6px;border:1px solid #E5E7EB;background:#fff;padding:3px}.brand-name{font-size:15px;font-weight:600;color:#111827}.brand-actions{display:flex;align-items:center;gap:8px}.action-btn{height:32px!important;width:32px!important;padding:0!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;border:1px solid #E5E7EB!important;background:#fff!important;color:#374151!important;transition:all .15s ease}.action-btn:hover{border-color:#d1d5db!important;background:#f9fafb!important}.action-btn--add:hover{color:#2563eb!important;border-color:#bfdbfe!important;background:#eff6ff!important}.action-btn--edit:hover{color:#d97706!important;border-color:#fde68a!important;background:#fffbeb!important}.toggle-wrap{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;height:32px}.toggle-label{font-size:12px;color:#6b7280;-webkit-user-select:none;user-select:none;min-width:44px}.brand-card__body{padding:16px 20px}.flavours-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.flavours-scroll::-webkit-scrollbar{height:4px}.flavours-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.flavours-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.flavours-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.flavour-tile{flex:0 0 auto;width:200px;border:1px solid #E5E7EB;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.flavour-tile:hover{border-color:#c7d2fe;box-shadow:0 2px 8px #4f46e514}.flavour-tile__img-wrap{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:#f9fafb;border-bottom:1px solid #F3F4F6}.flavour-tile__img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none}.flavour-tile__body{padding:10px 12px 8px}.flavour-tile__name{margin:0 0 3px;font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flavour-tile__desc{margin:0;font-size:11.5px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}.flavour-tile__actions{display:flex;align-items:center;justify-content:space-around;padding:8px 12px;border-top:1px solid #F3F4F6;background:#fafafa}.tile-action-btn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:13px;padding:4px 6px;border-radius:6px;transition:color .15s ease,background .15s ease;display:flex;align-items:center;justify-content:center}.tile-action-btn:hover{color:#374151;background:#f3f4f6}.tile-action-btn--danger:hover{color:#ef4444;background:#fef2f2}.flavours-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0 8px}.brands-empty{padding:60px 0;display:flex;justify-content:center}