.keys-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;max-width:960px;margin:0 auto;padding:2rem 1.5rem;color:#1a1a1a}.keys-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;border-bottom:1px solid #e5e5e5;padding-bottom:1rem}.keys-header h1{margin:0 0 .25rem;font-size:1.5rem}.keys-user{margin:0;color:#666;font-size:.875rem}.keys-section{margin-bottom:2rem}.keys-section h2{font-size:1.1rem;margin:0 0 1rem}.badge-admin{background:#e8d5f5;color:#6b21a8;margin-left:.5rem;font-weight:500}.badge-active,.badge-admin{display:inline-block;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.badge-active{background:#dcfce7;color:#166534}.badge-revoked{display:inline-block;background:#fee2e2;color:#991b1b;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px}.info-banner{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;padding:1.25rem;margin-bottom:2rem;font-size:.875rem;line-height:1.6}.info-banner h2{font-size:1rem;margin:0 0 .5rem}.info-banner p{margin:0 0 .75rem;color:#334155}.info-code{display:block;background:#e0ecff;padding:.4rem .75rem;border-radius:4px;font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:.8rem;margin-bottom:.75rem}.info-role{background:#fff;border-radius:4px;padding:.5rem .75rem;margin-bottom:0!important}.create-form{background:#f9fafb;border:1px solid #e5e5e5;border-radius:8px;padding:1.25rem}.form-row{margin-bottom:1rem}.form-row>label{display:block;font-weight:500;font-size:.875rem;margin-bottom:.375rem}.form-row input[type=text]{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;box-sizing:border-box}.scope-options{display:flex;gap:1rem;flex-wrap:wrap}.scope-check{display:flex;align-items:flex-start;gap:.375rem;font-size:.875rem;font-weight:400;cursor:pointer}.scope-check input{margin-top:.2rem}.scope-desc{display:block;font-size:.75rem;color:#666;font-weight:400}.form-hint{font-size:.8125rem;color:#666;margin:0 0 .75rem}.modal-usage{font-size:.8rem!important;color:#475569!important}.modal-usage code{background:#f1f5f9;padding:.125rem .375rem;border-radius:3px;font-size:.75rem}.table-wrap{overflow-x:auto}.keys-table{width:100%;border-collapse:collapse;font-size:.875rem}.keys-table td,.keys-table th{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e5e5e5;white-space:nowrap}.keys-table th{font-weight:600;background:#f9fafb}.row-revoked{opacity:.5}.mono{font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:.8rem}.actions{display:flex;gap:.5rem}.btn{display:inline-block;padding:.4rem .875rem;font-size:.8125rem;border-radius:6px;border:1px solid transparent;cursor:pointer;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#fff;color:#374151;border-color:#d1d5db}.btn-secondary:hover{background:#f3f4f6}.btn-warn{background:#fbbf24;color:#78350f}.btn-warn:hover{background:#f59e0b}.btn-danger{background:#fee2e2;color:#991b1b}.btn-danger:hover{background:#fca5a5}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:#fff;border-radius:12px;padding:1.5rem;max-width:520px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,.15)}.modal h2{margin:0 0 .5rem;font-size:1.1rem}.modal p{color:#666;font-size:.875rem;margin:0 0 1rem}.key-display{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;margin-bottom:1rem;overflow-x:auto}.key-display code{font-family:SF Mono,SFMono-Regular,Consolas,monospace;font-size:.8rem;word-break:break-all}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f9fafb}.login-card{background:#fff;border-radius:12px;padding:2.5rem;box-shadow:0 4px 24px rgba(0,0,0,.08);text-align:center;max-width:360px;width:90%}.login-card h1{margin:0 0 .5rem;font-size:1.4rem}.login-card p{color:#666;font-size:.875rem;margin:0 0 1.5rem}.google-btn{display:inline-block;padding:.6rem 1.5rem;background:#4285f4;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer}.google-btn:hover{background:#3367d6}.keys-loading{color:#666;font-style:italic}.keys-error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5;border-radius:6px;padding:.75rem 1rem;font-size:.875rem;margin-bottom:1rem}.keys-empty{color:#666;font-style:italic}.section-divider{border:none;border-top:1px solid #e5e5e5;margin:2.5rem 0}.badge-you{display:inline-block;background:#dbeafe;color:#1e40af;font-size:.75rem;padding:.125rem .5rem;border-radius:9999px;margin-left:.5rem;font-weight:500}.text-muted{color:#9ca3af;font-size:.8125rem}.admin-add-form{display:flex;gap:.5rem;margin-top:1rem}.admin-add-form input[type=email]{flex:1 1;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}