.api-console{max-width:1120px;color:var(--sr-ink);margin:0 auto}.api-console *{letter-spacing:0}.api-console-head{justify-content:space-between;align-items:center;gap:24px;display:flex}.api-console-head h1{margin:0;font-size:26px;font-weight:650;line-height:1.25}.api-console-head p{color:var(--sr-muted);margin-top:8px;font-size:14px;line-height:1.6}.api-button{border:1px solid var(--sr-line);min-height:38px;color:var(--sr-ink);cursor:pointer;background:#191d21;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.api-button:hover{background:#252b2f;border-color:#485149}.api-button-primary{color:#17210b;background:#b8ff5d;border-color:#b8ff5d}.api-button-primary:hover{background:#c7ff83;border-color:#c7ff83}.api-button-danger{color:#fff;background:#b6333d;border-color:#ce414a}.api-button-danger:hover{background:#cc3d47}.api-button:disabled,.api-icon-button:disabled{opacity:.5;cursor:not-allowed}.api-context{color:var(--sr-muted);flex-wrap:wrap;justify-content:space-between;gap:14px;padding:20px 0 28px;font-size:12px;display:flex}.api-context>span,.api-context nav,.api-context a{align-items:center;gap:7px;display:flex}.api-context nav{gap:20px}.api-context a:hover{color:var(--sr-ink);text-underline-offset:4px;text-decoration:underline}.api-context>span>svg{color:#a2be8d}.api-toolbar{border-top:1px solid var(--sr-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:20px 0;display:flex}.api-search{width:min(320px,100%);min-height:38px;color:var(--sr-muted);background:#111518;border:1px solid #3a4245;border-radius:6px;align-items:center;gap:10px;padding:0 11px;display:flex}.api-search input{width:100%;min-width:0;color:var(--sr-ink);background:0 0;border:0;flex:1;padding:9px 0;font-size:13px}.api-search input::placeholder{color:#8d9695}.settings-api .api-search input:focus-visible{box-shadow:none;border:0;outline:0}.api-search:focus-within{border-color:#788c65}.api-search button{border-radius:4px;place-items:center;width:24px;height:24px;display:grid}.api-filters{border:1px solid var(--sr-line);background:#111518;border-radius:6px;gap:3px;padding:3px;display:flex}.api-filters button{min-height:30px;color:var(--sr-muted);border-radius:4px;padding:0 12px;font-size:12px;font-weight:550}.api-filters button:hover{color:var(--sr-ink)}.api-filters button[aria-pressed=true]{color:#dcf4ca;background:#29322b}.api-key-section{border-block:1px solid var(--sr-line);position:relative}.api-key-table{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;font-size:12px}.api-key-table caption{position:absolute}.api-key-table th{color:#9aa6a3;background:#15191c;padding:13px 12px;font-size:11px;font-weight:600}.api-key-table td{color:var(--sr-muted);vertical-align:top;border-top:1px solid #242b2e;padding:17px 12px}.api-key-table th:first-child{width:25%}.api-key-table th:nth-child(2){width:22%}.api-key-table th:nth-child(5){width:96px}.api-key-table th:last-child{width:52px}.api-key-table tr:hover td{background:#151a1d}.api-name-cell strong{color:var(--sr-ink);overflow-wrap:anywhere;font-weight:550;line-height:1.6;display:block}.api-key-table code{font-family:var(--font-mono), monospace;color:#b5bfbd;overflow-wrap:anywhere;font-size:11px}.api-key-status{color:#a3afab;text-transform:capitalize;white-space:nowrap;align-items:center;gap:6px;padding:3px 0;font-size:11px;display:inline-flex}.api-key-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.api-key-status[data-state=active]{color:#b4d996}.api-key-status[data-state=expired]{color:#e4ba72}.api-actions-cell{text-align:right}.api-row-menu{text-align:left;display:inline-block;position:relative}.api-row-menu>summary,.api-icon-button{width:30px;height:30px;color:var(--sr-muted);cursor:pointer;border:1px solid #0000;border-radius:5px;place-items:center;padding:0;list-style:none;display:grid}.api-row-menu>summary::-webkit-details-marker{display:none}.api-mobile-dates summary::-webkit-details-marker{display:none}.api-row-menu[open]>summary,.api-row-menu>summary:hover,.api-icon-button:hover{color:var(--sr-ink);border-color:var(--sr-line);background:#242b2e}.api-menu-items{z-index:5;background:#1a2023;border:1px solid #3a4346;border-radius:6px;width:160px;padding:5px;position:absolute;top:34px;right:0;box-shadow:0 8px 24px #0005}.api-menu-items button{width:100%;min-height:36px;color:var(--sr-ink);text-align:left;border-radius:4px;align-items:center;gap:9px;padding:8px;font-size:12px;display:flex}.api-menu-items button:hover{background:#2c3437}.api-menu-items .api-revoke-action{color:#f1a4a8}.api-mobile-secret,.api-mobile-dates{display:none}.api-empty{color:var(--sr-muted);text-align:center;justify-items:center;gap:12px;padding:64px 20px;display:grid}.api-empty>svg{color:#819283}.api-empty h2{color:var(--sr-ink);font-size:16px;font-weight:600}.api-empty p{font-size:13px}.api-empty .api-button{margin-top:5px}.api-error{color:#ffb5b9;background:#2b1b1e;border:1px solid #603238;border-radius:6px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px;font-size:13px;line-height:1.6;display:flex}.api-error button{text-decoration:underline}.api-notice{color:#b4d996;align-items:center;gap:7px;margin-top:18px;font-size:13px;display:flex}.api-pagination{justify-content:center;padding:20px 0;display:flex}.api-modal{width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--sr-ink);background:#15191c;border:1px solid #3a4145;border-radius:8px;margin:auto;padding:28px;overflow-y:auto;box-shadow:0 24px 80px #0008}.api-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009}.api-modal-close{position:absolute;top:15px;right:15px}.api-modal h2{margin:0 25px 12px 0;font-size:20px;font-weight:600;line-height:1.4}.api-modal p{color:var(--sr-muted);overflow-wrap:anywhere;font-size:13px;line-height:1.65}.api-modal p strong{color:var(--sr-ink)}.api-modal form{margin:0}.api-modal label{margin:22px 0 8px;font-size:12px;font-weight:600;display:block}.api-key-name,.api-key-secret{width:100%;color:var(--sr-ink);background:#101416;border:1px solid #434c50;border-radius:6px;padding:11px 12px;font-size:13px;display:block}.api-key-secret{min-height:110px;font-family:var(--font-mono),monospace;overflow-wrap:anywhere;resize:vertical;margin-top:18px;font-size:12px;line-height:1.7}.api-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:26px;display:flex}.api-modal .api-error{color:#ffb5b9}.api-spin{animation:1s linear infinite api-spin}@keyframes api-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.api-spin{animation:none}}@media (max-width:1050px){.api-key-table .api-date-column{display:none}.api-mobile-dates{margin-top:8px;display:block}.api-mobile-dates summary{color:#9aa6a3;cursor:pointer;align-items:center;gap:5px;font-size:11px;list-style:none;display:inline-flex}.api-mobile-dates dl{gap:8px;margin-top:10px;font-size:11px;display:grid}.api-mobile-dates dt{color:#8b9792}.api-mobile-dates dd{margin-top:2px}.api-key-table th:first-child{width:auto}.api-key-table th:nth-child(2){width:30%}}@media (max-width:600px){.api-console-head{flex-direction:column;align-items:flex-start;gap:18px}.api-console-head h1{font-size:24px}.api-context{padding:20px 0}.api-toolbar{gap:12px}.api-search,.api-filters{width:100%}.api-filters button{flex:1}.api-key-table .api-secret-column{display:none}.api-mobile-secret{margin-top:5px;display:block}.api-key-table th,.api-key-table td{padding-inline:8px}.api-key-table th:nth-child(5){width:76px}.api-key-table th:last-child{width:38px}.api-key-table .api-actions-cell{padding-right:0}}