body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--deep-navy:#040e3d;--navy:#0a1240;--navy-alt:#001f5c;--orange:#ff7a00;--orange-muted:#ffa24a;--bg:#f9f9fb;--bg-alt:#f4f6fa;--panel:#fff;--panel-alt:#f5f6fa;--accent:var(--orange);--accent-grad:linear-gradient(135deg,var(--orange),var(--orange-muted) 70%);--accent-soft:#ff7a001f;--text:#0a1633;--text-dim:#555;--text-muted:#6b7280;--border:#e6e7ea;--border-light:#eef0f3;--border-strong:#dddfe6;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--shadow:0 4px 14px -4px #0a163326;--transition:140ms cubic-bezier(.4,.2,.2,1);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}#root,body,html{background:linear-gradient(135deg,#fff,#f1f3f8 60%);color:#0a1633;color:var(--text);height:100%;margin:0}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{background:linear-gradient(180deg,#fff,#f4f6fa);border-right:1px solid #e6e7ea;border-right:1px solid var(--border);gap:22px;padding:18px 14px 28px;width:270px}.menu-group,.sidebar{display:flex;flex-direction:column}.menu-group{gap:6px}.group-label{background:linear-gradient(90deg,#f2f4f8,#eaeef4);border-left:4px solid #ff7a00;border-left:4px solid var(--orange);border-radius:4px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);font-size:16px;font-weight:600;letter-spacing:.08em;padding:6px 8px;text-transform:uppercase}.submenu-button{all:unset;align-items:center;background:#040e3d;background:var(--deep-navy);border:1px solid #001f5c;border:1px solid var(--navy-alt);border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:18px;gap:8px;padding:12px 14px;transition:.14s cubic-bezier(.4,.2,.2,1);transition:var(--transition)}.submenu-button:hover{background:#001f5c;background:var(--navy-alt)}.submenu-button:focus-visible{outline:2px solid #ff7a00;outline:2px solid var(--orange);outline-offset:2px}.submenu-button.active{background:#0a1240;background:var(--navy);box-shadow:0 0 0 1px #040e3d66,0 4px 10px -4px #040e3d66;font-size:20px;font-weight:700}.submenu-button:before{background:#ff7a001f;background:var(--accent-soft);border-radius:50%;content:"";height:6px;transition:.14s cubic-bezier(.4,.2,.2,1);transition:var(--transition);width:6px}.submenu-button.active:before{background:#ff7a00;background:var(--orange)}.details-panel{background:linear-gradient(135deg,#fff,#f2f5fa 55%);display:flex;flex:1 1;flex-direction:column}.details-layout{box-sizing:border-box;height:100%;overflow-y:auto;padding:34px 40px 40px}.details-layout h2{background:linear-gradient(90deg,#0a1240,#001f5c);background:linear-gradient(90deg,var(--navy),var(--navy-alt));-webkit-background-clip:text;color:#0000;font-size:24px;font-weight:600;margin:0 0 24px}.content-box{background:#fff;background:var(--panel);border:1px solid #e6e7ea;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 14px -4px #0a163326;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;padding:20px 22px 24px;transition:.14s cubic-bezier(.4,.2,.2,1);transition:var(--transition)}.content-box:hover{border-color:#dddfe6;border-color:var(--border-strong)}.content-box h3{color:#0a1633;color:var(--text);font-size:18px;font-weight:600;letter-spacing:.5px;margin:0}.content-box p{color:#555;color:var(--text-dim);font-size:16px;line-height:1.5;margin:0}.content-box pre{background:#f6f8fb;border:1px solid #eef0f3;border:1px solid var(--border-light);border-radius:6px;color:#0a1240;color:var(--navy);font-size:14px;height:100%;line-height:1.4;margin:0;max-height:100%;overflow:auto;padding:10px 12px;white-space:pre-wrap;word-break:break-word}.content-box button,.footer-bar button{all:unset;background:#040e3d;background:var(--deep-navy);border:1px solid #001f5c;border:1px solid var(--navy-alt);border-radius:10px;color:#fff;cursor:pointer;font-size:16px;padding:10px 18px;text-align:center;transition:.14s cubic-bezier(.4,.2,.2,1);transition:var(--transition)}.content-box button:hover,.footer-bar button:hover{background:#001f5c;background:var(--navy-alt);filter:brightness(1.08)}.footer-bar{align-items:center;background:#fff;border:1px solid #e6e7ea;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 6px -2px #0000001a;color:#6b7280;color:var(--text-muted);display:flex;font-size:16px;gap:16px;justify-content:space-between;margin-top:4px;padding:12px 20px}.fetch-time-badge{align-items:center;background:#fff7f0;border:1px solid #ffd7b3;border-radius:8px;color:#0a1240;color:var(--navy);display:inline-flex;font-size:15px;font-weight:500;gap:6px;padding:8px 14px}.fetch-time-badge strong{color:#ff7a00;color:var(--orange);font-size:22px;font-weight:700}.empty-state{animation:fadeIn .4s ease;background:#fff;background:var(--panel);border:1px dashed #e6e7ea;border:1px dashed var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 4px 14px -4px #0a163326;box-shadow:var(--shadow);color:#6b7280;color:var(--text-muted);margin:auto;max-width:460px;padding:40px 50px;text-align:center}.empty-state p{font-size:16px;margin:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.details-layout::-webkit-scrollbar{width:10px}.details-layout::-webkit-scrollbar-track{background:#f0f3f8}.details-layout::-webkit-scrollbar-thumb{background:#d5dae2;border:2px solid #f0f3f8;border-radius:20px}.details-layout::-webkit-scrollbar-thumb:hover{background:#c8ced7}@media (max-width:900px){.sidebar{width:220px}.details-layout{padding:28px 28px 40px}}@media (max-width:640px){.app-container{flex-direction:column}.sidebar{flex-direction:row;gap:14px;overflow-x:auto;padding:14px 16px;width:100%}.menu-group{min-width:190px}}.content-box button:focus-visible,.footer-bar button:focus-visible,.submenu-button:focus-visible{outline:2px solid #ff7a00;outline:2px solid var(--orange);outline-offset:2px}.content-grid{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:24px}.response-box{display:flex;flex-direction:column}.content-box.response-box pre,.response-box pre{max-height:100%}
/*# sourceMappingURL=main.70bacbe9.css.map*/