.apps-page[data-v-5b53d180]{margin:0 auto;max-width:900px}.page-header[data-v-5b53d180]{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.page-title[data-v-5b53d180]{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.page-subtitle[data-v-5b53d180]{color:#64748b;font-size:15px;margin:0}.create-btn[data-v-5b53d180]{align-items:center;background:#8b5cf6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:background .15s ease}.create-btn[data-v-5b53d180]:hover{background:#7c3aed}.create-btn svg[data-v-5b53d180]{height:18px;width:18px}.loading-state[data-v-5b53d180]{padding:60px;text-align:center}.spinner[data-v-5b53d180]{animation:spin-5b53d180 1s linear infinite;border:3px solid rgba(139,92,246,.2);border-radius:50%;border-top-color:#8b5cf6;height:32px;margin:0 auto;width:32px}@keyframes spin-5b53d180{to{transform:rotate(1turn)}}.empty-state[data-v-5b53d180]{background:#0f0f14;border:1px dashed hsla(0,0%,100%,.1);border-radius:16px;padding:60px 20px;text-align:center}.empty-icon[data-v-5b53d180]{color:#64748b;height:64px;margin:0 auto 20px;width:64px}.empty-icon svg[data-v-5b53d180]{height:100%;width:100%}.empty-state h3[data-v-5b53d180]{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px}.empty-state p[data-v-5b53d180]{color:#64748b;font-size:14px;margin:0 0 24px}.keys-list[data-v-5b53d180]{display:flex;flex-direction:column;gap:16px}.key-card[data-v-5b53d180]{background:#0f0f14;border:1px solid hsla(0,0%,100%,.06);border-radius:12px;padding:20px}.key-header[data-v-5b53d180]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.key-name[data-v-5b53d180]{color:#fff;font-size:16px;font-weight:600}.key-status[data-v-5b53d180]{font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.key-prefix[data-v-5b53d180]{margin-bottom:16px}.key-prefix code[data-v-5b53d180]{background:#16161d;border-radius:6px;color:#94a3b8;display:inline-block;font-family:JetBrains Mono,monospace;font-size:13px;padding:8px 12px}.key-meta[data-v-5b53d180]{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.04);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.key-scopes[data-v-5b53d180]{display:flex;flex-wrap:wrap;gap:6px}.scope-badge[data-v-5b53d180]{background:#8b5cf61a;border-radius:4px;color:#a78bfa;font-size:11px;padding:4px 8px}.key-dates[data-v-5b53d180]{color:#64748b;display:flex;font-size:12px;gap:16px}.key-actions[data-v-5b53d180]{display:flex;gap:8px}.action-btn[data-v-5b53d180]{align-items:center;background:#16161d;border:1px solid hsla(0,0%,100%,.06);border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .15s ease}.action-btn[data-v-5b53d180]:hover:not(:disabled){background:#1f1f2a;color:#fff}.action-btn[data-v-5b53d180]:disabled{cursor:not-allowed;opacity:.5}.action-btn.danger[data-v-5b53d180]:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.action-btn svg[data-v-5b53d180]{height:16px;width:16px}.modal-overlay[data-v-5b53d180]{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.modal[data-v-5b53d180]{background:#16161d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;width:100%}.modal-title[data-v-5b53d180]{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.modal-desc[data-v-5b53d180]{color:#64748b;font-size:14px;margin:0 0 24px}.form-group[data-v-5b53d180]{margin-bottom:20px}.form-group label[data-v-5b53d180]{color:#94a3b8;display:block;font-size:13px;font-weight:500;margin-bottom:8px}.form-input[data-v-5b53d180],.form-select[data-v-5b53d180]{background:#1f1f2a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;padding:12px 16px;transition:border-color .15s ease;width:100%}.form-input[data-v-5b53d180]:focus,.form-select[data-v-5b53d180]:focus{border-color:#8b5cf6;outline:none}.form-input[data-v-5b53d180]::-moz-placeholder{color:#64748b}.form-input[data-v-5b53d180]::placeholder{color:#64748b}.scopes-list[data-v-5b53d180]{display:flex;flex-direction:column;gap:8px}.scope-option[data-v-5b53d180]{align-items:flex-start;background:#1f1f2a;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .15s ease}.scope-option[data-v-5b53d180]:hover:not(.disabled){background:#252530}.scope-option.selected[data-v-5b53d180]{background:#8b5cf61a;border-color:#8b5cf6}.scope-option.disabled[data-v-5b53d180]{cursor:not-allowed;opacity:.7}.scope-checkbox[data-v-5b53d180]{accent-color:#8b5cf6;margin-top:2px}.scope-content[data-v-5b53d180]{flex:1}.scope-label[data-v-5b53d180]{color:#fff;display:block;font-size:14px;font-weight:500}.scope-desc[data-v-5b53d180]{color:#64748b;display:block;font-size:12px;margin-top:2px}.modal-actions[data-v-5b53d180]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.cancel-btn[data-v-5b53d180],.submit-btn[data-v-5b53d180]{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:all .15s ease}.cancel-btn[data-v-5b53d180]{background:transparent;border:1px solid hsla(0,0%,100%,.1);color:#94a3b8}.cancel-btn[data-v-5b53d180]:hover{background:#ffffff0a}.submit-btn[data-v-5b53d180]{background:#8b5cf6;border:none;color:#fff}.submit-btn[data-v-5b53d180]:hover{background:#7c3aed}.submit-btn[data-v-5b53d180]:disabled{cursor:not-allowed;opacity:.6}.success-state[data-v-5b53d180]{padding:20px 0;text-align:center}.success-icon[data-v-5b53d180]{align-items:center;background:#22c55e1a;border-radius:50%;color:#22c55e;display:flex;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.success-icon svg[data-v-5b53d180]{height:32px;width:32px}.success-state h3[data-v-5b53d180]{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.success-warning[data-v-5b53d180]{color:#f59e0b;font-size:14px;margin:0 0 20px}.key-display[data-v-5b53d180]{align-items:center;background:#1f1f2a;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;display:flex;gap:12px;margin-bottom:24px;padding:12px}.key-display code[data-v-5b53d180]{color:#fff;flex:1;font-family:JetBrains Mono,monospace;font-size:12px;text-align:left;word-break:break-all}.copy-btn[data-v-5b53d180]{background:#8b5cf6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px;white-space:nowrap}.copy-btn[data-v-5b53d180]:hover{background:#7c3aed}.done-btn[data-v-5b53d180]{background:#1f1f2a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:12px 32px;transition:background .15s ease}.done-btn[data-v-5b53d180]:hover{background:#2a2a38}@media(max-width:640px){.page-header[data-v-5b53d180]{flex-direction:column;gap:16px}.create-btn[data-v-5b53d180]{justify-content:center;width:100%}.key-meta[data-v-5b53d180]{align-items:flex-start;flex-direction:column;gap:12px}.key-dates[data-v-5b53d180]{flex-direction:column;gap:4px}}