.app-brand[data-v-4ba925c3]{display:flex;align-items:center;gap:.625rem}.brand-icon[data-v-4ba925c3]{color:var(--accent);flex-shrink:0}.brand-icon--error[data-v-4ba925c3]{color:var(--danger)}.brand-text[data-v-4ba925c3]{display:flex;flex-direction:column;gap:3px;line-height:1}.brand-name[data-v-4ba925c3]{font-weight:800;font-size:.9rem;color:var(--accent);line-height:1}.brand-name--error[data-v-4ba925c3]{color:var(--danger)}.brand-sub[data-v-4ba925c3]{font-family:var(--font-mono);font-size:.5625rem;font-weight:500;color:var(--text-secondary);letter-spacing:.1em;text-transform:uppercase;line-height:1.2}.auth-card-wrap[data-v-2f854d97]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:820px}.dev-badge[data-v-2f854d97]{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--text-muted);background:rgba(var(--accent-rgb),.06);border:1px solid rgba(var(--accent-rgb),.18);border-radius:var(--radius-sm);padding:4px 10px;margin-top:16px;display:block;text-align:center}.brand-service-wrap[data-v-2f854d97]{display:flex;flex-direction:column;gap:8px;margin-top:2px}.brand-service-pre[data-v-2f854d97]{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted)}.brand-service[data-v-2f854d97]{display:flex;align-items:center;gap:10px;padding:11px 14px;background:rgba(var(--accent-rgb),.07);border:1px solid rgba(var(--accent-rgb),.15);border-radius:var(--radius-md)}.brand-service-icon[data-v-2f854d97]{color:var(--accent);flex-shrink:0}.brand-service-name[data-v-2f854d97]{font-weight:700;font-size:.875rem;color:var(--text-primary);line-height:1.25;word-break:break-word}@media (max-width: 640px){.brand-service-wrap[data-v-2f854d97]{display:flex;flex-direction:column;align-items:flex-end;gap:2px;margin-left:auto;margin-top:0}.brand-service-pre[data-v-2f854d97]{font-size:.6875rem}.brand-service[data-v-2f854d97]{background:none;border:none;padding:0;gap:0}.brand-service-icon[data-v-2f854d97]{display:none}.brand-service-name[data-v-2f854d97]{font-size:.8125rem;text-align:right}}.app-nav[data-v-16480600]{position:fixed;top:.875rem;left:1rem;right:1rem;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.app-nav--hidden[data-v-16480600]{transform:translateY(calc(-100% - 1.5rem))}.nav-inner[data-v-16480600]{display:flex;align-items:center;padding:0;position:relative}.brand-menu-wrapper[data-v-16480600]{flex:1;position:relative}.nav-brand[data-v-16480600]{display:flex;align-items:center;gap:.625rem;cursor:pointer;padding:.3rem .9rem .3rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:rgba(var(--bg-surface-rgb),.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.1),0 2px 6px rgba(var(--shadow-color),.06);transition:background-color .15s}.nav-brand[data-v-16480600]:hover{background:rgba(var(--bg-surface-rgb),.96)}html[data-theme=dark] .nav-brand{box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.4),0 2px 6px rgba(var(--shadow-color),.25)}.nav-links[data-v-16480600]{display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius-pill);background:rgba(var(--bg-surface-rgb),.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.1),0 2px 6px rgba(var(--shadow-color),.06);position:relative}.nav-indicator[data-v-16480600]{position:absolute;top:.25rem;bottom:.25rem;border-radius:var(--radius-pill);background:rgba(var(--accent-rgb),.12);pointer-events:none;transition:left .22s ease-out,width .22s ease-out}html[data-theme=dark] .nav-links{box-shadow:inset 0 1px 0 var(--glass-hi),0 2px 6px rgba(var(--shadow-color),.2)}.nav-link[data-v-16480600]{display:flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:var(--radius-pill);border:none;background:transparent;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary);letter-spacing:0;text-decoration:none;cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s}.nav-link[data-v-16480600]:not(.router-link-active):hover{color:var(--text-secondary);background:var(--bg-hover)}.nav-link.router-link-active[data-v-16480600]{color:var(--accent);font-weight:600}.nav-link-icon[data-v-16480600]{width:14px;height:14px;flex-shrink:0}.nav-actions[data-v-16480600]{display:flex;align-items:center;gap:.75rem;flex:1;justify-content:flex-end}.mobile-controls[data-v-16480600]{display:none}.user-menu-wrapper[data-v-16480600]{position:relative}.nav-user[data-v-16480600]{display:flex;align-items:center;gap:.5rem;padding:.3rem .75rem;border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:rgba(var(--bg-surface-rgb),.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.1),0 2px 6px rgba(var(--shadow-color),.06);cursor:pointer;transition:background-color .15s}.nav-user[data-v-16480600]:hover{background:rgba(var(--bg-surface-rgb),.96)}html[data-theme=dark] .nav-user{box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.4),0 2px 6px rgba(var(--shadow-color),.25)}.status-dot[data-v-16480600]{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--success);box-shadow:0 0 0 2px rgba(var(--success-rgb),.2);animation:dot-pulse 2.4s ease-in-out infinite}.username[data-v-16480600]{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary);letter-spacing:0}.user-dropdown[data-v-16480600],.brand-dropdown[data-v-16480600]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);overflow:hidden;padding:.375rem;z-index:200}.user-dropdown[data-v-16480600]{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem}.user-menu-item[data-v-16480600]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--text-body);letter-spacing:0;text-decoration:none;cursor:pointer;transition:color .15s,background-color .15s}.user-menu-item[data-v-16480600]:hover{color:var(--text-primary);background:var(--bg-hover)}.user-menu-item.danger[data-v-16480600]{color:var(--danger-fg)}.user-menu-item.danger[data-v-16480600]:hover{color:var(--danger);background:rgba(var(--danger-rgb),.08)}.brand-dropdown[data-v-16480600]{position:absolute;top:calc(100% + .75rem);left:0;min-width:14rem}.brand-dropdown-header[data-v-16480600]{font-size:.7rem;font-weight:600;color:var(--text-muted);padding:.5rem .75rem .3rem}.brand-menu-item[data-v-16480600]{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);border:none;background:transparent;font-family:var(--font-body);font-size:.8125rem;font-weight:500;color:var(--text-body);letter-spacing:0;text-decoration:none;cursor:pointer;transition:color .15s,background-color .15s}.brand-menu-item[data-v-16480600]:hover{color:var(--text-primary);background:var(--bg-hover)}.brand-menu-item:hover .ext-icon[data-v-16480600]{opacity:1}.brand-menu-divider[data-v-16480600]{height:1px;background:var(--border);margin:.25rem 0}.ext-icon[data-v-16480600]{margin-left:auto;flex-shrink:0;opacity:.45;transition:opacity .15s}.brand-no-services[data-v-16480600]{font-size:.8125rem;color:var(--text-muted);padding:.4rem .75rem .5rem}.brand-menu-enter-active[data-v-16480600],.brand-menu-leave-active[data-v-16480600]{transition:opacity .15s ease,transform .15s ease}.brand-menu-enter-from[data-v-16480600],.brand-menu-leave-to[data-v-16480600]{opacity:0;transform:translateY(-6px)}.user-menu-enter-active[data-v-16480600],.user-menu-leave-active[data-v-16480600]{transition:opacity .15s ease,transform .15s ease}.user-menu-enter-from[data-v-16480600],.user-menu-leave-to[data-v-16480600]{opacity:0;transform:translateY(-6px)}.mobile-bottom-nav[data-v-16480600]{display:none}@media (max-width: 768px){.nav-inner[data-v-16480600]{padding:.3rem .75rem}.nav-links[data-v-16480600],.nav-actions[data-v-16480600]{display:none}.mobile-controls[data-v-16480600]{display:flex;align-items:center}.mobile-bottom-nav[data-v-16480600]{position:fixed;bottom:calc(.875rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;gap:.25rem;padding:.25rem;border-radius:var(--radius-pill);background:rgba(var(--bg-surface-rgb),.88);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.1),0 2px 6px rgba(var(--shadow-color),.06)}.mobile-bottom-nav--hidden[data-v-16480600]{transform:translate(-50%) translateY(calc(100% + 1.5rem))}html[data-theme=dark] .mobile-bottom-nav{box-shadow:inset 0 1px 0 var(--glass-hi),0 4px 16px rgba(var(--shadow-color),.4),0 2px 6px rgba(var(--shadow-color),.25)}.bottom-nav-item[data-v-16480600]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.3rem .875rem;border-radius:var(--radius-pill);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:color .2s,background-color .2s}.bottom-nav-item[data-v-16480600]:not(.router-link-active):hover{background:var(--bg-hover)}.bottom-nav-item.router-link-active[data-v-16480600]{color:var(--accent);font-weight:600}.bottom-nav-indicator[data-v-16480600]{position:absolute;top:.25rem;bottom:.25rem;border-radius:var(--radius-pill);background:rgba(var(--accent-rgb),.12);pointer-events:none;transition:left .22s ease-out,width .22s ease-out}.bottom-nav-icon[data-v-16480600]{width:15px;height:15px;flex-shrink:0}.bottom-nav-label[data-v-16480600]{font-family:var(--font-body);font-size:.5rem;font-weight:inherit;letter-spacing:.01em;white-space:nowrap}}.brand-user-row[data-v-319fece8]{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand-user-label[data-v-319fece8]{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted)}.brand-switch-btn[data-v-319fece8]{font-family:var(--font-body);font-size:.75rem;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer;transition:color .15s,border-color .15s}.brand-switch-btn[data-v-319fece8]:hover{color:var(--accent);border-color:var(--accent)}@media (max-width: 640px){.brand-user-row[data-v-319fece8]{display:none}}.login-content[data-v-33aebaf3]{display:flex;flex-direction:column;flex:1}.form-loading[data-v-33aebaf3]{flex:1;display:flex;align-items:center;justify-content:center}.forgot-link[data-v-33aebaf3]{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);text-decoration:none;transition:color .15s}.forgot-link[data-v-33aebaf3]:hover{color:var(--accent)}.callback-card[data-v-041a0ba9]{display:flex;align-items:center;gap:16px;padding:28px 40px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fadeUp .35s ease-out both}.callback-label[data-v-041a0ba9]{font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.otp-input[data-v-7b3c5a82]{border:1px solid var(--border-dark);padding:10px 12px;font-family:var(--font-mono);font-size:1.125rem;font-weight:500;letter-spacing:.25em;text-align:center;color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-sm);outline:none;width:100%;transition:border-color .15s,box-shadow .15s}.otp-input[data-v-7b3c5a82]:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.otp-input[data-v-7b3c5a82]:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.otp-input[data-v-7b3c5a82]::placeholder{color:var(--border-dark);letter-spacing:.25em}.checklist[data-v-357de826]{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:8px 2px 2px}.rule[data-v-357de826]{font-family:var(--font-body);font-size:.6875rem;color:var(--text-muted);transition:color .15s}.rule.pass[data-v-357de826]{color:var(--accent)}.sf-wrapper[data-v-93fe2adb]{position:relative;width:100%}.sf-trigger[data-v-93fe2adb]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border-dark);padding:10px 12px;font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--text-primary);background:var(--bg-surface);cursor:pointer;text-align:left;border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-font-smoothing:antialiased}.sf-trigger[data-v-93fe2adb]:focus,.sf-open .sf-trigger[data-v-93fe2adb]{border-color:var(--accent);box-shadow:var(--focus-ring)}.sf-disabled .sf-trigger[data-v-93fe2adb]{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.sf-value[data-v-93fe2adb]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sf-placeholder[data-v-93fe2adb]{color:var(--text-muted)}.sf-arrow[data-v-93fe2adb]{font-size:.6875rem;color:var(--text-muted);flex-shrink:0;transition:transform var(--t-fast) var(--ease);line-height:1}.sf-open .sf-arrow[data-v-93fe2adb]{transform:rotate(180deg)}.sf-dropdown[data-v-93fe2adb]{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:200;max-height:260px;overflow:hidden;padding:4px}.sf-option[data-v-93fe2adb]{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px;font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background .1s,color .1s;-webkit-font-smoothing:antialiased}.sf-option[data-v-93fe2adb]:hover{background:var(--bg-hover);color:var(--text-primary)}.cf-wrapper[data-v-e154ef43]{position:relative;width:100%}.cf-input[data-v-e154ef43]{width:100%;border:1px solid var(--border-dark);padding:10px 12px;font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-font-smoothing:antialiased}.cf-input[data-v-e154ef43]:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.cf-input[data-v-e154ef43]::placeholder{color:var(--text-muted)}.cf-disabled .cf-input[data-v-e154ef43]{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.cf-dropdown[data-v-e154ef43]{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:200;max-height:260px;overflow:hidden;padding:4px}.cf-option[data-v-e154ef43]{width:100%;display:block;padding:9px 12px;font-family:var(--font-body);font-size:.875rem;font-weight:400;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-xs);cursor:pointer;text-align:left;transition:background .1s,color .1s;-webkit-font-smoothing:antialiased}.cf-option[data-v-e154ef43]:hover{background:var(--bg-hover);color:var(--text-primary)}.dialog-overlay[data-v-0bdcd594]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.dialog-panel[data-v-0bdcd594]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);width:100%;max-width:440px;overflow:hidden}.dialog-body[data-v-0bdcd594]{padding:28px 32px}.dialog-tag[data-v-0bdcd594]{font-size:.6875rem;font-weight:600;color:var(--danger);margin-bottom:10px}.dialog-title[data-v-0bdcd594]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:14px;line-height:1.1}.dialog-message[data-v-0bdcd594]{font-family:var(--font-body);font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin-bottom:28px}.dialog-actions[data-v-0bdcd594]{display:flex;gap:10px;justify-content:flex-end}@media (max-width: 480px){.dialog-body[data-v-0bdcd594]{padding:24px 20px}.dialog-actions[data-v-0bdcd594]{flex-direction:column-reverse}}.grid[data-v-9f5912c0]{display:grid;grid-template-columns:1fr 1fr;gap:24px;animation:fadeUp .35s ease-out both}.right-col[data-v-9f5912c0]{display:flex;flex-direction:column}.right-card-access[data-v-9f5912c0]{flex:2;display:flex;flex-direction:column;padding-bottom:24px}.right-card-empty[data-v-9f5912c0]{flex:1;display:flex;flex-direction:column}.right-card-access[data-v-9f5912c0] .card,.right-card-empty[data-v-9f5912c0] .card{flex:1;min-height:0}.info-row[data-v-9f5912c0]{padding:16px 0}.info-label[data-v-9f5912c0]{font-size:.6875rem;font-weight:700;color:var(--text-dim);margin-bottom:8px}.info-value-row[data-v-9f5912c0]{display:flex;align-items:center;gap:12px}.mono-value[data-v-9f5912c0]{font-family:var(--font-mono);font-size:.875rem;font-weight:400;color:var(--text-primary);background:var(--bg-muted);border-radius:var(--radius-sm);padding:10px 4px 10px 12px;flex:1;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between}.info-text[data-v-9f5912c0]{font-family:var(--font-body);font-size:.875rem;color:var(--text-primary)}.role-badge[data-v-9f5912c0]{display:inline-flex;align-items:center;padding:5px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.01em}.badge-admin[data-v-9f5912c0]{background:var(--accent-cool);color:var(--text-on-accent);-webkit-font-smoothing:antialiased}.badge-standard[data-v-9f5912c0]{background:var(--accent);color:var(--text-on-accent);-webkit-font-smoothing:antialiased}.copy-btn[data-v-9f5912c0]{background:transparent;border:none;font-family:var(--font-body);font-size:.75rem;font-weight:500;letter-spacing:.01em;color:var(--accent);cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);flex-shrink:0;width:64px;text-align:center;transition:color .15s,background .15s}.copy-btn[data-v-9f5912c0]:hover{color:var(--accent-dk);background:rgba(var(--accent-rgb),.08)}.edit-area[data-v-9f5912c0]{display:flex;flex-direction:column;gap:10px;margin-top:4px}.edit-row[data-v-9f5912c0]{display:flex;gap:8px}.code-notice[data-v-9f5912c0]{font-family:var(--font-body);font-size:.8125rem;color:var(--text-secondary);padding:8px 12px;background:rgba(var(--accent-rgb),.08);border-left:2px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.email-em[data-v-9f5912c0]{color:var(--accent-dk);font-weight:500}.email-success[data-v-9f5912c0]{margin-top:4px}.pw-form[data-v-9f5912c0]{display:flex;flex-direction:column;gap:20px;margin-top:4px}.right-card-empty[data-v-9f5912c0] .card{padding:20px 24px;display:flex;flex-direction:column}.right-card-empty[data-v-9f5912c0] .section-header{margin-bottom:10px}.api-summary[data-v-9f5912c0]{display:flex;gap:0;flex:1;min-height:0}.api-stat[data-v-9f5912c0]{display:flex;flex-direction:column;gap:8px;flex:1;padding:4px 0}.api-stat+.api-stat[data-v-9f5912c0]{border-left:1px solid var(--border);padding-left:20px}.api-stat-number[data-v-9f5912c0]{font-weight:700;line-height:1;color:var(--text-primary);font-size:2rem}.plant-pills[data-v-9f5912c0]{display:flex;flex-wrap:wrap;gap:8px}.plant-pill[data-v-9f5912c0]{padding:5px 12px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.plant-pill-admin[data-v-9f5912c0]{background:var(--accent);color:var(--text-on-accent);-webkit-font-smoothing:antialiased}.access-loading[data-v-9f5912c0],.access-empty[data-v-9f5912c0]{font-size:.8125rem;color:var(--text-muted)}.key-row[data-v-9f5912c0]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);transition:background var(--t-fast) var(--ease)}.key-row.level-0[data-v-9f5912c0]{background:var(--accent-warm-soft)}.key-row.level-1[data-v-9f5912c0]{background:var(--accent-soft)}.key-row.level-2[data-v-9f5912c0]{background:var(--accent-cool-soft)}.key-row.level-0[data-v-9f5912c0]:not(.key-row-revoked):hover{background:rgba(var(--accent-warm-rgb),.22)}.key-row.level-1[data-v-9f5912c0]:not(.key-row-revoked):hover{background:rgba(var(--accent-rgb),.18)}.key-row.level-2[data-v-9f5912c0]:not(.key-row-revoked):hover{background:rgba(var(--accent-cool-rgb),.22)}.key-row-revoked[data-v-9f5912c0]{opacity:.45}.key-row-action[data-v-9f5912c0]{flex-shrink:0;align-self:center}.revoked-label[data-v-9f5912c0]{font-family:var(--font-mono);font-size:.5625rem;color:var(--text-dim);letter-spacing:.08em;flex-shrink:0}.create-form-title[data-v-9f5912c0]{display:flex;align-items:center}.create-fields[data-v-9f5912c0]{grid-template-columns:1fr auto 1fr}.create-actions[data-v-9f5912c0]{justify-content:flex-end}.scope-badge[data-v-9f5912c0]{font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.1em;color:var(--accent-dk);background:rgba(var(--accent-rgb),.08);padding:10px 12px;border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.key-reveal-banner[data-v-9f5912c0]{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 20px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px}.key-reveal-header[data-v-9f5912c0]{display:flex;align-items:baseline;gap:12px}.key-reveal-title[data-v-9f5912c0]{font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.03em;color:var(--text-primary)}.key-reveal-warning[data-v-9f5912c0]{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted)}.key-reveal-row[data-v-9f5912c0]{display:flex;align-items:center;gap:8px}.key-reveal-value[data-v-9f5912c0]{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 4px 10px 12px;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.key-text[data-v-9f5912c0]{font-family:var(--font-mono);font-size:.75rem;color:var(--text-primary);letter-spacing:.04em;word-break:break-all}.key-action-btn[data-v-9f5912c0]{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-body);font-size:.8125rem;font-weight:600;letter-spacing:.01em;padding:8px 14px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.key-action-btn[data-v-9f5912c0]:hover{background:var(--bg-hover);color:var(--text-primary)}.key-dismiss-btn[data-v-9f5912c0]{background:var(--success-btn-bg);color:var(--text-on-accent);border-color:var(--success-btn-bg);-webkit-font-smoothing:antialiased}.key-dismiss-btn[data-v-9f5912c0]:hover{background:var(--success-btn-hover);border-color:var(--success-btn-hover)}@media (max-width: 768px){.grid[data-v-9f5912c0]{grid-template-columns:1fr}.info-value-row[data-v-9f5912c0]{flex-wrap:wrap}.key-reveal-header[data-v-9f5912c0]{flex-direction:column;align-items:flex-start;gap:2px}.key-reveal-row[data-v-9f5912c0]{flex-wrap:wrap;gap:6px}.key-reveal-value[data-v-9f5912c0]{flex-basis:100%;order:-1}.key-action-btn[data-v-9f5912c0]{flex:1;text-align:center}.key-text[data-v-9f5912c0]{font-size:.625rem}}.reset-content[data-v-e86f0b1a],.error-content[data-v-fc2b08f7]{display:flex;flex-direction:column;flex:1}.error-block--detail[data-v-fc2b08f7]{padding:14px 16px;margin-bottom:20px}.error-code[data-v-fc2b08f7]{font-family:var(--font-mono);font-size:.5625rem;font-weight:600;letter-spacing:.14em;color:var(--danger);text-transform:uppercase;margin-bottom:6px}.error-message[data-v-fc2b08f7]{font-family:var(--font-body);font-size:.875rem;color:var(--error-text);line-height:1.5}.help-text[data-v-fc2b08f7]{font-family:var(--font-body);font-size:.8125rem;color:var(--text-muted);line-height:1.6;margin:0}.sso-content[data-v-b5c5f881]{animation:fadeUp .35s ease-out both}.client-stats[data-v-b5c5f881]{font-size:.75rem;color:var(--text-muted);margin-bottom:12px}.sso-client-block[data-v-b5c5f881]{border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--t-med) var(--ease)}.sso-client-block.sso-client-open[data-v-b5c5f881]{border:1px solid var(--border);box-shadow:var(--shadow-sm)}.sso-client-head[data-v-b5c5f881]{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;transition:background var(--t-fast) var(--ease)}.sso-client-block:not(.sso-client-open) .sso-client-head[data-v-b5c5f881]{cursor:pointer}.sso-client-head.level-1[data-v-b5c5f881]{background:var(--accent-soft)}.sso-client-head.level-2[data-v-b5c5f881]{background:var(--accent-cool-soft)}.sso-client-head.level-1[data-v-b5c5f881]:not(.client-revoked):hover{background:rgba(var(--accent-rgb),.18)}.sso-client-head.level-2[data-v-b5c5f881]:not(.client-revoked):hover{background:rgba(var(--accent-cool-rgb),.22)}.client-revoked[data-v-b5c5f881]{opacity:.45}.sso-state-dot[data-v-b5c5f881]{font-size:.45rem;color:var(--border-dark);flex-shrink:0;align-self:center}.sso-state-dot.active[data-v-b5c5f881]{color:var(--accent)}.sso-fields-row[data-v-b5c5f881]{display:flex;flex-wrap:wrap;gap:16px}.sso-fields-row .sso-field-block[data-v-b5c5f881]{flex:1;min-width:160px}.sso-switches-row[data-v-b5c5f881]{display:flex;flex-wrap:wrap;gap:16px}.sso-switches-row .sso-field-block[data-v-b5c5f881]{min-width:160px}.sso-edit-body[data-v-b5c5f881]{background:var(--bg-surface);border-top:1px solid var(--border);padding:16px 20px;display:flex;flex-direction:column;gap:16px}.sso-field-block[data-v-b5c5f881]{display:flex;flex-direction:column;gap:8px}.sso-field-label[data-v-b5c5f881]{display:flex;align-items:center;gap:6px;font-size:.6875rem;font-weight:700;color:var(--text-dim)}.sso-pill-switch[data-v-b5c5f881]{display:inline-flex;align-self:flex-start;gap:.2rem;padding:.2rem;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-pill)}.sso-pill-option[data-v-b5c5f881]{display:flex;align-items:center;padding:.35rem .875rem;border-radius:var(--radius-pill);border:none;background:transparent;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:color .15s,background-color .15s}.sso-pill-option[data-v-b5c5f881]:not(:disabled):not(.active):hover{color:var(--text-primary);background:var(--bg-hover)}.sso-pill-option.active[data-v-b5c5f881]{background:rgba(var(--accent-rgb),.12);color:var(--accent);font-weight:600;cursor:default}.sso-pill-option[data-v-b5c5f881]:disabled:not(.active){opacity:.4;cursor:not-allowed}.sso-value-row[data-v-b5c5f881]{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg-muted);padding:9px 4px 9px 12px;border-radius:var(--radius-sm)}.sso-value-text[data-v-b5c5f881]{font-size:.875rem;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sso-row-btn[data-v-b5c5f881]{font-size:.75rem;padding:4px 10px;flex-shrink:0}.sso-uri-pills[data-v-b5c5f881]{display:flex;flex-wrap:wrap;gap:6px}.sso-uri-pill[data-v-b5c5f881]{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:.75rem;font-weight:600;letter-spacing:.01em;word-break:break-all;-webkit-font-smoothing:antialiased}.sso-uri-input-wrap[data-v-b5c5f881]{display:inline-grid;padding:4px 10px;border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--accent);box-shadow:var(--focus-ring);font-family:var(--font-body);font-size:.75rem;font-weight:600}.sso-uri-input-wrap[data-v-b5c5f881]:after{content:attr(data-value) " ";visibility:hidden;white-space:pre;grid-area:1 / 1;font:inherit;min-width:4ch}.sso-uri-input[data-v-b5c5f881],.sso-new-uri-input[data-v-b5c5f881]{grid-area:1 / 1;width:100%;min-width:0;background:transparent;border:none;outline:none;color:var(--text-primary);font:inherit;padding:0}.sso-uri-edit-pill[data-v-b5c5f881]{background:transparent;border:1px dashed var(--border-dark);color:var(--text-dim);cursor:pointer;transition:border-color .15s,color .15s}.sso-uri-edit-pill[data-v-b5c5f881]:hover{border-color:var(--accent);color:var(--accent)}.sso-uri-empty[data-v-b5c5f881]{font-size:.8125rem;color:var(--text-muted);font-style:italic}.sso-edit-footer[data-v-b5c5f881]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}@media (max-width: 600px){.sso-client-head[data-v-b5c5f881]{flex-wrap:wrap;row-gap:8px}}:root{--shadow-color: 20, 24, 50;--accent: #34696b;--accent-lt: #4a8587;--accent-dk: #295456;--accent-rgb: 52, 105, 107;--accent-hover: #295456;--accent-soft: #e3eeee;--accent-warm: #f76c5e;--accent-warm-hover: #e65548;--accent-warm-soft: #ffe6e2;--accent-warm-rgb: 247, 108, 94;--accent-cool: #6c5ce7;--accent-cool-hover: #5847d4;--accent-cool-soft: #ece8ff;--accent-cool-rgb: 108, 92, 231;--text-primary: #15172b;--text-body: #2a2d45;--text-secondary: #5a5e78;--text-muted: #8389a3;--text-dim: #a6abc2;--text-on-accent: #ffffff;--text-subtle: #5a5e78;--text-faint: #8389a3;--text-dimmer: #a6abc2;--text-dimmest: #c0c4d6;--text-label: #5a5e78;--bg-canvas: #e0eae7;--bg-base: #e0eae7;--bg-surface: #FAF9F6;--bg-elevated: #f7f8fc;--bg-muted: #eef0f7;--bg-hover: #e6e9f3;--canvas-tint: rgba(52, 105, 107, .06);--bg-canvas-rgb: 224, 234, 231;--bg-surface-rgb: 250, 249, 246;--glass-border: rgba(255, 255, 255, .7);--glass-border-panel: rgba(255, 255, 255, .5);--glass-hi: rgba(255, 255, 255, .6);--glass-hi-panel: rgba(255, 255, 255, .4);--border: #e2e5ef;--border-dark: #d4d8e8;--divider: #ecedf5;--danger: #e5484d;--danger-rgb: 229, 72, 77;--danger-soft: #fce5e6;--danger-fg: #b0252a;--error-bg: var(--danger-soft);--error-text: var(--danger-fg);--error-border: var(--danger);--success: #16a34a;--success-rgb: 22, 163, 74;--success-soft: #e6f6ec;--success-fg: #0f7a37;--success-bg: var(--success-soft);--success-text: var(--success-fg);--success-border: var(--success);--warning: #d97706;--warning-rgb: 217, 119, 6;--warning-soft: #fbefd9;--warning-fg: #a85b00;--info: #3b82f6;--info-rgb: 59, 130, 246;--info-soft: #e3ecfd;--info-fg: #1d4fb8;--fatal: #dc2626;--font-display: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-xs: 0 1px 2px rgba(var(--shadow-color), .04);--shadow-sm: 0 2px 6px rgba(var(--shadow-color), .05), 0 1px 2px rgba(var(--shadow-color), .04);--shadow-md: 0 6px 16px rgba(var(--shadow-color), .06), 0 2px 4px rgba(var(--shadow-color), .04);--shadow-lg: 0 16px 32px rgba(var(--shadow-color), .1), 0 4px 8px rgba(var(--shadow-color), .05);--shadow-xl: 0 28px 64px rgba(var(--shadow-color), .18), 0 8px 16px rgba(var(--shadow-color), .08);--shadow-card: var(--shadow-sm);--shadow-dropdown: var(--shadow-lg);--shadow-modal: var(--shadow-xl);--focus-ring: 0 0 0 3px rgba(var(--accent-rgb), .12);--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--t-fast: .12s;--t-med: .18s;--t-slow: .28s;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--danger-btn-bg: var(--danger);--danger-btn-hover: var(--danger-fg);--success-btn-bg: var(--success);--success-btn-hover: var(--success-fg);--code-bg: #0f1419;--code-fg: #e6e6e6}[data-theme=dark]{--shadow-color: 0, 0, 0;--bg-canvas: #0a0b10;--bg-base: #0a0b10;--bg-surface: #14161c;--bg-elevated: #1c1e25;--bg-muted: #23262e;--bg-hover: #2b2e37;--canvas-tint: rgba(95, 164, 166, .045);--bg-canvas-rgb: 10, 11, 16;--bg-surface-rgb: 20, 22, 28;--glass-border: rgba(var(--accent-rgb), .14);--glass-border-panel: rgba(var(--accent-rgb), .14);--glass-hi: rgba(255, 255, 255, .06);--glass-hi-panel: rgba(255, 255, 255, .04);--border: #23262e;--border-dark: #2f3240;--divider: #1c1e25;--text-primary: #ecedf2;--text-body: #c4c6d0;--text-secondary: #a3a6b8;--text-muted: #82859a;--text-dim: #62657a;--text-on-accent: #ffffff;--text-subtle: #a3a6b8;--text-faint: #82859a;--text-dimmer: #4e5162;--text-dimmest: #3c3f52;--text-label: #a3a6b8;--accent: #5fa4a6;--accent-lt: #7cbcbe;--accent-dk: #4a8587;--accent-rgb: 95, 164, 166;--accent-hover: #7cbcbe;--accent-soft: rgba(95, 164, 166, .16);--accent-warm: #ff8779;--accent-warm-hover: #ff9d91;--accent-warm-soft: rgba(255, 135, 121, .16);--accent-warm-rgb: 255, 135, 121;--accent-cool: #9b8dff;--accent-cool-hover: #b1a5ff;--accent-cool-soft: rgba(155, 141, 255, .16);--accent-cool-rgb: 155, 141, 255;--danger: #ff6a69;--danger-rgb: 255, 106, 105;--danger-soft: rgba(255, 106, 105, .16);--danger-fg: #ff9d9c;--error-bg: var(--danger-soft);--error-text: var(--danger-fg);--error-border: var(--danger);--success: #3fb950;--success-rgb: 63, 185, 80;--success-soft: rgba(63, 185, 80, .16);--success-fg: #3fb950;--success-bg: var(--success-soft);--success-text: var(--success-fg);--success-border: var(--success);--warning: #e2a53a;--warning-rgb: 226, 165, 58;--warning-soft: rgba(226, 165, 58, .16);--warning-fg: #e2a53a;--info: #6ba4ff;--info-rgb: 107, 164, 255;--info-soft: rgba(107, 164, 255, .16);--info-fg: #6ba4ff;--fatal: #ff6a69;--shadow-xs: 0 1px 2px rgba(var(--shadow-color), .12);--shadow-sm: 0 2px 6px rgba(var(--shadow-color), .2), 0 1px 2px rgba(var(--shadow-color), .16);--shadow-md: 0 6px 16px rgba(var(--shadow-color), .28), 0 2px 4px rgba(var(--shadow-color), .2);--shadow-lg: 0 16px 32px rgba(var(--shadow-color), .4), 0 4px 8px rgba(var(--shadow-color), .28);--shadow-xl: 0 28px 64px rgba(var(--shadow-color), .6), 0 8px 16px rgba(var(--shadow-color), .4);--focus-ring: 0 0 0 3px rgba(95, 164, 166, .22);--danger-btn-bg: #b83535;--danger-btn-hover: #973030;--success-btn-bg: #2d7a3e;--success-btn-hover: #245f30;--code-bg: #010409;--code-fg: #e6edf3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll}body{font-family:var(--font-body);font-weight:400;line-height:1.5;color:var(--text-primary);background:var(--bg-base);min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-dk);text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea{font-family:var(--font-body)}html{scrollbar-width:none}::-webkit-scrollbar{display:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes dot-pulse{0%,to{box-shadow:0 0 0 2px rgba(var(--success-rgb),.2)}50%{box-shadow:0 0 0 4px rgba(var(--success-rgb),.08)}}@keyframes gradient-flow{0%{background-position:0% 0%}33%{background-position:100% 50%}66%{background-position:20% 100%}to{background-position:0% 0%}}@property --orbit-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes sun-orbit{to{--orbit-angle: 360deg}}.app-bg{min-height:100vh;background:radial-gradient(circle 117vmax at calc(50% + 72%*cos(var(--orbit-angle))) calc(50% + 62%*sin(var(--orbit-angle))),#52b6b8,#8fcbcc 40%,#d4ecec 72%);animation:sun-orbit 60s linear infinite}[data-theme=dark] .app-bg{background:radial-gradient(circle 117vmax at calc(50% + 72%*cos(var(--orbit-angle))) calc(50% + 62%*sin(var(--orbit-angle))),#1c3e41,#0f2527 40%,#0a0b10 72%);animation:sun-orbit 60s linear infinite}@media (prefers-reduced-motion: reduce){.app-bg{animation:none;background-position:0% 50%}}.app-layout{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;padding:5rem 2.5rem 2rem;max-width:1280px;width:100%;margin:0 auto}@media (max-width: 768px){.app-main{padding:5rem 1rem calc(72px + env(safe-area-inset-bottom,0px))}}@media (max-width: 480px){.app-main{padding:5rem .875rem calc(72px + env(safe-area-inset-bottom,0px))}}.view-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;background:rgba(var(--bg-canvas-rgb),.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-border-panel);border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 var(--glass-hi-panel),0 4px 16px rgba(var(--shadow-color),.06);padding:.75rem 1.5rem}[data-theme=dark] .view-header{background:rgba(var(--bg-canvas-rgb),.76);box-shadow:inset 0 1px 0 var(--glass-hi-panel),inset 0 -1px #0003,0 4px 16px rgba(var(--shadow-color),.35)}.page-heading{display:flex;flex-direction:column;gap:.25rem}.view-title{font-size:1.375rem;font-weight:700;color:var(--text-primary)}.page-sub{font-size:.875rem;color:var(--text-secondary);margin:0}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:32px}.card-full{grid-column:1 / -1}[data-theme=dark] .card{box-shadow:var(--shadow-md),inset 0 1px 0 var(--glass-hi-panel)}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.section-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.section-rule{display:none}.section-header-extra{margin-left:auto}.keys-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.keys-count{font-size:.75rem;color:var(--text-muted)}.new-key-btn{background:var(--accent);color:var(--text-on-accent);border:none;padding:7px 16px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .15s;-webkit-font-smoothing:antialiased}.new-key-btn:hover{background:var(--accent-dk)}.keys-list{border-top:1px solid var(--border)}.keys-empty{font-size:.8125rem;color:var(--text-muted);padding:20px 0;text-align:center;border-top:1px solid var(--border)}.item-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--border);transition:background var(--t-fast) var(--ease);border-radius:var(--radius-xs)}.item-row:hover{background:var(--bg-hover)}.item-row:last-child{border-bottom:none}.item-row.revoked{opacity:.5}.key-status-dot{font-size:.5rem;color:var(--border-dark);flex-shrink:0}.key-status-dot.active{color:var(--accent)}.key-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.key-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.key-prefix{font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);letter-spacing:.04em}.key-date{font-size:.75rem;color:var(--text-dim);flex-shrink:0}.sso-footer-actions{display:flex;gap:10px;margin-left:auto}.sso-edit-btn{display:inline-flex;align-items:center;font-family:var(--font-body);font-size:.6875rem;font-weight:600;letter-spacing:.01em;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);text-decoration:none;transition:background .15s,color .15s,border-color .15s;-webkit-font-smoothing:antialiased}.sso-edit-btn:hover{background:var(--bg-hover);color:var(--text-primary);text-decoration:none}.sso-edit-btn.expanded{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.sso-edit-btn.danger{background:var(--danger-btn-bg);border-color:var(--danger-btn-bg);color:var(--text-on-accent)}.sso-edit-btn.danger:hover:not(:disabled){background:var(--danger-btn-hover);border-color:var(--danger-btn-hover)}.sso-edit-btn:disabled{opacity:.45;cursor:not-allowed}.revoke-btn{background:var(--danger-btn-bg);border:1px solid var(--danger-btn-bg);color:var(--text-on-accent);font-size:.6875rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background .15s;-webkit-font-smoothing:antialiased}.revoke-btn:hover:not(:disabled){background:var(--danger-btn-hover);border-color:var(--danger-btn-hover)}.revoke-btn:disabled{opacity:.5;cursor:not-allowed}.create-form{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:20px 24px;margin-bottom:20px;display:flex;flex-direction:column;gap:16px}.create-form-title{font-size:.75rem;font-weight:600;color:var(--accent);-webkit-font-smoothing:antialiased}.create-fields{display:grid;gap:16px;align-items:end}.create-field{display:flex;flex-direction:column;gap:6px}.create-field-narrow{min-width:220px}.create-actions{display:flex;gap:10px}@media (max-width: 768px){.card{padding:24px 20px}.create-fields{grid-template-columns:1fr}.create-field-narrow{min-width:unset}.create-actions,.edit-actions{flex-direction:column}.create-actions .action-btn,.edit-actions .action-btn{width:100%;text-align:center;padding:11px 14px}}.key-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.key-primary{display:flex;align-items:center;gap:10px}.key-secondary{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-family:var(--font-mono);font-size:.6875rem;color:var(--text-muted)}.key-meta-sep{color:var(--text-dim)}.keys-list--cards{border-top:none;display:flex;flex-direction:column;gap:6px;margin-top:8px}.keys-empty--cards{border-top:none;margin-top:8px}.card-header-btn{background:var(--accent);border:1px solid var(--accent);color:var(--text-on-accent);font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;transition:background .15s,border-color .15s;-webkit-font-smoothing:antialiased}.card-header-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.manage-keys-enter-active{transition:opacity .28s ease-out,transform .28s ease-out}.manage-keys-leave-active{transition:opacity .18s ease-in,transform .18s ease-in}.manage-keys-enter-from{opacity:0;transform:translateY(-20px)}.manage-keys-leave-to{opacity:0;transform:translateY(-10px)}.app-page-enter-active{transition:opacity .18s ease}.app-page-leave-active{transition:opacity .12s ease}.app-page-enter-from,.app-page-leave-to{opacity:0}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center}.field-hint{font-size:.5625rem;font-weight:400;color:var(--text-muted);margin-left:4px}.field-hint--error{color:var(--danger);margin-left:auto;font-size:.75rem;font-weight:600}.field-input{border:1px solid var(--border-dark);padding:10px 12px;font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s;width:100%}.field-input:focus{border-color:var(--accent);box-shadow:var(--focus-ring)}.field-input:disabled{background:var(--bg-muted);color:var(--text-muted);cursor:not-allowed}.field-textarea{resize:vertical;min-height:84px;font-size:.75rem;line-height:1.7;padding:10px 12px}.password-wrapper{position:relative;display:flex}.password-input{flex:1;padding-right:44px}.toggle-btn{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color .15s;border-radius:var(--radius-sm)}.toggle-btn:hover{color:var(--accent)}.submit-btn{background:var(--accent);color:var(--text-on-accent);border:none;padding:13px 24px;font-family:var(--font-body);font-size:.8125rem;font-weight:600;cursor:pointer;border-radius:var(--radius-md);transition:background .15s;width:100%;margin-top:4px}.submit-btn:hover:not(:disabled){background:var(--accent-dk)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.action-btn{font-family:var(--font-body);font-size:.8125rem;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,color .15s;border:none}.action-btn.primary{background:var(--accent);color:var(--text-on-accent)}.action-btn.primary:hover:not(:disabled){background:var(--accent-dk)}.action-btn.primary:disabled{opacity:.7;cursor:not-allowed}.action-btn.secondary{background:transparent;color:var(--text-muted);border:1px solid var(--border-dark)}.action-btn.secondary:hover{color:var(--text-primary);background:var(--bg-hover)}.edit-actions{display:flex;gap:8px}.btn-row{display:flex;justify-content:flex-end;gap:8px}.error-block{background:var(--error-bg);border-radius:var(--radius-sm);padding:10px 14px;font-size:.8125rem;color:var(--error-text);line-height:1.5}.success-block{background:rgba(var(--accent-rgb),.08);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 14px;font-size:.8125rem;color:var(--accent-dk)}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px}.loading-overlay{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.loading-dot{width:10px;height:10px;background:var(--accent);border-radius:50%;flex-shrink:0;animation:pulse 1.2s ease-in-out infinite}.auth-split{display:flex;width:100%;max-width:820px;border:1px solid var(--glass-border-panel);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeUp .35s ease-out both}.auth-brand-panel{width:260px;flex-shrink:0;background:rgba(var(--bg-canvas-rgb),.7);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-right:1px solid var(--glass-border-panel);box-shadow:inset 0 1px 0 var(--glass-hi-panel);padding:40px 32px;display:flex;flex-direction:column}[data-theme=dark] .auth-brand-panel{background:rgba(var(--bg-canvas-rgb),.78);box-shadow:inset 0 1px 0 var(--glass-hi-panel),inset 1px 0 rgba(var(--accent-rgb),.06),0 4px 16px rgba(var(--shadow-color),.4)}.brand-identity{margin-bottom:20px}.brand-desc{font-family:var(--font-body);font-size:.8125rem;color:var(--text-secondary);line-height:1.65;margin:0}.brand-spacer{flex:1}.brand-footer{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.625rem;color:var(--text-muted);letter-spacing:.08em}.brand-footer-dot{color:var(--accent);font-size:.5rem;animation:pulse 2s ease-in-out infinite}.auth-split--error .brand-footer-dot{color:var(--danger)}.auth-form-panel{flex:1;padding:48px;min-width:0;display:flex;flex-direction:column;background:var(--bg-surface)}.auth-heading{font-weight:700;font-size:1.875rem;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px;line-height:1.1}.auth-heading--error{color:var(--danger-fg)}.auth-subtext{font-family:var(--font-body);font-size:.875rem;color:var(--text-muted);line-height:1.6;margin-bottom:28px}@media (max-width: 640px){.auth-split{flex-direction:column;max-width:480px;border-radius:var(--radius-lg)}.auth-brand-panel{width:100%;flex-direction:row;align-items:center;padding:18px 24px;border-right:none;border-bottom:1px solid var(--glass-border-panel);box-shadow:none}[data-theme=dark] .auth-brand-panel{border-bottom-color:rgba(var(--accent-rgb),.14)}.brand-identity{margin-bottom:0}.brand-desc,.brand-spacer,.brand-footer{display:none}.auth-form-panel{padding:32px 24px}}@media (max-width: 400px){.auth-form-panel{padding:24px 20px}}.form{display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.onboarding-content{display:flex;flex-direction:column;flex:1}.progress{display:flex;align-items:center;margin-bottom:49px}.progress-step{display:flex;align-items:center;flex-shrink:0}.step-label{font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--text-muted);transition:color .2s}.progress-step.active .step-label{color:var(--accent)}.progress-step.done .step-label{color:var(--accent);opacity:.7}.progress-line{flex:1;height:1px;background:var(--border);margin:0 12px;transition:background .2s}.progress-line.active{background:var(--accent)}.step-content{animation:fadeUp .25s ease-out both}.notice-email{color:var(--text-primary);font-weight:600}.auth-step-enter-active{transition:opacity .22s ease,transform .22s ease}.auth-step-leave-active{transition:opacity .14s ease,transform .14s ease}.auth-step-enter-from{opacity:0;transform:translateY(7px)}.auth-step-leave-to{opacity:0;transform:translateY(-4px)}