.qc-sidebar{display:flex;flex-direction:column;width:240px;flex-shrink:0;background:var(--brand);color:var(--brand-on);border-right:1px solid color-mix(in srgb,var(--brand) 85%,#000);height:100vh;position:sticky;top:0}.qc-sidebar__header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid color-mix(in srgb,var(--brand-on) 14%,transparent);min-height:56px}.qc-sidebar__logo{width:32px;height:32px;border-radius:4px;object-fit:cover;flex-shrink:0}.qc-sidebar__logo--mark{background:color-mix(in srgb,var(--brand) 70%,#000);color:var(--brand-on);display:inline-flex;align-items:center;justify-content:center;font-family:var(--qc-font-body);font-size:13px;font-weight:600;letter-spacing:.02em}.qc-sidebar__client{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}.qc-sidebar__client-name{font-family:var(--qc-font-body);font-size:14px;font-weight:500;color:var(--brand-on);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-sidebar__client-meta{font-size:11px;color:color-mix(in srgb,var(--brand-on) 65%,transparent);letter-spacing:.04em;text-transform:uppercase}.qc-sidebar__toggle{display:none;background:none;border:1px solid var(--qc-border);border-radius:4px;width:32px;height:32px;align-items:center;justify-content:center;color:var(--qc-text-2);cursor:pointer;padding:0}.qc-sidebar__toggle:hover{background:var(--qc-bg-hover);color:var(--qc-text-1)}.qc-sidebar__footer{margin-top:auto;padding:12px 16px;border-top:1px solid color-mix(in srgb,var(--brand-on) 14%,transparent)}.qc-sidebar__powered{font-family:var(--qc-font-body);font-size:11px;color:color-mix(in srgb,var(--brand-on) 60%,transparent);letter-spacing:.02em}.qc-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:56px;padding:0 24px;background:var(--qc-bg-panel);border-bottom:1px solid var(--qc-border);position:sticky;top:0;z-index:10}.qc-topbar__title{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--qc-font-body);font-size:14px}.qc-topbar__client{color:var(--qc-text-2);font-weight:500}.qc-topbar__separator{color:var(--qc-text-3)}.qc-topbar__page{color:var(--qc-text-1);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qc-topbar__meta{display:flex;align-items:center;gap:12px}.qc-topbar__search{display:flex;align-items:center;gap:8px;background:var(--qc-bg-app);border:1px solid var(--qc-border);border-radius:4px;padding:0 10px;height:32px;width:280px;max-width:100%;color:var(--qc-text-3);transition:border-color .12s ease}.qc-topbar__search:focus-within{border-color:var(--qc-border-focus);background:var(--qc-bg-panel)}.qc-topbar__search-input{flex:1 1 auto;background:transparent;border:0;outline:0;font-family:var(--qc-font-body);font-size:13px;color:var(--qc-text-1);min-width:0}.qc-topbar__search-input::placeholder{color:var(--qc-text-3)}.qc-topbar__kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;color:var(--qc-text-3);background:var(--qc-bg-panel);border:1px solid var(--qc-border);border-radius:3px}.qc-topbar__user{display:flex;align-items:center}.qc-topbar__avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-soft);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-family:var(--qc-font-body);font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid var(--qc-border)}.qc-topbar__menu,.qc-topbar__search-icon{display:none;background:transparent;border:1px solid var(--qc-border);border-radius:var(--qc-radius-sm);width:36px;height:36px;align-items:center;justify-content:center;color:var(--qc-text-2);cursor:pointer;padding:0;flex-shrink:0}.qc-topbar__menu:hover,.qc-topbar__search-icon:hover{background:var(--qc-bg-hover);color:var(--qc-text-1)}.qc-topbar__menu:focus-visible,.qc-topbar__search-icon:focus-visible{outline:none;box-shadow:var(--qc-focus-ring)}.qc-sidebar-backdrop{position:fixed;inset:0;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:40}.qc-sidebar-backdrop.is-visible{opacity:1;pointer-events:auto}body.qc-no-scroll{overflow:hidden;touch-action:none}.qc-search-overlay{position:fixed;inset:0;background:#0f172a8c;z-index:60;opacity:0;transition:opacity .16s ease;display:flex;align-items:flex-start;justify-content:center;padding:16px}.qc-search-overlay.is-visible{opacity:1}.qc-search-overlay__panel{width:100%;max-width:640px;background:var(--qc-bg-panel);border:1px solid var(--qc-border);border-radius:var(--qc-radius);padding:8px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 40px -12px #0000004d}.qc-search-overlay__field{display:flex;align-items:center;gap:8px;flex:1;background:var(--qc-bg-app);border:1px solid var(--qc-border);border-radius:var(--qc-radius-sm);padding:0 10px;height:38px;color:var(--qc-text-3)}.qc-search-overlay__field:focus-within{border-color:var(--qc-border-focus);background:var(--qc-bg-panel)}.qc-search-overlay__input{flex:1;background:transparent;border:0;outline:0;font-family:var(--qc-font-body);font-size:15px;color:var(--qc-text-1);min-width:0;height:100%}.qc-search-overlay__input::placeholder{color:var(--qc-text-3)}@media(max-width:900px){.qc-shell{position:relative}.qc-sidebar{position:fixed;top:0;left:0;z-index:50;transform:translate(-100%);transition:transform .18s cubic-bezier(.32,.72,0,1);box-shadow:0 0 0 1px var(--qc-border);will-change:transform}.qc-sidebar[data-collapsed=false]{transform:translate(0)}.qc-sidebar__toggle,.qc-topbar__menu{display:inline-flex}.qc-topbar__search,.qc-topbar__search-icon{display:none!important}}@media(max-width:767px){.qc-topbar{padding:0 12px;gap:8px}.qc-topbar__title{font-size:13px;min-width:0;flex:1;overflow:hidden}.qc-topbar__client,.qc-topbar__separator{display:none}.qc-topbar__menu{width:38px;height:38px}.qc-content{padding:16px 12px 32px}}.qc-search-overlay{display:none!important}