.mate-auth-screen,.mate-auth-app,.mate-auth-dialog-backdrop{--mate-auth-ink:#182331;--mate-auth-muted:#667383;--mate-auth-line:#d9e0e8;--mate-auth-canvas:#eef2f6;--mate-auth-surface:#fff;--mate-auth-blue:#1769e0;--mate-auth-blue-hover:#0f57c3;--mate-auth-blue-soft:#eaf2ff;--mate-auth-green:#157052;--mate-auth-green-soft:#e9f6f0;--mate-auth-red:#b4232b;--mate-auth-red-soft:#fff0f1;--mate-auth-amber:#885d13;--mate-auth-amber-soft:#fff7e7;color:var(--mate-auth-ink);letter-spacing:0}.mate-auth-screen{background:var(--mate-auth-canvas);grid-template-rows:auto minmax(0,1fr) auto;place-items:center;gap:24px;min-height:100dvh;padding:32px;display:grid}.mate-auth-screen-header{justify-self:center;width:min(100%,1120px)}.mate-auth-brand{align-items:center;gap:11px;min-width:0;display:inline-flex}.mate-auth-brand-mark{color:#fff;background:#1769e0;border-radius:7px;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 7px 18px #1769e033}.mate-auth-brand-copy{gap:1px;min-width:0;display:grid}.mate-auth-brand-copy strong{color:var(--mate-auth-ink);letter-spacing:0;font-size:16px;line-height:1.25}.mate-auth-brand-copy span{color:var(--mate-auth-muted);font-size:12px;line-height:1.3}.mate-auth-brand--compact .mate-auth-brand-mark{width:30px;height:30px;box-shadow:none;border-radius:6px}.mate-auth-brand--compact .mate-auth-brand-copy strong{font-size:14px}.mate-auth-brand--compact .mate-auth-brand-copy span{font-size:10px}.mate-auth-panel{border:1px solid var(--mate-auth-line);background:var(--mate-auth-surface);border-radius:8px;align-self:center;width:min(100%,430px);padding:32px;box-shadow:0 18px 50px #1e2d3e1a,0 2px 7px #1e2d3e0d}.mate-auth-screen-footer{color:#7b8795;margin:0;font-size:11px;line-height:1.4}.mate-auth-state-icon{color:#175ebc;background:var(--mate-auth-blue-soft);border:1px solid #ccdcf3;border-radius:8px;place-items:center;width:44px;height:44px;margin-bottom:18px;display:grid}.mate-auth-state-icon--green{color:var(--mate-auth-green);background:var(--mate-auth-green-soft);border-color:#c7e5d8}.mate-auth-state-icon--danger{color:var(--mate-auth-red);background:var(--mate-auth-red-soft);border-color:#f1c8cb}.mate-auth-state-icon--compact{width:38px;height:38px;margin-bottom:14px}.mate-auth-heading{margin-bottom:24px}.mate-auth-heading h1,.mate-auth-heading h2{color:var(--mate-auth-ink);letter-spacing:0;margin:0;font-size:23px;font-weight:750;line-height:1.28}.mate-auth-heading h2{font-size:20px}.mate-auth-heading p{color:var(--mate-auth-muted);margin:7px 0 0;font-size:13px;line-height:1.55}.mate-auth-heading--dialog{margin-bottom:20px;padding-right:32px}.mate-auth-form{gap:18px;display:grid}.mate-auth-field{gap:7px;min-width:0;display:grid}.mate-auth-field>label{color:#344154;font-size:13px;font-weight:680;line-height:1.35}.mate-auth-input-wrap{color:#6b7786;background:#fff;border:1px solid #cfd8e2;border-radius:6px;grid-template-columns:19px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:44px;padding:0 11px;transition:border-color .15s,box-shadow .15s;display:grid}.mate-auth-input-wrap:focus-within{border-color:#4382d8;box-shadow:0 0 0 3px #1769e021}.mate-auth-input-wrap>input{width:100%;min-width:0;height:42px;color:var(--mate-auth-ink);background:0 0;border:0;outline:0;padding:0;font-size:15px}.mate-auth-input-wrap>input:disabled{color:#8e99a6}.mate-auth-input-wrap--code>input{font-variant-numeric:tabular-nums;letter-spacing:0}.mate-auth-input-action,.mate-auth-dialog-close,.mate-auth-logout{color:#5d6978;background:0 0;border:0}.mate-auth-input-action{border-radius:5px;place-items:center;width:32px;height:32px;margin-right:-6px;padding:0;display:grid}.mate-auth-input-action:hover:not(:disabled),.mate-auth-dialog-close:hover:not(:disabled),.mate-auth-logout:hover:not(:disabled){color:#174f99;background:#edf3fa}.mate-auth-field-hint{color:#7a8694;font-size:11px;line-height:1.4}.mate-auth-button{text-align:center;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.mate-auth-button--primary{color:#fff;border-color:var(--mate-auth-blue);background:var(--mate-auth-blue)}.mate-auth-button--primary:hover:not(:disabled){border-color:var(--mate-auth-blue-hover);background:var(--mate-auth-blue-hover)}.mate-auth-button--secondary{color:#314153;background:#fff;border-color:#cfd8e2}.mate-auth-button--secondary:hover:not(:disabled){color:#174f99;background:#f5f8fb;border-color:#aebdcd}.mate-auth-button:disabled{cursor:not-allowed;opacity:.56}.mate-auth-alert{border:1px solid;border-radius:6px;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:9px;margin:0 0 18px;padding:11px 12px;font-size:12px;line-height:1.5;display:grid}.mate-auth-alert svg{margin-top:1px}.mate-auth-alert--error{color:#8e2027;background:var(--mate-auth-red-soft);border-color:#f0c5c8}.mate-auth-alert--notice{color:var(--mate-auth-amber);background:var(--mate-auth-amber-soft);border-color:#ecd69e}.mate-auth-back{color:#536174;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;min-height:44px;margin:-9px 0 20px -7px;padding:0 10px;font-size:12px;font-weight:650;display:inline-flex}.mate-auth-back:hover:not(:disabled){color:#174f99;background:#f1f5f9}.mate-auth-enrollment-loading,.mate-auth-loading{min-height:94px;color:var(--mate-auth-muted);justify-content:center;align-items:center;gap:9px;font-size:13px;display:flex}.mate-auth-loading{flex-direction:column;min-height:160px}.mate-auth-enrollment{gap:12px;padding-bottom:2px;display:grid}.mate-auth-qr{object-fit:contain;border:1px solid var(--mate-auth-line);background:#fff;border-radius:6px;justify-self:center;width:168px;height:168px}.mate-auth-secret-block{background:#f7f9fb;border:1px solid #d5dee7;border-radius:6px;gap:6px;min-width:0;padding:11px 12px;display:grid}.mate-auth-secret-block>span{color:#6d7987;font-size:11px;line-height:1.3}.mate-auth-secret-block code{overflow-wrap:anywhere;color:#1d3552;letter-spacing:0;-webkit-user-select:all;user-select:all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:700;line-height:1.5}.mate-auth-enrollment-note{color:var(--mate-auth-muted);margin:0;font-size:11px;line-height:1.55}.mate-auth-spin{animation:.8s linear infinite mate-auth-spin}@keyframes mate-auth-spin{to{transform:rotate(360deg)}}.mate-auth-app{background:#f5f7fb;min-height:100dvh}.mate-auth-protected-content,.mate-auth-content{min-height:inherit}.mate-auth-session-bar{z-index:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dce3eb;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:8px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #1927380a}.mate-auth-session-meta{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.mate-auth-session-user,.mate-auth-elevated{color:#516071;white-space:nowrap;background:#f8fafc;border:1px solid #dce3eb;border-radius:6px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:11px;font-weight:650;display:inline-flex}.mate-auth-session-user{text-overflow:ellipsis;max-width:220px;overflow:hidden}.mate-auth-elevated{color:#176146;background:#eef8f3;border-color:#cae4d8}.mate-auth-logout{border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.mate-auth-logout-alert{z-index:1100;color:#7b2525;background:#fff6f6;border:1px solid #e7c2c2;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:min(430px,100vw - 36px);padding:11px 12px;font-size:12px;line-height:1.5;display:grid;position:fixed;top:64px;right:18px;box-shadow:0 12px 30px #4d181829}.mate-auth-logout-alert span{overflow-wrap:anywhere;min-width:0}.mate-auth-logout-alert button{color:#762323;white-space:nowrap;background:#fff;border:1px solid #d79a9a;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 10px;font-size:11px;font-weight:750;display:inline-flex}.mate-auth-app--with-bar .mate-auth-content,.mate-auth-app--with-bar .mate-auth-content>.app-shell{min-height:calc(100dvh - 52px)}.mate-auth-dialog-backdrop{z-index:2000;background:#0f182494;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.mate-auth-dialog{background:#fff;border:1px solid #d8e0e8;border-radius:8px;outline:0;width:min(100%,430px);max-height:calc(100dvh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #08121f42}.mate-auth-dialog-close{border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:14px;right:14px}.mate-auth-dialog-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;margin-top:2px;display:grid}.mate-auth-screen :where(button,a,input):focus-visible,.mate-auth-app :where(button,a,input):focus-visible,.mate-auth-dialog-backdrop :where(button,a,input):focus-visible{outline-offset:2px;outline:3px solid #1769e047}@media (width>=821px){.mate-auth-app--with-bar .mate-auth-content .sidebar{height:calc(100dvh - 52px);top:52px}}@media (width<=640px){.mate-auth-screen{gap:18px;padding:20px 16px}.mate-auth-panel{padding:24px 20px}.mate-auth-heading h1,.mate-auth-heading h2{font-size:20px}.mate-auth-session-bar{gap:10px;padding:8px 10px}.mate-auth-logout-alert{grid-template-columns:auto minmax(0,1fr);width:auto;top:62px;left:10px;right:10px}.mate-auth-logout-alert button{grid-column:1/-1;width:100%}.mate-auth-brand--compact .mate-auth-brand-copy span,.mate-auth-elevated{display:none}.mate-auth-session-user{max-width:116px}.mate-auth-dialog-backdrop{align-items:end;padding:10px}.mate-auth-dialog{width:100%;max-height:calc(100dvh - 20px);padding:24px 20px}}@media (width<=360px){.mate-auth-screen{padding-inline:12px}.mate-auth-panel{padding:22px 16px}.mate-auth-brand--compact .mate-auth-brand-copy,.mate-auth-session-user,.mate-auth-logout span{display:none}.mate-auth-logout{width:34px;padding:0}.mate-auth-dialog-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mate-auth-screen *,.mate-auth-app *,.mate-auth-dialog-backdrop *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}