.sec-page,.sec-login-mfa{--sec-ok:#047857;--sec-ok-soft:#ecfdf5;--sec-warn:#92400e;--sec-warn-soft:#fffbeb;--sec-danger:#b91c1c;--sec-danger-soft:#fef2f2;--sec-ink:#1c171a;--sec-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sec-gap:18px;--sec-ease:cubic-bezier(.16, 1, .3, 1)}.sec-grid{gap:var(--sec-gap);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;display:grid}.sec-activity,.sec-signin-needed{grid-column:1/-1}.sec-card{gap:16px;min-width:0;display:grid}.sec-card h2{margin:0 0 4px;font-size:1.1rem}.sec-two-step{position:relative;overflow:hidden}.sec-two-step:before{content:"";background:linear-gradient(90deg, var(--primary), #ff9aa9);height:4px;position:absolute;inset:0 0 auto}.sec-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:14px;display:grid}.sec-badge{width:44px;height:44px;color:var(--primary);background:var(--surface-soft);border-radius:14px;place-items:center;display:grid}.sec-badge.on{color:var(--sec-ok);background:var(--sec-ok-soft)}.sec-badge.neutral{color:var(--muted);background:#f4f4f5}.sec-chip{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-self:center;padding:4px 12px;font-size:.8rem;font-weight:900}.sec-chip.on{color:var(--sec-ok);background:var(--sec-ok-soft);box-shadow:inset 0 0 0 1px #04785740}.sec-chip.off{color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);background:#f4f4f5}.sec-help{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.sec-status{color:var(--muted);margin:0;font-weight:700}.sec-empty{color:var(--muted);text-align:center;border:1px dashed var(--line);border-radius:var(--radius);background:#fafafa;margin:0;padding:28px 16px}.sec-login-mfa-hint{color:var(--text);background:var(--surface-soft);border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:.92rem;display:flex}.sec-login-mfa-hint svg{color:var(--primary);flex:none}.sec-login-mfa .sec-otp-input{max-width:none}.sec-factors{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sec-factors li{border:1px solid var(--line);border-radius:var(--radius);background:#fcfcfd;align-items:center;gap:12px;padding:12px 14px;display:flex}.sec-factors span{min-width:0;display:grid}.sec-factors small{color:var(--muted)}.sec-flow{border:1px solid var(--line);background:linear-gradient(180deg, #fff, var(--surface-soft));animation:sec-rise .26s var(--sec-ease);border-radius:16px;gap:14px;padding:18px;display:grid}.sec-flow h3{margin:0;font-size:1rem}.sec-field,.sec-otp{gap:6px;display:grid}.sec-field label,.sec-otp label{font-size:.92rem;font-weight:800}.sec-field input,.sec-otp-input{width:100%;min-height:44px;color:var(--sec-ink);font:inherit;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.sec-field input:focus-visible,.sec-otp-input:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #e23d5929}.sec-field input:disabled,.sec-otp-input:disabled{cursor:not-allowed;background:#f4f4f5}.sec-otp-input{max-width:220px;font-family:var(--sec-mono);letter-spacing:.4em;text-align:center;font-size:1.5rem;font-weight:700}.sec-otp-input[aria-invalid=true]{border-color:var(--sec-danger)}.sec-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sec-actions .primary-button,.sec-actions .secondary-button,.sec-copy{cursor:pointer;transition:transform .15s var(--sec-ease), box-shadow .15s ease, background .15s ease}.sec-actions .primary-button:hover:not(:disabled){transform:translateY(-1px)}.sec-actions .primary-button:active:not(:disabled),.sec-actions .secondary-button:active:not(:disabled),.sec-copy:active{transform:translateY(1px)scale(.99)}.sec-page .primary-button:focus-visible,.sec-page .secondary-button:focus-visible{outline-offset:2px;outline:3px solid #e23d5973}.sec-page .primary-button:disabled,.sec-page .secondary-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.sec-danger{background:linear-gradient(135deg,#b91c1c,#e23d59)}.sec-danger-outline{color:var(--sec-danger);border-color:#b91c1c59}.sec-danger-outline:hover{background:var(--sec-danger-soft)}.sec-steps{counter-reset:sec-step;gap:18px;margin:0;padding:0;list-style:none;display:grid}.sec-steps>li{counter-increment:sec-step;gap:10px;padding-left:40px;display:grid;position:relative}.sec-steps>li:before{content:counter(sec-step);color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.85rem;font-weight:900;display:grid;position:absolute;top:-2px;left:0}.sec-qr-row{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sec-qr-frame{border:1px solid var(--line);background:#fff;border-radius:16px;margin:0;padding:10px;box-shadow:0 12px 28px #1c171a14}.sec-qr-svg{max-width:100%;height:auto;display:block}.sec-key{flex:200px;gap:8px;min-width:0;display:grid}.sec-key-label{color:var(--muted);font-size:.85rem;font-weight:700}.sec-key-value{font-family:var(--sec-mono);letter-spacing:.06em;word-break:break-word;-webkit-user-select:all;user-select:all;background:#fff;border:1px dashed #e23d5966;border-radius:10px;padding:10px 12px;font-size:.95rem}.sec-copy{justify-self:start;min-height:36px}.sec-callout{border:1px solid #0000;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px 12px;padding:14px 16px;display:grid}.sec-callout>button,.sec-callout>.sec-actions{grid-column:1/-1;justify-self:start}.sec-callout p{margin:4px 0 0}.sec-callout.ok{color:var(--sec-ok);background:var(--sec-ok-soft);border-color:#04785733}.sec-callout.warn{color:var(--sec-warn);background:var(--sec-warn-soft);border-color:#92400e33}.sec-callout.danger{color:var(--sec-danger);background:var(--sec-danger-soft);border-color:#b91c1c33}.sec-meter{background:#f1f1f3;border-radius:999px;height:6px;overflow:hidden}.sec-meter span{border-radius:inherit;transform-origin:0;height:100%;transition:transform .3s var(--sec-ease), background .3s ease;display:block;transform:scaleX(0)}.sec-meter.weak span{background:var(--sec-danger);transform:scaleX(.33)}.sec-meter.fair span{background:var(--yellow);transform:scaleX(.66)}.sec-meter.strong span{background:var(--green);transform:scaleX(1)}.sec-hints{color:var(--muted);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:4px 12px;margin:2px 0 0;padding:0;font-size:.85rem;list-style:none;display:grid}.sec-hints li{align-items:center;gap:6px;display:flex}.sec-hints li.met{color:var(--sec-ok);font-weight:700}.sec-table{border-collapse:collapse;width:100%;font-size:.92rem}.sec-table thead th{color:var(--muted);letter-spacing:.05em;text-align:left;text-transform:uppercase;border-bottom:1px solid var(--line);padding:0 12px 10px;font-size:.78rem;font-weight:800}.sec-table tbody th,.sec-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #f1f1f3;padding:12px}.sec-table tbody th{font-weight:800}.sec-table tbody th svg,.sec-table td svg{vertical-align:-3px;color:var(--muted);margin-right:8px}.sec-table tbody tr{transition:background .15s}.sec-table tbody tr:hover{background:#fcfcfd}.sec-table tr.warn th,.sec-table tr.warn th svg{color:var(--sec-danger)}.sec-table time{color:var(--muted);white-space:nowrap}.sec-mono{font-family:var(--sec-mono);white-space:nowrap;font-size:.85rem}.sec-skeleton{gap:10px;margin:0;padding:0;list-style:none;display:grid}.sec-skeleton li{background:linear-gradient(90deg,#f4f4f5 0%,#fafafa 50%,#f4f4f5 100%) 0 0/200% 100%;border-radius:10px;height:42px;animation:1.2s linear infinite sec-shimmer}@keyframes sec-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes sec-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:900px){.sec-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.sec-card-head{grid-template-columns:auto minmax(0,1fr)}.sec-card-head .sec-chip{grid-column:2;justify-self:start}.sec-flow{padding:14px}.sec-steps>li{padding-top:36px;padding-left:0}.sec-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sec-table,.sec-table tbody,.sec-table tr,.sec-table tbody th,.sec-table td{display:block}.sec-table tbody tr{border-bottom:1px solid var(--line);padding:10px 0}.sec-table tbody th,.sec-table td{border:0;padding:3px 0}.sec-table td:before{content:attr(data-label) ": ";color:var(--muted);font-size:.8rem;font-weight:700}}@media (prefers-reduced-motion:reduce){.sec-flow,.sec-skeleton li{animation:none}.sec-meter span,.sec-actions .primary-button,.sec-actions .secondary-button,.sec-copy,.sec-table tbody tr{transition:none}.sec-actions .primary-button:hover:not(:disabled),.sec-actions .primary-button:active:not(:disabled),.sec-actions .secondary-button:active:not(:disabled),.sec-copy:active{transform:none}}