:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-surface: #0f3460;--bg-card: #1f2937;--bg-input: #374151;--text-primary: #e4e4e4;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #3b82f6;--accent-hover: #2563eb;--success: #00ff88;--warning: #ffc107;--error: #ff4757;--info: #3498db;--border-color: #374151;--border-radius: 8px;--method-get: #00ff88;--method-post: #3498db;--method-patch: #ffc107;--method-delete: #ff4757}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}code{font-family:Fira Code,Consolas,monospace;background-color:var(--bg-input);padding:2px 6px;border-radius:4px;font-size:.9em}pre{background-color:var(--bg-secondary);padding:16px;border-radius:var(--border-radius);overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:.9em;border:1px solid var(--border-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}input,textarea,select{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px 14px;font-size:14px;width:100%;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{cursor:pointer;font-size:14px;padding:10px 20px;border-radius:var(--border-radius);border:none;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.app{display:flex;min-height:100vh}.main-content{flex:1;margin-left:240px;padding:24px;min-height:100vh}.page-header{margin-bottom:24px}.page-header h1{font-size:1.75rem;font-weight:600;margin-bottom:8px}.page-header p{color:var(--text-secondary)}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.card-title{font-size:1.125rem;font-weight:600}.method-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase;min-width:60px}.method-get{background-color:#00ff8826;color:var(--method-get)}.method-post{background-color:#3498db26;color:var(--method-post)}.method-patch{background-color:#ffc10726;color:var(--method-patch)}.method-delete{background-color:#ff475726;color:var(--method-delete)}.auth-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#ffc10726;color:var(--warning);border-radius:4px;font-size:11px;font-weight:500}.no-auth-badge{background-color:#00ff8826;color:var(--success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--border-radius);font-weight:500;transition:all .2s}.btn-primary{background-color:var(--accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-surface)}.btn-success{background-color:var(--success);color:var(--bg-primary)}.btn-danger{background-color:var(--error);color:#fff}.btn-sm{padding:6px 12px;font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-success{background-color:var(--success)}.status-warning{background-color:var(--warning)}.status-error{background-color:var(--error)}.status-info{background-color:var(--info)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border-color);margin-bottom:16px}.tab{padding:12px 20px;background:none;border:none;color:var(--text-secondary);font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.json-viewer{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:16px;font-family:Fira Code,Consolas,monospace;font-size:13px;overflow-x:auto;max-height:400px;overflow-y:auto}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean,.json-null{color:#569cd6}.response-panel{margin-top:16px}.response-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.status-code{padding:4px 12px;border-radius:4px;font-weight:600;font-size:14px}.status-2xx{background-color:#00ff8826;color:var(--success)}.status-4xx{background-color:#ffc10726;color:var(--warning)}.status-5xx{background-color:#ff475726;color:var(--error)}.response-time{color:var(--text-muted);font-size:13px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-secondary)}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.loading{display:flex;align-items:center;justify-content:center;padding:24px}.spinner{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}