:root{--bg: #f5f6f8;--surface: #ffffff;--border: #dde1e6;--text: #1c2126;--text-muted: #5b6572;--primary: #1a5fb4;--primary-hover: #154a8f;--danger: #c0392b;--ok-bg: #e7f6ec;--ok-text: #1e7a3a;--err-bg: #fdecea;--err-text: #a3271b;--warn-bg: #fff4dd;--warn-text: #8a5a00;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #14171a;--surface: #1d2126;--border: #2e343b;--text: #e7ebee;--text-muted: #9aa4ae;--primary: #5b9bd9;--primary-hover: #7cb0e3;--danger: #e07a6c;--ok-bg: #133020;--ok-text: #7fd99a;--err-bg: #331615;--err-text: #f2a49b;--warn-bg: #332a10;--warn-text: #e8c473;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.app{max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}.app__header h1{margin:0 0 .25rem;font-size:1.6rem}.app__header p{color:var(--text-muted);margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.25rem}.card h2{margin-top:0;font-size:1.15rem}.card__description{color:var(--text-muted);font-size:.92rem;margin-top:-.25rem}.method-line{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;font-size:.85rem}.method-line code{color:var(--text-muted)}.method{font-weight:700;padding:.1rem .5rem;border-radius:5px;font-size:.75rem;color:#fff}.method--get{background:#2f9e44}.method--post{background:#1a5fb4}.method--delete{background:#c0392b}.field{margin-bottom:.9rem;display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.85rem;font-weight:600}.required{color:var(--danger);margin-left:.2rem}.field__help{font-size:.78rem;color:var(--text-muted);margin:0}input,select,textarea{background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;color:var(--text);font-size:.92rem;font-family:inherit}textarea{min-height:4.5rem;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:1px}fieldset{border:1px dashed var(--border);border-radius:8px;margin:1rem 0;padding:.8rem 1rem 1rem}fieldset legend{font-size:.85rem;font-weight:700;padding:0 .4rem}.subrow{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.6rem}.subrow--block{flex-direction:column;align-items:stretch;border:1px solid var(--border);border-radius:6px;padding:.6rem}.subrow input:not([type=checkbox]){flex:1 1 140px}input[type=checkbox]{width:auto;flex:0 0 auto;padding:0}.checkbox-row{display:flex;align-items:center;gap:.4rem;font-size:.85rem;margin:.3rem 0}.confirm-row{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--danger);margin-bottom:.8rem}button{background:var(--primary);color:#fff;border:none;border-radius:6px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:600;cursor:pointer}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.5;cursor:not-allowed}.btn-remove{background:transparent;color:var(--danger);border:1px solid var(--danger);padding:.3rem .6rem;font-size:.78rem}.btn-remove:hover{background:var(--err-bg)}fieldset>button[type=button]{background:transparent;color:var(--primary);border:1px solid var(--primary);margin-top:.3rem}.response{margin-top:1rem;border-radius:8px;padding:.75rem 1rem;font-size:.85rem}.response pre{white-space:pre-wrap;word-break:break-word;margin:.4rem 0 0}.response--loading{background:var(--warn-bg);color:var(--warn-text)}.response--ok{background:var(--ok-bg);color:var(--ok-text)}.response--error{background:var(--err-bg);color:var(--err-text)}.response__status{font-weight:700}.tabs{display:flex;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}.tab{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);font-weight:600}.tab--active{background:var(--primary);color:#fff;border-color:var(--primary)}.token-status{margin-top:.9rem}.badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.badge--ok{background:var(--ok-bg);color:var(--ok-text)}.badge--warn{background:var(--warn-bg);color:var(--warn-text)}.auth-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;align-items:end}.auth-form button{grid-column:1 / -1;justify-self:start}.app__footer{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.8rem}
