.brands-page .page-header{padding:16px 24px;color:#fff}.brands-page .page-header .header-content{gap:16px}.brands-page .page-header .header-content,.brands-page .page-header .header-content .header-icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brands-page .page-header .header-content .header-icon{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:48px;background:hsla(0,0%,100%,0.15);border-radius:12px}.brands-page .page-header .header-content .header-text .page-title{font-size:22px;font-weight:600;margin:0;line-height:1.3}.brands-page .page-header .header-content .header-text .page-subtitle{font-size:13px;margin:4px 0 0;opacity:0.85}.brands-page .page-content{padding:20px 24px 40px}.brands-page .content-grid{display:grid;grid-template-columns:280px 1fr;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:start;max-width:100%}.brands-page .panel{background:#fff;border-radius:12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.08)}.brands-page .panel .panel-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 18px;background:#fafbfc;border-bottom:1px solid #eee;font-weight:600;font-size:14px;color:#333;border-radius:12px 12px 0 0}.brands-page .panel .panel-header .panel-icon{margin-right:8px;color:#666}.brands-page .panel .panel-header .panel-header-left,.brands-page .panel .panel-header .panel-header-right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brands-page .panel .panel-body{padding:0}.brands-page .brands-panel .panel-body{min-height:200px}.brands-page .brands-panel .q-item{border-bottom:1px solid #f0f0f0;-webkit-transition:background-color 0.15s;transition:background-color 0.15s}.brands-page .brands-panel .q-item:hover{background-color:#f5f7fa}.brands-page .brands-panel .brand-active{background-color:#e3f2fd!important;color:#1976d2;font-weight:500}.brands-page .settings-panel{min-width:0;overflow:hidden}.brands-page .settings-panel .panel-body{padding:0}.brands-page .settings-table{overflow-x:auto;margin-bottom:10px}.brands-page .settings-table .q-table th{font-weight:600;font-size:12px;color:#666;text-transform:uppercase;letter-spacing:0.5px}.brands-page .loading-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;min-height:200px;gap:12px}.brands-page .loading-state p{color:#999;margin:0}.brands-page .empty-state{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:40px 20px;min-height:200px;gap:12px}.brands-page .empty-state p{margin:0;text-align:center}.brands-page .settings-table td{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brands-page .default-replace-hint{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:6px;margin-left:38px;padding:6px 10px;background:#fff8e1;border-left:3px solid #ffb300;border-radius:4px;font-size:12px;color:#795548}