:root{--qg-bg-base:#0a0a0a;--qg-bg-raised:#1a1a1a;--qg-bg-elevated:#222;--qg-bg-overlay:#0a0a0ad9;--qg-text:#fff;--qg-text-strong:#f4f4f4;--qg-text-muted:#f4f4f4a8;--qg-text-faint:#f4f4f46b;--qg-grad-primary:linear-gradient(120deg, #e8c4a0 0%, #c4a080 50%, #a0c4e0 100%);--qg-grad-secondary:linear-gradient(120deg, #c4a080 0%, #a0c4e0 50%, #e8c4a0 100%);--qg-grad-radial-primary:radial-gradient(circle at 30% 30%, #e8c4a0 0%, #c4a080 45%, #a0c4e0 80%, transparent 100%);--qg-accent:#e8c4a0;--qg-accent-hover:#d4b08c;--qg-accent-violet:#a0c4e0;--qg-accent-magenta:#c4a080;--qg-border:#ffffff14;--qg-border-strong:#ffffff29;--qg-radius-xs:4px;--qg-radius-sm:8px;--qg-radius-md:14px;--qg-radius-lg:22px;--qg-radius-xl:32px;--qg-radius-pill:999px;--qg-shadow-sm:0 1px 2px #0006;--qg-shadow-md:0 12px 32px -8px #0000008c;--qg-shadow-lg:0 28px 60px -12px #000000b3;--qg-glow-primary:0 0 60px #e8c4a033, 0 0 120px #a0c4e01a;--qg-glow-accent:0 0 36px #e8c4a04d;--qg-transition-fast:.12s cubic-bezier(.2, .8, .2, 1);--qg-transition:.22s cubic-bezier(.2, .8, .2, 1);--qg-transition-slow:.48s cubic-bezier(.2, .8, .2, 1);--qg-font-sans:"Outfit", "Inter", "Helvetica Neue", Arial, sans-serif;--qg-font-display:"Varela", "Outfit", Arial, sans-serif}:root[data-theme=light]{--qg-bg-base:#f4f6fb;--qg-bg-raised:#fff;--qg-bg-elevated:#fff;--qg-bg-overlay:#ffffffe6;--qg-text:#0f172a;--qg-text-strong:#0a0e1a;--qg-text-muted:#0f172aa8;--qg-text-faint:#0f172a73;--qg-border:#0f172a1a;--qg-border-strong:#0f172a2e;--qg-shadow-sm:0 1px 2px #0f172a14;--qg-shadow-md:0 12px 32px -8px #0f172a24;--qg-shadow-lg:0 28px 60px -12px #0f172a2e;--qg-glow-primary:0 0 60px #e8c4a01f, 0 0 120px #a0c4e014;--bg-page:#f4f6fb;--bg-surface:#fff;--bg-surface-raised:#fff;--bg-sidebar:#fff;--bg-topbar:#ffffffe6;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--border:#0f172a1f;--border-strong:#0f172a33;--hover-violet:#5c6bc014;--hover-violet-strong:#5c6bc024;--overlay-subtle:#0f172a0a;--overlay-strong:#0f172a14;--shadow-sm:0 1px 2px 0 #0f172a14;--shadow-md:0 4px 12px -2px #0f172a1f, 0 2px 4px -2px #0f172a14;--qg-bg:#f4f6fb;--qg-bg-surface:#ffffffd9;--qg-glass:#ffffffbf;--qg-glass-border:#0f172a1a;--qg-bg-elev:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=light] .qg-chip,:root[data-theme=light] .qg-shimmer{background:#0f172a0a}:root[data-theme=light] .qg-btn-ghost:hover,:root[data-theme=light] .qg-cta-ghost:hover{background:#0f172a0d}:root[data-theme=light] .qg-code-editor{color:#0f172a;background:#f8fafc}:root[data-theme=light] .landing-root{background:var(--qg-bg);color:#0f172a}:root[data-theme=light] .landing-nav--scrolled{background:#ffffffd9;border-color:#0f172a14}:root[data-theme=light] .landing-nav__dropdown-menu{background:#fffffffa;border-color:#0f172a1a;box-shadow:0 12px 40px #0f172a24}:root[data-theme=light] .landing-nav__dropdown-menu a:hover{background:#00a0c814}:root[data-theme=light] .pricing-card,:root[data-theme=light] .references-card{background:#fff;border-color:#0f172a1a}:root[data-theme=light] .qg-dot-grid,:root[data-theme=light] [class*=dot-grid]{background-image:radial-gradient(#0f172a14 1px,#0000 1px)!important}:root[data-theme=light] .bg-\[\#1a1a1a\]{background-color:var(--bg-surface)!important}:root[data-theme=light] .bg-\[\#222222\]{background-color:var(--bg-surface-raised)!important}:root[data-theme=light] .bg-\[\#0a0a0a\]{background-color:var(--bg-page)!important}:root[data-theme=light] .border-white\/10,:root[data-theme=light] .border-white\/5{border-color:var(--border)!important}:root[data-theme=light] .border-white\/20{border-color:var(--border-strong)!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.qg-bg-base{background-color:var(--qg-bg-base)}.qg-bg-raised{background-color:var(--qg-bg-raised)}.qg-text{color:var(--qg-text)}.qg-text-muted{color:var(--qg-text-muted)}.qg-font-display{font-family:var(--qg-font-display)}.qg-font-sans{font-family:var(--qg-font-sans)}.qg-gradient-text{background:var(--qg-grad-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.qg-gradient-bg{background:var(--qg-grad-primary)}.qg-gradient-border{border-radius:var(--qg-radius-md);background:var(--qg-bg-raised);position:relative}.qg-gradient-border:before{content:"";border-radius:inherit;background:var(--qg-grad-primary);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qg-card{background:var(--qg-bg-raised);border:1px solid var(--qg-border);border-radius:var(--qg-radius-lg);box-shadow:var(--qg-shadow-md);color:var(--qg-text);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s cubic-bezier(.2,.8,.2,1),border-color .18s cubic-bezier(.2,.8,.2,1)}.qg-card:hover{box-shadow:var(--qg-shadow-lg), var(--qg-glow-primary);border-color:var(--qg-border-strong);transform:translateY(-2px)}.qg-btn{border-radius:var(--qg-radius-pill);font-family:var(--qg-font-sans);color:var(--qg-text);background:var(--qg-grad-primary);cursor:pointer;isolation:isolate;transition:transform var(--qg-transition), box-shadow var(--qg-transition), filter var(--qg-transition);border:0;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.qg-btn:after{content:"";opacity:0;pointer-events:none;z-index:-1;background:#ffffff52;border-radius:50%;width:0;height:0;transition:transform .42s ease-out,opacity .52s ease-out;position:absolute;inset:50%;transform:translate(-50%,-50%)scale(0)}.qg-btn:active:after{opacity:1;width:260%;height:260%;transition:transform,opacity;transform:translate(-50%,-50%)scale(1)}.qg-btn:active{transform:translateY(0)scale(.98)}.qg-btn:hover{box-shadow:var(--qg-glow-accent);filter:brightness(1.05);transform:translateY(-1px)}.qg-btn:focus-visible{outline:2px solid var(--qg-accent);outline-offset:2px}.qg-btn-ghost{border:1px solid var(--qg-border-strong);color:var(--qg-text);background:0 0}.qg-btn-ghost:hover{background:#ffffff0a}@keyframes qg-sphere-pulse{0%,to{opacity:var(--qg-sphere-opacity,.55);transform:translate(0,0)scale(1)}50%{opacity:calc(var(--qg-sphere-opacity,.55) * .85);transform:translateY(-2%)scale(1.06)}}@media (prefers-reduced-motion:reduce){.qg-gradient-sphere{animation:none!important}}.qg-fade-in{opacity:0;transition:opacity var(--qg-transition-slow), transform var(--qg-transition-slow);will-change:opacity, transform;transform:translateY(16px)}.qg-fade-in.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.qg-fade-in{opacity:1;transition:none;transform:none}}.qg-hero{border-radius:var(--qg-radius-lg);border:1px solid var(--qg-border);background:linear-gradient(135deg,#e8c4a00d,#a0c4e008 60%,#e8c4a005);margin-bottom:8px;padding:28px 32px 24px;position:relative;overflow:hidden}.qg-hero>*{z-index:1;position:relative}.qg-hero h1{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:clamp(24px,2.2vw,32px);font-weight:600;line-height:1.2}.qg-hero p{color:var(--qg-text-muted);max-width:720px;margin-top:6px;font-size:14px}.qg-hero-metric{letter-spacing:-.02em;background:var(--qg-grad-primary);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(28px,3vw,36px);font-weight:700}.qg-cta{background:var(--qg-grad-primary);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:filter .16s,transform .16s,box-shadow .16s;display:inline-flex;color:#fff!important}.qg-cta:hover{filter:brightness(1.08);box-shadow:var(--qg-glow-accent);transform:translateY(-1px)}.qg-cta-ghost{border:1px solid var(--qg-border-strong);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:background .16s,border-color .16s;display:inline-flex;color:var(--qg-text)!important}.qg-cta-ghost:hover{background:#ffffff0a;border-color:#ffffff40}.qg-cta-danger{background:linear-gradient(135deg,#e85c4a 0%,#c4a080 100%)}.qg-chip{border:1px solid var(--qg-border-strong);color:var(--qg-text-muted);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:500;transition:all .16s;display:inline-flex}.qg-chip:hover{color:var(--qg-text);border-color:#ffffff40}.qg-chip-active{background:var(--qg-grad-primary);color:#fff;border-color:#0000}.qg-sev-critical{color:#e85c4a;background:#e85c4a33;border:1px solid #e85c4a66}.qg-sev-high{color:#e85c4a;background:#e85c4a26;border:1px solid #e85c4a4d}.qg-sev-medium{color:#e8c4a0;background:#e8c4a026;border:1px solid #e8c4a04d}.qg-sev-low{color:#4a7a5a;background:#4a7a5a26;border:1px solid #4a7a5a4d}.qg-sev-info{color:#a0c4e0;background:#a0c4e026;border:1px solid #a0c4e04d}.qg-kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.qg-kanban-col{background:var(--qg-bg-raised);border:1px solid var(--qg-border);border-radius:var(--qg-radius-lg);min-height:200px;padding:16px;position:relative}.qg-kanban-col:before{content:"";border-radius:inherit;background:var(--qg-grad-primary);-webkit-mask-composite:xor;opacity:.4;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.qg-kanban-col-header{letter-spacing:.04em;text-transform:uppercase;color:var(--qg-text);border-bottom:1px solid var(--qg-border);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;display:flex}.qg-timeline-v{padding-left:28px;position:relative}.qg-timeline-v:before{content:"";background:var(--qg-grad-primary);opacity:.7;border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:10px}.qg-timeline-dot{background:var(--qg-grad-primary);width:14px;height:14px;box-shadow:0 0 0 3px var(--qg-bg-base);border-radius:50%;position:absolute;left:4px}.qg-avatar-ring{background:var(--qg-grad-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:2px;display:inline-flex}.qg-avatar-ring>*{background:var(--qg-bg-raised);width:100%;height:100%;color:var(--qg-text);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}@keyframes qg-shimmer{0%{background-position:200% 0,0 0}to{background-position:-200% 0,0 0}}.qg-shimmer{background:linear-gradient(90deg,#ffffff05 0%,#e8c4a014 50%,#ffffff05 100%) 0 0/200% 100%;animation:2s linear infinite qg-shimmer}@media (prefers-reduced-motion:reduce){.qg-shimmer{animation:none}}.qg-code-editor{border:1px solid var(--qg-border);border-radius:var(--qg-radius-md);color:#e2e8f0;background:#111;padding:14px 16px;font-family:Fira Code,JetBrains Mono,monospace;font-size:12.5px;line-height:1.65;overflow:auto}.qg-code-editor .tok-keyword{color:#a0c4e0}.qg-code-editor .tok-string{color:#e8c4a0}.qg-code-editor .tok-comment{color:#666;font-style:italic}.qg-code-editor .tok-number{color:#4a7a5a}.qg-expiry-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;display:inline-flex}@keyframes qg-route-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.qg-route-transition{will-change:opacity, transform;animation:.28s cubic-bezier(.2,.8,.2,1) both qg-route-in}@keyframes qg-focus-pulse{0%{box-shadow:0 0 #e8c4a066}60%{box-shadow:0 0 0 6px #e8c4a000}to{box-shadow:0 0 #e8c4a000}}.qg-focus-pulse{animation:2s cubic-bezier(.2,.8,.2,1) qg-focus-pulse}@keyframes qg-spinner-slide-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes qg-spinner-rotate{to{transform:rotate(360deg)}}.qg-btn-spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.22s cubic-bezier(.2,.8,.2,1) both qg-spinner-slide-in,.72s linear .22s infinite qg-spinner-rotate;display:inline-block}.qg-btn[data-loading=true]{pointer-events:none;opacity:.82}@media (prefers-reduced-motion:reduce){.qg-route-transition,.qg-focus-pulse,.qg-btn-spinner{animation:none!important}.qg-btn:after{display:none}}.qg-chart{color:#a9a6c7;font-family:Outfit,Inter,system-ui,sans-serif}.qg-chart .recharts-cartesian-axis-line,.qg-chart .recharts-cartesian-axis-tick-line{stroke:#ffffff1f}.qg-chart .recharts-cartesian-grid-horizontal line,.qg-chart .recharts-cartesian-grid-vertical line{stroke:#ffffff14}.qg-chart .recharts-text,.qg-chart .recharts-cartesian-axis-tick text,.qg-chart .recharts-legend-item-text{font-family:Outfit,Inter,system-ui,sans-serif;fill:#a9a6c7!important;color:#a9a6c7!important}.qg-chart .recharts-default-tooltip{box-shadow:0 10px 30px #00000073;color:#fff!important;background:#1a1a1a!important;border:1px solid #7f3eff66!important;border-radius:10px!important;font-family:Outfit,Inter,system-ui,sans-serif!important;font-size:13px!important}.qg-chart .recharts-tooltip-label,.qg-chart .recharts-tooltip-item,.qg-chart .recharts-tooltip-item-name,.qg-chart .recharts-tooltip-item-value{color:#fff!important;font-family:Outfit,Inter,system-ui,sans-serif!important}.qg-chart .recharts-legend-item .recharts-surface{filter:drop-shadow(0 0 6px #7f3eff59)}.qg-sparkline{width:100%;height:40px;overflow:visible}.qg-sparkline path.qg-sparkline-stroke{fill:none;stroke:url(#qg-stroke-a);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 6px #fa82ec59)}.qg-sparkline path.qg-sparkline-fill{fill:url(#qg-grad-a);opacity:.6}.qg-heatmap{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:12px;gap:6px;padding:12px;display:grid}.qg-heatmap-row{grid-template-columns:120px 1fr;align-items:center;gap:8px;display:grid}.qg-heatmap-row-label{color:#c4c1de;text-align:right;padding-right:8px;font-family:Outfit,Inter,system-ui,sans-serif;font-size:12px;font-weight:500}.qg-heatmap-cells{grid-auto-columns:minmax(28px,1fr);grid-auto-flow:column;gap:4px;display:grid}.qg-heatmap-cell{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff0a;border-radius:6px;min-height:26px;transition:transform .12s,box-shadow .12s,border-color .12s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 2px 4px #00000059}.qg-heatmap-cell:hover,.qg-heatmap-cell:focus-visible{border-color:#0000;outline:none;transform:translateY(-1px);box-shadow:inset 0 0 0 1px #ffffff26,inset 0 2px 4px #0000004d,0 0 0 2px #7f3eff8c,0 0 16px #fa82ec73}.qg-heatmap-cell[data-sev=INFO]{background:linear-gradient(135deg,#4a476a 0%,#6b6890 100%)}.qg-heatmap-cell[data-sev=LOW]{background:linear-gradient(135deg,#158f5a 0%,#25c07a 100%)}.qg-heatmap-cell[data-sev=MEDIUM]{background:linear-gradient(135deg,#c25a11 0%,#ff7c24 100%)}.qg-heatmap-cell[data-sev=HIGH]{background:linear-gradient(135deg,#b8469f 0%,#fa82ec 100%)}.qg-heatmap-cell[data-sev=CRITICAL]{background:linear-gradient(135deg,#b32340 0%,#ff3b5c 100%)}.qg-heatmap-cell[data-sev=EMPTY]{box-shadow:none;cursor:default;background:#ffffff08}.qg-heatmap-tooltip{z-index:20;color:#fff;pointer-events:none;white-space:nowrap;background:#1a1a1a;border:1px solid #7f3eff66;border-radius:8px;min-width:160px;padding:8px 10px;font-family:Outfit,Inter,system-ui,sans-serif;font-size:12px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.qg-heatmap-tooltip-title{margin-bottom:4px;font-weight:600}.qg-heatmap-tooltip-row{color:#c4c1de;justify-content:space-between;gap:12px;display:flex}.qg-heatmap-tooltip-row strong{color:#fff;font-weight:600}.qg-heatmap-legend{color:#a9a6c7;flex-wrap:wrap;gap:12px;padding-top:8px;font-family:Outfit,Inter,system-ui,sans-serif;font-size:12px;display:flex}.qg-heatmap-legend-item{align-items:center;gap:6px;display:inline-flex}.qg-heatmap-legend-swatch{border-radius:3px;width:12px;height:12px;box-shadow:inset 0 0 0 1px #ffffff14}:root{--bg-page:#0a0a0a;--bg-surface:#1a1a1a;--bg-surface-raised:#222;--bg-sidebar:#0a0a0a;--bg-topbar:#0a0a0ad9;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#999;--text-on-dark:#fff;--text-on-dark-muted:#999;--border:#ffffff1a;--border-strong:#ffffff2e;--qg-navy:#1a237e;--accent:#5c6bc0;--accent-light:#5c6bc01f;--accent-dark:#1a237e;--grad-brand:linear-gradient(120deg, #5c6bc0 0%, #3949ab 50%, #1a237e 100%);--grad-brand-vert:linear-gradient(180deg, #5c6bc0 0%, #3949ab 50%, #1a237e 100%);--grad-critical:linear-gradient(90deg, #e85c4a 0%, #3949ab 100%);--grad-high:linear-gradient(90deg, #3949ab 0%, #5c6bc0 100%);--hover-violet:#5c6bc01a;--hover-violet-strong:#5c6bc029;--overlay-subtle:#ffffff0d;--overlay-strong:#ffffff1a;--success:#4a7a5a;--success-light:#4a7a5a1f;--warning:#c4a080;--warning-light:#c4a0801f;--danger:#e85c4a;--danger-light:#e85c4a1f;--info:#a0c4e0;--info-light:#a0c4e01f;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px -2px #00000080, 0 2px 4px -2px #0000004d;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--transition:.16s ease;--color-background-primary:var(--bg-surface);--color-background-secondary:var(--bg-page);--color-background-tertiary:var(--bg-surface-raised);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-tertiary:var(--text-muted);--color-text-danger:var(--danger);--color-border-secondary:var(--border);--color-border-tertiary:var(--border);--color-border-danger:var(--danger);--border-radius-lg:var(--radius-lg);--font-mono:"Fira Code", "Cascadia Code", "JetBrains Mono", monospace;font-family:Outfit,Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#root{min-height:100vh}.app-shell{background:var(--bg-page);grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;padding:22px 14px;display:flex}.sidebar-brand{border-bottom:1px solid var(--border);margin-bottom:14px;padding:4px 8px 20px}.brand-sphere{background:var(--grad-brand);border-radius:50%;flex-shrink:0;width:24px;height:24px;display:inline-block;box-shadow:0 0 8px 2px #5c6bc073,0 0 16px 4px #1a237e4d}.brand-title{color:var(--text-on-dark);letter-spacing:-.01em;font-family:Outfit,sans-serif;font-size:16px;font-weight:500}.brand-subtitle{color:var(--text-on-dark-muted);letter-spacing:.02em;margin-top:4px;padding-left:34px;font-size:11px}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-on-dark-muted);transition:background var(--transition), color var(--transition);align-items:center;gap:10px;padding:9px 12px 9px 14px;font-family:Outfit,sans-serif;font-size:13.5px;font-weight:400;text-decoration:none;display:flex;position:relative}.nav-item:hover{background:var(--hover-violet);color:#fff}.nav-item-active{background:var(--hover-violet);font-weight:500}.nav-item-active span{background:var(--grad-brand);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.nav-item-active svg{color:#5c6bc0}.nav-item-active:before{content:"";background:var(--grad-brand-vert);border-radius:2px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.app-main{background:var(--bg-page);flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.topbar-group{align-items:center;gap:12px;display:flex}.topbar-group:last-child:after{content:"";background:var(--grad-brand);-webkit-mask-composite:xor;border-radius:50%;width:30px;height:30px;padding:2px;display:inline-block;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.main-content{flex:1;padding:24px 20px}.stack{flex-direction:column;gap:16px;display:flex}.stack-sm{flex-direction:column;gap:10px;display:flex}.two-col{grid-template-columns:2fr 1fr;gap:14px;display:grid}.three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card-grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition), transform var(--transition);padding:18px 20px;position:relative}.card:before{content:"";border-radius:var(--radius-lg);background:var(--grad-brand);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.card:hover:before{opacity:1}.card h3{color:var(--text-primary);margin-bottom:14px;font-family:Outfit,sans-serif;font-size:16px;font-weight:500;line-height:1.4}.page-header{padding-bottom:4px}.page-header h1{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:clamp(1.125rem,1rem + 1.2vw,1.75rem);font-weight:500;line-height:1.25}.page-header p{color:var(--text-secondary);margin-top:4px;font-size:clamp(.8125rem,.75rem + .2vw,.95rem)}label{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}select,input,textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:6px 10px;font-family:inherit;font-size:13px}select option{background:var(--bg-surface);color:var(--text-primary)}select:focus,input:focus,textarea:focus{border-color:#0000;box-shadow:0 0 0 2px #7f3eff8c,0 0 0 3px #fa82ec59}.ghost-button{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);background:0 0;border:1px solid #ffffff26;align-items:center;gap:6px;padding:7px 14px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;display:inline-flex}.ghost-button:hover{color:#fff;background:#ffffff0a;border-color:#ffffff40}button.primary,.btn-primary{border-radius:var(--radius-sm);background:var(--grad-brand);color:#fff;cursor:pointer;transition:filter var(--transition), transform var(--transition);border:none;align-items:center;gap:6px;padding:8px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:500;display:inline-flex}button.primary:hover,.btn-primary:hover{filter:brightness(1.1)}.tab-active{background:var(--hover-violet-strong);color:#fff;border-color:#0000;font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.table{border-collapse:collapse;width:100%}.table th{border-bottom:1px solid var(--border);text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background:var(--bg-surface);padding:10px 12px;font-family:Outfit,sans-serif;font-size:11px;font-variant-caps:small-caps;font-weight:500}.table td{border-bottom:1px solid var(--border);color:var(--text-primary);padding:11px 12px;font-size:13.5px}.table tbody tr{cursor:pointer;transition:background var(--transition);background:var(--bg-surface)}.table tbody tr:nth-child(2n){background:var(--bg-surface-raised)}.table tbody tr:hover{background:var(--hover-violet-strong)!important}.table tbody tr:last-child td{border-bottom:none}.badge{letter-spacing:.04em;color:#fff;border:1px solid #0000;border-radius:999px;align-items:center;padding:3px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:600;display:inline-flex}.badge-critical{background:var(--grad-critical);color:#fff}.badge-high{background:var(--grad-high);color:#fff}.badge-medium{color:#c79bff;background:#a252fa2e;border:1px solid #a252fa66}.badge-low{color:var(--text-secondary);background:#a9a6c71f;border:1px solid #a9a6c740}.badge-info{color:#c5a8ff;background:#7f3eff26;border:1px solid #7f3eff59}.code-block{color:#e2e8f0;border:1px solid var(--border);border-radius:var(--radius-md);font-size:12.5px;font-family:var(--font-mono);background:#0a0820;margin:0;padding:14px 16px;line-height:1.65;overflow:auto}.muted{color:var(--text-secondary);font-size:13px}.chart-wrap{width:100%;height:280px}.nested-panel{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface-raised);margin-top:10px;padding:12px}.timeline{gap:10px;margin:0;padding-left:20px;display:grid}.simple-list{gap:8px;margin:0;padding-left:20px;display:grid}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.status-pill{letter-spacing:.03em;border-radius:999px;align-items:center;padding:3px 10px;font-family:Outfit,sans-serif;font-size:11px;font-weight:500;display:inline-flex}.status-pill-ok{color:#6ee7b7;background:var(--success-light);border:1px solid #34d3994d}.status-pill-warn{color:#ffb067;background:var(--warning-light);border:1px solid #ff7c2459}.status-text{color:var(--text-secondary);font-size:12px}@media (pointer:coarse){button,a.nav-item,.ghost-button,button.primary,.btn-primary,.sidebar-toggle,select,input[type=text],input[type=number],input[type=search],input[type=email]{min-height:44px}button,.sidebar-toggle,.ghost-button,button.primary,.btn-primary{min-width:44px}}.sidebar-toggle{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);width:40px;height:40px;color:var(--text-primary);cursor:pointer;transition:background var(--transition);justify-content:center;align-items:center;display:none}.sidebar-toggle:hover{background:var(--hover-violet)}.sidebar-wrapper{display:contents}.sidebar-overlay{display:none}@media (width<=1024px){.app-shell{grid-template-columns:72px 1fr}.sidebar{align-items:center;padding:18px 8px}.sidebar-brand{justify-content:center;width:100%;margin-bottom:10px;padding:4px 4px 16px;display:flex}.sidebar-brand .brand-title,.sidebar-brand .brand-subtitle{display:none}.sidebar-brand>div{gap:0;margin-bottom:0}.sidebar-nav{align-items:center;width:100%}.nav-item{justify-content:center;width:100%;padding:12px 8px}.nav-item span{display:none}.nav-item-active:before{left:2px}.two-col{grid-template-columns:1fr}.three-col,.card-grid.four,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-content{padding:20px 16px}.topbar{flex-wrap:wrap;gap:10px;padding:0 14px}.topbar-group{flex-wrap:wrap;gap:8px}}@media (width<=768px){.app-shell{grid-template-columns:1fr}.sidebar-toggle{display:inline-flex}.sidebar-wrapper{z-index:200;width:min(280px,82vw);transition:transform .25s;display:block;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 0 24px #00000080}.sidebar-wrapper--open{transform:translate(0)}.sidebar-wrapper .sidebar{align-items:stretch;height:100%;padding:22px 14px;display:flex;overflow-y:auto}.sidebar-wrapper .sidebar-brand{justify-content:flex-start;padding:4px 8px 20px;display:block}.sidebar-wrapper .sidebar-brand>div{gap:10px;margin-bottom:4px}.sidebar-wrapper .sidebar-brand .brand-title,.sidebar-wrapper .sidebar-brand .brand-subtitle{display:block}.sidebar-wrapper .sidebar-nav{align-items:stretch}.sidebar-wrapper .nav-item{justify-content:flex-start;padding:11px 12px 11px 14px}.sidebar-wrapper .nav-item span{display:inline}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:199;background:#0009;display:block;position:fixed;inset:0}.two-col,.three-col,.form-grid,.card-grid.four{grid-template-columns:1fr}.main-content{padding:16px 12px}.topbar{flex-direction:column;align-items:stretch;gap:10px;height:auto;min-height:56px;padding:10px 12px}.topbar-group{justify-content:flex-start;width:100%}.topbar-group label,.topbar-group select{flex:auto;min-width:0}.topbar-group:last-child:after{display:none}.table{width:100%;display:block}.table thead{position:absolute;top:-9999px;left:-9999px}.table tbody{gap:10px;display:grid}.table tbody tr,.table tr{border-radius:var(--radius-md);border:1px solid var(--border);grid-template-columns:1fr;gap:4px;padding:12px;display:grid;background:var(--bg-surface)!important}.table tbody tr:nth-child(2n){background:var(--bg-surface-raised)!important}.table tbody tr:last-child td{border-bottom:1px solid var(--border)}.table td{border-bottom:1px dashed var(--border);grid-template-columns:minmax(96px,38%) 1fr;align-items:center;gap:10px;min-height:32px;padding:6px 0;font-size:13px;display:grid}.table td:last-child{border-bottom:none}.table td:before{content:attr(data-label);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:500}.table-scroll{overflow-x:auto}}@media (width<=480px){.main-content{padding:12px 10px}.card{padding:14px}.toolbar{gap:8px}.toolbar label{flex:100%}.toolbar label select{width:100%}.page-header p{font-size:12.5px}.sidebar-wrapper{width:min(300px,92vw)}.table td{grid-template-columns:1fr;gap:2px}.table td:before{margin-bottom:2px}}table tr{transition:background .15s}table tbody tr:hover{background:var(--hover-violet-strong);cursor:pointer}.main-content{animation:.18s ease-out page-in}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes qg-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){[style*=qg-shimmer],[style*=qg-empty-float]{animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes qg-live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}.qg-skip-link{z-index:10000;border-radius:var(--radius-sm);background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-strong);box-shadow:var(--shadow-md), 0 0 0 2px #7f3eff73;padding:10px 16px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:top .14s;position:fixed;top:-48px;left:12px}.qg-skip-link:focus,.qg-skip-link:focus-visible{outline:none;top:12px}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #fa82ec}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[role=tab]:focus-visible,[role=link]:focus-visible,summary:focus-visible{box-shadow:0 0 0 2px var(--bg-page), 0 0 0 4px #fa82ec, 0 0 0 5px #7f3eff8c;border-radius:6px;outline:none}main[tabindex="-1"]:focus{outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.main-content{animation:none!important}}