.api-keys-page input[placeholder="Giới hạn key"],.api-keys-page input[placeholder="Tìm API key, owner, model..."],.api-keys-page input[placeholder="username hoặc email"]{border-width:1.5px;font-weight:550;box-shadow:0 1px 2px rgb(15 23 42/.06),inset 0 0 0 1px color-mix(in srgb,currentColor 5%,transparent)}.api-keys-page input[placeholder="Tìm API key, owner, model..."]{min-height:42px;background:color-mix(in srgb,currentColor 3%,transparent)}.api-keys-page input::placeholder{opacity:.72;font-weight:500}.api-keys-page .break-all.font-mono{font-weight:600;letter-spacing:-.01em}.api-keys-page button[aria-label="Claude Code Settings"],.api-keys-page button[aria-label="Codex Settings"],.api-keys-page button[aria-label="OpenCode Settings"],.api-keys-page button[aria-label="Qwen Code Settings"]{width:2rem;height:2rem;border-radius:.65rem}.api-keys-page button[aria-label="Claude Code Settings"] img,.api-keys-page button[aria-label="Codex Settings"] img,.api-keys-page button[aria-label="OpenCode Settings"] img,.api-keys-page button[aria-label="Qwen Code Settings"] img{width:1rem;height:1rem}.api-keys-page table td:nth-child(3)>div,.api-keys-page table td:nth-child(4) span{font-weight:600}.api-keys-page table td:nth-child(4) span{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 7%,transparent)}.api-keys-page>.space-y-6>:not([hidden])~:not([hidden]){margin-top:1rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"]{gap:.75rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"]>div[class*=bg-surface]{padding:.9rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"]>div[class*=bg-surface] .space-y-3{gap:.55rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"] h3{font-size:.9rem;line-height:1.25rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"] p.text-sm{margin-top:.1rem;font-size:.75rem;line-height:1.15rem}.api-keys-page>.space-y-6>div[class*="xl:grid-cols-2"] .mt-2.flex.flex-wrap{margin-top:0}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]){padding:.9rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(250px,.9fr) minmax(440px,2fr);align-items:start;gap:.75rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>div:first-child{min-width:0;padding:.2rem .15rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>div:first-child h3{font-size:.9rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>div:first-child p{margin-top:.2rem;font-size:.72rem;line-height:1.15rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>.flex.flex-col{min-width:0;margin:0;padding:.65rem;border:1px solid var(--color-border);border-radius:.8rem;background:color-mix(in srgb,var(--color-bg-alt) 28%,var(--color-surface))}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>.rounded-xl.border{min-width:0;margin:0;padding:.65rem;border-radius:.8rem;background:color-mix(in srgb,var(--color-bg-alt) 22%,var(--color-surface))}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) .rounded-xl.border p,.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) label span.mb-1{font-size:.67rem;line-height:1rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) input{min-height:34px;padding-top:.4rem;padding-bottom:.4rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) .rounded-xl.border>.mt-3.flex{display:grid;grid-template-columns:minmax(190px,1fr) 110px auto;gap:.45rem;margin-top:.55rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) input[placeholder="Giới hạn key"]{width:100%}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) .rounded-xl.border>.mt-3.rounded-xl{margin-top:.55rem;padding:.55rem .65rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono){padding:.9rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2.4fr) auto;align-items:stretch;gap:.7rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>div:first-child{align-self:center;min-width:0}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>div:first-child h3{font-size:.9rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>div:first-child p{margin-top:.15rem;font-size:.7rem;line-height:1.1rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.grid>div{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.65rem .75rem;border-radius:.75rem;background:color-mix(in srgb,var(--color-bg-alt) 24%,var(--color-surface))}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.grid .mt-1{margin-top:.15rem;font-size:.76rem;line-height:1rem}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap{display:grid;grid-template-columns:1fr;align-content:center;gap:.4rem;margin:0}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap button{white-space:nowrap}@media (max-width:1500px){.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4{grid-template-columns:minmax(220px,.8fr) minmax(0,2fr)}.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>.rounded-xl.border{grid-column:2}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3{grid-template-columns:minmax(210px,.75fr) minmax(0,2.25fr)}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap{grid-column:2;grid-template-columns:repeat(2,max-content);justify-content:end}}@media (max-width:1100px){.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3,.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4{grid-template-columns:1fr}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap,.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"])>.space-y-4>.rounded-xl.border{grid-column:auto}.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap{grid-template-columns:repeat(2,max-content);justify-content:start}}@media (max-width:720px){.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.flex.flex-wrap,.api-keys-page div[class*=bg-surface]:has(>.space-y-3 .break-all.font-mono)>.space-y-3>.grid,.api-keys-page div[class*=bg-surface]:has(>.space-y-4 input[placeholder="username hoặc email"]) .rounded-xl.border>.mt-3.flex{grid-template-columns:1fr}}