/* Faithful dashboard proportions, spacing, and palette from the approved mockup. */
:root{--side:clamp(184px,13.5vw,240px);--rose:#b35976;--rose-soft:#faedf2;--ink:#151a28;--muted:#62687a;--line:#eeeaed}
body{background:radial-gradient(ellipse at top right,#fff 0,#fbf8f8 70%);font-family:'Segoe UI',Arial,sans-serif}
aside{background:linear-gradient(100deg,#242424,#292929);border:0}.brand-art{height:188px;padding:15px 14px 13px}.brand-art svg{width:146px;height:160px;border-radius:49% 51% 47% 30%;box-shadow:0 0 16px #fff1;background:transparent}
nav{padding:0;flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#555 transparent;min-height:0}nav .nav-group{display:none}nav a{min-height:52px;font-size:14px;color:#fff;padding:12px 20px;margin:0;border-radius:0;gap:18px}nav a.active{background:linear-gradient(105deg,#c67c95,#af5b77)}nav a .icon{width:27px;height:27px;stroke-width:1.45}nav a:hover{background:#ffffff10}nav a.active:hover{background:#b86b85}.aside-foot{padding:20px 12px 26px;min-height:162px;border:0;justify-content:center}.sidebar-motto{font:italic 22px/1.45 'Segoe Print','Comic Sans MS',cursive;text-align:center;color:#faf5f5;transform:rotate(-7deg)}.sidebar-motto span,.brand-motto span{color:#c65d76}
header{height:126px;margin-left:var(--side);padding:8px 18px 10px;background:transparent;border:0;gap:16px;align-items:flex-start}.wordmark{width:clamp(265px,24vw,365px);flex-shrink:0;margin-top:2px;mix-blend-mode:multiply}.brand-motto{font:italic 21px/1.3 'Segoe Print','Comic Sans MS',cursive;align-self:center;text-align:center;white-space:nowrap;color:#252125;margin:0 auto;transform:rotate(-7deg)}.header-tools{margin-left:auto;min-width:355px;flex:0 1 480px}.header-meta{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:18px}.header-date{display:flex;align-items:center;gap:9px;font-size:13px;color:#111827}.header-date .icon{color:#a76a3c;width:27px;height:27px}.header-date strong{font-size:13px}.header-date small{font-size:12px}.profile-button{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;white-space:nowrap;font-size:14px}.profile-button .icon{background:#141416;color:#fff;padding:5px;width:31px;height:31px;border-radius:50%}.hello{font-size:14px}.notification-button{position:relative;border:0;border-left:1px solid #e8dfe3;border-radius:0;padding:0 0 0 15px;background:transparent}.notification-button .icon{width:27px;height:27px;color:#17151a}.notification-button b{position:absolute;right:-4px;top:-5px;background:#ce5264;color:white;border-radius:50%;font-size:10px;min-width:15px;height:15px}.global-search{margin-top:12px;margin-left:auto;max-width:395px;position:relative;display:flex;align-items:center;gap:12px;background:#f1eaed;border-radius:9px;padding:0 12px;color:#79787e}.global-search input{padding:10px 0;background:transparent;border:0;font-size:14px;outline-offset:4px}.global-search>.icon{width:21px;height:21px}#global-results{position:absolute;top:44px;left:0;right:0;z-index:8;background:white;box-shadow:0 8px 25px #40223122;border:1px solid var(--line);border-radius:8px;overflow:hidden}#global-results button{display:block;text-align:left;width:100%;border:0;border-radius:0;border-bottom:1px solid var(--line);font-size:14px}#global-results small{color:var(--muted);margin-top:3px}#global-results p{padding:10px;font-size:14px}
main{padding:8px 18px 24px;margin-left:var(--side);max-width:none}.dashboard-view main{padding-top:8px}h1{font-family:'Segoe UI',Arial,sans-serif;font-size:27px;font-weight:600}h2{font-size:16px}.page-heading{margin:18px 0 24px}.card{border-radius:10px;box-shadow:0 4px 18px #6a404405;border-color:#f1ecee;padding:16px}.pink{--tone:#c70e5b;--wash:#fceff4}.green{--tone:#216248;--wash:#eef6f1}.sand{--tone:#986234;--wash:#f9f1eb}.purple{--tone:#6636a4;--wash:#f3eef9}.blue{--tone:#15529e;--wash:#eef4fc}
.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:13px}.quick-action{display:flex;align-items:center;justify-content:center;gap:14px;border:0;background:var(--wash);color:var(--tone);min-height:72px;border-radius:8px;font-size:16px}.quick-action .icon{width:37px;height:37px;stroke-width:1.6}.quick-action .plus{font-size:28px;font-weight:300}.quick-action strong{text-align:left;line-height:1.2;font-weight:600}.quick-action.primary{background:linear-gradient(115deg,#ba6683,#b25673);box-shadow:none;color:white}.quick-action:hover{filter:brightness(.975);background:var(--wash)}.quick-action.primary:hover{background:#ac5070}
.headline-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:10px}.headline-metric{border:1px solid #f2e9ed;min-height:84px;padding:13px 12px;background:linear-gradient(115deg,var(--wash),#fcf9fa);display:flex;align-items:center;justify-content:flex-start;gap:12px;position:relative;text-align:left;border-radius:8px;box-shadow:0 3px 7px #6a404405}.headline-metric>.icon{color:var(--tone);width:33px;height:36px;stroke-width:1.45;flex-shrink:0}.headline-metric strong{font-size:26px;line-height:1.1;font-weight:650;display:block;white-space:nowrap;color:#111216}.headline-metric small{font-size:12px;line-height:1.4;margin-top:3px;color:#162035}.headline-metric .chevron{margin-left:auto;font-size:23px;font-weight:300;color:#88868c}.headline-metric:nth-child(5) strong{color:#ce0b5d}
.mockup-core{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,1fr);gap:14px;align-items:stretch}.mockup-core>*{min-width:0}.right-panels{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-heading h2{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:16px;font-weight:750;line-height:1.25;letter-spacing:-.3px;margin:0}.panel-heading h2 .icon{color:#c8195f;width:24px;height:24px;flex-shrink:0}.text-link{color:#cd145b;font-size:12px;white-space:nowrap}.text-link span{font-size:19px;margin-left:7px}.agenda-panel{padding:14px 15px;min-height:435px}.agenda-tabs{display:flex;gap:3px;border-bottom:1px solid #e8e5e9;margin-bottom:5px;overflow-x:auto;scrollbar-width:thin}.agenda-tabs button{border:0;border-radius:9px 9px 0 0;background:transparent;white-space:nowrap;font-size:13px;padding:8px 11px;color:#343d54;position:relative}.agenda-tabs button.selected{color:#ca0d5c;border-bottom:2px solid #d73572}.agenda-tabs button:not(.selected):hover{background:#fbf4f6}.agenda-tabs span{font-size:12px}.agenda-panel .table-wrap{margin-top:0}.agenda-panel table{font-size:13px;white-space:normal;width:100%;table-layout:auto}.agenda-panel th{background:transparent;color:#141c2d;font-weight:650;padding:8px 3px}.agenda-panel td{padding:4px 3px;border-bottom:1px solid #f4f0f3;color:#364057;line-height:1.25}.agenda-panel td:first-child{white-space:nowrap}.agenda-panel td:nth-child(3){min-width:90px}.agenda-panel td:nth-child(4){min-width:130px}.type-pill{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:5px;background:var(--wash);color:var(--tone);white-space:nowrap;font-size:13px}.type-pill .icon{width:18px;height:18px}.row-action{display:flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--wash);color:var(--tone);padding:4px 9px;min-height:27px;width:100%;font-size:13px;border-radius:5px;white-space:nowrap}.row-action .icon{width:17px;height:17px}.row-action:hover{background:var(--wash);filter:brightness(.95)}
.availability-panel{padding:13px 15px 11px}.availability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.availability-card{min-width:0;border:0;padding:0 6px 0 0;background:#f7f3f4;display:flex;align-items:center;height:104px;border-radius:8px;gap:3px;text-align:left;overflow:hidden}.availability-card img{width:49%;height:100%;object-fit:contain;mix-blend-mode:multiply}.availability-card div{min-width:0}.availability-card h3{font-size:12px;font-weight:650;margin:0 0 12px;line-height:1.15;color:#111927}.availability-card strong{font-size:24px;line-height:1;color:#176149;display:block}.availability-card small{font-size:12px;color:#356b5e;margin-top:5px}.availability-cta{display:flex;align-items:center;justify-content:center;gap:16px;width:100%;height:43px;margin-top:11px;font-size:14px;background:linear-gradient(100deg,#b65f7b,#bb647e)!important;border:0!important;box-shadow:none!important}.availability-cta .icon{width:23px;height:23px}
.performance-panel{padding:13px 15px 10px}.business-tabs{border:0;gap:3px;margin:0 0 6px}.business-tabs button{background:#faf5f7;min-width:88px;padding:7px 11px;font-size:12px}.business-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.business-tile{background:var(--wash);border-radius:7px;text-align:center;padding:9px 5px 6px;color:var(--tone)}.business-tile strong{font-size:23px;font-weight:750;display:block;letter-spacing:-.4px;white-space:nowrap;line-height:1.15}.business-tile:first-child strong{color:#111b19}.business-tile span{font-size:12px;line-height:1.25;display:block;margin-top:3px;min-height:30px}.business-tile small{font-size:13px;font-weight:600;color:#098044;margin-top:3px}.business-secondary{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:8px;margin-top:8px}.business-secondary button{display:flex;align-items:center;gap:9px;text-align:left;padding:6px 8px;border:0;background:#fcf0f5;border-radius:6px}.business-secondary .icon{color:#cf195f;width:24px;height:24px}.business-secondary strong{font-size:18px;line-height:1.1;display:block}.business-secondary small{font-size:11px;line-height:1.25;color:#634456}.comparison-note{display:block;font-size:11px;color:#91838a;text-align:right;margin-top:5px}
.bottom-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:12px}.bottom-panels .card{padding:12px 14px;min-width:0}.bottom-panels .panel-heading{gap:6px;margin-bottom:7px}.bottom-panels h2{font-size:13px;letter-spacing:-.25px;gap:9px}.bottom-panels .panel-heading h2 .icon{width:23px;height:23px}.bottom-panels .text-link{font-size:11px}.events-panel .table-wrap{margin-top:0}.events-panel table{font-size:12px;white-space:normal}.events-panel th{background:none;color:#161d31;font-size:12px;font-weight:600;padding:6px 3px}.events-panel td{padding:7px 3px;line-height:1.2;color:#3d485c}.events-panel td:first-child{white-space:nowrap}.ranking-list{padding:0;margin:0;list-style:none;display:grid;gap:4px}.ranking-list li{display:grid;grid-template-columns:14px 27px minmax(75px,1fr) minmax(60px,1.2fr) 19px;align-items:center;gap:7px;min-height:25px;font-size:12px;color:#394356}.ranking-list img{width:26px;height:26px;object-fit:contain;mix-blend-mode:multiply}.rank-dress{display:flex;align-items:center;justify-content:center}.rank-dress .icon{width:20px;height:23px;fill:currentColor;stroke-width:1}.rank-label{line-height:1.2}.rank-track{height:12px;background:#f2f1f4;border-radius:9px;overflow:hidden}.rank-track i{display:block;height:100%;background:linear-gradient(90deg,#d997ac,#cd819b);border-radius:9px}.rank-value{text-align:right}.prototype-note{text-align:right;font-size:11px;color:#9e9399;margin-top:9px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.agenda-detail{padding:22px 0 0}.agenda-detail .type-pill{display:inline-flex}.agenda-detail h3{font-size:23px;margin-top:18px}.notification-list{padding-top:16px}.notification-list p{border-bottom:1px solid var(--line);padding:12px 0}.notification-list small{color:var(--muted);margin-top:5px}#detail-dialog{max-width:620px}
@media(min-width:1700px){.card{padding:18px}.quick-action{min-height:80px}.headline-metric{min-height:90px}.agenda-panel{min-height:475px}.agenda-panel table{font-size:14px}.agenda-panel td{padding:7px 4px}.availability-card{height:126px}.bottom-panels .card{padding:18px}.ranking-list{gap:7px}.ranking-list li,.events-panel table{font-size:14px}.events-panel td{padding:9px 4px}.brand-art{height:196px}.panel-heading h2{font-size:17px}.bottom-panels h2{font-size:14px}}
@media(max-width:1390px){.brand-motto{display:none}.header-tools{flex-basis:480px}.headline-metric{padding:10px 8px;gap:8px}.headline-metric>.icon{width:26px}.headline-metric strong{font-size:23px}.headline-metric .chevron{display:none}.headline-metric small{font-size:11px}.agenda-tabs button{padding:8px 6px;font-size:12px}.agenda-panel table{font-size:12px}.agenda-panel td:nth-child(3){min-width:76px}.agenda-panel td:nth-child(4){min-width:110px}.type-pill,.row-action{font-size:12px;padding:5px}.type-pill{gap:4px}.type-pill .icon{width:16px}.panel-heading h2{font-size:14px;gap:8px}.panel-heading .text-link{font-size:11px}.panel-heading .text-link span{margin-left:3px}.business-tile strong{font-size:20px}.business-tile span{font-size:11px}.business-secondary button{padding:6px;gap:5px}.business-secondary small{font-size:10px}.bottom-panels{grid-template-columns:1fr 1fr}.bottom-panels .events-panel{grid-column:1/-1}.events-panel table{font-size:14px}.events-panel td{padding:7px}.events-panel th{padding:6px}.bottom-panels h2{font-size:14px}}
@media(max-width:1150px){:root{--side:184px}header{height:130px}.brand-art{height:177px}.brand-art svg{height:150px;width:136px}nav a{gap:13px;padding:12px 16px;min-height:50px}.aside-foot{min-height:135px}.sidebar-motto{font-size:19px}.quick-action{gap:10px;font-size:14px;padding:12px}.quick-action .icon{width:29px;height:32px}.quick-action .plus{font-size:22px}.headline-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.headline-metric{min-height:72px;padding:12px}.headline-metric strong{font-size:26px}.headline-metric small{font-size:12px}.mockup-core{grid-template-columns:minmax(0,1fr)}.agenda-panel{min-height:0}.agenda-panel table{font-size:14px}.agenda-panel td{padding:6px 4px}.agenda-tabs button{font-size:13px;padding:8px 10px}.type-pill,.row-action{font-size:13px}.right-panels{grid-template-columns:1fr;grid-template-rows:auto}.availability-card{height:118px}.availability-card h3{font-size:14px}.business-tile strong{font-size:25px}.business-tile span{font-size:13px;min-height:18px}.business-secondary small{font-size:12px}.business-secondary strong{font-size:20px}.panel-heading h2{font-size:16px}.panel-heading .text-link{font-size:12px}.header-tools{min-width:285px}.header-meta{gap:12px}.header-date{display:none}.wordmark{width:260px}.business-secondary{gap:12px}}
@media(max-width:850px){header{height:158px;position:relative;flex-direction:row;align-items:flex-start;padding:9px 14px;gap:0}.wordmark{width:260px}.header-tools{position:absolute;left:14px;right:14px;bottom:11px;min-width:0}.header-meta{position:absolute;right:0;top:-47px;height:34px}.profile-button>.icon,.notification-button{display:none}.profile-button{font-size:12px}.hello{font-size:12px}.header-tools .global-search{margin:0;max-width:none}.global-search input{font-size:13px}.profile-button .hello strong{display:block;max-width:105px;white-space:normal;text-align:right}.brand-art{height:166px}.brand-art svg{height:145px;width:133px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quick-action{min-height:66px}.quick-action strong br{display:none}main{padding:7px 13px 24px}.headline-metrics{gap:8px}.headline-metric{gap:7px;padding:9px}.headline-metric>.icon{width:25px;height:27px}.headline-metric strong{font-size:22px}.headline-metric small{font-size:11px}.agenda-panel{padding:12px}.agenda-panel table{min-width:570px;font-size:13px}.agenda-tabs{gap:3px}.agenda-tabs button{padding:8px;font-size:13px}.panel-heading h2{font-size:14px}.availability-card{height:110px}.availability-card h3{font-size:12px}.availability-card strong{font-size:22px}.availability-card small{font-size:11px}.business-grid{gap:7px}.business-tile strong{font-size:21px}.business-tile span{font-size:11px;min-height:28px}.business-secondary small{font-size:10px}.bottom-panels{grid-template-columns:minmax(0,1fr)}.bottom-panels .events-panel{grid-column:auto}.sidebar-motto{font-size:18px}.aside-foot{padding:12px;min-height:130px}.header-date{display:none}nav a{font-size:14px}.card{padding:13px}}
@media(max-width:710px){:root{--side:170px}.wordmark{width:235px}.profile-button{display:none}.headline-metric>.icon{display:none}.panel-heading{flex-wrap:wrap}.business-secondary .icon{display:none}}

/* Integrate the unchanged official PNG with the charcoal sidebar. */
.brand-art{align-items:center;position:relative;isolation:isolate;background:radial-gradient(ellipse at 55% 47%,#ffffff0b 0%,transparent 66%)}
.brand-art svg{width:min(88%,174px);height:100%;max-height:174px;overflow:visible;border-radius:0;box-shadow:none;filter:drop-shadow(0 0 3px #fff5) drop-shadow(0 0 11px #fff2)}
@media(max-width:1150px){.brand-art svg{width:min(91%,163px);height:100%;max-height:159px}}