.dashboard-main:before{content:"";pointer-events:none;opacity:.025;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.dashboard-shell{z-index:2;font-variant-numeric:tabular-nums;position:relative}.dashboard-skeleton{background:var(--surface-strong);animation:1.8s cubic-bezier(.32,.72,0,1) infinite alternate dashboard-shimmer}@keyframes dashboard-shimmer{0%{opacity:.45}to{opacity:.9}}.dashboard-eyebrow{color:var(--ink-muted);letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:600}.dashboard-mini-button{min-height:2.25rem;color:var(--ink-soft);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;transition:transform .5s cubic-bezier(.22,1,.36,1),background .5s cubic-bezier(.32,.72,0,1),color .4s cubic-bezier(.32,.72,0,1);display:inline-flex}.dashboard-mini-button:hover{color:var(--ink);background:var(--surface-strong);transform:translateY(-1px)}.dashboard-mini-button:active{transform:scale(.97)}.dashboard-tabs{background:var(--surface);width:max-content;max-width:100%;box-shadow:inset 0 0 0 1px var(--hairline), 0 15px 40px var(--shadow-tint);border-radius:999px;gap:.25rem;margin-top:1.75rem;padding:.35rem;display:flex;overflow-x:auto}.dashboard-tabs button{white-space:nowrap;color:var(--ink-muted);border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.1rem;transition:transform .5s cubic-bezier(.22,1,.36,1),color .4s cubic-bezier(.32,.72,0,1),background .5s cubic-bezier(.32,.72,0,1);display:inline-flex;position:relative}.dashboard-tabs button:hover{color:var(--ink);transform:translateY(-1px)}.dashboard-tabs button:focus-visible,.dashboard-mini-button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.dashboard-panel{background:color-mix(in srgb, var(--surface) 62%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:2rem;padding:clamp(1.4rem,3vw,2.4rem)}.prepaid-banner{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:1.35rem;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem;display:flex}.dashboard-reveal{animation:.75s cubic-bezier(.22,1,.36,1) both dashboard-reveal}@keyframes dashboard-reveal{0%{opacity:0;transform:translateY(18px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}.key-grid,.model-grid,.plan-grid{gap:1rem;display:grid}.key-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.key-card,.model-card,.plan-card{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline), inset 0 1px #ffffff14;border-radius:1.4rem;padding:1.35rem;transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .65s cubic-bezier(.32,.72,0,1);position:relative}.key-card:hover,.model-card:hover,.plan-card:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 24px 60px var(--shadow-tint);transform:translateY(-3px)}.model-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}.plan-grid{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));align-items:start}.guide-panel{overflow:hidden}.guide-heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.guide-heading>svg{color:var(--accent);flex:none}.guide-workspace{background:var(--canvas);min-height:32rem;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.5rem;grid-template-columns:12rem minmax(0,1fr);display:grid;overflow:hidden}.guide-rail{border-inline-end:1px solid var(--hairline);background:color-mix(in srgb, var(--surface) 72%, transparent);padding:.75rem}.guide-rail button{width:100%;color:var(--ink-muted);text-align:start;border-radius:.85rem;align-items:center;gap:.75rem;padding:.9rem .85rem;transition:color .3s,background .4s cubic-bezier(.32,.72,0,1),transform .4s cubic-bezier(.22,1,.36,1);display:flex}.guide-rail button span{letter-spacing:.08em;opacity:.55;font:600 .62rem/1 ui-monospace,monospace}.guide-rail button:hover{color:var(--ink);transform:translate(2px)}.guide-rail button[aria-current=page]{color:var(--ink);background:var(--surface-strong);box-shadow:inset 0 0 0 1px var(--hairline)}.guide-content{min-width:0;padding:clamp(1.25rem,3vw,2rem)}.guide-content-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.guide-content-header code{color:var(--ink-muted);margin-top:.35rem;font-size:.72rem;display:block}.guide-status{color:var(--ink-muted);align-items:center;gap:.45rem;font-size:.7rem;display:inline-flex}.guide-status i{background:var(--accent);width:.45rem;height:.45rem;box-shadow:0 0 0 .25rem color-mix(in srgb, var(--accent) 14%, transparent);border-radius:50%}.guide-blocks{gap:.85rem;display:grid}.guide-code{color:#e9f4ed;min-width:0;box-shadow:inset 0 0 0 1px #ffffff12, 0 16px 40px var(--shadow-tint);background:#111713;border-radius:1rem;overflow:hidden}.guide-code>div{color:#9aaba0;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:.65rem .8rem;font-size:.68rem;display:flex}.guide-code button{border-radius:.5rem;align-items:center;gap:.35rem;padding:.3rem .5rem;transition:color .25s,background .25s;display:inline-flex}.guide-code button:hover{color:#fff;background:#ffffff12}.guide-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:23rem;padding:1rem;font-size:.76rem;line-height:1.65;overflow:auto}.guide-safety{color:var(--ink-soft);background:var(--accent-soft);border-radius:1rem;grid-template-columns:10rem minmax(0,1fr);gap:1.25rem;padding:1rem 1.2rem;font-size:.78rem;line-height:1.6;display:grid}.guide-safety span{color:var(--ink);font-weight:600}.referral-entry{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:.6rem;padding:1rem 1.15rem;display:flex}.referral-entry label{color:var(--ink);font-size:.85rem;font-weight:600}.referral-entry input{width:11rem;height:2.35rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;border-radius:.7rem;outline:none;padding:0 .8rem}.referral-entry input:focus-visible{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.referral-entry p{flex:16rem;margin:0}.referral-card{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline), inset 0 1px #ffffff14;border-radius:1.4rem;padding:1.35rem}.referral-code{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);letter-spacing:.16em;border-radius:.7rem;padding:.45rem .8rem;font-size:1.05rem}.referral-stats{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:1rem;display:grid}.referral-stats div{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;padding:.85rem 1rem}.referral-stats dt{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.referral-stats dd{color:var(--ink);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.05rem}.referral-invites{gap:.5rem;display:grid}.referral-balance{font-size:1.35rem!important}.payout-form{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.85rem;display:grid}.payout-field{flex-direction:column;gap:.35rem;display:flex}.payout-field>span{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.payout-field input,.payout-field select{height:2.5rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.7rem;outline:none;padding:0 .8rem}.payout-field input:focus-visible,.payout-field select:focus-visible{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent)}.payout-field-wide{grid-column:1/-1}.referral-invites li{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.9rem;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}@media (max-width:767px){.dashboard-hero,.dashboard-panel{border-radius:1.5rem}.key-grid{grid-template-columns:1fr}.prepaid-banner{flex-direction:column;align-items:flex-start}.dashboard-tabs{width:100%}.dashboard-tabs button{flex:1;justify-content:center}.guide-workspace{grid-template-columns:1fr}.guide-rail{border-inline-end:0;border-bottom:1px solid var(--hairline);display:flex;overflow-x:auto}.guide-rail button{width:auto;min-width:max-content}.guide-content-header{flex-direction:column}.guide-safety{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.dashboard-reveal,.dashboard-skeleton{animation:none}.key-card,.model-card,.plan-card,.dashboard-tabs button,.dashboard-mini-button,.meter-track span{transition:none}}.dashboard-hero{background:radial-gradient(28rem 12rem at 0% 0%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 70%), var(--surface);box-shadow:inset 0 0 0 1px var(--hairline), 0 24px 60px var(--shadow-tint);border-radius:1.6rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.4rem 1.5rem;display:flex}.dashboard-hero-main{align-items:center;gap:1rem;min-width:0;display:flex}.dashboard-avatar{width:3.25rem;height:3.25rem;color:var(--canvas);background:var(--accent);font:500 1.35rem/1 var(--font-serif);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);border-radius:999px;flex:none;place-items:center;display:grid;overflow:hidden}.dashboard-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.endpoint-chip{min-height:2.25rem;color:var(--ink-soft);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border-radius:999px;align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .8rem;transition:box-shadow .3s,transform .3s cubic-bezier(.22,1,.36,1);display:inline-flex}.endpoint-chip:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);transform:translateY(-1px)}.endpoint-chip:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.endpoint-chip-label{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.66rem;font-weight:600}.endpoint-chip code{color:var(--ink);text-align:start;overflow-wrap:anywhere;font-size:.78rem}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.9rem;display:grid}.dashboard-stats>div{background:color-mix(in srgb, var(--surface) 70%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.2rem;align-content:start;gap:.45rem;padding:1rem 1.15rem;display:grid}.dashboard-stats dt{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.45rem;font-size:.72rem;font-weight:600;display:flex}.dashboard-stats dt svg{color:var(--accent)}.dashboard-stats dd{color:var(--ink);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600}.dashboard-stats dd small{color:var(--ink-muted);letter-spacing:0;font-size:.85rem;font-weight:500}.dashboard-notice{color:var(--ink-soft);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:1rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;font-size:.88rem;display:flex}.dashboard-notice button{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;flex:none;padding:.3rem .75rem;font-weight:600}.dashboard-notice-error{background:color-mix(in srgb, #d97706 12%, var(--surface));box-shadow:inset 0 0 0 1px #d977064d}.dashboard-tabs button[aria-current=page]{color:var(--canvas)}.dashboard-tab-active{background:var(--ink);box-shadow:0 8px 22px var(--shadow-tint);border-radius:999px;position:absolute;inset:0}.panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.pay-picker{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;flex-wrap:wrap;align-items:center;gap:.15rem;padding:.25rem;display:inline-flex}.pay-picker-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;padding:0 .55rem 0 .45rem;font-size:.68rem;font-weight:600}.pay-picker button{min-height:2rem;color:var(--ink-muted);cursor:pointer;border-radius:999px;padding:.35rem .75rem;font-size:.8rem;font-weight:500;transition:color .25s;position:relative}.pay-picker button:hover,.pay-picker button[aria-checked=true]{color:var(--ink)}.pay-picker button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.pay-picker-active{background:var(--surface-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;position:absolute;inset:0}.meter-track{background:var(--surface-strong);height:.45rem;box-shadow:inset 0 1px 2px var(--shadow-tint);border-radius:999px;overflow:hidden}.meter-track span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, var(--canvas)), var(--accent));width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1);display:block}[dir=rtl] .meter-track span{transform-origin:100%}.meter-track span.meter-warn{background:linear-gradient(90deg,#f0b35a,#d97706)}.status-badge{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;flex:none;align-items:center;gap:.4rem;padding:.25rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.status-badge i{background:currentColor;border-radius:999px;width:.45rem;height:.45rem}.status-active{color:color-mix(in srgb, var(--accent) 85%, var(--ink))}.status-active i{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent)}.status-grace{color:#b45309}:root[data-theme=dark] .status-grace{color:#f0b35a}.status-expired{color:var(--ink-muted)}.key-secret{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.9rem;align-items:center;gap:.25rem;padding:.35rem .35rem .35rem .8rem;display:flex}.key-secret code{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.8rem;overflow:hidden}.key-secret button{width:2.25rem;height:2.25rem;color:var(--ink-muted);cursor:pointer;border-radius:.65rem;place-items:center;transition:color .2s,background .2s;display:grid}.key-secret button:hover{color:var(--ink);background:var(--surface-strong)}.key-secret button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.key-windows{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;gap:.7rem;padding:.9rem 1rem;display:grid}.key-window{gap:.35rem;display:grid}.key-actions{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding-top:1rem;display:flex}.key-actions-secondary{gap:.25rem;margin-inline-start:auto;display:flex}.topup-group{align-items:center;gap:.4rem;display:flex}.topup-group label{height:2.5rem;color:var(--ink-muted);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.8rem;align-items:center;gap:.3rem;padding:0 .75rem;display:flex}.topup-group label:focus-within{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.topup-group input{width:4.75rem;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;outline:none}.action-primary,.action-secondary,.action-ghost{cursor:pointer;border-radius:.8rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:transform .25s cubic-bezier(.32,.72,0,1),background .25s,box-shadow .25s,opacity .2s,color .2s;display:inline-flex}.action-primary{color:var(--canvas);background:var(--ink);box-shadow:0 8px 20px var(--shadow-tint)}.action-primary:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.action-secondary{color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline)}.action-secondary:hover:not(:disabled){background:var(--surface-strong);transform:translateY(-1px)}.action-ghost{min-height:2.25rem;color:var(--ink-muted);padding:.4rem .7rem;font-weight:500}.action-ghost:hover:not(:disabled){color:var(--ink);background:var(--surface)}.action-danger:hover:not(:disabled){color:#dc2626;background:#dc262617}.action-primary:active:not(:disabled),.action-secondary:active:not(:disabled),.action-ghost:active:not(:disabled){transform:scale(.97)}.action-primary:disabled,.action-secondary:disabled,.action-ghost:disabled{opacity:.45;cursor:not-allowed}.action-primary:focus-visible,.action-secondary:focus-visible,.action-ghost:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.plan-card-featured{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent), 0 24px 60px var(--shadow-tint);background:radial-gradient(20rem 10rem at 100% 0%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), var(--canvas)}.plan-card-flag{top:-.7rem;color:var(--canvas);background:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:1.25rem}.plan-windows{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;padding:.85rem 1rem}.plan-card{flex-direction:column;display:flex}.plan-grid{align-items:stretch}.key-card{flex-direction:column;display:flex}.card-spacer{flex:auto}@media (max-width:767px){.dashboard-hero{flex-direction:column;align-items:stretch;padding:1.15rem}.dashboard-hero-actions{justify-content:flex-start}.endpoint-chip{justify-content:space-between;width:100%}.endpoint-chip code{flex:1}.dashboard-stats{grid-template-columns:1fr 1fr}.dashboard-stats>div:last-child{grid-column:1/-1}.pay-picker-label{display:none}.panel-head>div{width:100%}}.keys-empty{background:radial-gradient(26rem 12rem at 0% 0%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.4rem;flex-direction:column;padding:clamp(1.25rem,3vw,1.75rem);display:flex}.keys-empty-head{align-items:flex-start;gap:1rem;display:flex}.keys-empty-icon{width:2.75rem;height:2.75rem;color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;flex:none;place-items:center;display:grid}.keys-empty-plans{grid-template-columns:repeat(auto-fit,minmax(11.5rem,1fr));gap:.85rem;margin-top:1.5rem;display:grid}.keys-empty-plan{background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.1rem;flex-direction:column;padding:1.1rem;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;display:flex;position:relative}.keys-empty-plan:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent), 0 18px 40px var(--shadow-tint);transform:translateY(-2px)}.keys-empty-plan.is-featured{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent), 0 18px 40px var(--shadow-tint)}@media (prefers-reduced-motion:reduce){.keys-empty-plan{transition:none}}@media (max-width:767px){.keys-empty-head{flex-direction:column;gap:.75rem}.keys-empty-plans{grid-template-columns:1fr;gap:.6rem}.keys-empty-plan{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:.75rem;padding:.9rem 1rem;display:grid}.keys-empty-plan>p{grid-column:1;margin-top:0}.keys-empty-plan .card-spacer{display:none}.keys-empty-plan>button{white-space:nowrap;grid-area:1/2/span 3;width:auto;margin-top:0}.keys-empty-plan .plan-card-flag{inset-inline-start:.85rem}}.key-logs-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000061;justify-content:flex-end;display:flex;position:fixed;inset:0}.key-logs-sheet{background:var(--canvas);width:min(52rem,100%);height:100%;box-shadow:-30px 0 80px #00000040, inset 1px 0 0 var(--hairline);flex-direction:column;display:flex}[dir=rtl] .key-logs-overlay{justify-content:flex-start}.key-logs-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem 1rem;display:flex}.key-logs-icon{width:2.5rem;height:2.5rem;color:var(--ink-muted);cursor:pointer;border-radius:.8rem;place-items:center;transition:color .2s,background .2s;display:grid}.key-logs-icon:hover:not(:disabled){color:var(--ink);background:var(--surface)}.key-logs-icon:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.key-logs-icon:disabled{opacity:.5;cursor:progress}.key-logs-hint{color:var(--ink-soft);background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:.9rem;margin:1rem 1.5rem 0;padding:.75rem .9rem;font-size:.78rem;line-height:1.55}.key-logs-body{overscroll-behavior:contain;flex:1;min-height:0;padding:1rem 1.5rem 1.5rem;overflow:auto}.key-logs-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.82rem}.key-logs-table th{z-index:1;color:var(--ink-muted);letter-spacing:.08em;text-align:start;text-transform:uppercase;background:var(--canvas);border-bottom:1px solid var(--hairline);padding:.6rem;font-size:.66rem;font-weight:600;position:sticky;top:-1rem}.key-logs-table td{color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb, var(--hairline) 60%, transparent);white-space:nowrap;padding:.6rem}.key-logs-table tbody tr{transition:background .15s}.key-logs-table tbody tr:hover{background:var(--surface)}.key-logs-table .num{text-align:end;font-variant-numeric:tabular-nums}.key-logs-time{font-variant-numeric:tabular-nums;color:var(--ink-muted)!important}.key-logs-model{text-overflow:ellipsis;max-width:14rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;overflow:hidden;color:var(--ink)!important}.key-logs-charged{font-weight:600;color:var(--ink)!important}.key-logs-skeleton{gap:.5rem;display:grid}.key-logs-skeleton span{border-radius:.6rem;height:2.25rem}.key-logs-empty,.key-logs-error{color:var(--ink-muted);text-align:center;padding:3rem 1rem;font-size:.9rem}.key-logs-error{padding:1rem}@media (max-width:640px){.key-logs-head{padding:1.1rem 1rem .9rem}.key-logs-hint{margin:.8rem 1rem 0}.key-logs-body{padding:.8rem 1rem 1.25rem}.key-logs-table thead{display:none}.key-logs-table,.key-logs-table tbody{display:block}.key-logs-table tr{border-bottom:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem .5rem;padding:.8rem .2rem;display:grid}.key-logs-table td{white-space:normal;border:0;flex-direction:column;gap:.1rem;padding:0;display:flex;text-align:start!important}.key-logs-table td:before{content:attr(data-label);color:var(--ink-muted);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:600}.key-logs-table td.key-logs-time{grid-column:1/3}.key-logs-table td.key-logs-model{overflow-wrap:anywhere;grid-column:3/5;max-width:none}}.key-limit{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;padding:.85rem 1rem}.key-limit-link{color:var(--ink-soft);cursor:pointer;border-radius:.5rem;align-items:center;gap:.3rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;transition:color .2s,background .2s;display:inline-flex}.key-limit-link:hover:not(:disabled){color:var(--ink);background:var(--surface-strong)}.key-limit-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);outline:none}.key-limit-link:disabled{opacity:.5}.key-limit-editor{gap:.65rem;margin-top:.7rem;display:grid}.key-limit-preset{min-height:2rem;color:var(--ink-soft);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border-radius:999px;padding:.25rem .7rem;font-size:.78rem;font-weight:600;transition:box-shadow .2s,color .2s}.key-limit-preset:hover,.key-limit-preset.is-active{color:var(--ink);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 60%, transparent)}.key-limit-input{background:var(--canvas);height:2.5rem;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.8rem;align-items:center;gap:.5rem;padding:0 .8rem;display:flex}.key-limit-input:focus-within{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.key-limit-input input{width:6rem;min-width:0;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;outline:none;flex:1}.key-limit-input span{color:var(--ink-muted);white-space:nowrap;font-size:.78rem}.export-group{align-items:center;gap:.35rem;display:inline-flex}.export-group select{height:2.25rem;color:var(--ink-soft);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border-radius:999px;outline:none;padding:0 .6rem;font-size:.8rem}.export-group select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.action-ghost,.action-primary,.action-secondary{white-space:nowrap}.key-actions-secondary{flex-wrap:wrap;justify-content:flex-end}.tg-banner{background:linear-gradient(135deg, color-mix(in srgb, #2aa3e0 12%, var(--surface)), var(--surface));border-radius:1.2rem;flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 1.15rem;display:flex;box-shadow:inset 0 0 0 1px #2aa3e047}.tg-banner-icon{color:#fff;background:linear-gradient(#2aa3e0,#1d8ccb);border-radius:999px;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid;box-shadow:0 6px 16px #229ed94d}.tg-banner .tg-link{justify-items:end}.account-rows{gap:.75rem;display:grid}.account-row{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.2rem;align-items:flex-start;gap:.9rem;padding:1.1rem 1.2rem;display:flex}.account-row-icon{width:2.4rem;height:2.4rem;color:var(--accent);background:var(--accent-soft);border-radius:999px;flex:none;place-items:center;display:grid}.account-row-label{color:var(--ink-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.7rem;font-weight:600}.account-row-value{color:var(--ink);overflow-wrap:anywhere;margin-top:.2rem;font-size:.95rem;font-weight:600}.account-row-note{color:var(--ink-soft);margin-top:.25rem;font-size:.85rem;line-height:1.5}.account-email-form{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.account-email-form input{height:2.5rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.8rem;outline:none;flex:14rem;padding:0 .85rem}.account-email-form input:focus-visible{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}@media (max-width:767px){.tg-banner .tg-link{justify-items:start}}.workspace-switch{color:var(--ink-muted);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.2rem .35rem .2rem .6rem;display:inline-flex}.workspace-switch select{max-width:14rem;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;outline:none;padding:.2rem .3rem;font-size:.8rem;font-weight:600}.workspace-switch select:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent)}.workspace-role{color:var(--ink-soft);background:var(--surface-strong);border-radius:999px;padding:.15rem .5rem;font-size:.68rem;font-weight:700}.team-create{justify-items:start;gap:.75rem;display:grid}.team-inline-form{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.team-inline-form input{height:2.6rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.8rem;outline:none;flex:16rem;padding:0 .85rem}.team-inline-form input:focus-visible{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.team-role-select{height:2.4rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);cursor:pointer;border-radius:.7rem;outline:none;padding:0 .6rem;font-size:.82rem}.team-members{gap:.5rem;display:grid}.team-members li{background:var(--canvas);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;align-items:center;gap:.8rem;padding:.75rem .9rem;display:flex}.team-avatar{width:2.2rem;height:2.2rem;color:var(--canvas);background:var(--accent);font:500 1rem/1 var(--font-serif);border-radius:999px;flex:none;place-items:center;display:grid}.team-avatar-pending{color:var(--ink-muted);background:var(--surface-strong)}.team-role{color:var(--ink-soft);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700}.team-role-owner{color:var(--canvas);background:var(--ink);box-shadow:none}.team-invite{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.2rem;gap:.75rem;padding:1.1rem;display:grid}.team-invite-result{gap:.5rem;display:grid}.team-invite,.team-invite-result,.team-members,.team-members li,.key-secret,.dashboard-panel,.team-members li>div{min-width:0}@media (max-width:560px){.team-inline-form>*{flex:100%}.team-inline-form .team-role-select{flex:auto}}.team-keys-form{background:color-mix(in srgb, var(--surface) 65%, transparent);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1.1rem;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,.9fr) auto;align-items:end;gap:.6rem;padding:1rem;display:grid}.team-keys-field{gap:.35rem;min-width:0;display:grid}.team-keys-field>span{color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:600}.team-keys-field input{height:2.5rem;color:var(--ink);background:var(--surface);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:.8rem;outline:none;padding:0 .8rem}.team-keys-field input:focus-visible{box-shadow:inset 0 0 0 1px var(--accent), 0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.team-keys-submit{height:2.5rem}.team-key-list{gap:.6rem;display:grid}.team-key-list li{background:var(--canvas);min-width:0;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:1rem;gap:.6rem;padding:.9rem 1rem;display:grid}.workspace-switch .ui-select-button{box-shadow:none;background:0 0}@media (max-width:900px){.team-keys-form{grid-template-columns:1fr 1fr}.team-keys-submit{grid-column:1/-1}}@media (max-width:560px){.team-keys-form{grid-template-columns:1fr}}.key-card{min-width:0}.key-actions{flex-wrap:wrap;row-gap:.5rem}.key-secret code{text-overflow:ellipsis;min-width:0;overflow:hidden}.endpoint-chip{min-width:0;max-width:100%}.endpoint-chip code{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.endpoint-chip svg{flex:none}@media (max-width:420px){.endpoint-chip-label{display:none}}