.mh-shell{display:grid;grid-template-columns:220px minmax(0,1fr);border:1px solid #e8e5ee;border-radius:20px;overflow:hidden;background:#f7f7fa;box-shadow:0 14px 35px #1c142d14}.mh-sidebar{background:#111a36;color:white;padding:25px 15px;display:flex;flex-direction:column;gap:7px}.mh-brand{font-weight:750;line-height:1.5;margin:0 8px 25px}.mh-brand small{display:block;font-size:10px;letter-spacing:.15em;color:#c3b0d3;margin-top:6px}.mh-sidebar button{text-align:left;background:transparent;color:#cbd0df;padding:13px;border-radius:10px}.mh-sidebar button:hover,.mh-sidebar .mh-active{background:linear-gradient(90deg,#63318a,#8751ad);color:white}.mh-sidebar p{margin-top:30px;font-size:12px;color:#aeb4ca;line-height:1.6;padding:10px}.mh-main{padding:25px;min-width:0}.mh-toolbar,.mh-section-head{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:20px}.mh-toolbar h2{margin:6px 0}.mh-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#63318a;margin:0}.mh-month{display:flex;gap:8px;align-items:center}.mh-month label{font-size:11px}.mh-month input{margin:4px 0 0}.mh-hero{padding:27px;border-radius:20px;background:linear-gradient(120deg,#522071,#783da2 55%,#9e68bd);color:white;display:flex;align-items:center;justify-content:space-between;gap:20px}.mh-hero .mh-eyebrow{color:#e4cfae}.mh-hero h1{font-size:29px;margin:10px 0}.mh-hero p:last-child{font-size:13px;line-height:1.6;color:#f0e4f6;margin:0}.mh-hero button{background:white;color:#63318a;font-weight:bold;flex-shrink:0}.mh-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:20px 0}.mh-kpi{background:white;color:#20243a;text-align:left;border:1px solid #e8e5ee;border-radius:15px;padding:18px;box-shadow:0 8px 24px #1c142d0a;transition:transform .15s}.mh-kpi:hover{transform:translateY(-3px);box-shadow:0 10px 26px #63318a20}.mh-kpi span{font-size:12px;font-weight:700;display:block;min-height:29px}.mh-kpi strong{font-size:31px;display:block;margin:9px 0}.mh-kpi small{font-size:11px;color:#73788d;display:block;line-height:1.4}.mh-age-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 22px}.mh-green{background:#e9f7ef;color:#166447;border-color:#b5dfc8}.mh-orange{background:#fff2df;color:#874b0e;border-color:#efc58d}.mh-red{background:#fdebee;color:#a22c40;border-color:#efb5c0}.mh-kpi.mh-green small,.mh-kpi.mh-orange small,.mh-kpi.mh-red small{color:inherit}.mh-section-head h3{margin:0}.mh-section-head p{font-size:12px;color:#73788d;line-height:1.6;margin:8px 0 0}.mh-panel{border:1px solid #e8e5ee;border-radius:17px;background:white;padding:22px;margin:22px 0;min-width:0}.mh-badge{display:inline-block;padding:6px 10px;border-radius:99px;white-space:nowrap;font-size:12px}.mh-commission-total{display:grid;gap:6px;text-align:right}.mh-commission-total span,.mh-commission-total small{font-size:12px;color:#73788d}.mh-commission-total strong{font-size:32px;color:#63318a}.mh-cutoff{display:flex;align-items:center;gap:15px;flex-wrap:wrap;background:#f7f3fa;padding:16px;border-radius:12px;margin:15px 0}.mh-cutoff p{font-size:12px;flex-basis:100%;color:#73788d;margin:0}.mh-warning{padding:13px;border-radius:10px;background:#fff2df;color:#874b0e;font-size:13px}.mh-main>.muted{font-size:12px;line-height:1.6}main:has(.mh-shell){max-width:1500px}.mh-section-head label{font-size:11px;min-width:220px}.mh-section-head small{color:#73788d}button:focus-visible{outline:3px solid #bca1d0;outline-offset:3px}@media(max-width:1100px){.mh-shell{grid-template-columns:175px minmax(0,1fr)}.mh-main{padding:18px}.mh-hero{align-items:flex-start;flex-direction:column}.mh-age-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.mh-shell{display:block}.mh-sidebar{display:flex;flex-direction:row;flex-wrap:wrap;padding:15px}.mh-brand{width:100%;margin:0 0 8px}.mh-sidebar p{display:none}.mh-sidebar button{font-size:12px;padding:9px}.mh-main{padding:14px}.mh-toolbar{align-items:flex-start}.mh-panel{padding:14px}.mh-age-grid{gap:8px}.mh-kpi{padding:14px}.mh-commission-total{text-align:left}.mh-hero{padding:20px}}