:root{--qng-bg:#08111f;--qng-panel:#101b2d;--qng-card:#14233a;--qng-line:#263853;--qng-text:#f7fbff;--qng-muted:#b8c5d6;--qng-accent:#f0bd37;--qng-accent-2:#54d6a7;--qng-danger:#ff6b6b;--qng-radius:18px;--qng-shadow:0 20px 60px rgba(0,0,0,.24)}
.qng-saas-shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:760px;background:linear-gradient(135deg,var(--qng-bg),#0d203b);border-radius:22px;overflow:hidden;color:var(--qng-text);box-shadow:var(--qng-shadow);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.qng-single-panel{display:block}.qng-skip-link{position:absolute;left:-999px;top:auto}.qng-skip-link:focus{left:16px;top:16px;background:#fff;color:#000;padding:10px;z-index:9999}.qng-saas-sidebar{padding:24px;background:rgba(6,15,29,.82);border-right:1px solid var(--qng-line)}.qng-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.qng-brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--qng-accent),#fff2b3);color:#111;font-weight:900}.qng-brand strong{display:block;font-size:18px}.qng-brand small{display:block;color:var(--qng-muted);font-size:12px;line-height:1.35}.qng-nav-list{display:grid;gap:8px}.qng-nav-item{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:14px;color:var(--qng-text);text-decoration:none;border:1px solid transparent}.qng-nav-item:hover,.qng-nav-item:focus{background:rgba(255,255,255,.08);border-color:var(--qng-line);color:#fff;outline:2px solid transparent}.qng-saas-main{padding:24px;min-width:0}.qng-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.qng-context-switcher{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.qng-context-switcher label{display:grid;gap:5px;color:var(--qng-muted);font-size:12px}.qng-context-switcher select,.qng-context-switcher button,.qng-search-box input,.qng-search-box button{border-radius:12px;border:1px solid var(--qng-line);background:#fff;color:#0d1726;min-height:40px;padding:8px 12px}.qng-context-switcher button,.qng-search-box button,.qng-primary-action{background:var(--qng-accent);color:#121212;border:0;font-weight:800;text-decoration:none}.qng-top-actions{display:flex;gap:10px;align-items:center}.qng-role-pill{border:1px solid var(--qng-line);border-radius:999px;padding:8px 12px;color:var(--qng-muted)}.qng-ghost{border:1px solid var(--qng-line);background:transparent;color:var(--qng-text);border-radius:999px;padding:8px 12px}.qng-hero-panel{display:flex;justify-content:space-between;gap:24px;align-items:center;background:radial-gradient(circle at top left,rgba(240,189,55,.2),transparent 42%),var(--qng-panel);border:1px solid var(--qng-line);border-radius:var(--qng-radius);padding:26px;margin-bottom:18px}.qng-hero-panel h1{margin:.2em 0;font-size:clamp(28px,4vw,46px);line-height:1.05;color:#fff}.qng-hero-panel p{color:var(--qng-muted);font-size:15px;max-width:760px}.qng-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:var(--qng-accent)!important;font-weight:800}.qng-primary-action{display:inline-flex;align-items:center;justify-content:center;min-width:150px;border-radius:14px;padding:13px 18px}.qng-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.qng-metric-card,.qng-saas-card{background:rgba(20,35,58,.96);border:1px solid var(--qng-line);border-radius:var(--qng-radius);padding:18px}.qng-metric-card span{display:block;color:var(--qng-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.qng-metric-card strong{display:block;font-size:34px;margin:8px 0;color:#fff}.qng-metric-card small{color:var(--qng-muted)}.qng-saas-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.qng-saas-card h1,.qng-saas-card h2{margin-top:0;color:#fff}.qng-search-box{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.qng-search-results{grid-column:1/-1}.qng-empty{border:1px dashed var(--qng-line);border-radius:14px;padding:16px;color:var(--qng-muted);background:rgba(255,255,255,.03)}.qng-notification-list,.qng-health-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.qng-notification-list li{border-left:4px solid var(--qng-accent);background:rgba(255,255,255,.04);border-radius:12px;padding:12px}.qng-notification-list p{margin:.35em 0;color:var(--qng-muted)}.qng-activity-list{margin:0;padding-left:22px}.qng-activity-list li{margin-bottom:12px}.qng-activity-list span{display:inline-block;margin-right:8px;color:var(--qng-accent);font-weight:800}.qng-activity-list small{display:block;color:var(--qng-muted)}.qng-health-list li{display:flex;gap:10px;align-items:center}.qng-health-list span{width:12px;height:12px;border-radius:50%;background:var(--qng-danger)}.qng-health-list .is-ok{background:var(--qng-accent-2)}.qng-responsive-table{overflow:auto}.qng-responsive-table table{width:100%;border-collapse:collapse}.qng-responsive-table th,.qng-responsive-table td{border-bottom:1px solid var(--qng-line);padding:10px;text-align:left;color:var(--qng-text)}.qng-command-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qng-command-grid a{border:1px solid var(--qng-line);border-radius:14px;padding:14px;color:#fff;text-decoration:none;background:rgba(255,255,255,.04)}.qng-status-region:not(:empty){background:#fff8df;color:#161616;border-radius:12px;padding:10px 14px;margin-bottom:12px}.qng-loading{opacity:.68;position:relative}.qng-loading:after{content:"";display:inline-block;width:16px;height:16px;margin-left:10px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--qng-accent);border-radius:50%;animation:qngspin .8s linear infinite}@keyframes qngspin{to{transform:rotate(360deg)}}@media (max-width:1100px){.qng-saas-shell{grid-template-columns:1fr}.qng-saas-sidebar{border-right:0;border-bottom:1px solid var(--qng-line)}.qng-nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.qng-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qng-saas-two-col{grid-template-columns:1fr}}@media (max-width:640px){.qng-saas-main,.qng-saas-sidebar{padding:16px}.qng-nav-list,.qng-metric-grid,.qng-command-grid{grid-template-columns:1fr}.qng-topbar,.qng-hero-panel{align-items:stretch;flex-direction:column}.qng-context-switcher{display:grid}.qng-search-box{grid-template-columns:1fr}.qng-primary-action{width:100%}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}