.brand-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;align-items:start}
.brand-subnav{position:sticky;top:116px;background:#fff;border:1px solid #e7e8ec;border-radius:16px;padding:12px;display:grid;gap:3px}
.brand-subnav-title{padding:8px 10px 12px;font-size:10px;font-weight:800;letter-spacing:.11em;color:#959aa4}
.brand-subnav button{width:100%;border:0;background:transparent;padding:12px 10px;border-radius:10px;text-align:left;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:9px;color:#68707c}
.brand-subnav button:hover{background:#f7f7f9}.brand-subnav button.active{background:#f0edff;color:#5344cc;box-shadow:inset 3px 0 #6d5dfc}
.brand-subnav-icon{font-size:18px;text-align:center}.brand-subnav b,.brand-subnav small{display:block}.brand-subnav b{font-size:12px}.brand-subnav small{font-size:9px;margin-top:3px;color:#969ba5}
.brand-main{min-width:0}.brand-section{min-width:0}.brand-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px}
.brand-section-head h3{font-size:19px;letter-spacing:-.03em;margin:0}.brand-section-head h3 span{font-size:12px;color:#8b909a}.brand-section-head p,.brand-section-note{font-size:11px;line-height:1.6;color:#858b95;margin:5px 0 0}
.brand-section>.section-title{margin-top:0}.brand-section>.section-title h3{font-size:19px}.brand-section>.brand-section-note{margin:0 0 15px}
.brand-search-label{display:block;max-width:460px;margin:0 0 17px;font-size:11px;font-weight:700;color:#555b65}.brand-search-label input{margin-top:7px;background:#fff}
.brand-cards{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.brand-search-empty{padding:30px;text-align:center;color:#9297a0;border:1px dashed #dadde3;border-radius:13px}
@media(max-width:900px){.brand-workspace{grid-template-columns:1fr}.brand-subnav{position:static;display:flex;overflow-x:auto;gap:5px}.brand-subnav-title{display:none}.brand-subnav button{min-width:145px;width:auto;flex:none}.brand-section-head{align-items:flex-start}.brand-section-head .btn{white-space:nowrap}}
@media(max-width:600px){.brand-subnav button{min-width:118px;grid-template-columns:20px 1fr;padding:9px 7px}.brand-subnav-icon{font-size:14px}.brand-subnav small{display:none}.brand-section-head{flex-direction:column;align-items:stretch}.brand-section-head .btn{align-self:flex-start}}