/* Brand dashboard visual parity with creator dashboard — separate codebase */
:root{--brand-navy:#101b30;--brand-yellow:#ffd54b;--brand-bg:#f3f6fb;--brand-card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--brand-bg)!important;color:#111c2f;font-family:Inter,sans-serif}
.app{min-height:100vh;display:grid!important;grid-template-columns:252px minmax(0,1fr)!important}
.side{position:sticky!important;top:0;height:100vh;padding:28px 17px!important;background:#fff!important;border-right:1px solid #e5eaf1!important;color:#162137!important;box-shadow:none!important}
.side .brand{font-size:1.75rem!important;font-weight:900!important;color:#111827!important}.side .brand span{color:#f6b900!important}
.company-pill{margin:24px 0 17px!important;padding:15px!important;border:1px solid #e5e8ed!important;border-radius:18px!important;background:linear-gradient(135deg,#fff9dc,#f8fafc)!important;color:#152138!important;font-weight:850!important}
.side nav{display:grid;gap:4px}.side nav a{padding:11px 12px!important;border-radius:11px!important;color:#5c687c!important;text-decoration:none;font-size:.84rem;font-weight:750}
.side nav a:hover,.side nav a.active{background:#fff2b4!important;color:#2a2100!important}
.side>button{position:absolute;left:17px;right:17px;bottom:20px;width:calc(100% - 34px);min-height:44px;border:0;border-radius:11px;background:#e33a50;color:#fff;font-weight:850}
.app>main{min-width:0;padding:36px clamp(22px,3vw,52px) 60px!important}
.top{display:flex!important;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:26px}
.eyebrow{color:#a47700!important;font-size:.66rem!important;font-weight:900!important;letter-spacing:.12em!important}
.top h1{margin:7px 0 8px!important;font-size:clamp(2rem,3vw,3.2rem)!important;letter-spacing:-.045em!important}.top p{color:#748096!important}
.top-actions{display:flex;gap:10px}.top-actions a,.top-actions button,.panel-head button,.hero-actions a,.hero-actions button{min-height:43px;padding:0 17px;border-radius:12px!important;font-weight:850!important}
.top-actions button,.panel-head button,.hero-actions button{border:1px solid #f0c845!important;background:linear-gradient(#ffe57c,#e7b728)!important;color:#111b2d!important;box-shadow:inset 0 1px #fff6c6,0 10px 20px rgba(191,139,0,.16)!important}
.top-actions .ghost,.hero-actions a{display:inline-flex;align-items:center;border:1px solid #dfe4ec;background:#fff;color:#18243a;text-decoration:none}
.stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}
.stats article,.panel{border:1px solid #e4e9f0!important;border-radius:19px!important;background:#fff!important;box-shadow:0 14px 34px rgba(20,33,52,.055)!important}
.stats article{padding:18px!important}.stats span,.stats small{color:#8290a5!important}.stats strong{display:block;margin:7px 0 5px;font-size:1.75rem!important}
.grid{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(300px,.75fr)!important;gap:16px!important}.maincol,.rightcol{display:grid;gap:16px;align-content:start}
.panel{padding:22px!important}.hero-panel{position:relative;overflow:hidden;display:flex!important;justify-content:space-between;align-items:center;gap:20px;min-height:220px;background:linear-gradient(115deg,#fff0a4,#ffc84c)!important;border-color:#f1c63d!important}
.hero-panel::after{content:"";position:absolute;right:-70px;top:-100px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.26)}
.hero-panel>*{position:relative;z-index:1}.hero-panel h2{font-size:clamp(1.6rem,2.5vw,2.5rem)!important;letter-spacing:-.035em}.hero-panel p{max-width:650px;line-height:1.65;color:#675315!important}
.panel-head{display:flex!important;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.panel h2{margin:5px 0!important}
@media(max-width:1100px){.app{grid-template-columns:220px minmax(0,1fr)!important}.stats{grid-template-columns:repeat(2,1fr)!important}.grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.app{display:block!important}.side{position:relative!important;height:auto!important;padding:17px!important}.side nav{grid-template-columns:repeat(2,minmax(0,1fr))}.side>button{position:static;width:100%;margin-top:14px}.app>main{padding:22px 14px 45px!important}.top{display:grid!important}.top-actions{width:100%}.top-actions>*{flex:1;text-align:center}.stats{grid-template-columns:1fr 1fr!important}.hero-panel{display:grid!important}.panel-head{align-items:flex-start}}
@media(max-width:480px){.side nav{grid-template-columns:1fr}.stats{grid-template-columns:1fr!important}.top-actions{display:grid}.hero-actions{display:grid!important}.hero-actions>*{width:100%;justify-content:center}}
