:root{--msm-navy:#0b1f33;--msm-blue:#1769aa;--msm-cyan:#25a9c3;--msm-bg:#f3f6fa;--msm-border:#dce4ec;--msm-text:#16283c;--msm-muted:#6b7b8c;--msm-sidebar:280px}
*{box-sizing:border-box}.msm-public-body,.msm-app-body{margin:0;background:var(--msm-bg);color:var(--msm-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.msm-public-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,1fr) minmax(420px,560px);align-items:center;gap:5vw;padding:clamp(28px,6vw,96px);background:radial-gradient(circle at 12% 10%,rgba(37,169,195,.18),transparent 30%),linear-gradient(135deg,#edf4fa,#f9fbfd)}.msm-public-brand{max-width:650px}.msm-public-brand h1{font-size:clamp(2.2rem,5vw,4.6rem);line-height:1.04;letter-spacing:-.045em;margin:.5rem 0 1.25rem}.msm-public-brand>p:not(.msm-eyebrow){font-size:1.15rem;color:var(--msm-muted);max-width:600px}.msm-public-panel{width:100%;max-width:520px;justify-self:end}.msm-login-card{background:#fff;border:1px solid var(--msm-border);border-radius:24px;padding:clamp(26px,4vw,46px);box-shadow:0 24px 70px rgba(12,36,58,.14)}.msm-eyebrow{font-size:.74rem;letter-spacing:.16em;font-weight:800;color:var(--msm-blue)}.msm-brand-mark{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--msm-blue),var(--msm-cyan));color:#fff;font-size:1.7rem;box-shadow:0 14px 30px rgba(23,105,170,.25)}.msm-brand-mark.small{width:42px;height:42px;border-radius:12px;font-size:1.15rem}.msm-dev-chip{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.38rem .68rem;background:#fff3cd;color:#725400;font-size:.72rem;font-weight:800;letter-spacing:.04em}.msm-layout{min-height:100vh;display:flex}.msm-sidebar{position:fixed;inset:0 auto 0 0;width:var(--msm-sidebar);background:var(--msm-navy);color:#fff;display:flex;flex-direction:column;z-index:1040;box-shadow:12px 0 36px rgba(5,20,34,.14)}.msm-sidebar-brand{display:flex;align-items:center;gap:.8rem;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.msm-sidebar-brand>div:nth-child(2){display:flex;flex-direction:column}.msm-sidebar-brand small,.msm-sidebar-user small{display:block;color:#9fb0c0;font-size:.72rem}.msm-sidebar-close{display:none;margin-left:auto;border:0;background:transparent;color:#fff}.msm-nav{padding:1rem .75rem;overflow:auto;flex:1}.msm-nav a{display:flex;align-items:center;gap:.8rem;color:#cbd6e0;text-decoration:none;padding:.78rem .9rem;border-radius:12px;margin:.16rem 0;font-weight:600}.msm-nav a:hover,.msm-nav a.active{color:#fff;background:rgba(255,255,255,.1)}.msm-nav a.active{box-shadow:inset 3px 0 0 var(--msm-cyan)}.msm-nav i{font-size:1.08rem;width:22px;text-align:center}.msm-nav-section{margin:1.1rem .9rem .45rem;color:#7890a5;font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.msm-sidebar-user{display:flex;align-items:center;gap:.7rem;padding:1rem;border-top:1px solid rgba(255,255,255,.1)}.msm-sidebar-user>div{flex:1;min-width:0}.msm-sidebar-user strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msm-sidebar-user>a{color:#cbd6e0}.msm-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--msm-blue),var(--msm-cyan));font-weight:800}.msm-main{margin-left:var(--msm-sidebar);min-height:100vh;width:calc(100% - var(--msm-sidebar));display:flex;flex-direction:column}.msm-topbar{height:76px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--msm-border);display:flex;align-items:center;padding:0 1.5rem;position:sticky;top:0;z-index:1020}.msm-menu-button{display:none;border:0;background:transparent;font-size:1.5rem}.msm-page-context{display:flex;flex-direction:column}.msm-page-context small{font-size:.65rem;letter-spacing:.14em;color:var(--msm-muted);font-weight:800}.msm-page-context strong{font-size:1.05rem}.msm-top-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}.msm-icon-button{width:38px;height:38px;border:1px solid var(--msm-border);border-radius:10px;background:#fff;color:var(--msm-text);display:grid;place-items:center;text-decoration:none}.msm-content{padding:1.5rem;flex:1}.msm-footer{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;color:var(--msm-muted);font-size:.75rem;border-top:1px solid var(--msm-border)}.msm-sidebar-overlay{display:none}[data-bs-theme="dark"]{--msm-bg:#0e1823;--msm-border:#26394b;--msm-text:#e6eef5;--msm-muted:#9eb0c1}[data-bs-theme="dark"] .msm-topbar,[data-bs-theme="dark"] .msm-login-card,[data-bs-theme="dark"] .msm-icon-button{background:#152433;color:var(--msm-text)}
@media(max-width:991px){.msm-public-shell{grid-template-columns:1fr;padding:28px}.msm-public-brand{display:none}.msm-public-panel{justify-self:center}.msm-sidebar{transform:translateX(-100%);transition:transform .22s ease}.msm-sidebar.open{transform:translateX(0)}.msm-sidebar-close,.msm-menu-button{display:block}.msm-main{margin-left:0;width:100%}.msm-sidebar-overlay{position:fixed;inset:0;background:rgba(4,14,24,.55);z-index:1030}.msm-sidebar-overlay.show{display:block}.msm-content{padding:1rem}.msm-topbar{padding:0 1rem}.msm-footer{flex-direction:column}}