*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}code{font-family:Courier New,Courier,monospace}.layout{min-height:100vh;color:#172026;background:#fff}.topbar{height:72px;display:grid;grid-template-columns:300px 1fr 220px;align-items:center;border-bottom:1px solid #d0dbed;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.brand-left{padding-left:18px;display:flex;align-items:center;gap:10px}.brand-logo-full{height:34px;width:auto}.topbar-title{margin:0;text-align:center;font-size:1.4rem;font-family:Trebuchet MS,Segoe UI,sans-serif;color:#0f3e91}.topbar-right{justify-self:end;display:grid;gap:4px;padding-right:18px}.topbar-right label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#375586;text-align:right}.topbar-right select{border:1px solid #c7d5ef;background:#fff;color:#173b75;border-radius:8px;padding:6px 8px;font-size:.82rem}.app-body{display:grid;grid-template-columns:360px 1fr;min-height:calc(100vh - 72px);background:#fff;transition:grid-template-columns .18s ease}.app-body.sidebar-collapsed{grid-template-columns:108px 1fr}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);border-right:1px solid #0d418f;background:#0e4aa6;padding:18px 14px 110px;overflow:auto}.sidebar.collapsed{padding-left:10px;padding-right:10px}.menu-section{margin-bottom:14px}.menu-section h2{font-size:.74rem;text-transform:uppercase;letter-spacing:.11em;color:#d4e5ff;margin:0 0 10px;padding:0 12px}.sidebar.collapsed .menu-section h2{opacity:0;height:0;margin:0;padding:0;overflow:hidden}.module-toggle{width:100%;border:0;background:transparent;color:#fff;border-radius:10px;padding:10px 12px;display:flex;align-items:center;justify-content:flex-start;gap:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .14s ease}.module-toggle.open{background:#ffffff24}.module-toggle:hover{background:#ffffff1a}.module-title{flex:1;text-align:left}.module-caret{color:#dceaff;font-size:.76rem}.sidebar.collapsed .module-title,.sidebar.collapsed .module-caret,.sidebar.collapsed .route-label{display:none}.menu-section ul{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:6px}.menu-section a{display:grid;grid-template-columns:64px 1fr;gap:10px;text-decoration:none;padding:9px 12px;border-radius:10px;color:#eef4ff;border:0;background:transparent;transition:background .14s ease}.menu-section a:hover{background:#ffffff1a}.menu-section a.active{background:#fff3;box-shadow:inset 2px 0 #fff}.method{font-size:.68rem;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:0;padding:3px 6px}.menu-icon{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;color:#fff;opacity:.95}.menu-icon svg{width:19px;height:19px;fill:currentColor}.menu-icon.module{color:#e7f1ff}.method.get{color:#cfe1ff}.method.post{color:#b8f6d7}.method.delete{color:#ffd0cc}.route-label{display:block;font-size:.9rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.28);background:#ffffff1a;display:inline-flex;align-items:center;justify-content:center;gap:3px;cursor:pointer}.sidebar-toggle span{width:2px;height:12px;border-radius:2px;background:#fff;opacity:.85}.sidebar-toggle.top{background:#0f4fb3;border-color:#2a66c3}.sidebar.collapsed .menu-section a,.sidebar.collapsed .module-toggle{justify-content:center;grid-template-columns:1fr}.sidebar.collapsed .menu-section a{padding:11px 8px;justify-items:center}.sidebar.collapsed .module-toggle{padding:11px 8px}.sidebar.collapsed .menu-icon{margin:0 auto}.content{padding:28px 28px 120px;background:#fff}.home .eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#195bc1}.home h2{margin:8px 0 12px;font-size:2rem;color:#162a32}.home>p{max-width:840px;color:#38505b;line-height:1.5}.home-doc{margin-top:18px;max-width:920px;background:transparent;border:0;border-radius:0;padding:0}.home-doc h3{margin:0 0 8px;color:#123b78}.home-doc h3:not(:first-child){margin-top:18px}.home-doc p{margin:0;color:#38505b;line-height:1.5}.home-doc p+p{margin-top:10px}.home-doc a{color:#1b5fc9;font-weight:700;text-decoration:none}.home-doc a:hover{text-decoration:underline}.home-doc code{background:#edf3ff;border-radius:6px;padding:2px 6px}.endpoint-header{border:1px solid #d0dbed;border-radius:12px;background:#fff;padding:16px;margin-bottom:16px}.route-method{margin:0;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.route-method[data-method=get]{color:#1b5fc9}.route-method[data-method=post]{color:#1d65d4}.route-method[data-method=delete]{color:#1650ac}.endpoint-header h2{margin:8px 0;font-size:1.4rem;color:#1b323b}.endpoint-header p{margin:0;color:#3e5561}.endpoint-form,.result-box,.request-example{border:1px solid #d0dbed;border-radius:12px;background:#fff;padding:16px}.endpoint-form,.request-example{margin-bottom:16px}.request-example h3{margin:0 0 8px}.request-example pre{margin:0;overflow:auto;max-height:360px;background:#111c25;color:#e0eef3;border-radius:10px;padding:14px;font-size:.82rem}.url-preview{display:flex;gap:10px;align-items:center;margin-bottom:14px;color:#39525d}.url-preview code{background:#edf3ff;padding:4px 8px;border-radius:6px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px}.field.full{grid-column:1 / -1}.field span{display:block;margin-bottom:6px;font-weight:600;color:#1f3038}.field input,.field textarea{width:100%;box-sizing:border-box;border:1px solid #c7d5ef;border-radius:8px;padding:10px;font-size:.95rem;background:#fbfcfd}.field textarea{resize:vertical;font-family:Courier New,monospace}.field small{display:inline-block;margin-top:6px;font-size:.72rem;color:#57707b}.no-fields,.placeholder{margin:0;color:#57707b}.actions{margin-top:14px;display:flex;gap:8px}.actions button{border:none;border-radius:8px;padding:10px 14px;cursor:pointer;font-weight:700}.actions button[type=submit]{background:#1b5fc9;color:#fff}.actions button.ghost{background:#edf3ff;color:#1f3038}.result-box h3{margin:0 0 8px}.result-box .status{margin:0 0 8px;font-weight:700}.result-box .status.success{color:#1b5fc9}.result-box .status.error{color:#1650ac}.request-url{margin:0 0 10px;color:#4d6974;font-size:.85rem}.result-box pre{margin:0;overflow:auto;max-height:420px;background:#0f1b24;color:#d9edf2;border-radius:10px;padding:14px;font-size:.82rem}.api-key-dock{position:fixed;right:18px;bottom:18px;width:min(360px,calc(100vw - 36px));background:#fffe;border:1px solid #c7d5ef;border-radius:12px;box-shadow:0 10px 24px #00000029;padding:14px;display:grid;gap:8px;z-index:30}.dock-title{margin:0;font-weight:800;color:#15313a}.api-key-dock input{border:1px solid #c9d6dc;border-radius:8px;padding:10px;font-size:.92rem}.api-key-dock button{border:none;background:#1b5fc9;color:#fff;border-radius:8px;padding:10px;font-weight:700;cursor:pointer}.api-key-dock small{color:#4f6974}@media (max-width: 1080px){.app-body,.app-body.sidebar-collapsed{grid-template-columns:1fr}.sidebar{position:static;top:auto;height:auto;border-right:0;border-bottom:1px solid #d9e0e5;max-height:46vh}.sidebar.collapsed{padding-left:12px;padding-right:12px}.content{padding:20px 14px 120px}.field-grid{grid-template-columns:1fr}.home-doc{padding:14px}.topbar{grid-template-columns:180px 1fr 24px}.topbar-title{font-size:1rem}.topbar-right{display:none}.brand-logo-full{height:28px}}