.api-keys_grid__EtUdi{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.api-keys_card__zNrJM{position:relative;overflow:hidden;background:var(--card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid oklch(.72 .18 293/16%);border-radius:var(--radius-lg);padding:1.375rem;display:flex;flex-direction:column;gap:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.api-keys_card__zNrJM:hover{border-color:oklch(.72 .18 293/28%);box-shadow:0 4px 24px oklch(.72 .18 293/5%)}.api-keys_card__zNrJM:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,oklch(.72 .18 293/60%),transparent);pointer-events:none}.api-keys_cardGreen__g_ngl{border-color:oklch(.84 .19 148/16%)}.api-keys_cardGreen__g_ngl:hover{border-color:oklch(.84 .19 148/28%);box-shadow:0 4px 24px oklch(.84 .19 148/5%)}.api-keys_cardGreen__g_ngl:before{background:linear-gradient(90deg,transparent,oklch(.84 .19 148/60%),transparent)}.api-keys_cardHeader__cdLvL{display:flex;align-items:flex-start;justify-content:space-between;gap:.875rem}.api-keys_cardTitleGroup__SJiBj{display:flex;align-items:center;gap:.75rem;flex:1 1;min-width:0}.api-keys_cardTitleText__KGDQY{min-width:0;flex:1 1}.api-keys_iconViolet__etd5U{border-radius:calc(var(--radius) * .65);background:oklch(.72 .18 293/12%);border:1px solid oklch(.72 .18 293/22%);color:var(--primary);box-shadow:0 0 12px oklch(.72 .18 293/10%)}.api-keys_iconGreen__tiPrR,.api-keys_iconViolet__etd5U{width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.api-keys_iconGreen__tiPrR{border-radius:calc(var(--radius) * .65);background:oklch(.84 .19 148/12%);border:1px solid oklch(.84 .19 148/22%);color:var(--accent);box-shadow:0 0 12px oklch(.84 .19 148/10%)}.api-keys_cardTitle__mTeiE{font-size:1rem;font-weight:620;color:var(--foreground);margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.api-keys_cardDesc__x1n0h{font-size:.75rem;color:var(--muted-foreground);margin:.1rem 0 0;line-height:1.4}.api-keys_permissions__O_bUP{display:flex;flex-wrap:wrap;gap:.3rem}.api-keys_badgeViolet__lV55T{border-radius:var(--radius-full);background:oklch(.72 .18 293/10%);color:var(--primary);border:1px solid oklch(.72 .18 293/22%)}.api-keys_badgeGreen__uABy3,.api-keys_badgeViolet__lV55T{display:inline-flex;align-items:center;gap:3px;padding:.2rem .55rem;font-size:.69rem;font-weight:600;letter-spacing:.01em;white-space:nowrap}.api-keys_badgeGreen__uABy3{border-radius:var(--radius-full);background:oklch(.84 .19 148/10%);color:var(--accent);border:1px solid oklch(.84 .19 148/22%)}.api-keys_generateBtnViolet__U6isF{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 1rem;height:2.25rem;min-height:44px;border:1px solid oklch(.72 .18 293/40%);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:590;cursor:pointer;background:oklch(.72 .18 293/10%);color:var(--primary);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.api-keys_generateBtnViolet__U6isF:hover{background:oklch(.72 .18 293/18%);border-color:oklch(.72 .18 293/60%)}.api-keys_generateBtnViolet__U6isF:active{transform:scale(.98)}.api-keys_generateBtnViolet__U6isF:disabled{opacity:.45;cursor:not-allowed;transform:none}.api-keys_generateBtnGreen__KIK_A{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 1rem;height:2.25rem;min-height:44px;border:1px solid oklch(.84 .19 148/40%);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:590;cursor:pointer;background:oklch(.84 .19 148/10%);color:var(--accent);transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0;-webkit-tap-highlight-color:transparent}.api-keys_generateBtnGreen__KIK_A:hover{background:oklch(.84 .19 148/18%);border-color:oklch(.84 .19 148/60%)}.api-keys_generateBtnGreen__KIK_A:active{transform:scale(.98)}.api-keys_generateBtnGreen__KIK_A:disabled{opacity:.45;cursor:not-allowed;transform:none}.api-keys_inputArea__chNyq{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;padding:.875rem;background:oklch(0 0 0/20%);border:1px solid var(--border);border-radius:var(--radius)}.api-keys_inputGroup__dgqqm{flex:1 1;min-width:160px;display:flex;flex-direction:column;gap:.35rem}.api-keys_inputGroup__dgqqm label{font-size:.69rem;color:var(--muted-foreground);font-weight:620;text-transform:uppercase;letter-spacing:.07em}.api-keys_inputGroup__dgqqm input{height:2.5rem;min-height:44px;padding:0 .875rem;border-radius:var(--radius-sm);border:1px solid var(--border);background:oklch(0 0 0/40%);color:var(--foreground);font-size:.875rem;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.api-keys_inputGroup__dgqqm input:focus{border-color:oklch(.72 .18 293/40%);box-shadow:0 0 0 3px oklch(.72 .18 293/8%)}.api-keys_inputGroup__dgqqm input::placeholder{color:oklch(1 0 0/20%)}.api-keys_inputGroupGreen__DFcnt input:focus{border-color:oklch(.84 .19 148/40%);box-shadow:0 0 0 3px oklch(.84 .19 148/8%)}.api-keys_cancelBtn__fhEbL{display:inline-flex;align-items:center;justify-content:center;padding:0 .875rem;height:2.5rem;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent}.api-keys_cancelBtn__fhEbL:hover{border-color:oklch(1 0 0/16%);color:var(--foreground)}.api-keys_cancelBtn__fhEbL:active{transform:scale(.98)}.api-keys_keysList__VlC5P{display:flex;flex-direction:column;gap:.375rem}.api-keys_keyItem__Gl68Q{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.625rem .875rem;border-radius:var(--radius-sm);background:oklch(1 0 0/2%);border:1px solid var(--border);grid-gap:.5rem .75rem;gap:.5rem .75rem;transition:border-color var(--transition-fast),background var(--transition-fast);min-height:44px}.api-keys_keyItem__Gl68Q:hover{border-color:oklch(1 0 0/12%);background:oklch(1 0 0/3.5%)}.api-keys_keyInfo__3uzU4{display:flex;align-items:center;gap:.5rem;min-width:0;overflow:hidden}.api-keys_keyDotViolet__47WZb{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 6px var(--primary);flex-shrink:0}.api-keys_keyDotGreen__CShOR{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent);flex-shrink:0}.api-keys_keyName__y_lz0{font-size:.84rem;color:var(--foreground);font-weight:590;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.api-keys_keyPreview__H4ubv{font-family:JetBrains Mono,Fira Code,monospace;font-size:.69rem;color:oklch(1 0 0/28%);white-space:nowrap;flex-shrink:0}.api-keys_keyMeta__uTS3p{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.api-keys_keyDate__9_UJ3{font-size:.69rem;color:oklch(1 0 0/22%);white-space:nowrap}.api-keys_revokeBtn__Rd3fv{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .625rem;min-height:32px;border:1px solid oklch(.7 .19 22/28%);border-radius:var(--radius-sm);background:oklch(.7 .19 22/5%);color:var(--destructive);font-size:.72rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-tap-highlight-color:transparent}.api-keys_revokeBtn__Rd3fv:hover{background:oklch(.7 .19 22/12%);border-color:oklch(.7 .19 22/45%)}.api-keys_revokeBtn__Rd3fv:active{transform:scale(.97)}.api-keys_noKeys__mnmnT{font-size:.82rem;color:oklch(1 0 0/22%);text-align:center;padding:1.25rem 0;margin:0;display:flex;align-items:center;justify-content:center;gap:.5rem;border:1px dashed oklch(1 0 0/8%);border-radius:var(--radius)}@keyframes api-keys_spin__0kVfo{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.api-keys_spinner__3PPRg{animation:api-keys_spin__0kVfo .8s linear infinite}.api-keys_keyModalBackdrop__NcSZl{position:fixed;inset:0;z-index:10000;background:oklch(0 0 0/72%);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));animation:api-keys_fadeIn__Qst_Y .15s ease;-webkit-overflow-scrolling:touch}@keyframes api-keys_fadeIn__Qst_Y{0%{opacity:0}to{opacity:1}}.api-keys_keyModal__zT5jF{background:oklch(.1 .008 280/98%);border:1px solid var(--border);border-radius:var(--radius-2xl);padding:1.5rem;width:100%;max-width:480px;box-shadow:0 24px 64px oklch(0 0 0/65%),inset 0 1px 0 oklch(1 0 0/5%);animation:api-keys_slideUp__wyf7F .22s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:1.125rem;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes api-keys_slideUp__wyf7F{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.api-keys_keyModalViolet__BdSIE{border-color:oklch(.72 .18 293/28%);box-shadow:0 24px 64px oklch(0 0 0/65%),0 0 40px oklch(.72 .18 293/6%),inset 0 1px 0 oklch(1 0 0/5%)}.api-keys_keyModalGreen__KmqwH{border-color:oklch(.84 .19 148/28%);box-shadow:0 24px 64px oklch(0 0 0/65%),0 0 40px oklch(.84 .19 148/6%),inset 0 1px 0 oklch(1 0 0/5%)}.api-keys_keyModalHead__WpAsa{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.api-keys_keyModalHead__WpAsa h3{font-size:1rem;font-weight:620;margin:0;color:var(--foreground);letter-spacing:-.01em}.api-keys_keyModalClose__b7zqF{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:var(--radius-full);color:var(--muted-foreground);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;-webkit-tap-highlight-color:transparent}.api-keys_keyModalClose__b7zqF:hover{background:oklch(1 0 0/8%);border-color:var(--border);color:var(--foreground)}.api-keys_keyModalClose__b7zqF:active{transform:scale(.93)}.api-keys_keyModalSubtitle__TLr9w{font-size:.78rem;color:var(--muted-foreground);margin:-.625rem 0 0;line-height:1.4}.api-keys_keyValue__SYDWt{color:var(--primary);border-radius:var(--radius-sm);border:1px solid oklch(.72 .18 293/22%)}.api-keys_keyValueGreen__b5xXB,.api-keys_keyValue__SYDWt{display:block;font-family:JetBrains Mono,Fira Code,monospace;font-size:.78rem;background:oklch(0 0 0/35%);padding:.875rem;word-break:break-all;line-height:1.65;-moz-user-select:all;user-select:all;-webkit-user-select:all;cursor:text}.api-keys_keyValueGreen__b5xXB{color:var(--accent);border-radius:var(--radius-sm);border:1px solid oklch(.84 .19 148/22%)}.api-keys_keyModalActions__cEFgu{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.api-keys_copyBtn__IUEbi{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:0 1rem;height:2.375rem;min-height:44px;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:590;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-tap-highlight-color:transparent}.api-keys_copyBtn__IUEbi:active{transform:scale(.97)}.api-keys_copyBtnViolet__ilKHP{background:oklch(.72 .18 293/12%);border-color:oklch(.72 .18 293/32%);color:var(--primary)}.api-keys_copyBtnViolet__ilKHP:hover{background:oklch(.72 .18 293/20%)}.api-keys_copyBtnGreen__lnrT5{background:oklch(.84 .19 148/12%);border-color:oklch(.84 .19 148/32%);color:var(--accent)}.api-keys_copyBtnGreen__lnrT5:hover{background:oklch(.84 .19 148/20%)}.api-keys_doneBtn__nFS2S{display:inline-flex;align-items:center;justify-content:center;padding:0 1rem;height:2.375rem;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--muted-foreground);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent}.api-keys_doneBtn__nFS2S:hover{border-color:oklch(1 0 0/18%);color:var(--foreground)}.api-keys_doneBtn__nFS2S:active{transform:scale(.97)}.api-keys_warningBanner__4Qh6l{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem .875rem;border-radius:var(--radius-sm);background:oklch(.8 .15 60/8%);border:1px solid oklch(.8 .15 60/22%);color:var(--warning);font-size:.78rem;font-weight:590;line-height:1.4}.api-keys_warningBanner__4Qh6l svg{flex-shrink:0;margin-top:1px}@media (max-width:900px){.api-keys_grid__EtUdi{grid-template-columns:1fr}}@media (max-width:640px){.api-keys_card__zNrJM{padding:1rem}.api-keys_cardHeader__cdLvL{flex-direction:column;align-items:stretch;gap:.75rem}.api-keys_generateBtnGreen__KIK_A,.api-keys_generateBtnViolet__U6isF{width:100%;height:2.75rem}.api-keys_inputArea__chNyq{flex-direction:column;align-items:stretch;gap:.625rem;padding:.75rem}.api-keys_inputGroup__dgqqm{min-width:0}.api-keys_cancelBtn__fhEbL,.api-keys_inputGroup__dgqqm input{height:2.75rem;font-size:1rem}.api-keys_cancelBtn__fhEbL{width:100%}.api-keys_keyItem__Gl68Q{display:flex;flex-direction:column;align-items:stretch;padding:.75rem;gap:.375rem}.api-keys_keyInfo__3uzU4{width:100%;justify-content:flex-start}.api-keys_keyMeta__uTS3p{width:100%;justify-content:space-between;padding-left:1rem}.api-keys_keyPreview__H4ubv{font-size:.65rem;color:oklch(1 0 0/22%);overflow:hidden;text-overflow:ellipsis}.api-keys_keyDate__9_UJ3{font-size:.69rem}.api-keys_revokeBtn__Rd3fv{min-height:34px;padding:.25rem .75rem}.api-keys_keyModalBackdrop__NcSZl{align-items:flex-end;padding:0 0 env(safe-area-inset-bottom)}.api-keys_keyModal__zT5jF{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-width:100%;max-height:85vh;padding:1.25rem 1rem;animation:api-keys_slideUpMobile__BdSIj .25s cubic-bezier(.34,1.2,.64,1)}@keyframes api-keys_slideUpMobile__BdSIj{0%{transform:translateY(100%)}to{transform:translateY(0)}}.api-keys_keyValueGreen__b5xXB,.api-keys_keyValue__SYDWt{font-size:.69rem;padding:.75rem;line-height:1.6}.api-keys_keyModalActions__cEFgu{flex-direction:column;align-items:stretch}.api-keys_copyBtn__IUEbi,.api-keys_doneBtn__nFS2S{width:100%;height:2.875rem;font-size:1rem}}@media (max-width:390px){.api-keys_cardTitle__mTeiE{font-size:.9rem}.api-keys_cardDesc__x1n0h{font-size:.72rem}.api-keys_badgeGreen__uABy3,.api-keys_badgeViolet__lV55T{font-size:.65rem}.api-keys_keyName__y_lz0{font-size:.8rem}}