:root{--primary: #164D9E;--primary-light: #1e5fba;--primary-dark: #0f3d7a;--primary-bg: rgba(22, 77, 158, .06);--accent: #3b82f6;--accent-light: #60a5fa;--bg: #f8fafc;--bg-card: #fff;--bg-alt: #f1f5f9;--bg-dark: #0f172a;--border: #e2e8f0;--border-light: #f1f5f9;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-light: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--purple: #8b5cf6;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--sidebar-w: 260px;--header-h: 64px;--radius: 10px;--radius-lg: 16px;--radius-xl: 20px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}code,pre{font-family:Fira Code,JetBrains Mono,Consolas,monospace}::selection{background:var(--primary);color:#fff}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.method-badge{font-size:9px;font-weight:700;padding:4px 7px;border-radius:6px;font-family:Fira Code,monospace;letter-spacing:.4px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.method-get{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;box-shadow:0 1px 2px #10b98133}.method-post{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;box-shadow:0 1px 2px #3b82f633}.method-delete,.method-del{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;box-shadow:0 1px 2px #ef444433}.method-put{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;box-shadow:0 1px 2px #f59e0b33}.guide-hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,#0a2d5c 100%);color:#fff;padding:48px;border-radius:var(--radius-xl);margin-bottom:36px;box-shadow:var(--shadow-lg),0 0 0 1px #0000000d;position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;top:-60%;right:-25%;width:90%;height:220%;background:radial-gradient(ellipse,rgba(255,255,255,.12) 0%,transparent 65%);pointer-events:none}.guide-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.guide-hero h1{font-size:34px;font-weight:800;margin-bottom:12px;letter-spacing:-.7px;text-shadow:0 2px 4px rgba(0,0,0,.1);position:relative}.guide-hero p{font-size:16px;opacity:.92;max-width:620px;line-height:1.7;position:relative}.guide-content h2{font-size:20px;font-weight:700;color:var(--text);margin:32px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border);letter-spacing:-.3px}.guide-content h3{font-size:16px;font-weight:600;color:var(--text);margin:24px 0 10px}.guide-content p{color:var(--text-secondary);margin-bottom:14px;line-height:1.75;font-size:14.5px}.guide-content ul,.guide-content ol{color:var(--text-secondary);margin:14px 0;padding-left:26px}.guide-content li{margin-bottom:10px;line-height:1.7}.guide-content code{background:linear-gradient(135deg,var(--bg-alt),#e2e8f0);padding:3px 8px;border-radius:6px;font-size:12.5px;color:var(--primary);font-weight:500;border:1px solid var(--border-light)}.step-list{counter-reset:step;list-style:none;padding:0;margin:24px 0}.step-list li{counter-increment:step;padding:20px 0 20px 56px;position:relative;border-bottom:1px solid var(--border)}.step-list li:last-child{border-bottom:none}.step-list li:before{content:counter(step);position:absolute;left:0;top:20px;width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;box-shadow:0 4px 12px #164d9e40}.step-list h4{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--text);letter-spacing:-.2px}.step-list p{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.6}.info-box{padding:18px 20px;border-radius:var(--radius);margin:20px 0;display:flex;gap:14px;align-items:flex-start}.info-box.tip{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(22,77,158,.2)}.info-box.tip i,.info-box.tip svg{color:var(--primary)}.info-box.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid rgba(245,158,11,.25)}.info-box.warning i,.info-box.warning svg{color:#d97706}.info-box.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid rgba(59,130,246,.25)}.info-box.info i,.info-box.info svg{color:#2563eb}.info-box .info-icon{flex-shrink:0;width:20px;height:20px}.info-box .info-box-content{flex:1}.info-box .info-box-content strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px;color:var(--text)}.info-box .info-box-content p{font-size:13px;margin:0;color:var(--text-secondary);line-height:1.6}.env-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.env-table th,.env-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.env-table th{font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-alt)}.env-table td{color:var(--text)}.env-table td code{background:var(--bg-alt);padding:6px 10px;border-radius:6px;font-size:12px;color:var(--primary)}.page-nav{display:flex;gap:20px;margin-top:40px;padding-top:32px;border-top:2px solid var(--border)}.page-nav-item{flex:1;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .25s;text-decoration:none;color:inherit;box-shadow:var(--shadow-xs)}.page-nav-item:hover{border-color:var(--primary);background:linear-gradient(135deg,#164d9e08,#3b82f605);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}.page-nav-item.prev{text-align:left}.page-nav-item.next{text-align:right}.page-nav-label{font-size:11px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.prev .page-nav-label{justify-content:flex-start}.next .page-nav-label{justify-content:flex-end}.page-nav-title{font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.2px}.page-nav-item:hover .page-nav-title{color:var(--primary)}.endpoint-header{margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.endpoint-header h1{font-size:26px;font-weight:800;margin-bottom:8px;color:var(--text);letter-spacing:-.5px}.endpoint-header p{color:var(--text-secondary);font-size:15px;line-height:1.7;max-width:600px}.endpoint-path{display:flex;align-items:center;gap:12px;margin-top:20px}.endpoint-path .method{font-size:11px;font-weight:700;padding:8px 14px;border-radius:8px;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.endpoint-path code{font-size:13px;color:var(--text);background:var(--bg-alt);padding:10px 16px;border-radius:var(--radius);border:1px solid var(--border);font-weight:600;letter-spacing:-.2px}.section{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--border)}.section:last-of-type{border-bottom:none}.section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text);margin-bottom:24px;padding-bottom:12px;border-bottom:1px solid var(--border)}.code-tabs{display:flex;gap:4px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-radius:var(--radius) var(--radius) 0 0;padding:6px;border:1px solid var(--border);border-bottom:none}.code-tab{padding:10px 18px;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:none;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;gap:8px}.code-tab:hover{color:var(--text);background:#fffc}.code-tab.active{color:var(--primary);background:#fff;box-shadow:var(--shadow-sm)}.code-block{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.code-block pre{margin:0;border-radius:0 0 var(--radius) var(--radius);font-size:12.5px;line-height:1.75;border:1px solid var(--border);border-top:none;background:var(--bg-dark);color:#e2e8f0;padding:20px;overflow-x:auto}.param-group{margin-bottom:24px}.param-group-title{font-size:11px;font-weight:700;color:var(--text);margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.8px}.param-group-title:before{content:"";width:4px;height:4px;background:var(--primary);border-radius:50%}.param-row{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--border-light);align-items:start}.param-row:last-child{border-bottom:none}.param-row:hover{background:linear-gradient(90deg,var(--bg-alt),transparent);margin:0 -28px;padding-left:28px;padding-right:28px}.param-label{display:flex;flex-direction:column;gap:6px}.param-name{font-family:Fira Code,monospace;font-size:12.5px;font-weight:600;color:var(--text)}.param-type{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.param-input-wrap{display:flex;flex-direction:column;gap:8px}.param-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px;font-family:Fira Code,monospace;background:var(--bg-alt);transition:all .2s}.param-input:hover{border-color:var(--text-muted);background:var(--bg-card)}.param-input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px var(--primary-bg)}.param-desc{font-size:13px;color:var(--text-secondary);line-height:1.6}.param-example{font-size:11px;color:var(--primary);font-weight:600;opacity:.9}.param-required{color:#dc2626;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#fee2e2,#fecaca);padding:3px 8px;border-radius:5px}.action-bar{display:flex;gap:12px;margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.btn{padding:12px 20px;font-size:12px;font-weight:600;border-radius:var(--radius);cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;letter-spacing:.2px;border:none}.btn-primary{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;box-shadow:0 4px 12px #164d9e40,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #164d9e59,inset 0 1px #fff3}.btn-primary:active{transform:translateY(0)}.btn-outline{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--bg-alt);border-color:var(--text-muted);color:var(--text);box-shadow:var(--shadow-sm)}.response-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.response-tab{padding:10px 16px;font-size:11px;font-weight:700;border-radius:var(--radius);cursor:pointer;border:1px solid var(--border);background:var(--bg-card);transition:all .2s;font-family:Fira Code,monospace}.response-tab:hover{background:var(--bg-alt);border-color:var(--text-muted);transform:translateY(-1px)}.response-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:transparent;box-shadow:0 4px 12px #10b9814d}.response-tab.error.active{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef44444d}.response-body-tabs{display:flex;gap:8px;margin-top:12px;margin-bottom:16px}.response-body-tab{padding:8px 16px;font-size:11px;font-weight:700;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.response-body-tab:hover{background:var(--bg-alt);border-color:var(--text-muted);color:var(--text)}.response-body-tab.active{background:var(--primary);color:#fff;border-color:transparent;box-shadow:0 2px 8px #2563eb40}.live-response{margin-top:24px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.live-response-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-alt);border-bottom:1px solid var(--border)}.live-response-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.live-response-status{font-size:12px;font-weight:700;padding:4px 10px;border-radius:6px;font-family:Fira Code,monospace}.live-response-status.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.live-response-status.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.live-response .code-block{margin:0;border:none;border-radius:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{display:inline-block;animation:spin 1s linear infinite}.schema-row{display:flex;gap:20px;padding:14px 0;border-bottom:1px solid var(--border-light);font-size:13px;align-items:baseline;transition:background .15s}.schema-row:last-child{border-bottom:none}.schema-row:hover{background:var(--bg-alt);margin:0 -28px;padding-left:28px;padding-right:28px}.schema-key{font-family:Fira Code,monospace;color:var(--primary);min-width:180px;font-weight:600}.schema-type{color:var(--accent);min-width:80px;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.schema-desc{color:var(--text-secondary);flex:1;line-height:1.5}