body.nav-open{overflow:hidden}.top{gap:14px}.nav-toggle{display:grid;width:44px;height:44px;padding:11px 9px;background:#ffffff12;border:1px solid #ffffff55;color:#fff;border-radius:10px;cursor:pointer;gap:5px}.nav-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:3px}.top .brand{font-size:24px}.top-profile{margin-left:auto;display:flex;align-items:center;gap:9px;text-decoration:none;color:#fff;font-size:20px}.top-profile>span:last-child{display:flex;flex-direction:column;line-height:1.15}.top-profile small{color:#c7dbeb;font-size:17px;margin-top:4px}.top-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#ffffff1c;border:1px solid #ffffff45;font-weight:800}
.nav-backdrop{position:fixed;inset:0;background:#071b2e99;z-index:40;opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s}.nav-backdrop.open{opacity:1;visibility:visible}.side-nav{position:fixed;inset:0 auto 0 0;width:min(390px,94vw);z-index:50;background:#fff;box-shadow:18px 0 55px #071b2e35;transform:translateX(-102%);transition:transform .25s ease;display:flex;flex-direction:column;font-size:20px}.side-nav.open{transform:translateX(0)}.side-nav-head{min-height:76px;padding:12px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center}.side-nav-head>a{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:24px;font-weight:800}.side-nav-head>a b{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#1772ee,#12b5aa);color:#fff}.side-nav-head button{margin-left:auto;border:0;background:#eef3f7;color:var(--text);border-radius:9px;width:42px;height:42px;font-size:30px;line-height:1;cursor:pointer}.side-user{display:flex;align-items:center;gap:13px;margin:16px 17px 8px;padding:15px;background:#f5f8fb;border-radius:13px}.side-user>div{display:flex;flex-direction:column;min-width:0}.side-user b,.side-user small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-user b{font-size:21px}.side-user small{font-size:17px}.side-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.side-nav nav{padding:4px 14px 22px;overflow-y:auto}.side-home,.nav-logout{display:flex;align-items:center;gap:11px;padding:12px 14px;border-radius:10px;text-decoration:none;font-size:20px}.side-home:hover,.side-home.active,.nav-shared a:hover,.nav-shared a.active{background:#edf3f8;color:var(--navy)}.side-home span{font-size:25px}
.nav-system{margin-top:15px}.nav-system-heading{width:100%;padding:15px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--text);font-size:20px}.nav-system-heading>span:nth-child(2){display:flex;flex-direction:column;line-height:1.28}.nav-system-heading small{font-size:17px;font-weight:400;margin-top:4px}.nav-system-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:800;background:#eaf2ff;color:#1d63b9}.training-nav .nav-system-icon{background:#e8f7f1;color:#147458}.duty-nav .nav-system-heading{border-color:#b8cfea;background:#f5f8fd}.training-nav .nav-system-heading{border-color:#aed8ca;background:#f3faf7}.nav-submenu{display:block;margin:4px 0 0 22px;padding:4px 0 4px 13px;border-left:3px solid #85addd}.training-nav .nav-submenu{border-left-color:#79bea8}.nav-submenu a{position:relative;display:block;padding:9px 12px 9px 20px;border-radius:8px;color:#536b80;text-decoration:none;font-size:19px}.nav-submenu a::before{content:"";position:absolute;left:4px;top:50%;width:6px;height:6px;border-radius:50%;background:#85addd;transform:translateY(-50%)}.training-nav .nav-submenu a::before{background:#65ad96}.nav-submenu a:hover,.nav-submenu a.active{background:#edf3f8;color:var(--navy);font-weight:700}
.nav-shared{margin-top:18px;padding-top:11px;border-top:1px solid var(--line)}.nav-shared p{margin:0 9px 6px;color:var(--muted);font-size:17px;font-weight:800}.nav-shared a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:9px;text-decoration:none;color:#405b71;font-size:19px}.nav-shared a span{width:21px;text-align:center}.nav-logout{margin-top:15px;color:var(--red);border:1px solid #f0c7ca}
.portal-heading{text-align:center;padding:34px 10px 12px}.portal-heading .eyebrow{font-size:16px}.portal-heading h1{font-size:46px;margin:2px 0 7px}.portal-heading>p:last-child{font-size:21px}.system-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px auto;max-width:950px}.system-card{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;text-decoration:none;box-shadow:0 10px 30px #15334d0b;transition:transform .18s,border-color .18s;font-size:20px}.system-card:hover{transform:translateY(-3px);border-color:#88afe2}.system-card.training:hover{border-color:#81c4ae}.system-card-icon{flex:0 0 58px;width:58px;height:58px;border-radius:15px;background:#e9f2ff;color:#1769e0;display:grid;place-items:center;font-size:31px;font-weight:800}.system-card.training .system-card-icon{background:#e5f7f0;color:#14805e}.system-card small{font-size:17px;font-weight:800;color:#1769e0}.system-card.training small{color:#14805e}.system-card h2{font-size:27px;margin:3px 0 7px}.system-card p{font-size:19px;margin:0 0 19px;color:var(--muted)}.system-card b{font-size:19px;color:#1769e0}.system-card.training b{color:#14805e}.portal-note{max-width:950px;margin:0 auto;display:flex;gap:12px;align-items:center;padding:16px 19px;border:1px solid #eed48a;background:#fff9e7;border-radius:13px;font-size:19px}.portal-note span{color:#6c5b2e}.module-pending{text-align:center;padding:45px}.module-pending>span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#e9f2ff;color:#1769e0;font-size:31px;margin:0 auto}.module-pending h2{margin-bottom:4px}
.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.profile-summary{text-align:center;align-self:start}.profile-avatar{display:grid;place-items:center;width:88px;height:88px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,#0b3557,#1769e0);color:#fff;font-size:42px;font-weight:800}.profile-summary h2{margin:0}.profile-summary p{color:var(--muted);margin:3px 0 10px}.profile-form{display:grid;gap:20px}.profile-form fieldset{border:0;padding:0;margin:0;display:grid;gap:14px}.profile-form fieldset+fieldset{padding-top:20px;border-top:1px solid var(--line)}.profile-form legend{font-size:22px;font-weight:800;margin-bottom:10px}.profile-form small{font-weight:400}.profile-form .btn{justify-self:start}
@media(max-width:700px){.brand span{display:none}.top-profile>span:last-child{display:none}.system-cards,.profile-layout{grid-template-columns:1fr}.portal-heading{padding-top:15px}.portal-heading h1{font-size:34px}.portal-note{align-items:flex-start;flex-direction:column;gap:2px}.system-card{padding:21px}.system-card-icon{flex-basis:46px;width:46px;height:46px}.side-nav{width:min(350px,94vw)}}

/* Persistent application sidebar */
body{padding-left:300px}.top{padding-left:22px;padding-right:22px}.top .brand{display:none}.side-nav{width:300px;transform:none;box-shadow:3px 0 18px #071b2e12}.side-nav-head{min-height:72px}.side-nav-head>a{font-size:22px}.side-nav-head>a b{width:42px;height:42px}.side-user{margin:12px 13px 5px;padding:12px}.side-user b{font-size:19px}.side-user small{font-size:16px}.side-avatar{width:44px;height:44px;flex-basis:44px}.side-nav nav{padding:3px 11px 18px}.side-home,.nav-logout{font-size:18px;padding:9px 12px}.nav-system{margin-top:10px}.nav-system-heading{padding:12px;font-size:18px;gap:10px}.nav-system-heading small{font-size:15px}.nav-system-icon{width:38px;height:38px}.nav-submenu{margin-left:19px;padding-left:11px}.nav-submenu a{font-size:17px;padding:7px 10px 7px 18px}.nav-shared{margin-top:13px}.nav-shared p{font-size:15px}.nav-shared a{font-size:17px;padding:8px 12px}.nav-logout{margin-top:11px}.shell{min-height:calc(100vh - 72px)}
@media(max-width:850px){body{padding-left:0}.top .brand{display:flex}.side-nav{position:relative;inset:auto;width:100%;height:auto;max-height:none;box-shadow:none;border-bottom:1px solid var(--line)}.side-nav-head{display:none}.side-user{max-width:520px}.side-nav nav{overflow:visible}.shell{min-height:0}.top-profile>span:last-child{display:flex}}

/* Unified application frame */
body{background:#f4f7fb}.top{min-height:72px;background:#fff;color:var(--text);border-bottom:1px solid #dce5ee;box-shadow:0 2px 10px #17324a08}.top-context{display:flex;flex-direction:column;line-height:1.15}.top-context small{font-size:14px;color:var(--muted);margin-bottom:4px}.top-context b{font-size:21px}.top-profile{color:var(--text);padding:6px 9px;border-radius:12px}.top-profile:hover{background:#f1f5f9}.top-profile small{color:var(--muted)}.top-avatar{background:#eaf2fb;border-color:#c8d8e8;color:var(--navy)}.side-nav{background:#fbfcfe;border-right:1px solid #dce5ee;box-shadow:none}.side-nav-head{background:#fff;border-bottom-color:#dce5ee}.side-user{background:#f1f5f9}.side-nav nav{scrollbar-width:thin;scrollbar-color:#b6c2cd transparent}.side-nav nav::-webkit-scrollbar{width:6px}.side-nav nav::-webkit-scrollbar-thumb{background:#b6c2cd;border-radius:10px}.shell{width:calc(100% - 36px);max-width:1180px;padding-top:30px}.hero{padding:29px 32px;border-radius:18px;background:linear-gradient(125deg,#103f66,#1769c9)}.stats article,.panel{border-radius:14px;box-shadow:0 4px 16px #17324a08}.stats{gap:16px}.stats article{padding:18px 20px}
@media(max-width:850px){.top-context small{display:none}.top-context b{font-size:19px}.shell{width:auto}.side-nav{background:#fff}}

/* Calm blue and white application theme */
.top{background:#0b3a60;color:#fff;border-bottom-color:#0b3a60;box-shadow:0 3px 14px #0b355724}.top-context small{color:#a9c9e3}.top-context b{color:#fff}.top-profile{color:#fff}.top-profile:hover{background:#ffffff14}.top-profile small{color:#bdd3e5}.top-avatar{background:#ffffff12;border-color:#ffffff42;color:#fff}.side-nav{background:#fff;border-right-color:#cfdae6}.side-nav-head{background:#0b3a60;border-bottom-color:#0b3a60}.side-nav-head>a{color:#fff}.side-nav-head>a b{background:linear-gradient(135deg,#1b74d1,#13a7c3)}.side-user{background:#edf4fa;border:1px solid #dce8f2}.side-avatar{background:#124c77}.side-home:hover,.side-home.active,.nav-shared a:hover,.nav-shared a.active{background:#eaf2f9;color:#0b4f82}.duty-nav .nav-system-heading{background:#f1f6fc;border-color:#b9d1e9}.training-nav .nav-system-heading{background:#f0f8fb;border-color:#b9dce7}.training-nav .nav-system-icon{background:#dff1f6;color:#18728d}.training-nav .nav-submenu{border-left-color:#66a9bd}.training-nav .nav-submenu a::before{background:#4d99b0}.nav-submenu a:hover,.nav-submenu a.active{background:#e8f1f8;color:#0b4f82}.portal-note{background:#f0f6fb;border-color:#c8dcea;color:#254d6c}.portal-note span{color:#486b85}.system-card.training:hover{border-color:#70acc0}.system-card.training .system-card-icon{background:#e0f1f6;color:#18728d}.system-card.training small,.system-card.training b{color:#18728d}.hero{background:linear-gradient(125deg,#0b3a60,#1768c4)}.module-pending>span{background:#e5f0fb;color:#1769c9}.panel,.stats article{border-color:#d8e3ed}body{background:#f2f6fa}
@media(max-width:850px){.side-nav-head{background:#0b3a60}.top{background:#0b3a60}.side-nav{background:#fff}}

/* Seamless header across sidebar and content */
.top,.side-nav-head{height:72px;min-height:72px;max-height:72px;padding-top:0;padding-bottom:0}.side-nav-head{position:relative;z-index:2;margin-right:-1px;border-bottom:0}.top{border-bottom:0;box-shadow:none}.top-context{justify-content:center}
@media(max-width:850px){.top{height:72px;min-height:72px;max-height:72px}.side-nav-head{height:auto;min-height:0;max-height:none;margin-right:0}}

/* Increase interface text by 2px */
.top-profile{font-size:22px}.top-profile small{font-size:19px}.top-context small{font-size:16px}.top-context b{font-size:23px}.side-nav-head>a{font-size:24px}.side-user b{font-size:21px}.side-user small{font-size:18px}.side-home,.nav-logout{font-size:20px}.nav-system-heading{font-size:20px}.nav-system-heading small{font-size:17px}.nav-submenu a{font-size:19px}.nav-shared p{font-size:17px}.nav-shared a{font-size:19px}.portal-heading .eyebrow{font-size:18px}.portal-heading h1{font-size:48px}.portal-heading>p:last-child{font-size:23px}.system-card{font-size:22px}.system-card small{font-size:19px}.system-card h2{font-size:29px}.system-card p,.system-card b{font-size:21px}.portal-note{font-size:21px}.profile-summary h2{font-size:23px}.profile-form legend{font-size:24px}.page-title .eyebrow{font-size:16px}.page-title h1{font-size:30px}.module-pending h2{font-size:23px}.status,.role{font-size:17px}
@media(max-width:700px){.portal-heading h1{font-size:36px}}
.exchange-nav .nav-system-heading{text-decoration:none;border-color:#d0c4e8;background:#f7f4fc}
.exchange-nav .nav-system-heading:hover,.exchange-nav .nav-system-heading.active{border-color:#9e85ca;background:#f0eafb}
.exchange-nav .nav-system-icon{background:#eee7fa;color:#7050a4}
.exchange-nav .nav-submenu{border-left-color:#a78bd0}
.exchange-nav .nav-submenu a::before{background:#9877c6}