.tokens-page[data-v-d31193b5]{color:var(--tf-text,#1e293b);font-family:var(--tf-font-family,Inter,system-ui,sans-serif);margin:0 auto;max-width:1400px;padding:24px}.page-header[data-v-d31193b5]{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.page-header h1[data-v-d31193b5]{color:var(--tf-text,#1e293b);font-size:1.8rem;font-weight:800;margin:0}.tokens-table[data-v-d31193b5]{background:var(--tf-background,#fff);border:1px solid var(--tf-border,#e2e8f0);border-collapse:collapse;border-radius:var(--tf-radius-lg,.75rem);box-shadow:var(--tf-shadow,0 2px 8px rgba(0,0,0,.1));overflow:hidden;width:100%}.tokens-table td[data-v-d31193b5],.tokens-table th[data-v-d31193b5]{border-bottom:1px solid var(--tf-border,#e2e8f0);padding:14px 16px;text-align:left}.tokens-table th[data-v-d31193b5]{background:var(--tf-surface,#f8fafc);color:var(--tf-text,#1e293b);font-weight:600}.tokens-table tbody tr[data-v-d31193b5]:hover{background:#00000005}.token-prefix[data-v-d31193b5]{color:var(--tf-text-muted,#64748b);font-family:var(--tf-font-family-mono,JetBrains Mono,Consolas,monospace);font-size:12px}.scopes[data-v-d31193b5]{display:flex;flex-wrap:wrap;gap:4px}.scope-badge[data-v-d31193b5]{background:#3b82f61a;color:var(--tf-primary,#3b82f6);display:inline-block;padding:4px 10px}.scope-badge[data-v-d31193b5],.status-badge[data-v-d31193b5]{border-radius:999px;font-size:12px;font-weight:500}.status-badge[data-v-d31193b5]{padding:4px 12px}.status-active[data-v-d31193b5]{background:#22c55e1a;color:var(--tf-success,#22c55e)}.status-revoked[data-v-d31193b5]{background:#ef44441a;color:var(--tf-error,#ef4444)}.actions[data-v-d31193b5]{display:flex;gap:8px}.modal[data-v-d31193b5]{align-items:center;background:#00000080;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:fixed;z-index:1000}.modal-content[data-v-d31193b5]{background:var(--tf-background,#fff);border-radius:var(--tf-radius-lg,.75rem);box-shadow:var(--tf-shadow-lg,0 8px 20px rgba(2,6,23,.06));max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header[data-v-d31193b5]{align-items:center;border-bottom:1px solid var(--tf-border,#e2e8f0);display:flex;justify-content:space-between;padding:20px}.modal-header h2[data-v-d31193b5]{color:var(--tf-text,#1e293b);font-size:20px;margin:0}.close-btn[data-v-d31193b5]{background:none;border:none;color:var(--tf-text-muted,#64748b);cursor:pointer;font-size:28px}.close-btn[data-v-d31193b5]:hover{color:var(--tf-text,#1e293b)}.modal-body[data-v-d31193b5]{padding:20px}.form-group[data-v-d31193b5]{margin-bottom:20px}.form-group label[data-v-d31193b5]{color:var(--tf-text,#1e293b);display:block;font-weight:500;margin-bottom:8px}.form-control[data-v-d31193b5]{background:var(--tf-background,#fff);border:1px solid var(--tf-border,#e2e8f0);border-radius:var(--tf-radius-sm,.25rem);color:var(--tf-text,#1e293b);font-size:14px;padding:10px 14px;transition:border-color .2s ease;width:100%}.form-control[data-v-d31193b5]:focus{border-color:var(--tf-primary,#3b82f6);outline:none}.scopes-selector[data-v-d31193b5]{background:var(--tf-background,#fff);border:1px solid var(--tf-border,#e2e8f0);max-height:200px;overflow-y:auto;padding:12px}.scope-option[data-v-d31193b5],.scopes-selector[data-v-d31193b5]{border-radius:var(--tf-radius-sm,.25rem)}.scope-option[data-v-d31193b5]{align-items:flex-start;cursor:pointer;display:flex;padding:8px}.scope-option[data-v-d31193b5]:hover{background:var(--tf-surface,#f8fafc)}.scope-option input[data-v-d31193b5]{margin-right:8px;margin-top:2px}.scope-option span[data-v-d31193b5]{color:var(--tf-text,#1e293b);font-weight:500;margin-right:8px}.scope-option small[data-v-d31193b5]{color:var(--tf-text-muted,#64748b);display:block;margin-left:24px}.form-actions[data-v-d31193b5]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.token-created[data-v-d31193b5]{margin-bottom:20px}.alert[data-v-d31193b5]{border-radius:var(--tf-radius,.5rem);margin-bottom:16px;padding:16px}.alert-success[data-v-d31193b5]{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--tf-success,#22c55e)}.token-display[data-v-d31193b5]{display:flex;gap:12px}.token-input[data-v-d31193b5]{background:var(--tf-surface,#f8fafc);border:1px solid var(--tf-border,#e2e8f0);border-radius:var(--tf-radius-sm,.25rem);color:var(--tf-text,#1e293b);flex:1;font-family:var(--tf-font-family-mono,JetBrains Mono,Consolas,monospace);padding:10px 14px}.btn[data-v-d31193b5]{border:none;border-radius:var(--tf-radius,.5rem);cursor:pointer;font-size:14px;font-weight:500;padding:10px 18px;transition:all .2s ease}.btn-primary[data-v-d31193b5]{background:var(--tf-primary,#3b82f6);color:#fff}.btn-primary[data-v-d31193b5]:hover{filter:brightness(1.1)}.btn-secondary[data-v-d31193b5]{background:var(--tf-surface,#f8fafc);border:1px solid var(--tf-border,#e2e8f0);color:var(--tf-text,#1e293b)}.btn-secondary[data-v-d31193b5]:hover{background:var(--tf-border,#e2e8f0)}.btn-warning[data-v-d31193b5]{background:var(--tf-warning,#f59e0b);color:#000}.btn-warning[data-v-d31193b5]:hover{filter:brightness(.9)}.btn-danger[data-v-d31193b5]{background:var(--tf-error,#ef4444);color:#fff}.btn-danger[data-v-d31193b5]:hover{filter:brightness(1.1)}.btn-sm[data-v-d31193b5]{font-size:12px;padding:6px 12px}.empty-state[data-v-d31193b5],.loading[data-v-d31193b5]{padding:60px 20px;text-align:center}.empty-state[data-v-d31193b5],.loading[data-v-d31193b5],.text-muted[data-v-d31193b5]{color:var(--tf-text-muted,#64748b)}.text-danger[data-v-d31193b5]{color:var(--tf-error,#ef4444)}
