#keysPanel{padding:24px 0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:0}
.km-header,.km-toolbar,.km-notice,.km-pagination{padding-left:24px;padding-right:24px}.km-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.km-header h2{font-size:20px;margin:0 0 6px}.km-secondary,#keysCount{color:var(--muted);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.km-header-actions{display:flex;align-items:center;gap:12px}.km-header a{color:var(--blue);font-size:13px;text-decoration:none}.km-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.km-search{position:relative;flex:1;max-width:380px;min-width:0}.km-search input{width:100%;padding-left:38px!important}.km-search>span{position:absolute;left:12px;top:12px;display:flex;color:var(--muted);pointer-events:none}.km-toolbar select{width:140px}.km-toolbar .km-icon-button{margin-left:auto}
#keysPanel button,.km-dialog button{border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:none;letter-spacing:0}#keysPanel input,#keysPanel select,.km-dialog input,.km-dialog textarea{box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;line-height:1.4;padding:10px 12px;height:40px}#keysPanel button:disabled,.km-dialog button:disabled{opacity:.5;cursor:not-allowed}#keysPanel :focus-visible,.km-dialog :focus-visible{outline:2px solid var(--blue);outline-offset:2px}#keysPanel svg,.km-dialog svg{width:18px;height:18px;flex-shrink:0}.km-icon-button{width:40px;min-width:40px;padding:0!important;background:transparent!important;color:var(--muted)!important;border:1px solid var(--line)!important}
.km-table{width:100%;min-width:0}.km-table-head,.km-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(130px,1fr) 100px minmax(145px,1fr) 158px;gap:20px;align-items:center;padding:18px 24px}.km-table-head{padding-top:10px;padding-bottom:10px;background:var(--surface2);color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.km-row{border-bottom:1px solid var(--line2);min-height:100px}.km-row:hover{background:#fafbfc}.km-row:last-child{border-bottom:0}.km-name{display:grid;gap:3px;min-width:0}.km-name>strong{font-size:14px;font-weight:650;overflow-wrap:anywhere}.km-secret{display:flex;align-items:center;gap:8px;min-width:0}.km-secret>.mono{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.km-copy{height:30px!important;min-width:64px;padding:0 5px!important;border:0!important;background:transparent!important;color:var(--blue)!important;font-size:12px!important}.km-copy svg{width:14px!important;height:14px!important}.km-quota{display:grid;gap:3px}.km-quota strong{font-size:18px;line-height:1.4;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.km-quota small{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.km-warning{color:var(--amber)}.km-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}.km-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.km-status.ok{color:#16803c}.km-status.muted{color:var(--muted)}.km-expiry{font-size:13px;font-variant-numeric:tabular-nums}.km-actions{display:flex;justify-content:flex-end;gap:6px}.km-text-button{color:#344054!important;background:transparent!important;border:1px solid transparent!important;height:34px;padding:0 8px}.km-text-button:hover,.km-copy:hover{background:#f2f4f7!important}.km-mobile-label{display:none}.km-notice{font-size:13px;line-height:1.5;color:var(--green);margin:0 0 12px;overflow-wrap:anywhere}.km-notice:empty{display:none}.km-notice.bad{color:var(--red)}.km-empty{padding:48px 20px;display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;color:var(--muted)}.km-empty>svg{width:32px!important;height:32px!important;color:#98a2b3}.km-empty strong{font-weight:500;color:var(--ink)}.km-pagination{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:18px;font-size:12px;color:var(--muted)}.km-pagination>span{margin-right:10px}.km-pagination .km-icon-button{width:32px;min-width:32px;height:32px}
dialog.km-dialog{box-sizing:border-box;width:min(520px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;margin:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);overflow:auto;box-shadow:0 24px 72px rgba(16,24,40,.2);letter-spacing:0}.km-dialog::backdrop{background:rgba(16,24,40,.4);backdrop-filter:blur(5px)}.km-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.km-dialog h2{font-size:20px;line-height:1.4}.km-dialog header .km-icon-button{border:0!important;width:32px;height:32px;min-width:32px}.km-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.km-field{display:grid;gap:7px;min-width:0;margin:0 0 18px}.km-field label,.km-dialog legend{font-size:13px;font-weight:650;color:var(--ink)}.km-dialog input:not([type=radio]):not([type=checkbox]){width:100%}.km-mode legend{margin-bottom:10px}.km-mode-options{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:6px;overflow:hidden}.km-mode-options label{display:flex;gap:8px;align-items:center;min-height:44px;padding:10px;font-size:13px;line-height:1.5;cursor:pointer;margin:0;min-width:0}.km-mode-options label:has(input:checked){background:#eff6ff;color:#155eef}.km-mode-options label+label{border-left:1px solid var(--line)}.km-dialog input[type=radio],.km-dialog input[type=checkbox]{width:16px;height:16px;min-width:16px;flex:0 0 16px;margin:0;accent-color:var(--blue);padding:0}.km-quota-note{margin:10px 0 18px}.km-amount-input{display:flex;align-items:center;gap:8px}.km-amount-input>span{font-size:13px;color:var(--muted);flex:0 0 auto}.km-amount-input>input{max-width:220px}.km-advanced{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4px}.km-advanced summary{padding:14px 0;cursor:pointer;font-size:13px;color:#475467}.km-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding-top:4px}.km-check{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px}.km-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.km-dialog-footer>div{display:flex;gap:8px;margin-left:auto}.km-dialog .km-danger-link{color:var(--red);background:transparent;border:0;padding:0}.km-dialog .km-danger{background:#d92d20;color:#fff}.km-form-error{font-size:13px;line-height:1.6;color:var(--red);margin:12px 0 0;overflow-wrap:anywhere}.km-form-error:empty{display:none}.km-created{margin-top:16px}.km-created:empty{display:none}.km-success{text-align:center}.km-success-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:#16803c;background:#ecfdf3;border-radius:50%;margin-bottom:14px}.km-success h3{font-size:18px;margin-bottom:8px}.km-success>p{color:var(--muted);overflow-wrap:anywhere;margin-bottom:22px}.km-success>label{display:block;text-align:left;font-size:12px;color:var(--muted);margin-bottom:8px}.km-success textarea{height:90px;resize:none;width:100%;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.km-success>button{width:100%;margin-top:12px}.km-success>a{display:block;margin:18px 0 6px;color:var(--blue);font-size:13px}.km-delete-dialog>strong{display:block;margin:18px 0 8px;overflow-wrap:anywhere}.km-delete-dialog>p{font-size:13px;line-height:1.6;margin-top:10px}.km-delete-dialog .km-dialog-footer{justify-content:flex-end;margin-top:22px}.km-dialog [hidden],#keysPanel [hidden]{display:none!important}.is-loading svg{animation:km-spin .9s linear infinite}@keyframes km-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.is-loading svg{animation:none}}
.km-field{align-content:start}
@media(max-width:1100px){.km-table-head,.km-row{grid-template-columns:minmax(175px,1.7fr) minmax(115px,1fr) 80px minmax(130px,1fr) 145px;gap:12px}}
@media(max-width:800px){#keysPanel{padding-top:20px}.km-header,.km-toolbar,.km-notice,.km-pagination{padding-left:16px;padding-right:16px}.km-header-actions a{display:none}.km-header h2{font-size:18px}.km-header{margin-bottom:18px}.km-toolbar{flex-wrap:wrap;gap:8px}.km-search{max-width:none;flex:1 1 100%}.km-toolbar select{width:calc(100% - 48px)}.km-table-head{display:none!important}.km-row{padding:18px 16px;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;align-items:start}.km-name{grid-row:1;grid-column:1}.km-state{grid-row:1;grid-column:2;padding-top:3px}.km-quota{grid-row:2;grid-column:1}.km-expiry{grid-row:2;grid-column:2;text-align:right;max-width:145px}.km-actions{grid-column:1/-1;border-top:1px solid var(--line2);padding-top:10px;margin-top:0}.km-mobile-label{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.km-secret>.mono{max-width:140px}.km-quota strong{font-size:17px}.km-actions button{height:36px;padding:0 12px}.km-pagination{justify-content:center}}
@media(max-width:400px){dialog.km-dialog{padding:20px}.km-settings-grid{grid-template-columns:1fr}.km-mode-options{grid-template-columns:1fr}.km-mode-options label+label{border-left:0;border-top:1px solid var(--line)}.km-header{gap:8px}.km-header-actions button{padding:0 10px}.km-dialog input:not([type=radio]):not([type=checkbox]){font-size:16px}.km-secret{gap:2px}.km-secret>.mono{max-width:110px}}