@layer theme{:root{--bg-primary: #050505;--bg-secondary: #0a0a0a;--bg-tertiary: #121212;--bg-surface: #171717;--bg-surface-hover: #262626;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-dark: #000000;--brand-primary: #f59e0b;--brand-primary-light: #fcd34d;--brand-primary-dark: #b45309;--brand-primary-glow: rgba(245, 158, 11, .2);--accent-secondary: #06b6d4;--accent-secondary-light: #67e8f9;--accent-secondary-glow: rgba(6, 182, 212, .2);--color-success: #10b981;--color-error: #ef4444;--color-warning: #f59e0b;--border-subtle: rgba(255, 255, 255, .04);--border-default: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .12);--shadow-sm: 0 1px 2px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.05);--shadow-lg: 0 12px 32px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.05);--shadow-glow: 0 0 40px var(--brand-primary-glow);--font-display: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--hue-cyan: 187;--hue-violet: 263;--hue-magenta: 330;--hue-dark: 230;--font-outfit: var(--font-display);--font-inter: var(--font-body);--clr-bg-deep: var(--bg-primary);--clr-bg-panel: var(--bg-secondary);--clr-bg-card: var(--bg-tertiary);--clr-bg-card-hover: var(--bg-surface-hover);--clr-text-primary: var(--text-primary);--clr-text-muted: var(--text-secondary);--clr-text-darker: var(--text-tertiary);--clr-cyan: var(--accent-secondary);--clr-magenta: #ec4899;--clr-violet: #8b5cf6;--clr-ok: var(--color-success);--clr-success: var(--color-success);--clr-warning: var(--color-warning);--clr-danger: var(--color-error);--clr-cyan-glow: var(--accent-secondary-glow);--clr-magenta-glow: rgba(236, 72, 153, .12);--glass-bg: var(--bg-secondary);--glass-bg-subtle: rgba(255, 255, 255, .01);--glass-bg-hover: rgba(255, 255, 255, .04);--glass-border: var(--border-subtle);--glass-border-strong: var(--border-strong);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--space-xxs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--transition-fast: .15s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .5s cubic-bezier(.34, 1.56, .64, 1);--max-width: 1200px;--max-width-narrow: 800px}*{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:dark;scrollbar-color:var(--bg-surface-hover) var(--bg-primary)}body{font-family:var(--font-body);font-size:16px;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.2}a{color:inherit}::selection{background:var(--brand-primary);color:var(--text-dark)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px}img{max-inline-size:100%;block-size:auto}}@layer components{.dashboard-wrapper{display:grid;grid-template-columns:280px 1fr;grid-template-rows:100dvh;width:100vw;height:100vh;overflow:hidden;background-color:var(--clr-bg-deep);background-image:radial-gradient(ellipse at 15% 50%,hsla(var(--hue-cyan) 100% 55% / .04) 0%,transparent 60%),radial-gradient(ellipse at 85% 30%,hsla(var(--hue-violet) 90% 65% / .04) 0%,transparent 60%)}.sidebar{display:grid;grid-template-rows:auto 1fr auto;background:var(--clr-bg-panel);border-right:1px solid var(--glass-border);padding:var(--space-md);overflow-y:auto;scrollbar-width:none;position:relative;z-index:10;box-shadow:10px 0 30px #0003}.sidebar::-webkit-scrollbar{display:none}.main-workspace{display:grid;grid-template-rows:70px 1fr;height:100vh;overflow:hidden;position:relative}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:linear-gradient(to bottom,var(--clr-bg-panel),hsla(var(--hue-dark) 35% 6% / .8));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border);z-index:20}.workspace-content{padding:var(--space-lg) var(--space-lg) var(--space-xl);overflow-y:auto;scrollbar-gutter:stable;scroll-behavior:smooth;height:100%;position:relative}.workspace-content::-webkit-scrollbar{width:6px}.workspace-content::-webkit-scrollbar-track{background:transparent}.workspace-content::-webkit-scrollbar-thumb{background:var(--glass-border-strong);border-radius:4px}.tab-panel{display:none;opacity:0;transform:translateY(15px);transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),display .4s allow-discrete}.tab-panel.active{display:flex;flex-direction:column;gap:var(--space-lg);opacity:1;transform:translateY(0)}@starting-style{.tab-panel.active{opacity:0;transform:translateY(15px)}}.landscape-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,450px),1fr));gap:var(--space-md);align-items:stretch}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-xs)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.three-column-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-md)}@media (max-width: 992px){.dashboard-wrapper{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{grid-template-rows:1fr;grid-template-columns:auto 1fr auto;align-items:center;flex-direction:row;border-right:none;border-bottom:1px solid var(--glass-border);padding:var(--space-xs) var(--space-md);overflow-y:visible;overflow-x:auto;box-shadow:0 4px 20px #0000004d}.brand{margin-bottom:0;font-size:16px;white-space:nowrap}.sidebar-menu{flex-direction:row;gap:.25rem;overflow-x:auto;scrollbar-width:none;padding:0 var(--space-sm)}.sidebar-menu::-webkit-scrollbar{display:none}.menu-item{padding:.6rem 1rem;font-size:13px;white-space:nowrap;border-radius:var(--radius-full)}.sidebar-footer{display:none}.main-workspace{height:calc(100vh - 60px)}.workspace-content{padding:var(--space-md)}.api-explorer-grid{grid-template-columns:260px 1fr}}@media (max-width: 768px){.dashboard-wrapper{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{order:2;position:sticky;bottom:0;z-index:100;grid-template-columns:1fr;grid-template-rows:1fr;padding:0;border-bottom:none;border-top:1px solid var(--glass-border);background:var(--clr-bg-panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -4px 20px #0006}.brand{display:none}.sidebar-menu{flex-direction:row;justify-content:space-around;padding:var(--space-xs) 0;gap:0}.menu-item{flex-direction:column;gap:.2rem;padding:.5rem .6rem;font-size:10px;border-radius:0;text-align:center;flex:1;justify-content:center}.menu-item .icon{font-size:1.4rem}.menu-item.active{background:transparent;border-color:transparent;box-shadow:inset 0 2px 0 var(--brand-primary)}.sidebar-footer{display:none}.main-workspace{order:1;height:calc(100vh - 64px);grid-template-rows:56px 1fr}.top-bar{padding:0 var(--space-sm)}.workspace-content{padding:var(--space-sm) var(--space-sm) var(--space-md)}.landscape-grid,.three-column-grid,.metrics-grid{grid-template-columns:1fr}.api-explorer-grid{grid-template-columns:1fr;height:auto}.api-selector-list{flex-direction:row;overflow-x:auto;height:auto;padding-right:0;padding-bottom:.5rem;scrollbar-width:none}.api-selector-list::-webkit-scrollbar{display:none}.api-endpoint-card{min-width:220px;flex-shrink:0}.json-wrapper{min-height:300px}.section-header h2{font-size:20px}.section-header p{font-size:14px}.console-screen{height:260px}}@media (max-width: 480px){.menu-item{font-size:9px;padding:.4rem .3rem}.menu-item .icon{font-size:1.2rem}.workspace-content{padding:var(--space-xs)}.console-screen{height:200px;font-size:.75rem}.console-actions{flex-wrap:wrap}}}@layer components{.brand{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.01em;margin-bottom:var(--space-xl);color:var(--text-primary)}.brand-accent{color:var(--brand-primary)}.weight-light{font-weight:400;color:var(--text-secondary)}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:.4rem;padding:0;margin:0}.menu-item{position:relative;display:flex;align-items:center;gap:.8rem;padding:.8rem 1.2rem;border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-body);font-size:15px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;text-decoration:none}.menu-item:hover{background:#ffffff08;color:var(--text-primary)}.menu-item.active{background:#f59e0b14;color:var(--brand-primary);border-color:#f59e0b26;font-weight:600}.menu-item .icon{font-size:1.2rem;opacity:.7;transition:opacity .2s ease}.menu-item.active .icon,.menu-item:hover .icon{opacity:1}.sidebar-footer{display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);margin-top:auto}.sidebar-status-card{padding:1.2rem;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-default);display:flex;flex-direction:column;gap:.5rem}.sidebar-status-card p{margin:0;font-size:14px;font-family:var(--font-body);line-height:1.5;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:1px solid var(--border-default);transition:all .2s cubic-bezier(.16,1,.3,1);text-decoration:none}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--brand-primary);color:var(--text-dark);border-color:#ffffff1a;box-shadow:0 4px 12px #f59e0b26}.btn-primary:hover{background:var(--brand-primary-light);box-shadow:0 6px 16px #f59e0b40}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-secondary.active{background:var(--brand-primary);color:var(--text-dark);border-color:transparent}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.bg-cyan{background-color:var(--accent-secondary)}.bg-magenta{background-color:var(--clr-magenta)}.bg-violet{background-color:var(--clr-violet)}.badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);background:var(--bg-primary);border:1px solid var(--border-default);color:var(--text-secondary);width:fit-content}.badge-cyan{color:var(--accent-secondary-light);background:#06b6d414;border-color:#06b6d433}.badge-success{color:var(--color-success);background:#22c55e14;border-color:#22c55e33}.status-indicator{width:6px;height:6px;border-radius:50%;background-color:currentColor;box-shadow:0 0 8px currentColor;animation:pulse-indicator 1.5s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-indicator{0%,to{opacity:1}50%{opacity:.3}}.glass-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-md);position:relative;overflow:hidden;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--shadow-sm)}.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--accent-secondary),var(--clr-violet));background-size:200% 100%;pointer-events:none;opacity:0;transition:opacity .3s ease}.glass-card:hover{border-color:var(--border-strong);background:var(--bg-surface);box-shadow:var(--shadow-md)}.glass-card:hover:before{opacity:1;animation:glassGlowPulse 2.5s ease-in-out infinite}@keyframes glassGlowPulse{0%,to{opacity:.7;box-shadow:0 0 8px #f59e0b26;background-position:0% 50%}50%{opacity:1;box-shadow:0 0 18px #f59e0b4d,0 0 30px #06b6d426;background-position:100% 50%}}.glass-card h3{font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:var(--space-sm);padding-bottom:10px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:.5rem;color:var(--brand-primary-light)}.glass-card p{color:var(--text-secondary);line-height:1.6;margin:0;font-family:var(--font-body);font-size:15px}.progress-widget{display:flex;flex-direction:column;justify-content:center}.progress-bar-bg{background:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-default);height:12px}.progress-bar-fill{height:100%;background:var(--color-success);border-radius:var(--radius-full);transition:width .3s ease}.highlight-cyan{color:var(--accent-secondary-light);font-weight:600}.section-header{margin-bottom:var(--space-lg)}.section-header h2{font-family:var(--font-display);font-weight:700;font-size:24px;margin-bottom:var(--space-sm);color:var(--text-primary);letter-spacing:-.02em}.section-header p{font-size:15px;font-family:var(--font-body);color:var(--text-secondary);max-width:600px;line-height:1.5;margin:0}.metric-label{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.metric-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--color-success);line-height:1;text-shadow:0 0 10px rgba(34,197,94,.2)}}@layer components{.console-container{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--glass-border-strong);box-shadow:0 25px 50px #00000080,inset 0 1px hsla(255,255,255,.05);background:#030408;position:relative}.console-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:linear-gradient(180deg,#0f111a,#08090e);border-bottom:1px solid var(--glass-border);box-shadow:0 2px 10px #0000004d}.console-dots{display:flex;gap:6px}.console-dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:inset 0 1px 2px #0000004d}.dot-r{background-color:#ff5f56}.dot-y{background-color:#ffbd2e}.dot-g{background-color:#27c93f}.console-title{font-family:var(--font-mono);font-size:.75rem;color:var(--clr-text-muted);font-weight:500;letter-spacing:.05em}.console-pill{font-family:var(--font-mono);font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--clr-text-muted);background:var(--glass-bg-subtle);padding:.2rem .5rem;border-radius:4px;border:1px solid var(--glass-border);text-transform:uppercase}.console-pill.active{color:var(--clr-cyan);border-color:hsla(var(--hue-cyan) 100% 55% / .3);background:hsla(var(--hue-cyan) 100% 55% / .1);animation:pulsePill 2s infinite alternate ease-in-out;box-shadow:0 0 10px var(--clr-cyan-glow)}@keyframes pulsePill{0%{opacity:.7;box-shadow:0 0 5px transparent}to{opacity:1;box-shadow:0 0 15px var(--clr-cyan-glow)}}.console-screen{padding:1.2rem;height:340px;overflow-y:auto;font-family:var(--font-mono);font-size:.85rem;line-height:1.6;display:flex;flex-direction:column;gap:.2rem;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#333 transparent;position:relative}.console-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.06) 2px,rgba(0,0,0,.06) 4px);pointer-events:none;z-index:1;border-radius:inherit}.console-screen::-webkit-scrollbar{width:6px}.console-screen::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.console-line{color:var(--clr-text-primary);opacity:.95;display:flex;gap:.5rem;position:relative;animation:consoleFadeInUp .35s cubic-bezier(.16,1,.3,1) both}@keyframes consoleFadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:.95;transform:translateY(0)}}.console-line:last-child:after{content:"▊";color:var(--clr-cyan);animation:cursorBlink 1s steps(2,start) infinite;margin-left:.25rem;text-shadow:0 0 6px var(--clr-cyan-glow)}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.console-line:before{content:"❯";color:var(--clr-text-darker)}.console-line.sys{color:var(--clr-text-muted)}.console-line.sys:before{content:"●";color:var(--clr-text-darker)}.console-line.agt-cyan{color:var(--clr-cyan);text-shadow:0 0 8px var(--clr-cyan-glow)}.console-line.agt-cyan:before{content:"▲";color:var(--clr-cyan)}.console-line.agt-magenta{color:var(--clr-magenta);text-shadow:0 0 8px var(--clr-magenta-glow)}.console-line.agt-magenta:before{content:"◆";color:var(--clr-magenta)}.console-line.ok{color:var(--clr-success);font-weight:500}.console-line.ok:before{content:"✔";color:var(--clr-success)}.console-actions{padding:.8rem;border-top:1px solid var(--glass-border);display:flex;gap:.5rem;background:#0a0b10}.api-explorer-grid{display:grid;grid-template-columns:320px 1fr;gap:var(--space-lg);height:450px}.api-selector-list{display:flex;flex-direction:column;gap:.5rem;height:100%;overflow-y:auto;padding-right:.5rem}.api-endpoint-card{padding:1rem;border-radius:10px;background:var(--glass-bg-subtle);border:1px solid var(--glass-border);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:.6rem}.api-endpoint-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);transform:translate(2px)}.api-endpoint-card.active{background:linear-gradient(135deg,hsla(var(--hue-cyan) 100% 55% / .1),transparent);border-color:var(--clr-cyan);box-shadow:0 5px 15px var(--clr-cyan-glow)}.api-endpoint-header{display:flex;align-items:center;gap:.6rem}.api-method{font-family:var(--font-mono);font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:.2rem .5rem;border-radius:4px;line-height:1}.api-method.post{background:hsla(var(--hue-cyan) 100% 55% / .15);color:var(--clr-cyan);border:1px solid hsla(var(--hue-cyan) 100% 55% / .3)}.api-path{font-family:var(--font-mono);font-size:.8rem;color:var(--clr-text-primary);font-weight:500}.api-desc{font-size:.8rem;color:var(--clr-text-muted);line-height:1.4}.json-wrapper{background:#030408;border:1px solid var(--glass-border-strong);border-radius:12px;padding:1.5rem 1.5rem 1.5rem 0;font-family:var(--font-mono);font-size:.85rem;line-height:1.7;overflow:auto;white-space:pre-wrap;word-break:break-all;color:#cbd5e1;height:100%;box-shadow:inset 0 2px 10px #00000080;counter-reset:json-line}.json-line{display:block;counter-increment:json-line;padding-left:3.5rem;position:relative;min-height:1.7em;border-left:1px solid rgba(255,255,255,.06);margin-left:2.5rem;transition:background .15s ease}.json-line:hover{background:#ffffff05}.json-line:before{content:counter(json-line);position:absolute;left:-2.5rem;width:2rem;text-align:right;color:#ffffff2e;font-size:.75rem;-webkit-user-select:none;user-select:none;pointer-events:none}.json-key{color:#67e8f9;text-shadow:0 0 8px hsla(var(--hue-cyan) 100% 60% / .35)}.json-string{color:#86efac;text-shadow:0 0 4px rgba(134,239,172,.15)}.json-number{color:#c4b5fd;text-shadow:0 0 6px hsla(var(--hue-violet) 90% 75% / .3)}.json-boolean{color:#fbbf24;font-weight:600}.json-null{color:#71717a;font-style:italic}}@layer components{.metrics-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.metric-widget{display:flex;flex-direction:column;gap:.3rem;padding:var(--space-sm);background:#ffffff03;border:1px solid var(--glass-border);border-radius:8px}.metric-label{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--clr-text-muted)}.metric-value{font-family:var(--font-outfit);font-size:1.6rem;font-weight:700;color:var(--clr-text-primary);line-height:1.2}.progress-widget{display:flex;flex-direction:column;gap:.4rem}.progress-meta{display:flex;justify-content:space-between;font-size:.75rem}.progress-bar-bg{inline-size:100%;block-size:6px;background:var(--clr-bg-panel);border-radius:3px;overflow:hidden;border:1px solid var(--glass-border)}.progress-bar-fill{block-size:100%;background:linear-gradient(to right,var(--clr-cyan),var(--clr-violet));border-radius:3px;inline-size:0%;transition:inline-size .5s cubic-bezier(.16,1,.3,1)}.chart-widget{padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs);min-block-size:120px}.chart-canvas-wrapper{inline-size:100%;block-size:60px;position:relative;overflow:hidden;margin-block-start:var(--space-xs)}.chart-svg{inline-size:100%;block-size:100%}.chart-path{fill:none;stroke:var(--clr-cyan);stroke-width:1.5;stroke-linecap:round;transition:stroke-dasharray .3s ease}.status-board-list{display:flex;flex-direction:column;gap:var(--space-xs);list-style:none;max-block-size:200px;overflow-y:auto;padding-inline-end:.5rem}.status-board-item{display:flex;justify-content:space-between;align-items:center;padding-block:.4rem;padding-inline:.6rem;border-radius:6px;background:#ffffff04;border:1px solid var(--glass-border);font-size:.75rem}.status-dot{inline-size:6px;block-size:6px;border-radius:50%;display:inline-block}.status-dot.active{background-color:var(--clr-success);box-shadow:0 0 6px var(--clr-success);animation:pulseDot 2s infinite ease-in-out}@keyframes pulseDot{0%,to{opacity:.6}50%{opacity:1}}}@layer base{body{margin:0;padding:0}}