:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.page-shell{width:min(100% - 40px,900px);margin:0 auto;padding:28px 0 34px}.topbar,.brand,.panel-heading,.profile-card,.profile-actions,.footer{display:flex;align-items:center}.topbar,.panel-heading,.footer{justify-content:space-between}.brand{gap:11px;color:#172033;font-size:15px;font-weight:700;text-decoration:none}.brand-mark,.microsoft-mark{display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);gap:2px}.brand-mark i,.microsoft-mark i{display:block;background:#2563eb}.brand-mark i:nth-child(2),.microsoft-mark i:nth-child(2){background:#16a34a}.brand-mark i:nth-child(3),.microsoft-mark i:nth-child(3){background:#f59e0b}.brand-mark i:nth-child(4),.microsoft-mark i:nth-child(4){background:#ef4444}.topbar-label,.eyebrow,.profile-label{color:#7b8496;font-size:10px;font-weight:700;letter-spacing:.13em}.topbar-label{padding:7px 10px;border:1px solid #e3e8f1;border-radius:999px}.intro{max-width:650px;margin:76px auto 34px;text-align:center}.eyebrow{margin:0 0 13px}h1{margin:0;color:#162033;font-size:clamp(34px,6vw,52px);font-weight:700;letter-spacing:-.045em;line-height:1.08}.intro-copy{max-width:510px;margin:17px auto 0;color:#707b8f;font-size:15px;line-height:1.7}.panel{width:min(100%,640px);margin:0 auto;padding:28px;border:1px solid #e7ebf2;border-radius:15px;background:#fff;box-shadow:0 16px 45px #1a2a4a0d}.panel-heading{gap:18px}.panel-heading .eyebrow{margin-bottom:7px}h2{margin:0;font-size:19px;letter-spacing:-.02em}.status-pill{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:#f1f3f7;color:#707b8f;font-size:11px;font-weight:600}.status-pill.is-connected{background:#eaf8ef;color:#187442}.message{margin:25px 0 17px;color:#707b8f;font-size:13px;line-height:1.6}.message[data-type=success]{color:#187442}.message[data-type=error]{color:#b42318}.primary-button,.secondary-button,.text-button{min-height:43px;border:0;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:background .12s ease,transform .12s ease}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:11px;width:100%;padding:0 17px;background:#1e40af;color:#fff}.primary-button:hover{background:#1d3690}.primary-button:active,.secondary-button:active,.text-button:active{transform:translateY(1px)}.secondary-button{padding:0 14px;border:1px solid #e2e7ef;background:#fff;color:#344054}.secondary-button:hover{background:#f8fafc}.text-button{padding:0 10px;background:transparent;color:#697386}.text-button:hover{background:#f5f7fb;color:#172033}.profile-card{flex-wrap:wrap;gap:15px;margin-top:20px;padding:18px;border:1px solid #e7ebf2;border-radius:11px;background:#fbfcfe}.avatar{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:50%;background:#e8efff;color:#1e40af;font-size:14px;font-weight:700}.profile-details{display:grid;min-width:0;flex:1;gap:5px}.profile-details strong{overflow-wrap:anywhere;font-size:14px}.profile-details>span:last-child{overflow-wrap:anywhere;color:#707b8f;font-size:12px}.profile-id{display:grid;width:100%;gap:7px;padding-top:13px;border-top:1px solid #e7ebf2}.profile-id code,.permission-note code{color:#44516a;font-size:11px;overflow-wrap:anywhere}.profile-actions{width:100%;justify-content:flex-end;gap:8px;padding-top:3px}.permission-note{margin:20px 0 0;color:#9099a9;font-size:11px;line-height:1.5}.footer{width:min(100%,640px);gap:12px;margin:24px auto 0;color:#9aa3b2;font-size:10px}[hidden]{display:none!important}@media(max-width:560px){.page-shell{width:min(100% - 28px,900px);padding-top:20px}.intro{margin-top:58px}.panel{padding:21px}.panel-heading{align-items:flex-start}.footer{align-items:flex-start;flex-direction:column}}