:root{--biru: #3c8dbc;--hijau: #00a65a;--abu-latar: #ecf0f5;--abu-garis: #e3e6ec;--abu-teks: #6b7785;--teks: #333c46;--merah: #dd4b39;--kuning: #f39c12;--konsol: #1d2229;--konsol-teks: #7ee787}*{box-sizing:border-box}body{margin:0;background:var(--abu-latar);color:var(--teks);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 18px;background:#fff;border-bottom:3px solid var(--biru)}.topbar-judul{font-size:18px;font-weight:600}.topbar-sub{margin-left:10px;font-size:12px;font-weight:400;color:var(--abu-teks)}.topbar-kanan{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.topbar-field{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--abu-teks)}.topbar-field input{width:240px}.token-ok,.token-kosong{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 10px;border-radius:3px;background:#f6f8fa;border:1px solid var(--abu-garis)}.token-teks{font-family:Consolas,monospace}.titik{width:9px;height:9px;border-radius:50%;background:var(--hijau);display:inline-block}.titik.merah{background:var(--merah)}.bilah-pesan{padding:8px 18px;background:#fcf8e3;border-bottom:1px solid #faebcc;color:#8a6d3b;cursor:pointer;font-size:13px}.bilah-pesan .tutup{float:right;text-decoration:underline}.isi{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:280px;flex:0 0 280px;background:#fff;border-right:1px solid var(--abu-garis);display:flex;flex-direction:column;min-height:0}.sidebar-cari{padding:10px;border-bottom:1px solid var(--abu-garis)}.sidebar-cari input{width:100%}.sidebar-daftar{overflow-y:auto;padding-bottom:20px}.sidebar-grup-judul{padding:10px 12px 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--abu-teks)}.sidebar-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;border:0;background:none;text-align:left;cursor:pointer;font-size:13px;color:var(--teks);border-left:3px solid transparent}.sidebar-item:hover{background:#f4f7fa}.sidebar-item.aktif{background:#eaf3f9;border-left-color:var(--biru);font-weight:600}.sidebar-item-teks{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-kosong{padding:16px 12px;color:var(--abu-teks)}.utama{flex:1;min-width:0;overflow-y:auto;display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.1fr);gap:16px;padding:16px;align-items:start}.kolom-kanan{display:flex;flex-direction:column;gap:16px;min-width:0}@media(max-width:1200px){.utama{grid-template-columns:1fr}.sidebar{width:220px;flex-basis:220px}}.kartu{background:#fff;border-top:3px solid var(--biru);border-radius:3px;box-shadow:0 1px 1px #00000014;min-width:0}.kartu-kepala{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--abu-garis)}.kartu-kepala h2{margin:0;font-size:16px;font-weight:600;display:flex;align-items:center;gap:8px}.jalur{font-family:Consolas,monospace;font-size:12px;color:var(--abu-teks);background:#f6f8fa;padding:3px 7px;border-radius:3px}.kartu-catatan{margin:0;padding:10px 16px;background:#f9fbfd;border-bottom:1px solid var(--abu-garis);font-size:12.5px;color:var(--abu-teks);line-height:1.55}.kartu-isi{padding:14px 16px}.kartu-kaki{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--abu-garis);background:#fafbfc;flex-wrap:wrap}.bagian+.bagian{margin-top:18px}.bagian-judul{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--abu-teks);margin-bottom:8px;padding-bottom:4px;border-bottom:1px dashed var(--abu-garis)}.field{margin-bottom:10px}.field label{display:block;font-size:12.5px;margin-bottom:4px;color:var(--abu-teks)}.wajib{color:var(--merah);margin-left:3px}input,select,textarea{width:100%;padding:7px 10px;border:1px solid #ccd3da;border-radius:3px;font-size:13px;font-family:inherit;color:var(--teks);background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--biru);box-shadow:0 0 0 2px #3c8dbc1f}.kosong-teks{color:var(--abu-teks);font-size:13px;margin:4px 0}.btn{border:0;border-radius:3px;padding:8px 16px;font-size:13px;color:#fff;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-hijau{background:var(--hijau)}.btn-biru{background:var(--biru)}.btn-abu{background:#8795a1}.btn-kecil{padding:3px 9px;font-size:11px}.metode{font-family:Consolas,monospace;font-size:10.5px;font-weight:700;padding:2px 6px;border-radius:3px;color:#fff;letter-spacing:.3px}.m-get{background:#3c8dbc}.m-post{background:#00a65a}.m-put{background:#f39c12}.m-delete{background:#dd4b39}.lencana{font-size:11px;padding:2px 8px;border-radius:10px;background:#eef2f6;color:var(--abu-teks)}.lencana.kuning{background:#fcf3d8;color:#8a6d3b}.alamat{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f6f8fa;border:1px solid var(--abu-garis);border-radius:3px;margin-bottom:14px;overflow-x:auto}.alamat code{font-family:Consolas,monospace;font-size:12px;white-space:nowrap}.json-box{font-family:Consolas,monospace;font-size:12.5px;line-height:1.55;resize:vertical}.json-box.kosong{color:var(--abu-teks);background:#f6f8fa;padding:12px;border:1px dashed var(--abu-garis);border-radius:3px}.json-box.salah{border-color:var(--merah)}.json-salah{margin-top:6px;color:var(--merah);font-size:12px}.status{font-family:Consolas,monospace;font-size:12px;font-weight:700;padding:3px 9px;border-radius:3px;color:#fff}.status.kecil{font-size:11px;padding:1px 6px}.s-ok{background:var(--hijau)}.s-peringatan{background:var(--kuning)}.s-gagal{background:var(--merah)}.s-mati{background:#6b7785}.waktu{font-size:12px;color:var(--abu-teks)}.ringkasan{display:flex;flex-direction:column;gap:3px;padding:10px 16px;font-size:13px;border-bottom:1px solid var(--abu-garis)}.ringkasan span{font-size:12.5px;line-height:1.5}.r-ok{background:#eaf7ef;color:#1c7b47}.r-peringatan{background:#fcf8e3;color:#8a6d3b}.r-gagal{background:#fdecea;color:#a72f22}.tab-bar{display:flex;gap:2px;padding:8px 16px 0;border-bottom:1px solid var(--abu-garis)}.tab-bar button{border:1px solid transparent;border-bottom:0;background:none;padding:6px 14px;font-size:12.5px;cursor:pointer;color:var(--abu-teks);border-radius:3px 3px 0 0}.tab-bar button.aktif{background:#fff;border-color:var(--abu-garis);color:var(--teks);font-weight:600;margin-bottom:-1px}.konsol{margin:0;padding:14px;background:var(--konsol);color:var(--konsol-teks);border-radius:3px;font-family:Consolas,monospace;font-size:12.5px;line-height:1.55;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-word}.riwayat{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto}.riwayat-baris{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--abu-garis);border-radius:3px;background:#fff;cursor:pointer;text-align:left;font-size:12px}.riwayat-baris:hover{background:#f4f7fa}.riwayat-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,monospace}.riwayat-waktu{color:var(--abu-teks)}