*{margin:0;padding:0;box-sizing:border-box}body{background:#111;color:#e0e0e0;font-family:Segoe UI,system-ui,-apple-system,sans-serif}.app{height:100vh}.app,.sidebar{display:flex;overflow:hidden}.sidebar{width:300px;min-width:300px;background:#1a1a1a;border-right:1px solid #2a2a2a;flex-direction:column}.sidebar-header{padding:20px;border-bottom:1px solid #2a2a2a;background:#161616}.sidebar-header h1{font-size:18px;font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.sidebar-header h1 span{color:#10b981}.sidebar-header p{font-size:12px;color:#777;margin-top:6px}.ep-list{flex:1 1;overflow-y:auto;padding:8px}.ep-list::-webkit-scrollbar{width:5px}.ep-list::-webkit-scrollbar-track{background:transparent}.ep-list::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.ep-item{padding:12px 14px;border-radius:8px;cursor:pointer;border:1px solid transparent;margin-bottom:2px;transition:all .15s ease}.ep-item:hover{background:#222;border-color:#333}.ep-item.active{background:#222;border-color:#10b981}.ep-item .ep-top{display:flex;align-items:center;gap:8px;margin-bottom:4px}.ep-item .ep-path{font-size:12px;font-family:Cascadia Code,Fira Code,Consolas,monospace;color:#ccc;word-break:break-all}.ep-item .ep-desc{font-size:11px;color:#888}.method-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.method-GET{background:#064e3b;color:#6ee7b7}.method-POST{background:#7c2d12;color:#fdba74}.main{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.request-bar{display:flex;align-items:center;gap:10px;padding:14px 20px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-wrap:wrap}.method-label{font-size:13px;font-weight:700;padding:8px 14px;border-radius:6px;letter-spacing:.5px}.url-display{flex:1 1;min-width:150px;background:#111;border:1px solid #333;padding:9px 14px;border-radius:6px;font-family:Cascadia Code,Fira Code,Consolas,monospace;color:#ccc;overflow:hidden;text-overflow:ellipsis}.send-btn,.url-display{font-size:13px;white-space:nowrap}.send-btn{background:#10b981;color:#000;border:none;padding:9px 24px;border-radius:6px;font-weight:700;cursor:pointer;transition:all .15s ease}.send-btn:hover{background:#34d399}.send-btn:active{transform:scale(.98)}.send-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.tabs-bar{display:flex;background:#1a1a1a;border-bottom:1px solid #2a2a2a;padding:0 20px;overflow-x:auto}.tab-btn{padding:10px 18px;font-size:12px;font-weight:600;color:#777;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:#ccc}.tab-btn.active{color:#10b981;border-bottom-color:#10b981}.params-section{padding:16px 20px;background:#1a1a1a;border-bottom:1px solid #2a2a2a}.params-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:12px;font-weight:600}.param-row{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.param-key{width:120px;color:#10b981;flex-shrink:0}.param-input,.param-key{font-size:12px;font-family:Cascadia Code,Fira Code,Consolas,monospace}.param-input{flex:1 1;min-width:120px;background:#111;border:1px solid #333;padding:8px 12px;border-radius:6px;color:#ccc;outline:none;transition:border-color .15s}.param-input:focus{border-color:#10b981}.param-input::placeholder{color:#555}.auth-badge{font-size:9px;background:#7c2d12;color:#fdba74;padding:2px 7px;border-radius:3px;font-weight:700;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}.example-section{padding:16px 20px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;max-height:260px;overflow-y:auto}.example-section::-webkit-scrollbar{width:5px}.example-section::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.example-section h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;margin-bottom:10px;font-weight:600;display:flex;align-items:center;gap:8px}.example-label{font-size:9px;background:#333;color:#999;padding:2px 6px;border-radius:3px;text-transform:uppercase}.example-section pre{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.5;color:#888;background:#111;padding:14px;border-radius:8px;border:1px solid #2a2a2a;white-space:pre-wrap;word-break:break-word}.response-section{flex:1 1;display:flex;flex-direction:column;overflow:hidden;background:#111}.response-header{display:flex;align-items:center;gap:12px;padding:10px 20px;background:#1a1a1a;border-bottom:1px solid #2a2a2a;flex-wrap:wrap}.response-header h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:600}.status-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px}.status-2xx{background:#064e3b;color:#6ee7b7}.status-4xx{background:#7f1d1d;color:#fca5a5}.status-5xx{background:#581c87;color:#d8b4fe}.status-0{background:#333;color:#999}.duration{font-size:11px;color:#666}.response-body{flex:1 1;overflow:auto;padding:16px 20px}.response-body::-webkit-scrollbar{width:6px}.response-body::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.response-body pre{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6;color:#ccc;white-space:pre-wrap;word-break:break-word}.response-empty{flex:1 1;display:flex;align-items:center;justify-content:center;color:#555;font-size:13px;flex-direction:column;gap:8px}.response-empty span{font-size:28px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid #555;border-top-color:#10b981;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.sidebar{width:260px;min-width:260px}.ep-item .ep-path{font-size:11px}}@media (max-width:768px){.app{flex-direction:column;height:auto;min-height:100vh}.sidebar{width:100%;min-width:100%;max-height:35vh;border-right:none;border-bottom:1px solid #2a2a2a}.sidebar-header{padding:14px 16px}.sidebar-header h1{font-size:16px}.ep-list{padding:6px}.ep-item{padding:10px 12px}.main{flex:1 1;min-height:65vh}.request-bar{padding:12px 16px;gap:8px}.method-label{padding:6px 10px;font-size:12px}.url-display{font-size:12px;padding:8px 10px;min-width:0;order:3;width:100%}.send-btn{padding:8px 20px;font-size:12px}.tabs-bar{padding:0 12px}.tab-btn{padding:8px 14px;font-size:11px}.params-section{padding:12px 16px}.param-row{gap:6px}.param-key{width:100px;font-size:11px}.param-input{font-size:11px;padding:7px 10px}.example-section{padding:12px 16px;max-height:200px}.example-section pre{font-size:11px;padding:10px}.response-header{padding:8px 16px}.response-body{padding:12px 16px}.response-body pre{font-size:11px}}@media (max-width:480px){.sidebar{max-height:30vh}.ep-item .ep-top{flex-wrap:wrap}.param-key{width:80px}.request-bar{padding:10px 12px}}