:root{--blue:#087ab7;--heading:#226dad;--nav:#5599cf;--teal:#00a9b2;--ink:#273342;--muted:#788898;--border:#dde7ef;--light:#eef7ff;--bg:#edf4f9}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Arial,Helvetica,sans-serif}a{color:var(--blue);text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #76b7ee;outline-offset:4px}.icon{width:24px;height:24px;vertical-align:middle;flex-shrink:0}.topbar{height:76px;background:#fff}.topbar-inner{max-width:1280px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.brand{display:flex;align-items:center;gap:11px}.brand-logo{width:52px;height:52px}.brand strong{display:block;font-size:25px;line-height:1.15;letter-spacing:-.5px}.brand small{display:block;color:#50738e;font-size:12px;margin-top:4px}.profile{display:flex;align-items:center;gap:10px}.profile strong{font-size:14px;font-weight:400;display:block}.profile small{color:#8a9ca9;font-size:11px;display:block}.avatar{width:39px;height:39px;border:1px solid #7cb0d2;background:#eff7fc;color:#70aed0;border-radius:50%;display:grid;place-items:center}.topnav{height:51px;background:#589bd0}.nav-inner{max-width:1280px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.nav-icons{height:100%;display:flex;gap:22px}.nav-item{width:48px;color:white;display:flex;align-items:center;justify-content:center}.nav-item .icon{width:27px;height:27px}.nav-item.active{border-bottom:3px solid #eff9ff;background:#ffffff0d}.nav-item.disabled{opacity:.52}.search-placeholder{background:#fff;color:#98a5b0;padding:7px 11px;width:352px;font-size:11px;display:flex;justify-content:space-between;align-items:center;border-radius:2px}.search-placeholder .icon{width:18px;height:18px}.workspace{max-width:1880px;margin:0 auto;padding:20px 22px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(480px,2.15fr) minmax(250px,1.04fr);gap:14px;align-items:start}.left-column,.right-column,.center-column{min-width:0;display:flex;flex-direction:column;gap:12px}.panel{background:#fff;border:1px solid var(--border);border-radius:5px;min-width:0;overflow:hidden;box-shadow:0 1px 3px #2b5c7e08}.panel-head{margin:0 18px;height:50px;border-bottom:1px solid #e2e9ef;display:flex;align-items:center;justify-content:space-between}.panel-head h2{font-size:14px;line-height:1.2;text-transform:uppercase;color:var(--heading);margin:0}.panel-head>span{font-size:22px;color:#a2acb5}.panel-body{padding:19px}.panel-body p{font-size:12px;line-height:1.75;color:#748a9b}.login-hero{text-align:center;padding:17px 8px 16px}.hero-icon{display:inline-flex;width:70px;height:70px;border-radius:50%;background:#eff9fc;color:#049aad;align-items:center;justify-content:center;margin-bottom:15px}.hero-icon .icon{width:38px;height:38px}.eyebrow{text-transform:uppercase;font-size:10px!important;letter-spacing:1.1px;color:#88a1b3!important;margin:0 0 9px}.login-hero h1{font-size:27px;color:#226da2;letter-spacing:-.5px;margin:0 0 13px}.intro{font-size:14px!important;line-height:1.8!important;margin:0}.login-separator{width:80px;border-top:1px solid #d6e6f0;margin:24px auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:white;color:#317ea9;border:1px solid #c8dce9;border-radius:4px;padding:11px 16px;font-size:12px;line-height:1.5}.button:hover{filter:brightness(.97)}.button.primary{background:#188ac1;border-color:#188ac1;color:white}.button.microsoft{background:#f7fbfe;color:#246b98;border-color:#b7d6e9;padding:13px 17px;font-size:14px;font-weight:600;box-shadow:0 2px 5px #34799d12}.button.microsoft>.icon{width:18px;margin-left:10px}.button.small{font-size:11px;padding:8px 10px;width:100%}.ms-mark{width:22px;height:22px;display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-right:3px}.ms-mark i:nth-child(1){background:#f25022}.ms-mark i:nth-child(2){background:#7fba00}.ms-mark i:nth-child(3){background:#00a4ef}.ms-mark i:nth-child(4){background:#ffb900}.login-help{font-size:11px!important;margin:18px 0 0;line-height:1.8!important}.status-strip{padding:3px 2px}.status-strip p{margin-bottom:0}.pill{background:#e9f8f0;color:#279e76;font-size:11px;display:inline-flex;padding:4px 9px;border-radius:4px}.side-lock{text-align:center;padding:9px 0 8px}.side-lock>.icon{width:39px;height:39px;color:#71a7c7;margin:0 0 12px}.side-lock h3{font-size:14px;font-weight:500;color:#4586af;margin:0 0 9px}.side-lock p{font-size:12px;margin:0}.quick-link{display:flex;align-items:center;gap:0;min-height:51px;margin:2px 0 6px;font-size:12px}.quick-link>.round-icon{width:44px;height:44px;border:2px solid white;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;flex-shrink:0;position:relative}.quick-link>span:last-child{background:#eef7ff;margin-left:-6px;padding:11px 8px 11px 16px;flex:1;border-radius:0 5px 5px 0;color:#247da9;min-height:40px;display:flex;align-items:center}.round-icon .icon{width:25px;height:25px}.alert-item{display:flex;align-items:flex-start;gap:9px;border-bottom:1px solid #e4edf3;padding:11px 0}.alert-item:first-child{padding-top:0}.alert-item:last-child{border:0;padding-bottom:0}.label{font-size:9px;line-height:18px;min-width:36px;padding:0 3px;color:white;text-align:center;margin-top:2px}.teal{background:#24b682}.blue{background:#589bd0}.orange{background:#edb000}.alert-item strong{color:#377eaa;font-size:12px;font-weight:500}.alert-item p{font-size:11px;margin:3px 0 0;line-height:1.6}.reference-row{display:flex;gap:10px;align-items:center;margin:9px 0;color:#1783b3}.reference-row .icon{width:30px;height:30px;margin:0 4px}.reference-row span{background:#edf7ff;border-radius:5px;padding:10px;flex:1;font-size:11px}.section-caption{font-size:10px!important;color:#94a9b9!important;margin:0 0 12px}.reference-row+.section-caption{margin:14px 0 0}.tree-row{display:flex;align-items:center;gap:6px;font-size:11px;min-height:27px;line-height:1.3;color:#667d8e}.tree-row .icon{width:15px;height:15px;color:#8ba0b0}.chevron{color:#8ea2b1;margin-right:1px}.welcome-line{display:flex;align-items:center;gap:17px;margin-bottom:18px}.small-hero{width:54px;height:54px;margin:0;flex-shrink:0}.small-hero .icon{width:29px;height:29px}.welcome-line h1{font-size:22px;line-height:1.4;color:#2677a7;margin:0}.welcome-line .subtle{margin:5px 0 0;font-size:12px}.success-banner{background:#effaf5;border:1px solid #d5ede0;border-radius:5px;padding:13px 15px;color:#339174}.success-banner strong{font-size:13px}.success-banner p{color:#628d7e;font-size:11px;margin:3px 0 0}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin:19px 0 15px}.metrics>div{border:1px solid #dce9f1;border-radius:6px;text-align:center;padding:15px 5px;box-shadow:0 2px 4px #6584a016}.metrics span{font-size:10px;display:block;color:#8096a7;margin-bottom:7px}.metrics strong{font-size:18px;color:#197eb0;font-weight:500}.role-badges{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.module-grid>div{border:1px solid #e0ebf3;padding:16px 12px;border-radius:5px;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.module-grid .icon{color:#00a4ae;width:28px;height:28px}.module-grid strong{font-size:12px;color:#3882ac;font-weight:500}.module-grid span{font-size:10px;line-height:1.5;color:#899eaf}.note{border-left:3px solid #6eb2d6;background:#f2f9fd;font-size:11px;color:#6e91a9;padding:11px 12px;margin-top:18px;line-height:1.8}.session-info>.icon{width:33px;height:33px;color:#069eae}.session-info p{font-size:11px}.certificate-date{background:#f1f8fd;padding:11px 12px;margin:9px 0 12px;border-radius:4px}.certificate-date span{display:block;font-size:10px;color:#809aab}.certificate-date strong{font-size:17px;color:#377da6;font-weight:500}.error-banner{padding:17px;border:1px solid #eed7d7;border-radius:5px;background:#fff7f6;margin-bottom:17px;color:#aa5658}.error-banner p{color:#8c6c6f}.mono{font-family:Consolas,monospace;font-size:11px!important;word-break:break-word}.details{border-collapse:collapse;table-layout:fixed;width:100%;margin:20px 0}.details th,.details td{font-size:11px;border-bottom:1px solid #e5edf3;padding:11px 7px;text-align:left;vertical-align:top;overflow-wrap:anywhere}.details th{color:#61849e;font-weight:500;width:31%}.details td{color:#4b718c}footer{text-align:center;font-size:10px;color:#8ba1b3;padding:1px 14px 23px}.skip{position:absolute;top:-100px;left:12px;padding:10px;background:white}.skip:focus{top:8px;z-index:100}@media(min-width:1650px){.workspace{padding:22px 42px}.panel-body{padding:22px}.login-hero{padding:28px 14px 23px}}@media(max-width:1150px){.workspace{grid-template-columns:230px minmax(360px,1fr)}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.nav-icons{gap:12px}.topbar-inner{padding:0 22px}}@media(max-width:760px){.topbar{height:auto;min-height:85px}.topbar-inner{padding:15px;gap:12px}.brand-logo{width:36px;height:40px}.brand strong{font-size:20px}.brand small{font-size:10px;max-width:245px}.profile{display:none}.nav-inner{padding:0 14px}.nav-icons{gap:8px}.search-placeholder{display:none}.workspace{display:flex;flex-direction:column;padding:12px;gap:12px}.center-column{order:0;width:100%}.left-column{order:1;width:100%}.right-column{order:2;width:100%;display:flex}.panel-head h2{font-size:12px}.login-hero h1{font-size:24px}.login-hero .intro{font-size:12px!important}.button.microsoft{font-size:12px;width:100%;gap:7px;padding:13px 10px}.button.microsoft>.icon{margin-left:0;width:17px}.metrics strong{font-size:15px}.welcome-line h1{font-size:20px}.panel-body{padding:17px}.module-grid{gap:8px}.module-grid>div{padding:12px}.tree-row{font-size:12px;min-height:30px}.reference-row span{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
