.qb-shell{
  --qb-green:#2ca01c;
  --qb-green-strong:#207516;
  --qb-green-soft:#eaf7e8;
  --qb-sidebar:#26312d;
  --qb-sidebar-hover:#34423c;
  --qb-canvas:#f6f7f5;
  --qb-surface:#fff;
  --qb-ink:#1f2933;
  --qb-muted:#3f4d46;
  --qb-line:#dce1dd;
  --qb-danger:#c43d2f;
  --qb-warning:#b96613;
  --qb-sidebar-open:240px;
  --qb-sidebar-collapsed:72px;
  background:var(--qb-canvas);
  color:var(--qb-ink);
}

.qb-shell .sidebar{
  width:var(--qb-sidebar-open);
  height:100vh;
  position:sticky;
  top:0;
  align-self:flex-start;
  overflow:visible;
  padding:14px 12px;
  background:var(--qb-sidebar);
  color:#dce4df;
  border-right:0;
  box-shadow:none;
}
.qb-shell #nav{min-height:0;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}
.qb-shell #nav::-webkit-scrollbar{width:0;height:0}

.qb-shell .logo-row{min-height:48px;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
.qb-shell .sidebar .logo,
.qb-shell .sidebar .logo-word,
.qb-shell .sidebar .logo-dot{color:#fff!important;font-family:Inter,"Segoe UI",sans-serif!important;letter-spacing:.08em}
.qb-shell .logo-dot{color:#63c95a!important}
.qb-shell .rail-toggle{color:#dce4df;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06)}
.qb-shell #nav{padding-top:10px}
.qb-shell .nav-sec-label{padding:17px 10px 6px;color:#c2ccc7;font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;opacity:1}
.qb-shell .nav-home,
.qb-shell .nav-mod,
.qb-shell .nav-item{border-radius:5px;color:#d1dad5;font-family:Inter,"Segoe UI",sans-serif}
.qb-shell .nav-home,
.qb-shell .nav-mod{min-height:38px;padding:8px 10px;font-size:13px!important}
.qb-shell .nav-mod{color:#e3ebe7;font-weight:700;opacity:1}
.qb-shell .nav-item{margin:1px 0 1px 30px;padding:8px 9px;font-size:12px!important;color:#d0d9d4}
.qb-shell .nav-pages{display:block!important;max-height:0;overflow:hidden;opacity:0;padding-top:0!important;padding-bottom:0!important;transition:max-height .24s ease,opacity .16s ease,padding .24s ease}
.qb-shell .nav-group.open > .nav-pages{max-height:720px;overflow:hidden;opacity:1;padding-top:2px!important;padding-bottom:6px!important}
.qb-shell .nav-home:hover,
.qb-shell .nav-mod:hover,
.qb-shell .nav-item:hover{background:var(--qb-sidebar-hover)!important;color:#fff!important}
.qb-shell .nav-item.active,
.qb-shell .nav-mod.active,
.qb-shell .nav-home.active{background:#fff!important;color:#1d2823!important;box-shadow:inset 3px 0 0 var(--qb-green)!important}
.qb-shell .nav-ico{color:#69cb60}
.qb-shell .caret{color:#9eaaa4}
.qb-shell .nav-badge{background:#e9f7e7;color:var(--qb-green-strong)}
.qb-shell .sb-create{min-height:38px;border:1px solid rgba(255,255,255,.68);background:#313e38;color:#fff;border-radius:20px;font-weight:700}
.qb-shell .sb-create:hover{background:#3a4942}
.qb-shell .sidebar-foot{margin-top:auto;padding:12px 6px 4px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}
.qb-shell .settings-link,
.qb-shell .logout{color:#cbd5d0}
.qb-shell .settings-link,.qb-shell .logout,.qb-shell .user-chip{min-height:36px;border-radius:6px;display:flex;align-items:center;gap:10px;padding:7px 8px}
.qb-shell .settings-link:hover,.qb-shell .logout:hover{background:var(--qb-sidebar-hover);color:#fff}
.qb-shell .foot-ico{width:20px;display:inline-grid;place-items:center;flex:0 0 20px}
.qb-shell .user-chip{color:#fff}
.qb-shell .avatar{background:var(--qb-green);color:#fff}

.qb-shell .content{background:var(--qb-canvas)}
.qb-shell .topbar{min-height:56px;padding:8px 24px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--qb-line);backdrop-filter:none}
.qb-shell .mobile-nav-toggle{display:none;border:0;background:transparent;color:var(--qb-ink);font-size:20px;cursor:pointer}
.qb-shell .topbar-company{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;color:var(--qb-ink)}
.qb-shell .theme-wrap{position:relative}
.qb-shell #global-search{border:1px solid #ccd4cf;border-radius:6px;background:#fafbfa;color:var(--qb-ink)}
.qb-shell #global-search:focus{border-color:var(--qb-green);box-shadow:0 0 0 3px rgba(44,160,28,.15);outline:0}
.qb-shell input::placeholder{color:#68756e;opacity:1}
.qb-shell .stream-toggle{border:1px solid var(--qb-line);background:#fff}
.qb-shell .stream-toggle button.active{background:var(--qb-green-soft);color:var(--qb-green-strong)}
.qb-shell .btn-create{border-radius:5px;background:var(--qb-green);color:#fff}
.qb-shell .btn-create:hover{background:var(--qb-green-strong)}
.qb-shell .bell{color:var(--qb-muted)}
.qb-shell .page-title{padding:20px 26px 0;color:var(--qb-ink);font-family:Inter,"Segoe UI",sans-serif;font-size:24px;font-weight:700}
.qb-shell #page-body{padding-left:26px;padding-right:26px;padding-bottom:96px}
.qb-shell.is-home .page-title{display:none}
.qb-shell.is-home #page-body{padding-top:26px}
.qb-shell :focus-visible{outline:3px solid rgba(44,160,28,.42);outline-offset:2px}

.qb-shell .qb-dashboard{padding:2px 0 34px;color:var(--qb-ink);font-family:Inter,"Segoe UI",sans-serif}
.qb-shell .home2{--hmuted:var(--qb-muted)}
.qb-shell .qb-dash-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--qb-line)}
.qb-shell .qb-dash-head h1{margin:0 0 5px;color:var(--qb-ink);font-family:Inter,"Segoe UI",sans-serif;font-size:20px;font-weight:700}
.qb-shell .qb-dash-head .date{color:var(--qb-muted);font-size:12px}
.qb-shell .qb-dashboard .quick{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.qb-shell .qb-dashboard .quick button{min-height:34px;padding:7px 10px;border:1px solid #cbd4ce;border-radius:5px;background:#fff;color:var(--qb-ink);font:600 11px Inter,"Segoe UI",sans-serif;cursor:pointer}
.qb-shell .qb-dashboard .quick button:hover{border-color:var(--qb-green);color:var(--qb-green-strong);background:var(--qb-green-soft)}
.qb-shell .qb-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}
.qb-shell .qb-kpi{min-width:0;min-height:118px;padding:14px;text-align:left;border:1px solid var(--qb-line);border-radius:5px;background:var(--qb-surface);color:var(--qb-ink);box-shadow:0 1px 2px rgba(18,30,23,.04);font-family:Inter,"Segoe UI",sans-serif}
.qb-shell button.qb-kpi{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}
.qb-shell button.qb-kpi:hover{border-color:#aab5ae;box-shadow:0 3px 10px rgba(18,30,23,.08)}
.qb-shell .qb-kpi-label{display:block;color:var(--qb-muted);font-size:10px;font-weight:800;letter-spacing:.045em;text-transform:uppercase}
.qb-shell .qb-kpi-value{display:block;margin-top:12px;color:var(--qb-ink);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.qb-shell .qb-kpi.is-danger .qb-kpi-value{color:var(--qb-danger)}
.qb-shell .qb-kpi-link{margin-top:auto;padding-top:12px;color:var(--qb-green-strong);font-size:10px;font-weight:700}
.qb-shell .qb-kpi-message{margin:14px 0 10px;color:var(--qb-danger);font-size:13px;font-weight:700}
.qb-shell .qb-kpi-error button,
.qb-shell .qb-panel-error button{min-height:32px;border:1px solid var(--qb-line);border-radius:4px;background:#fff;color:var(--qb-green-strong);font-weight:700;cursor:pointer}
.qb-shell .qb-skeleton{width:72%;height:22px;margin-top:15px;border-radius:4px;background:linear-gradient(90deg,#edf0ed 25%,#f8f9f8 50%,#edf0ed 75%);background-size:200% 100%;animation:qb-skeleton 1.25s linear infinite}
@keyframes qb-skeleton{to{background-position:-200% 0}}
.qb-shell .qb-dashboard .row2,
.qb-shell .qb-dashboard .row3{gap:12px}
.qb-shell .qb-dashboard .hpanel{border:1px solid var(--qb-line);border-radius:5px;background:var(--qb-surface);color:var(--qb-ink);box-shadow:0 1px 2px rgba(18,30,23,.04)}
.qb-shell .qb-dashboard .ph{border-bottom:1px solid #edf0ee}
.qb-shell .qb-dashboard .ph h3{color:var(--qb-ink);font-family:Inter,"Segoe UI",sans-serif;font-size:12px;font-weight:800;letter-spacing:.025em;text-transform:uppercase}
.qb-shell .qb-dashboard .ph a,
.qb-shell .qb-dashboard .act{color:var(--qb-green-strong)}
.qb-shell .qb-dashboard .trend-top .big,
.qb-shell .qb-dashboard .who,
.qb-shell .qb-dashboard .cashrow .v,
.qb-shell .qb-dashboard .legrow .amt{color:var(--qb-ink);font-family:Inter,"Segoe UI",sans-serif}
.qb-shell .qb-dashboard .meta,
.qb-shell .qb-dashboard .sub,
.qb-shell .qb-dashboard .estat,
.qb-shell .qb-dashboard .legrow .nm,
.qb-shell .qb-dashboard .cashrow .nm{color:var(--qb-muted)}
.qb-shell .qb-dashboard .alert{border-color:var(--qb-line);background:#fafbfa}
.qb-shell .qb-dashboard .event{border-color:#edf0ee}
.qb-shell .qb-dashboard .agebar,
.qb-shell .qb-dashboard .cashrow .track{background:#edf0ee}
.qb-shell .viz-legend{color:var(--qb-muted);font-weight:700}
.qb-shell .viz-donut-mid span,
.qb-shell .viz-bar-top em{color:var(--qb-muted);font-weight:700}
.qb-shell .viz-donut-mid b{color:var(--qb-ink);opacity:1}
.qb-shell .qb-dashboard .legrow .pct{color:var(--qb-muted);font-weight:600}
.qb-shell .stream-toggle button{color:var(--qb-muted)!important;opacity:1}

.qb-shell .action-bar{left:var(--qb-sidebar-open)}
.qb-shell.collapsed .action-bar{left:var(--qb-sidebar-collapsed)}

.qb-shell.collapsed .sidebar{width:var(--qb-sidebar-collapsed);padding:10px 8px;overflow:visible}
.qb-shell.collapsed .logo-row{min-height:48px;padding:0 0 8px;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}
.qb-shell.collapsed .logo{display:none!important}
.qb-shell.collapsed .rail-toggle{width:36px;height:36px;min-width:36px;border-radius:9px;display:grid;place-items:center;margin:0}
.qb-shell.collapsed #nav{padding:8px 0;overflow:visible}
.qb-shell.collapsed .nav-sec-label{display:none!important;height:0;margin:0;padding:0;border:0;background:none}
.qb-shell.collapsed .sb-create-wrap{padding:0 0 8px;display:grid;place-items:center}
.qb-shell.collapsed .sb-create{width:44px;height:44px;min-height:44px;padding:0!important;border-radius:10px;display:grid;place-items:center}
.qb-shell.collapsed .sb-create .plus{font-size:22px}
.qb-shell.collapsed .nav-home,
.qb-shell.collapsed .nav-mod{width:44px;height:44px;min-height:44px;margin:3px auto!important;padding:0!important;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:none!important}
.qb-shell.collapsed .nav-home.active,
.qb-shell.collapsed .nav-mod.active{background:rgba(99,201,90,.16)!important;color:#fff!important;box-shadow:inset 3px 0 0 #63c95a!important}
.qb-shell.collapsed .nav-ico{width:22px;height:22px;display:grid;place-items:center;font-size:20px}
.qb-shell.collapsed .nav-ico svg{width:20px;height:20px}
.qb-shell.collapsed .nav-txt,
.qb-shell.collapsed .caret,
.qb-shell.collapsed .nav-badge{display:none!important}
.qb-shell.collapsed .sidebar-foot{padding:10px 0 0;align-items:center;gap:4px}
.qb-shell.collapsed .settings-link,
.qb-shell.collapsed .logout,
.qb-shell.collapsed .user-chip{width:44px;min-height:40px;margin:0 auto;padding:0;justify-content:center;overflow:hidden}
.qb-shell.collapsed .foot-label,
.qb-shell.collapsed #user-name{display:none!important}
.qb-shell.collapsed .avatar{margin:0}
.qb-shell.collapsed .nav-pages{max-height:70vh;overflow:auto;opacity:0;padding:6px!important}
.qb-shell.collapsed .nav-group:hover > .nav-pages,
.qb-shell.collapsed .nav-group:focus-within > .nav-pages{opacity:1}

@media(max-width:1024px){
  .qb-shell .topbar{padding-left:16px;padding-right:16px}
  .qb-shell #page-body{padding-left:18px;padding-right:18px}
  .qb-shell .page-title{padding-left:18px}
  .qb-shell .qb-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:760px){
  .qb-shell:not(.collapsed)::before{display:none}
  .qb-shell::after{content:"";position:fixed;inset:0;background:rgba(15,24,20,.42);z-index:38;opacity:0;pointer-events:none;transition:opacity .18s ease}
  .qb-shell.drawer-open::after{opacity:1;pointer-events:auto}
  .qb-shell .sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:min(82vw,280px);transform:translateX(0)}
  .qb-shell.collapsed .sidebar{width:min(82vw,280px);transform:translateX(-105%)}
  .qb-shell .topbar{min-height:54px;gap:8px}
  .qb-shell .mobile-nav-toggle{display:inline-grid;place-items:center;min-width:40px;min-height:40px}
  .qb-shell .topbar-company{display:none}
  .qb-shell .stream-toggle{display:none}
  .qb-shell #page-body{padding-left:12px;padding-right:12px}
  .qb-shell .page-title{padding-left:12px;padding-top:14px}
  .qb-shell .btn-create,.qb-shell .bell,.qb-shell .rail-toggle{min-width:40px;min-height:40px}
  .qb-shell .qb-dash-head{display:block}
  .qb-shell .qb-dashboard .quick{justify-content:flex-start;margin-top:12px}
  .qb-shell .qb-kpis{grid-template-columns:1fr}
  .qb-shell .qb-kpi{min-height:108px}
  .qb-shell .qb-dashboard .row2,
  .qb-shell .qb-dashboard .row3{grid-template-columns:1fr!important}
  .qb-shell .action-bar{left:0}
}

@media(prefers-reduced-motion:reduce){
  .qb-shell *,
  .qb-shell *::before,
  .qb-shell *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}