#qsDashboard{--qs-bg:#f3f6f7;--qs-panel:#fff;--qs-card:#fff;--qs-border:#d8e1e5;--qs-accent:#14766f;--qs-green:#23855b;--qs-orange:#b66a1f;--qs-red:#c2414d;--qs-text:#172b38;--qs-muted:#667985;--qs-soft:#e5f2ef;color:var(--qs-text);font-family:'Sarabun','Leelawadee UI','Segoe UI',sans-serif!important}
#qsDashboard[data-theme="classic"]{--qs-bg:#0e1117;--qs-panel:#151b27;--qs-card:#1c2333;--qs-border:#263047;--qs-accent:#f59e0b;--qs-green:#4ade80;--qs-orange:#fb923c;--qs-red:#f87171;--qs-text:#e2e8f0;--qs-muted:#7f8ea3;--qs-soft:#252c3a}
#qsDashboard button,#qsDashboard input,#qsDashboard select{font-family:inherit!important}
#qsDashboard .qs-dash-header{min-height:58px;padding:10px 22px!important}
#qsDashboard .qs-brand{font-size:19px!important;letter-spacing:-.02em!important}
#qsDashboard .qs-theme-select,#qsDashboard .qs-search{border:1px solid var(--qs-border);background:var(--qs-card);color:var(--qs-text);border-radius:7px;padding:7px 9px;font-size:11px;outline:none}
#qsDashboard .qs-search{width:100%;margin-bottom:10px}
#qsDashboard .qs-theme-select:focus,#qsDashboard .qs-search:focus{border-color:var(--qs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--qs-accent) 18%,transparent)}
#qsDashboard .qs-dash-sidebar{width:286px!important;padding:17px!important}
#qsDashboard .qs-dash-content{padding:24px 26px!important}
#qsDashboard .qs-dash-title{font-size:24px!important;letter-spacing:-.03em}
#qsDashboard .qs-summary-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:10px;margin-bottom:14px}
#qsDashboard .qs-summary-card{background:var(--qs-card);border:1px solid var(--qs-border);border-radius:10px;padding:14px 16px;min-width:0}
#qsDashboard .qs-summary-card.primary{background:var(--qs-soft);border-color:transparent}
#qsDashboard .qs-summary-label{font-size:11px;color:var(--qs-muted);margin-bottom:6px}
#qsDashboard .qs-summary-value{font-size:23px;font-weight:700;color:var(--qs-text);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#qsDashboard .qs-summary-card.primary .qs-summary-value{color:var(--qs-accent)}
#qsDashboard .qs-summary-note{font-size:10px;color:var(--qs-muted);margin-top:5px}
#qsDashboard .qs-current-pill{font-size:9px;padding:2px 5px;border-radius:4px;background:var(--qs-soft);color:var(--qs-accent);white-space:nowrap}
#qsDashboard .qs-project-row{border:1px solid transparent}
#qsDashboard .qs-project-row[data-active="true"]{border-color:var(--qs-border)}
#qsDashboard button{transition:background .15s,border-color .15s,transform .15s}
#qsDashboard button:hover{filter:brightness(1.04)}
#qsDashboard button:active{transform:translateY(1px)}
#qsDashboard button:focus-visible,#qsDashboard input:focus-visible,#qsDashboard select:focus-visible{outline:2px solid var(--qs-accent);outline-offset:2px}
@media(max-width:920px){#qsDashboard .qs-dash-sidebar{width:238px!important}#qsDashboard .qs-summary-grid{grid-template-columns:1fr 1fr}#qsDashboard .qs-summary-card.primary{grid-column:1/-1}#qsDashboard #qsDashKPIs{grid-template-columns:repeat(3,1fr)!important}#qsDashboard .qs-detail-grid{grid-template-columns:1fr!important}}
@media(max-width:680px){#qsDashboard .qs-dash-header{align-items:flex-start!important;flex-direction:column}#qsDashboard .qs-dash-header>div{width:100%;flex-wrap:wrap}#qsDashboard .qs-dash-body{display:block!important;overflow-y:auto!important}#qsDashboard .qs-dash-sidebar{width:100%!important;max-height:245px;border-right:0!important;border-bottom:1px solid var(--qs-border)}#qsDashboard .qs-dash-content{padding:16px!important;overflow:visible!important}#qsDashboard .qs-project-heading{flex-direction:column}#qsDashboard .qs-project-actions{width:100%;flex-wrap:wrap}#qsDashboard .qs-summary-grid{grid-template-columns:1fr}#qsDashboard .qs-summary-card.primary{grid-column:auto}#qsDashboard #qsDashKPIs{grid-template-columns:repeat(2,1fr)!important}#qsDashboard #qsDashActions{grid-template-columns:1fr!important}}