:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--border-color:#d7dbe0;--text-color:#1f2328;--text-muted:#57606a;--blue:#0969da;--blue-dark:#0757ba;--blue-tint:#f1f8ff;--red:#cf222e;--bg:#fff;--bg-page:#f6f8fa;--shadow:0 1px 2px #1f23280f, 0 1px 6px #1f23280a}*,:before,:after{box-sizing:border-box}body{color:var(--text-color);background:var(--bg-page);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}#root{min-height:100vh}.page{flex-direction:column;gap:20px;max-width:880px;margin:0 auto;padding:32px 24px 64px;display:flex}.panel{background:var(--bg);border:1px solid var(--border-color);box-shadow:var(--shadow);border-radius:10px;padding:20px 24px}.panel--accent{background:linear-gradient(180deg, var(--blue-tint) 0%, var(--bg) 90px);border-color:#bcd9f7}.panel__title{margin:0 0 4px;font-size:15px;font-weight:600}.panel__subtitle{color:var(--text-muted);margin:0 0 16px;font-size:13px;line-height:1.5}.input{border:1px solid var(--border-color);color:var(--text-color);background:var(--bg);border-radius:6px;padding:8px 12px;font-size:14px;transition:border-color .12s}.input:focus{outline:2px solid var(--blue);outline-offset:1px}.input--search{flex:1;width:100%;padding-right:34px}.search-input-wrapper{flex:1;display:flex;position:relative}.search-clear-button{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.search-clear-button:hover{background:var(--bg-page);color:var(--text-color)}.search-clear-button[hidden]{display:none}.button{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s}.button--primary{background:var(--blue);color:#fff}.button--primary:hover:not(:disabled){background:var(--blue-dark)}.button--outline{border-color:var(--blue);color:var(--blue);background:0 0}.button--outline:hover:not(:disabled){background:var(--blue-tint)}.button--danger{border-color:var(--red);color:var(--red);background:0 0}.button--danger:hover:not(:disabled){background:#fff0f0}.button:disabled{color:var(--text-muted);cursor:not-allowed;background:#eceef1;border-color:#eceef1}.status{min-height:20px;color:var(--text-muted);opacity:0;margin:0;padding:0 4px;font-size:13px;transition:opacity .12s}.status--visible{opacity:1}.status--error{color:var(--red)}.entries{min-height:96px}.empty-state{color:var(--text-muted);text-align:center;margin:0;padding:24px 8px;font-size:14px}.entry-row{border-bottom:1px solid var(--border-color);background-color:var(--bg);border-radius:6px;grid-template-columns:minmax(160px,1fr) auto auto;align-items:center;gap:16px;padding:12px 4px;transition:background-color 1.2s;display:grid}.entry-row:hover{background-color:var(--bg-page)}.entry-row--highlight,.entry-row--highlight:hover{background-color:#fff6c2;transition:background-color .2s}.entry-row:last-child{border-bottom:none}.entry-row--pending{opacity:.5;pointer-events:none}.entry-row__key{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.entry-row__value-wrapper{flex-direction:column;gap:4px;display:flex}.entry-row__actions{gap:8px;display:flex}.input--invalid,.input--invalid:focus{border-color:var(--red);outline-color:var(--red)}.field-error{min-height:16px;color:var(--red);margin:0;font-size:12px;line-height:16px}.value-table{flex-direction:column;gap:4px;max-width:240px;display:flex}.value-table__row{grid-template-columns:64px 1fr;align-items:center;gap:8px;display:grid}.value-table__label{color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.value-table__input{border:1px solid var(--border-color);border-radius:6px;width:100%;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.wizard{flex-direction:column;gap:14px;display:flex}.wizard__key-row{align-items:center;gap:16px;display:flex}.wizard__checkbox{cursor:pointer;align-items:center;gap:6px;font-size:14px;display:flex}.wizard__field{flex-direction:column;gap:4px;max-width:420px;display:flex}.wizard__field[hidden]{display:none}.wizard__field label{font-size:13px;font-weight:600}.wizard .button{align-self:flex-start}.confirm-dialog{box-shadow:var(--shadow);border:none;border-radius:10px;width:calc(100% - 32px);max-width:380px;padding:22px 24px}.confirm-dialog::backdrop{background:#0f172a73}.confirm-dialog__message{margin:0 0 20px;font-size:14px;line-height:1.5}.confirm-dialog__actions{justify-content:flex-end;gap:8px;display:flex}
