:root{font-family:Arial,"Segoe UI",sans-serif;color:#333;background:#fff;font-size:13px}*{box-sizing:border-box}body{margin:0}header{height:39px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #eee;font-size:12px}header a{color:#276a9a;text-decoration:none}header button{margin-left:auto;border:0;background:#fff;color:#276a9a;cursor:pointer}#gateway-status{color:#777}main{display:flex;min-height:calc(100vh - 39px)}.listing{flex:1;min-width:0;padding:26px 4%}.listing h1{font-size:24px;margin:0 0 13px}.tools{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px;color:#666}.tools span{background:#f5f5f5;border-radius:13px;padding:5px 9px}.tools input{border:1px solid #ddd;padding:7px 9px;border-radius:3px;min-width:180px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:12px}th{text-align:left;color:#777;font-weight:400;padding:7px;border-bottom:1px solid #ddd}td{border:1px solid #eee;padding:6px 7px;height:29px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td:first-child{border-left:0}td:last-child{border-right:0}tr[data-id]{cursor:pointer}tr[data-id]:hover{background:#f7faff}tr.selected{outline:1px solid #3085d5;background:#f3f9ff}.badge{display:inline-block;border-radius:3px;background:#dcecff;color:#31547d;padding:2px 5px}.badge.green{background:#d9f0e4;color:#2d614b}.badge.amber{background:#f7e8bb;color:#78602a}.badge.gray{background:#eee;color:#555}.detail{width:400px;flex:none;border-left:1px solid #eee;padding:28px 27px;overflow:auto;height:calc(100vh - 39px)}.detail.hidden{display:none}.detail h2{font-size:23px;margin:0 0 4px}.detail small{color:#777}.detail .close{float:right;border:0;background:none;font-size:20px;color:#777;cursor:pointer}.properties{width:100%;margin:24px 0 18px}.properties th,.properties td{border:0;padding:7px 3px;height:auto}.properties th{width:35%;color:#777}.detail h3{font-size:13px;margin:19px 0 7px}.detail code{font-family:Consolas,monospace;font-size:11px}.detail pre{background:#f7f8fa;border:1px solid #e6e8ea;border-radius:4px;padding:11px;overflow:auto;font:11px/1.5 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.detail input{width:100%;border:1px solid #ddd;padding:8px}.detail button.action,.primary{border:1px solid #aaa;background:#fff;padding:6px 11px;border-radius:3px;cursor:pointer}.detail button.action{margin:8px 0}.response{max-height:250px;overflow:auto}.error{color:#b33}dialog{border:1px solid #ddd;border-radius:5px;padding:0;width:min(390px,95vw);box-shadow:0 15px 45px #0003}dialog::backdrop{background:#0006}dialog form{padding:20px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:none;font-size:22px}dialog p{font-size:12px;color:#666}dialog label{display:block;margin-top:12px;font-size:12px}dialog input{display:block;margin-top:5px;width:100%;padding:8px;border:1px solid #ccc}.primary{margin-top:10px;background:#2876ac;color:white;border-color:#2876ac;width:100%}@media(max-width:800px){.listing{padding:20px 12px}.detail{position:fixed;right:0;top:39px;bottom:0;width:min(400px,95vw);box-shadow:-8px 0 30px #0002}#gateway-status{display:none}}
td.key-cell{white-space:nowrap}td.key-cell code{font:11px Consolas,monospace}td.key-cell button{border:0;background:transparent;color:#276a9a;font-size:11px;cursor:pointer;padding:0 3px}
table{min-width:1160px}th:nth-child(1){width:190px}th:nth-child(7){width:245px}th:nth-child(8){width:165px}td.key-cell{overflow:visible}
.detail label{display:block;margin:9px 0;font-size:12px}.actions{display:flex;gap:7px}.actions .action{margin:5px 0}.detail h3{margin:16px 0 7px}header #gateway-status{margin-left:auto}header button{margin-left:0}
.tools{justify-content:space-between}body,button,input,table,code,pre,.detail code,.detail pre,td.key-cell code{font-family:Arial,sans-serif}
.listing{padding-top:30px}.listing h1{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:700;line-height:1.2;margin-bottom:10px}.page-icon{display:block;object-fit:cover;border-radius:4px;width:36px;height:36px}.view-chip{display:inline-flex!important;align-items:center;gap:5px;background:#f1f1f1!important;color:#333!important;border-radius:14px!important;padding:5px 10px!important}.tools{margin-bottom:10px}.tools input{font-size:11px;min-width:180px;padding:6px 8px}.table-wrap table{font-size:11px;min-width:1160px}.table-wrap th{font-size:11px;color:#777;padding:5px 7px;border-bottom:1px solid #e9e9e9;white-space:nowrap}.column-icon{color:#888;margin-right:3px}.table-wrap td{height:28px;padding:4px 7px;border-color:#ececec}.table-wrap tr.selected{outline:1px solid #2e78e6;background:#f7fbff}.table-wrap tr[data-id]:hover{background:#f7fbff}.row-icon{width:12px;height:12px;vertical-align:-2px;margin-right:2px}.table-wrap .badge{font-size:11px;line-height:1.2;padding:1px 4px;border-radius:3px}.table-wrap .badge.amber{border-radius:12px;background:#f6e9c7}.table-wrap .badge.amber::before{content:'●';font-size:8px;color:#d7a63d;margin-right:4px}.table-wrap .badge.green{background:#e0f1e8}.table-wrap .badge.gray{background:#ededed}td.key-cell code{font-size:11px}header a{display:inline-flex;align-items:center;gap:4px}header a img{width:14px;height:14px}
.listing h1{color:#2f2f2d;font-weight:700}.table-wrap th{font-weight:400;color:#787774}.table-wrap td{color:#37352f;font-weight:400}.table-wrap td:first-child{font-weight:500}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.tool-button{display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:#8a8986;font-size:15px;line-height:1;cursor:pointer}.tool-button:hover,.tool-button.active{background:#f1f1f0;color:#37352f}.search-input{width:160px!important;min-width:160px!important;height:26px;margin-left:4px;border:1px solid #ddd!important;border-radius:4px!important}.search-input[hidden]{display:none}.page-icon{filter:brightness(.9)}
.api-name{font-family:Arial,sans-serif;font-size:12px;font-weight:600;color:#2f2f2d}.status-badge{border-radius:12px!important}.status-badge::before{content:'●';font-size:8px;margin-right:4px}.status-badge.active-status{background:#d7eafa;color:#315b7d}.status-badge.active-status::before{color:#2f8edb}.status-badge.paused-status{background:#f6e9c7;color:#78602a}.status-badge.paused-status::before{color:#d7a63d}.status-badge.cancelled-status{background:#f1dddd;color:#8c3d3d}.status-badge.cancelled-status::before{color:#c85c5c}