.kpi-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.g-percent{display:block;margin-top:12px;color:var(--accent,#17675c)}.g-rating{display:inline-block;border-radius:20px;padding:7px 12px;font-size:.83rem;font-weight:700}.g-rating.poor{background:#ffe2e2;color:#9b2226}.g-rating.average{background:#fff0b8;color:#745500}.g-rating.good{background:#dff3ca;color:#326b22}.g-rating.excellent{background:#145d42;color:#fff}.g-rating.overachiever{background:linear-gradient(115deg,#6e3cc6,#b43781,#d39716);color:white;box-shadow:0 0 12px #b38bd966}.g-rating.pending,.g-rating.off{background:#e5eaef;color:#526170}.g-chart{width:100%;height:auto;min-height:180px;max-height:320px;overflow:visible}.g-series{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.g-series label{display:flex;align-items:center;gap:7px;cursor:pointer}.g-checks{display:flex;flex-wrap:wrap;gap:12px;padding:15px;margin:15px 0;border:1px solid #b9c8c8;border-radius:9px}.g-checks label{display:flex;gap:6px;align-items:center}.g-score-list{display:flex;flex-wrap:wrap;gap:14px}.g-remarks{white-space:pre-wrap;line-height:1.8}.g-commission,.g-commission-mini{background:linear-gradient(120deg,#f9edb2,#f7e2d6);color:#514011;border:1px solid #dbbc62}.g-commission strong{font-size:1.6rem}.g-commission-mini{padding:12px;border-radius:8px}.g-commission-mini small{display:block;margin-top:5px}.g-day-bars{display:flex;align-items:flex-end;gap:5px;overflow-x:auto;height:145px;padding:10px}.g-day-bars>div{min-width:30px;display:flex;flex-direction:column;align-items:center;height:100%}.g-day-bars i{display:block;height:100%;width:20px;border:1px dashed #bdc9c4;border-radius:4px}.g-day-bars i.achieved{background:#24934d;border:0}.g-day-bars small{font-size:9px;margin-top:6px}.g-confetti{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:1000}.g-confetti i{position:absolute;top:-20px;width:9px;height:15px;animation:g-fall 3.5s ease-in forwards}@keyframes g-fall{to{transform:translateY(105vh) rotate(720deg);opacity:0}}@media(prefers-reduced-motion:reduce){.g-confetti{display:none}}.shift-badge.friday{background:#f3e8fc;color:#713da0}
.g-checks input[type=checkbox],.g-series input[type=checkbox]{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:0}.g-checks label{flex:1 1 180px;justify-content:flex-start}.g-checks legend{padding:0 8px}

.g-chart-wrap{direction:ltr}.g-chart[data-g-chart]{cursor:crosshair;touch-action:pan-y;outline-offset:4px;min-height:200px;max-height:360px}.g-chart [data-g-crosshair] line{stroke:#416f76;stroke-width:1;stroke-dasharray:4 3}.g-chart [data-g-crosshair] rect{fill:#173b49}.g-chart [data-g-crosshair] text{fill:white;font:11px system-ui,sans-serif;direction:ltr}.g-crosshair-readout{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px;background:var(--soft,#e9f0ed);border-radius:8px;font-size:.82rem;color:var(--ink,#173b49);direction:inherit}.g-crosshair-readout[hidden]{display:none}.g-crosshair-readout span{display:inline-flex;align-items:center;gap:5px}.g-crosshair-readout i{width:9px;height:9px;border-radius:50%;display:inline-block;flex-shrink:0}html[dir=rtl] .g-crosshair-readout{direction:rtl}html[data-theme=dark] .g-crosshair-readout{background:#223f42;color:#e9f2ef}

.g-metric-picker{border:1px solid #b9c8c8;border-radius:8px;padding:10px 14px;margin:12px 0}.g-metric-picker legend{padding:0 6px}.g-metric-picker .g-series{margin:4px 0}.g-view-picker{max-width:360px}.g-average-panel{border:1px solid #a6c2b5}.g-average-layout{display:flex;flex-wrap:wrap;align-items:center;gap:24px}.g-average-number{display:block;font-size:2.5rem;line-height:1.2;margin-bottom:12px}.g-average-metrics{display:flex;flex-wrap:wrap;gap:14px}.g-average-metrics>div{min-width:105px;padding:12px;border-radius:8px;background:var(--soft,#edf3ef)}.g-average-metrics small,.g-average-metrics strong{display:block}.g-average-metrics strong{font-size:1.3rem;margin-top:7px}html[data-theme=dark] .g-average-metrics>div{background:#223f42;color:#e9f2ef}

.rm-toggle{display:flex!important;align-items:center;gap:10px;margin:16px 0}.rm-toggle input[type=checkbox]{width:18px!important;height:18px;flex:0 0 18px;margin:0}