*{box-sizing:border-box}:root{--bg: #eef0f5;--card: #ffffff;--border: #e7ebf2;--border-strong: #d9dfe8;--text: #10182b;--text-2: #5b6575;--muted: #8a94a6;--blue: #3557cf;--blue-dark: #2743a8;--blue-soft: #eef2fd;--green: #1e8a5b;--green-soft: #e5f5ec;--red: #d64541;--red-soft: #fdeceb;--orange: #b97a12;--orange-soft: #fdf3e0;--shadow: 0 24px 60px rgba(23, 35, 70, .1);--radius: 24px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 var(--font)}h1,h2,h3{margin:0;letter-spacing:-.01em}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}button,.btn{display:inline-flex;align-items:center;gap:8px;background:#f0f2f6;color:var(--text);border:1px solid transparent;border-radius:12px;padding:11px 18px;font:600 14px var(--font);cursor:pointer;text-decoration:none;transition:all .15s ease}button:hover:not(:disabled),.btn:hover{background:#e6e9f0}button:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2d4cba}.btn-ghost{background:transparent;border-color:var(--border-strong)}.btn-danger{background:var(--red-soft);color:var(--red)}a.link{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}input[type=text],input[type=email],input[type=password],input:not([type]),select,textarea{width:100%;background:#fbfcfe;border:1.5px solid var(--border-strong);border-radius:12px;padding:10px 14px;font:500 14px var(--font);color:var(--text);outline:none;transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3557cf26}input[type=checkbox]{width:16px;height:16px;accent-color:var(--blue)}.shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;padding:26px 18px;background:linear-gradient(168deg,#3e66d8,#2c4bb4);color:#fff;display:flex;flex-direction:column;gap:26px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;letter-spacing:.01em}.brand .shield,.shield{width:40px;height:40px;border-radius:13px;flex-shrink:0;background:#ffffff24;border:1px solid rgba(255,255,255,.3);display:inline-flex;align-items:center;justify-content:center}.sidebar nav{display:flex;flex-direction:column;gap:4px;flex:1}.sidebar nav a{color:#ffffffb8;text-decoration:none;font-weight:600;padding:10px 12px;border-radius:12px}.sidebar nav a:hover{color:#fff;background:#ffffff1a}.sidebar nav a.active{color:#fff;background:#ffffff29}.sidebar-footer{display:flex;flex-direction:column;gap:10px}.sidebar-footer .user{color:#ffffffb3;font-size:12px;overflow-wrap:anywhere}.sidebar-footer select{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25)}.sidebar-footer select option{color:var(--text)}.sidebar-footer button{background:#ffffff1f;color:#fff}.sidebar-footer button:hover{background:#fff3}main{flex:1;padding:30px 36px;max-width:1160px}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}h2{font-size:21px;font-weight:800}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 22px}.cards{display:flex;gap:16px;margin-top:12px;flex-wrap:wrap}.cards .card{flex:1;min-width:170px}.cards h3{font-size:19px;font-weight:800}.cards p{color:var(--muted);margin:4px 0 0;font-size:13px}table{width:100%;border-collapse:collapse;margin-top:8px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em}tbody tr:hover td{background:#f7f9fc}.wrap{max-width:480px;overflow-wrap:anywhere}.mono{font-family:var(--mono);font-size:12.5px}.pill{display:inline-block;padding:2px 9px;border-radius:999px;background:#eef1f6;color:var(--text-2);font-size:12px;font-weight:600;margin-right:4px}.pill.green{background:var(--green-soft);color:var(--green)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.orange{background:var(--orange-soft);color:var(--orange)}.pill.blue{background:var(--blue-soft);color:var(--blue)}.callout{background:#f7f9fc;border:1px solid var(--border);border-left:3px solid var(--blue);border-radius:12px;padding:12px 16px;overflow-wrap:anywhere;white-space:pre-wrap}.muted{color:var(--muted)}.error{color:var(--red);font-weight:500}.ok{color:var(--green);font-weight:500}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.split-card{display:grid;grid-template-columns:300px 1fr;width:100%;max-width:1020px;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}@media (max-width: 860px){.split-card{grid-template-columns:1fr}.side-panel{display:none}}.side-panel{background:linear-gradient(168deg,#3e66d8,#2c4bb4);color:#fff;padding:34px 28px;display:flex;flex-direction:column;gap:28px}.side-panel .eyebrow{color:#ffffff9e}.side-panel h1{font-size:27px;font-weight:800;line-height:1.15}.side-note{margin-top:auto;color:#ffffff9e;font-size:12.5px;line-height:1.5}.wizard-content{padding:42px 44px;display:flex;flex-direction:column}.wizard-content .eyebrow{margin-bottom:8px}.wizard-content h2{font-size:25px;font-weight:800;margin-bottom:10px}.wizard-content .lead{color:var(--text-2);margin:0 0 22px;max-width:46ch}.stepper{list-style:none;margin:8px 0 0;padding:0;position:relative}.stepper li{display:flex;gap:14px;position:relative;padding-bottom:26px}.stepper li:last-child{padding-bottom:0}.stepper li:not(:last-child):before{content:"";position:absolute;left:14px;top:32px;bottom:4px;width:2px;background:#ffffff40;border-radius:2px}.stepper li.done:not(:last-child):before{background:#ffffff8c}.step-dot{width:30px;height:30px;border-radius:50%;flex-shrink:0;z-index:1;display:flex;align-items:center;justify-content:center;font:700 13px var(--font);border:2px solid rgba(255,255,255,.4);color:#ffffffbf}.stepper li.current .step-dot{background:#fff;border-color:#fff;color:var(--blue)}.stepper li.done .step-dot{background:#5a7ce4;border-color:#5a7ce4;color:#fff}.step-label{font-weight:700;font-size:13.5px;margin-top:5px}.stepper li.pending .step-label{color:#ffffffa6}.step-sub{color:#ffffff8c;font-size:12px;margin-top:2px;line-height:1.45}.code-row{display:flex;gap:8px;align-items:center;margin:6px 0 4px}.code-sep{color:var(--border-strong);font-size:22px;font-weight:700;margin:0 4px}.code-box{width:52px;height:62px;text-align:center;font:700 24px var(--font);color:var(--text);background:#fbfcfe;border:1.5px solid var(--border-strong);border-radius:12px;outline:none;transition:all .12s ease;caret-color:var(--blue)}.code-box:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3557cf29}.qr-frame{width:240px;height:240px;padding:14px;background:#101322;border-radius:22px;box-shadow:inset 0 0 0 5px #1c2138,0 16px 34px #10132247;display:flex;align-items:center;justify-content:center;margin-left:auto}.qr-frame img{width:100%;height:100%;border-radius:8px;background:#f4f6ee}.codes-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.code-item{display:flex;align-items:center;gap:12px;background:#fbfcfe;border:1px solid var(--border);border-radius:14px;padding:12px 16px}.code-item .idx{color:var(--muted);font-size:11px;font-weight:700}.code-item .val{font:600 15px var(--mono);letter-spacing:.12em;flex:1}.code-item .tick{color:var(--green);font-weight:800}.actions-row{display:flex;gap:10px;margin-left:auto}.tabs{display:flex;gap:4px;margin:16px 0;flex-wrap:wrap}.tabs button{border-radius:12px;background:transparent;color:var(--muted);font-weight:600}.tabs button.active{background:#fff;color:var(--text);border-color:var(--border);box-shadow:0 1px 4px #17234612}.actions-row-btns{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.mfa-card{display:flex;align-items:center;gap:16px;justify-content:space-between;flex-wrap:wrap}.provider-btn{width:100%;justify-content:center;background:#fff;border:1.5px solid var(--border-strong);padding:12px 18px;font-weight:700}.provider-btn:hover{border-color:var(--blue);background:#f7f9ff}.provider-btn .ms-logo{display:flex;gap:2px}.provider-btn .ms-logo i{width:9px;height:9px;display:block}.ms-logo i:nth-child(1){background:#f25022}.ms-logo i:nth-child(2){background:#7fba00}.ms-logo i:nth-child(3){background:#00a4ef}.ms-logo i:nth-child(4){background:#ffb900}
