/* The modern interface. Theme palette and Classic remain user controlled. */
html[data-interface=modern]{--paper:#f5f6f3;--ink:#18372e;--muted:#69776f;--line:#e3e8e1;--radius:18px;--shadow:0 4px 20px #18372e05;--sidebar-width:252px}
html[data-interface=modern] .app-content{padding-top:36px;margin-inline:auto}
html[data-interface=modern] .app-content>h1{margin-bottom:12px;font-size:clamp(28px,3vw,38px)}
html[data-interface=modern] .app-content>p{color:var(--muted);max-width:85ch}
html[data-interface=modern] .app-sidebar{box-shadow:none}
html[data-interface=modern] .app-sidebar .brand-block{padding:24px 20px;min-height:96px}
html[data-interface=modern] .app-sidebar .brand-mark{background:#e7efb7;box-shadow:none;color:#18372e}
html[data-interface=modern] .app-sidebar .nav-section-title{font-size:10px;letter-spacing:.16em;padding-top:22px}
html[data-interface=modern] .app-sidebar a,html[data-interface=modern] .app-sidebar .nav-group-toggle{margin:4px 12px;padding:12px;font-size:13px;border-radius:10px}
html[data-interface=modern] .app-sidebar a.active{box-shadow:inset 3px 0 #d5e7a2}
html[data-interface=modern] .app-topbar{min-height:80px;padding-inline:28px;box-shadow:0 1px 0 #18372e08}
html[data-interface=modern] .topbar-user{font-size:13px;padding-inline:10px}
html[data-interface=modern] :is(.kpi-card,.kpi){padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
html[data-interface=modern] :is(.kpi-card,.kpi) b{font-size:34px;font-weight:700;letter-spacing:-.05em;color:var(--ink);margin-top:12px;line-height:1.2}
html[data-interface=modern] .kpi-card small{font-size:12px;text-transform:none;letter-spacing:0;color:var(--muted);font-weight:500}
html[data-interface=modern] .kpi-grid{gap:18px;margin-top:28px}
html[data-interface=modern] .card.pad>h2{margin-bottom:24px}
html[data-interface=modern] .app-content table th{background:#f6f8f4;padding-block:16px;color:#64756b}
html[data-interface=modern] .app-content table td{padding-block:18px}
html[data-interface=modern] .app-content .btn{padding:11px 18px;box-shadow:none}
html[data-interface=modern] .app-content .btn.secondary{background:#fff;color:var(--ink);border:1px solid #dce3da}
html[data-interface=modern] .page-kicker{margin-bottom:10px}
html[data-interface=modern] .header-1 .header-main{height:80px;min-height:80px!important;padding-inline:32px}
html[data-interface=modern] .header-1{box-shadow:none;border-bottom:1px solid var(--line)}
html[data-interface=modern] .header-top-section{background:#173e32;padding-block:7px!important}
html[data-interface=modern] .header-1 .main-menu>nav>ul>li>a{font-weight:500;font-size:14px}
html[data-interface=modern] .theme-btn{background:#245640;color:#fff;box-shadow:none}
html[data-interface=modern] .section-padding{padding-block:88px}
html[data-interface=modern] .section-title h2{font-size:clamp(28px,3.2vw,44px);line-height:1.2}
.platform-hero{background:#f1f4e9;padding:84px 0 68px;overflow:hidden}
.platform-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:64px;align-items:center;width:100%;max-width:100%}
.platform-hero-grid>*,.platform-hero-visual,.platform-hero-copy{min-width:0;max-width:100%}
.platform-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#345440;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px}
.platform-eyebrow::before{content:'';width:7px;height:7px;border-radius:50%;background:#749948}
html[data-interface] .platform-hero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.08;letter-spacing:-.055em;color:#18372e;margin:0 0 24px;font-weight:700}
.platform-hero-copy>p{font-size:17px;line-height:1.8;max-width:510px;color:#657267}
.platform-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px}
.platform-hero-actions .theme-btn{padding:16px 24px!important;border-radius:10px!important}
.platform-text-link{font-size:14px;font-weight:600;color:#244e3b;display:inline-flex;align-items:center;gap:12px}
.platform-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:1px solid #d7dfcf;margin-top:36px;padding-top:24px;width:100%}
.platform-hero-stats div{display:flex;flex-direction:column;gap:4px;min-width:0}
.platform-hero-stats strong{font-size:clamp(18px,4vw,25px);color:#244e3b;letter-spacing:-.04em}
.platform-hero-stats span{font-size:12px;color:#69776b;line-height:1.3}
.platform-hero-visual{position:relative;padding:0 14px 26px 0}
.platform-hero-photo{width:100%;max-width:100%;height:450px;object-fit:cover;border-radius:100px 20px 100px 20px;background:#dce5d0}
.mhq-about-image,.mhq-about-image img,.mhq-about-image-2 img,.mhq-about-image-3 img{max-width:100%}
.platform-hero-note{position:absolute;bottom:0;left:-24px;display:flex;gap:14px;align-items:center;background:#fff;padding:20px 24px;border-radius:14px;box-shadow:0 14px 45px #21382a12;border:1px solid #e4e9de}
.platform-hero-note>i{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#edf2df;color:#496536;font-size:19px}
.platform-hero-note strong,.platform-hero-note span{display:block}
.platform-hero-note strong{font-size:14px;color:#244e3b}.platform-hero-note span{font-size:12px;color:#69776b;margin-top:3px}
.platform-section-label{font-size:12px;color:#66765e;text-transform:uppercase;letter-spacing:.16em}
.auth-story{display:none}
html[data-interface=modern] .auth-page{grid-template-columns:1fr 1fr}
html[data-interface=modern] .auth-story{display:flex;flex-direction:column;justify-content:space-between;background:#173e32;padding:56px;min-height:100vh;position:relative;overflow:hidden}
.auth-story::after{content:'';position:absolute;width:420px;height:420px;border:1px solid #ffffff15;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 60px #ffffff04,0 0 0 120px #ffffff03;pointer-events:none}
html[data-interface=modern] body:not(.report-page) .auth-story h1{font-size:clamp(38px,4vw,60px);color:#f1f3db;line-height:1.12;font-weight:600;margin:24px 0}
.auth-story p{color:#bccdc1;font-size:16px;line-height:1.8;max-width:420px}
.auth-story .platform-section-label{color:#d7e7a7}
.auth-story-footer{font-size:12px;color:#bccdc1;letter-spacing:.04em}
html[data-interface=modern] body:not(.report-page) .auth-card h2{font-size:32px}
html[data-interface=modern] .auth-submit{background:#245640;box-shadow:none;border-radius:10px}
html[data-interface=modern] .auth-form-side{padding-inline:48px}
@media(max-width:1199px){html[data-interface=modern] .header-1 .mean__menu-wrapper{top:80px}.platform-hero-grid{gap:36px}.platform-hero-photo{height:400px}}
@media(max-width:980px){html[data-interface=modern] .auth-page{grid-template-columns:1fr}html[data-interface=modern] .auth-story{display:none}.platform-hero{padding:52px 0}.platform-hero-grid{grid-template-columns:1fr;gap:40px}.platform-hero-visual{max-width:620px;width:100%;margin:auto}.platform-hero-photo{height:360px}.platform-hero-note{left:12px}html[data-interface=modern] .app-topbar{padding-inline:16px}}
@media(max-width:600px){.platform-hero{padding:36px 0 28px}.platform-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;padding-top:16px}.platform-hero-photo{height:220px;max-height:52vw;border-radius:28px 12px}.platform-hero-note{position:static;margin-top:12px;left:0;padding:14px}.platform-hero-grid{gap:22px}html[data-interface=modern] .section-padding{padding-block:52px}html[data-interface=modern] .auth-form-side{padding-inline:24px}html[data-interface=modern] .header-1 .header-main{padding-inline:16px}}
@media print{.auth-story{display:none!important}html[data-interface=modern] :is(.kpi-card,.kpi){box-shadow:none}}