*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f8fc;--bg-card:#fff;--bg-input:#f1f4f9;--bg-muted:#eef1f6;--border:#e4e7ee;--border-strong:#cfd4de;--text:#0f172a;--text-dim:#64748b;--text-subtle:#94a3b8;--accent:#2e3564;--accent-hover:#242a50;--accent-soft:#e8eaf3;--teal:#3bb5a8;--teal-hover:#2ea192;--teal-soft:#def5f1;--success:#059669;--success-soft:#d1fae5;--danger:#dc2626;--danger-soft:#fee2e2;--warning:#d97706;--warning-soft:#fef3c7;--shadow-sm:0 1px 2px #0f172a0a;--shadow:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--shadow-lg:0 10px 25px #0f172a14, 0 4px 10px #0f172a0a;--radius:8px;--radius-lg:12px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, monospace}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);flex-direction:column;width:232px;padding:20px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-header{border-bottom:1px solid var(--border);color:var(--accent);align-items:center;gap:10px;padding:0 20px 20px;display:flex}.sidebar-header h1{color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:700}.nav-links{flex:1;padding:12px 10px;list-style:none}.nav-links li a{color:var(--text-dim);border-radius:var(--radius);align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.nav-links li a:hover{background:var(--bg-input);color:var(--text)}.nav-links li a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-footer{border-top:1px solid var(--border);padding:12px 20px}.version{color:var(--text-subtle);font-size:12px}.content{flex:1;min-height:100vh;margin-left:232px;padding:32px 36px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h2{letter-spacing:-.02em;color:var(--text);font-size:24px;font-weight:700}.btn{border-radius:var(--radius);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font);border:none;align-items:center;gap:6px;padding:8px 16px;line-height:1.2;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-danger{color:var(--danger);border:1px solid var(--border);background:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger)}.btn-ghost{color:var(--text);border:1px solid var(--border);background:#fff}.btn-ghost:hover:not(:disabled){background:var(--bg-input);border-color:var(--border-strong)}.btn-sm{padding:5px 10px;font-size:12px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.form-group{margin-bottom:16px}.form-group label{color:var(--text-dim);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-group input:not([type=checkbox]):not([type=radio]):not([type=color]),.form-group select,.form-group textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:14px;font-family:var(--font);background:#fff;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s}.form-group input[type=checkbox],.form-group input[type=radio]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.form-group input[type=checkbox]:disabled,.form-group input[type=radio]:disabled{cursor:not-allowed}.form-group input::placeholder{color:var(--text-subtle)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2e35641f}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}table th,table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 16px;font-size:13px}table th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-muted);font-size:11px;font-weight:600}table tr:last-child td{border-bottom:none}table tr:hover td{background:#fafbfd}.badge{letter-spacing:.02em;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-block}.badge-get{background:var(--success-soft);color:var(--success)}.badge-post{background:var(--accent-soft);color:var(--accent)}.badge-put,.badge-patch{background:var(--warning-soft);color:var(--warning)}.badge-delete{background:var(--danger-soft);color:var(--danger)}.badge-active{background:var(--success-soft);color:var(--success)}.badge-inactive{color:var(--text-dim);background:#f1f5f9}.method{font-family:var(--mono);font-size:12px;font-weight:700}.mock-path{font-family:var(--mono);color:var(--text);font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);width:480px;max-width:100%;max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;overflow-y:auto}.modal h3{letter-spacing:-.01em;margin-bottom:18px;font-size:18px;font-weight:700}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.empty-state{text-align:center;color:var(--text-dim);background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:60px 20px}.empty-state p{margin-top:12px;font-size:15px}.response-card{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:16px}.response-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.flex{display:flex}.gap-8{gap:8px}.gap-12{gap:12px}.items-center{align-items:center}.justify-between{justify-content:space-between}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.text-dim{color:var(--text-dim)}.text-sm{font-size:12px}.text-mono{font-family:var(--mono)}.cursor-pointer{cursor:pointer}.breadcrumb{align-items:center;gap:8px;margin-bottom:20px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-dim);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{color:var(--text-subtle)}.json-display{color:#e2e8f0;border-radius:var(--radius);font-family:var(--mono);white-space:pre-wrap;background:#0f172a;max-height:200px;padding:12px;font-size:12px;overflow:auto}.copy-url{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-size:12px;transition:all .15s;display:inline-flex}.copy-url:hover{border-color:var(--accent);color:var(--accent)}.loading{color:var(--text-dim);justify-content:center;align-items:center;padding:40px;display:flex}.log-matched{color:var(--success)}.log-unmatched{color:var(--danger)}.kv-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.kv-header label{color:var(--text);font-size:13px;font-weight:600}.kv-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.kv-input{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:13px;font-family:var(--mono);background:#fff;outline:none;flex:1;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.kv-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2e35641f}.kv-input-wide{flex:2}.kv-input-full{width:100%}.kv-remove{border:1px solid var(--border);border-radius:var(--radius);width:32px;height:32px;color:var(--danger);cursor:pointer;background:#fff;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.kv-remove:hover{background:var(--danger-soft);border-color:var(--danger)}.output-field-row{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:10px}.output-field-top{align-items:center;gap:8px;margin-bottom:8px;display:flex}.output-field-value{gap:8px;display:flex}.kv-type-toggle{border:1px solid var(--border);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;white-space:nowrap;background:#fff;align-items:center;gap:4px;padding:6px 12px;font-size:12px;transition:all .15s;display:inline-flex}.kv-type-toggle:hover{border-color:var(--accent);color:var(--text)}.kv-type-toggle.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.endpoint-row{gap:0;margin-top:8px;display:flex}.method-select{background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius) 0 0 var(--radius);color:#fff;font-size:13px;font-weight:700;font-family:var(--mono);cursor:pointer;outline:none;padding:10px 14px}.path-input{border:1px solid var(--border);border-radius:0 var(--radius) var(--radius) 0;color:var(--text);font-size:14px;font-family:var(--mono);background:#fff;border-left:none;outline:none;flex:1;padding:10px 14px;transition:border-color .15s,box-shadow .15s}.path-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2e35641f}.card-title{color:var(--text);letter-spacing:-.01em;margin-bottom:14px;font-size:15px;font-weight:600}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border:2px solid var(--bg);background:#cbd5e1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}