:root{--msn-navy:#10233f;--msn-navy2:#173b67;--msn-bg:#f4f7fb;--msn-line:#e3e9f1;--msn-text:#1d2a3a;--msn-muted:#748094;--msn-white:#fff;--msn-green:#218454}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--msn-bg);color:var(--msn-text)}
a{color:inherit}.msn-app{min-height:100vh}.msn-sidebar{position:fixed;z-index:1000;left:0;top:0;bottom:0;width:258px;background:var(--msn-navy);color:#fff;padding:20px 15px;display:flex;flex-direction:column}
.msn-brand{display:flex;gap:11px;align-items:center;text-decoration:none;padding:2px 4px 24px}.msn-brand img,.msn-logo{width:52px;height:52px;border-radius:10px;background:#fff;color:var(--msn-navy);object-fit:contain;background:#fff;padding:3px;display:grid;place-items:center;font-weight:800;font-size:13px}.msn-brand strong{display:block;font-size:16px}.msn-brand small{display:block;font-size:10px;color:#b9c8dc;margin-top:3px}
.msn-nav{flex:1;overflow:auto}.msn-nav ul{list-style:none;margin:0;padding:0}.msn-nav li{margin:3px 0}.msn-nav a{display:flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:9px;text-decoration:none;color:#dbe6f5;font-size:14px}.msn-nav li.active>a,.msn-nav a:hover{background:var(--msn-navy2);color:#fff}.msn-nav ul ul{padding-left:13px}.msn-nav ul ul a{font-size:12px;min-height:35px;color:#bfcde0}
.msn-sidebar-foot{padding:15px 7px 4px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#d2ddeb}.msn-sidebar-foot small{color:#8fa5c0}
.msn-shell{margin-left:258px;min-height:100vh;display:flex;flex-direction:column}.msn-topbar{height:76px;background:#fff;border-bottom:1px solid var(--msn-line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:900}.msn-top-left{display:flex;align-items:center;gap:14px}.msn-top-left strong{display:block;font-size:17px}.msn-top-left small{display:block;color:var(--msn-muted);font-size:10px;margin-top:3px}.msn-menu-toggle{display:none;border:0;background:transparent;font-size:25px;cursor:pointer}.msn-top-right{display:flex;align-items:center;gap:14px}.msn-user{display:flex;align-items:center;gap:9px}.msn-user b{display:block;font-size:11px}.msn-user small{display:block;font-size:9px;color:var(--msn-muted)}.msn-avatar{width:37px;height:37px;border-radius:50%;background:#dce7f3;color:var(--msn-navy);display:grid;place-items:center;font-weight:700}
.msn-main{padding:24px 27px;flex:1;min-width:0}.msn-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.msn-page-head h1{font-size:25px;margin:4px 0 0}.msn-breadcrumb{font-size:10px;color:var(--msn-muted)}.msn-component{min-width:0}
.msn-component .card,.msn-module-card{background:#fff;border:1px solid var(--msn-line);border-radius:13px;box-shadow:0 3px 14px rgba(20,43,70,.04)}.msn-component table{width:100%}.msn-component .table-responsive{border-radius:12px}.msn-component .btn-primary{background:var(--msn-navy2);border-color:var(--msn-navy2)}.msn-component input,.msn-component select,.msn-component textarea{border-radius:8px}
.msn-footer{padding:15px 27px;color:#8793a3;font-size:10px;border-top:1px solid var(--msn-line);background:#fff}.msn-overlay{display:none}
@media(max-width:900px){.msn-sidebar{transform:translateX(-100%);transition:.22s}.msn-sidebar.is-open{transform:translateX(0)}.msn-shell{margin-left:0}.msn-menu-toggle{display:block}.msn-topbar{padding:0 15px}.msn-top-left small{display:none}.msn-user span:last-child{display:none}.msn-main{padding:18px 14px}.msn-overlay.is-open{display:block;position:fixed;z-index:950;inset:0;background:rgba(7,20,37,.45)}}
@media(max-width:560px){.msn-top-left strong{font-size:13px}.msn-page-head h1{font-size:21px}.msn-top-right>div:not(.msn-user){display:none}}

.msn-fallback-menu{list-style:none;margin:0;padding:0}.msn-fallback-menu li{margin:3px 0}.msn-fallback-menu a{display:flex;align-items:center;min-height:42px;padding:9px 12px;border-radius:9px;text-decoration:none;color:#dbe6f5;font-size:14px}.msn-fallback-menu li.active>a,.msn-fallback-menu a:hover{background:var(--msn-navy2);color:#fff}

/* v0.1.0.4 polished workspace */
.msn-topbar{box-shadow:0 1px 0 rgba(16,35,63,.03)}
.msn-main{max-width:100%;background:linear-gradient(180deg,#f7f9fc 0,#f4f7fb 170px)}
.msn-page-head{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid #e7ecf3}
.msn-page-head h1{font-size:22px;letter-spacing:-.02em}
.msn-breadcrumb{font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.msn-sidebar{box-shadow:5px 0 18px rgba(16,35,63,.08)}
.msn-brand{padding-bottom:20px;margin-bottom:7px;border-bottom:1px solid rgba(255,255,255,.08)}
.msn-nav a{font-weight:600;letter-spacing:.005em}
.msn-footer{border-top:1px solid #e4eaf2}

/* v0.1.0.5 Login & no-register */
.msn-user-login{text-decoration:none;color:inherit;border-radius:10px;padding:5px 7px;transition:.16s}
.msn-user-login:hover{background:#f2f6fa}
.msn-user-arrow{font-size:15px;color:#7e8b9b;margin-left:4px}
.msn-user-menu-wrap{position:relative}
.msn-user-trigger{border:0;background:transparent;cursor:pointer;padding:5px 7px;border-radius:10px}
.msn-user-trigger:hover{background:#f2f6fa}
.msn-user-dropdown{position:absolute;right:0;top:48px;min-width:170px;background:#fff;border:1px solid #e2e8f0;border-radius:11px;box-shadow:0 10px 28px rgba(18,39,67,.12);padding:7px;z-index:1200}
.msn-user-dropdown a{display:block;text-decoration:none;padding:9px 10px;border-radius:8px;font-size:11px;color:#35465b}
.msn-user-dropdown a:hover{background:#f4f7fa}.msn-user-dropdown a.danger{color:#a13c43}

.msn-login-shell{min-height:620px;display:grid;place-items:center;padding:34px 16px;background:radial-gradient(circle at 80% 15%,rgba(183,138,54,.08),transparent 28%),linear-gradient(180deg,#f7f9fc,#eef3f8)}
.msn-login-card{width:min(460px,100%);background:#fff;border:1px solid #e1e7ef;border-radius:20px;padding:28px;box-shadow:0 18px 46px rgba(17,39,66,.11)}
.msn-login-brand{display:flex;align-items:center;gap:11px;padding-bottom:18px;border-bottom:1px solid #edf1f5}
.msn-login-logo{width:48px;height:48px;border-radius:11px;background:#10233f;color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px}
.msn-login-brand strong{display:block;font-size:15px;color:#173b67}.msn-login-brand small{display:block;font-size:9px;color:#8793a3;margin-top:3px}
.msn-login-copy{padding:21px 0 16px}.msn-login-kicker{font-size:9px;letter-spacing:.13em;font-weight:800;color:#a87c29}.msn-login-copy h1{margin:4px 0 7px;font-size:25px}.msn-login-copy p{margin:0;color:#748195;font-size:11px;line-height:1.55}
.msn-login-field{margin-bottom:13px}.msn-login-field label{display:block;font-size:10px;font-weight:800;color:#596a7e;margin-bottom:6px}.msn-login-field input{width:100%;height:43px;border:1px solid #d8e1eb;border-radius:10px;padding:0 12px;font-size:13px;outline:none}.msn-login-field input:focus{border-color:#7198be;box-shadow:0 0 0 3px rgba(42,95,145,.1)}
.msn-login-submit{width:100%;height:44px;border:0;border-radius:10px;background:#10233f;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.msn-login-submit:hover{background:#183a62}
.msn-login-help{text-align:right;margin-top:11px}.msn-login-help a{font-size:10px;color:#315f8d;text-decoration:none}
.msn-login-note{margin-top:18px;padding:11px 12px;border-radius:9px;background:#fff7e6;color:#8a681f;font-size:9px;line-height:1.45}