.custom-api-page{min-height:calc(100vh - 110px)}.api-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px;padding:17px 20px;border:1px solid #e6eaf0;border-radius:16px;background:#fff;box-shadow:0 6px 22px rgba(31,45,68,.04)}.api-title span{color:#2f6fed;font-size:9px;font-weight:850;letter-spacing:1.2px}.api-title h1{margin:3px 0 0;color:#263248;font-size:21px}.api-tools{display:flex;align-items:center;gap:10px}.api-tools>select{width:190px;height:40px;margin:0}.api-refresh{width:40px;height:40px;border:1px solid #dfe5ed;border-radius:10px;background:#f8fafc;color:#667085;font-size:19px}.api-search{position:relative;width:235px;margin:0}.api-search span{position:absolute;left:12px;top:10px;color:#98a2b3}.api-search input{height:40px;margin:0;padding-left:34px}.api-add{height:40px;padding:0 16px;border:0;border-radius:10px;background:#2f6fed;color:#fff;font-weight:750}.api-batch{display:flex;align-items:center;gap:18px;margin-bottom:17px;padding:13px 18px;border:1px solid #e8ecf2;border-radius:14px;background:#fff;color:#7b8797;font-size:11px}.api-batch label{display:flex;align-items:center;gap:8px;margin:0}.api-batch input{width:auto;margin:0}.api-batch b{color:#2f6fed}.api-batch button{border:0;background:transparent;color:#667085;font-size:11px}.api-batch #apiBatchDelete{padding:7px 11px;border-radius:8px;background:#fff0f2;color:#d34c5d}.api-batch button:disabled{opacity:.45}.api-batch em{margin-left:auto;font-style:normal}.api-grid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:16px}.api-item{overflow:hidden;border:1px solid #e5eaf1;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(31,45,68,.035);transition:.2s}.api-item:hover{transform:translateY(-2px);box-shadow:0 13px 32px rgba(31,45,68,.08)}.api-card-head{display:flex;align-items:center;gap:9px;padding:16px 17px 13px;border-bottom:1px solid #f0f2f5}.api-card-head label{margin:0}.api-card-head input{width:auto;margin:0}.api-method{padding:5px 8px;border-radius:7px;background:#e9f3ff;color:#2670d8;font-size:9px;font-weight:850}.api-card-head>div{display:flex;min-width:0;flex:1;flex-direction:column}.api-card-head strong{overflow:hidden;color:#344054;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.api-card-head small{margin-top:3px;color:#98a2b3;font-size:9px}.api-health{display:grid;place-items:center;width:30px;height:18px;border-radius:12px;background:#dff7ee}.api-health b{width:7px;height:7px;border-radius:50%;background:#20b486}.api-health.off{background:#eef0f3}.api-health.off b{background:#98a2b3}.api-item dl{display:grid;gap:10px;margin:0;padding:15px 17px}.api-item dl>div{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}.api-item dt{color:#98a2b3;font-size:10px}.api-item dd{overflow:hidden;margin:0;color:#526078;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.api-item dd code{padding:4px 7px;border:1px solid #dce7fb;border-radius:6px;background:#f4f8ff;color:#3867c5}.api-item>footer{display:flex;align-items:center;justify-content:space-between;padding:11px 17px;border-top:1px solid #f0f2f5;background:#fbfcfe}.api-item>footer span{color:#98a2b3;font-size:9px}.api-delete{border:0;background:transparent;color:#d34c5d;font-size:10px}.api-loading,.api-empty{grid-column:1/-1;display:flex;min-height:250px;align-items:center;justify-content:center;flex-direction:column;color:#98a2b3}.api-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:13px;border-radius:18px;background:#edf3ff;color:#4b6fc8;font-size:25px}.api-empty strong{color:#475467}.api-empty p{margin:7px 0 16px;font-size:11px}.api-empty button{padding:9px 14px;border:0;border-radius:9px;background:#2f6fed;color:#fff}.api-editor-mask{position:fixed;inset:0;z-index:2100;display:grid;place-items:center;padding:20px;background:rgba(20,29,44,.46);backdrop-filter:blur(5px)}.api-editor-dialog{overflow:hidden;width:min(820px,100%);max-height:calc(100vh - 40px);border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(15,23,42,.28)}.api-editor-dialog>header{position:relative;padding:24px 27px 19px;border-bottom:1px solid #edf0f4}.api-editor-dialog>header span{color:#2f6fed;font-size:9px;font-weight:850;letter-spacing:1.2px}.api-editor-dialog h2{margin:5px 0;color:#263248;font-size:22px}.api-editor-dialog header p{margin:0;color:#8792a5;font-size:10px}.api-editor-close{position:absolute;right:22px;top:20px;width:34px;height:34px;border:0;border-radius:10px;background:#f4f6f9;color:#7b8797;font-size:22px}.api-editor-body{overflow:auto;max-height:calc(100vh - 190px);padding:21px 27px}.api-editor-body label{margin:0 0 17px;color:#526078;font-size:11px}.api-editor-body label>span{display:block;margin-bottom:7px;font-weight:700}.api-editor-body input,.api-editor-body select{margin:0}.api-editor-body small{display:block;margin-top:6px;color:#98a2b3;font-size:9px;font-weight:400}.api-editor-body code{color:#2f6fed}.api-editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.api-editor-dialog>footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 27px;border-top:1px solid #edf0f4;background:#fbfcfe}.api-editor-dialog>footer button{min-width:90px;padding:10px 16px;border-radius:10px;font-weight:750}.api-editor-cancel{border:1px solid #dce2ea;background:#fff;color:#667085}.api-editor-save{border:0;background:#2f6fed;color:#fff}@media(max-width:1100px){.api-grid{grid-template-columns:repeat(2,minmax(280px,1fr))}.api-toolbar{align-items:flex-start;flex-direction:column}.api-tools{width:100%}.api-search{flex:1}}@media(max-width:700px){.api-tools{display:grid;grid-template-columns:1fr 42px}.api-tools>select,.api-search{width:100%}.api-search{grid-column:1/-1}.api-add{grid-column:1/-1}.api-batch{overflow:auto;white-space:nowrap}.api-batch em{display:none}.api-grid{grid-template-columns:1fr}.api-editor-mask{padding:0;place-items:end center}.api-editor-dialog{max-height:94vh;border-radius:19px 19px 0 0}.api-editor-grid{grid-template-columns:1fr}.api-editor-dialog>header,.api-editor-body{padding-left:18px;padding-right:18px}.api-editor-dialog>footer{padding:13px 18px}.api-editor-dialog>footer button{flex:1}}