:root{--blue:#1467e8;--blue2:#0d5bd7;--bg:#f7f9fc;--panel:#fff;--line:#dfe5ee;--text:#182235;--muted:#667085;--soft:#eef5ff;--green:#0b8a55;--red:#c52b35;--yellow:#b06b00}
*{box-sizing:border-box}body{margin:0;font:14px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}
.topbar{height:60px;background:linear-gradient(110deg,#1264dc,#0a5bcf);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 1px 4px #0002}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:650;letter-spacing:.1px}.brand-mark{font-family:ui-monospace,monospace;font-weight:700;font-size:22px}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{border:0;background:transparent;color:inherit;padding:8px 10px;border-radius:7px}.icon-btn:hover{background:#ffffff18}
.app-shell{display:grid;grid-template-columns:322px 1fr;min-height:calc(100vh - 60px)}.sidebar{background:var(--panel);border-right:1px solid var(--line);padding:22px 18px;overflow:auto}.workspace{min-width:0}.request-panel{background:var(--panel);padding:24px 24px 18px;border-bottom:1px solid var(--line)}.response-panel{background:var(--panel);padding:18px 24px;min-height:420px}.section-title{font-size:13px;color:#075bcf;font-weight:700;margin-bottom:16px;letter-spacing:.2px}.section-subtitle{font-size:13px;font-weight:600;margin:20px 0 10px}label{display:block;font-size:13px;margin:0 0 14px;color:#263142}label input,label select{display:block;width:100%;height:34px;border:1px solid #ccd5e2;border-radius:5px;margin-top:7px;padding:0 10px;background:#fff;color:var(--text)}.inline-field{display:grid;grid-template-columns:1fr 32px;gap:8px}.inline-field select{margin:0}.mini-btn{height:32px;border:1px solid #ccd5e2;background:#fff;border-radius:5px}.outline-btn{border:1px solid #cbd5e1;background:#fff;padding:7px 11px;border-radius:5px;color:#1467e8}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.header-row{display:grid;grid-template-columns:1fr 10px 1.05fr 18px;gap:6px;margin-bottom:7px;align-items:center}.header-row input{width:100%;height:30px;border:1px solid #d4dbe5;border-radius:4px;padding:0 7px}.header-row button{border:0;background:none;color:#6b7280}.recent{border-top:1px solid var(--line);margin:22px -18px 0;padding:20px 18px}.recent-item{width:100%;border:1px solid transparent;background:#fff;padding:8px 7px;border-radius:5px;display:grid;grid-template-columns:48px 1fr 18px;align-items:center;text-align:left;gap:7px;margin-bottom:4px}.recent-item:hover{background:#f2f6fc}.method{font-size:11px;font-weight:800;border-radius:4px;padding:4px 5px;text-align:center}.method.get{background:#e8f3ff;color:#1472dc}.method.post{background:#eaf8ef;color:#16834d}.method.put{background:#fff2d8;color:#b06b00}.method.delete{background:#ffe8e9;color:#c32c35}.method.patch{background:#f1e8ff;color:#7a42bf}
.request-line{display:grid;grid-template-columns:120px 1fr 142px;gap:0;margin-bottom:16px}.request-line select,.request-line input{height:40px;border:1px solid #cbd5e1;background:#fff;padding:0 12px}.request-line select{border-radius:5px 0 0 5px;color:#0b5ecb;font-weight:700}.request-line input{border-left:0;border-radius:0}.send-btn{border:0;border-radius:0 5px 5px 0;background:#1166e6;color:#fff;font-weight:700}.send-btn:hover{background:#0759ce}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line)}.tab{border:0;background:transparent;padding:10px 1px;color:#4f5969;border-bottom:2px solid transparent}.tab.active{color:#075bcf;border-bottom-color:#1267e8;font-weight:650}.tab i{display:inline-block;width:8px;height:8px;background:#14a267;border-radius:50%;margin-left:5px}.tab-panel{display:none;padding-top:14px}.tab-panel.active{display:block}.panel-heading,.response-head{display:flex;justify-content:space-between;align-items:center}.panel-heading{font-weight:600;margin-bottom:8px}.panel-heading button{border:0;background:none;color:#1267e8}.kv-table{width:100%;border-collapse:collapse}.kv-table th{font-size:11px;color:#667085;text-align:left;padding:7px;border:1px solid #e4e8ee}.kv-table td{border:1px solid #e4e8ee;padding:0}.kv-table input{width:100%;height:36px;border:0;padding:0 9px;outline:0}.kv-table input:focus{box-shadow:inset 0 0 0 1px #4d91f5}.kv-table td:first-child{width:35px;text-align:center}.kv-table td:first-child input{width:auto}.kv-table td:last-child{width:34px;text-align:center}.kv-table button{border:0;background:none;color:#77808f}.add-link{border:0;background:none;color:#1267e8;padding:11px 0}.body-toolbar,.response-tools{display:flex;gap:6px;align-items:center;padding:10px 0}.body-type,.response-tools button{border:0;background:transparent;padding:5px 8px;color:#667085}.body-type.active,.response-tools .active{color:#1267e8;background:#edf5ff;border-radius:4px}.CodeMirror{height:310px;border:1px solid #dfe5ee;font-size:13px}.auth-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:4px 18px;max-width:760px}.muted{color:var(--muted)}.small{font-size:12px}.response-head{margin-bottom:8px}.response-meta{display:flex;align-items:center;gap:14px;color:#667085}.status-pill{background:#e9f8ef;color:#087c4b;border-radius:5px;padding:5px 9px;font-weight:700}.status-pill.bad{background:#ffe9ea;color:#c52b35}.status-pill.warn{background:#fff2d7;color:#9b6500}.response-meta button{border:0;background:none;color:#1267e8}.response-view{border:1px solid #dfe5ee;border-radius:5px;min-height:360px}.response-tools{padding:8px;border-bottom:1px solid #e5e9ef}.response-tools select{margin-left:auto;border:1px solid #d5dce6;border-radius:4px;padding:5px}.code-view{margin:0;padding:16px;min-height:320px;white-space:pre-wrap;overflow:auto;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#fff}
.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f4f8ff,#eef3fa)}.login-card{width:min(420px,calc(100% - 32px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:32px;box-shadow:0 16px 40px #17345d16}.login-card .brand{color:#1467e8;margin-bottom:8px}.primary{background:#1267e8;color:#fff;border:0;border-radius:6px;padding:10px 14px;font-weight:650}.full{width:100%;margin-top:8px}.alert{padding:10px 12px;background:#eef7ff;border-radius:6px;margin:12px 0}.alert.error{background:#fff0f0;color:#b42318}
.modal{position:fixed;inset:0;background:#091a2a88;display:none;place-items:center;padding:24px}.modal.open{display:grid}.modal-card{width:min(900px,100%);max-height:80vh;overflow:auto;background:#fff;border-radius:10px;padding:24px;position:relative}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:24px}.history-row{display:grid;grid-template-columns:54px 1fr 70px 150px;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.history-row strong{font-size:12px}.history-row small{color:var(--muted)}
.admin-page{padding:32px;max-width:1200px;margin:auto}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px}.card h2{margin-top:0;font-size:18px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;font-size:13px}
.dark{--bg:#111827;--panel:#18212f;--line:#2d394b;--text:#e6edf7;--muted:#9aa8bc}.dark input,.dark select,.dark .request-line select,.dark .request-line input,.dark .CodeMirror,.dark .response-view,.dark .card,.dark .modal-card,.dark .recent-item,.dark .outline-btn,.dark .mini-btn,.dark .code-view{background:#121a26;color:var(--text);border-color:#344156}.dark .sidebar,.dark .request-panel,.dark .response-panel{background:#18212f}.dark .kv-table th,.dark .kv-table td{border-color:#344156}.dark .CodeMirror{color:#ddd}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.admin-grid{grid-template-columns:1fr}.request-line{grid-template-columns:90px 1fr 100px}.auth-grid{grid-template-columns:1fr}.top-actions .icon-btn span{display:none}}