.Progress{display:grid;grid-template-columns:1fr auto;gap:.5rem}.Progress__Indicator{background:var(--color-primary);height:100%;width:100%;transition:width .5s}.Progress__Track{border:1px solid var(--color-primary);grid-column:1 / 3;overflow:hidden;height:.25rem;border-radius:.25rem;background:none;height:1em}.Progress__Indicator{display:block;transition:width .5s}.Chart__Tabs{display:flex;gap:4px;background-color:var(--color-secondary);padding:3px;border-radius:6px;margin-bottom:15px;width:fit-content;border:1px solid var(--border)}.Chart__Tab{padding:4px 10px;font-size:11px;font-weight:500;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--muted-foreground);border:none;transition:all .15s ease;outline:none}.Chart__Tab:hover{color:var(--color-primary)}.Chart__Tab--active{background-color:var(--color-primary);color:var(--color-secondary)}.Chart__Tab--active:hover{color:var(--color-secondary)}.Chart__Wrapper{width:100%;height:180px;margin-top:10px}.Chart__Tooltip{background-color:var(--card);border:1px solid var(--border);padding:10px;border-radius:var(--radius);box-shadow:0 4px 12px #00000026;font-size:12px;color:var(--card-foreground);line-height:1.5}.Chart__TooltipTitle{font-weight:600;margin-bottom:6px;color:var(--card-foreground)}.Chart__TooltipRow{display:flex;justify-content:space-between;gap:20px;margin-bottom:4px}.Chart__TooltipRow:last-child{margin-bottom:0}.Chart__ContributionLayout{display:flex;align-items:center;justify-content:space-between;height:180px;margin-top:10px;gap:10px}.Chart__ContributionPie{width:50%;height:100%}.Chart__Legend{width:50%;max-height:100%;overflow-y:auto;font-size:12px;display:flex;flex-direction:column;gap:8px}.Chart__LegendItem{display:flex;align-items:center;justify-content:space-between;gap:8px}.Chart__LegendLabel{display:flex;align-items:center;gap:6px;overflow:hidden}.Chart__LegendDot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.Chart__LegendText{color:var(--card-foreground);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.Chart__LegendValue{color:var(--muted-foreground);text-align:right;flex-shrink:0}.Chart__LegendNumber{font-weight:600;color:var(--card-foreground);margin-right:4px}.Heatmap__Container{position:relative;width:100%;overflow-x:auto;padding-top:10px;padding-bottom:5px}.Heatmap__Months{display:flex;font-size:9px;color:var(--muted-foreground);height:14px;position:relative;margin-bottom:4px;min-width:600px}.Heatmap__Month{position:absolute;white-space:nowrap}.Heatmap__Layout{display:flex;gap:6px;min-width:600px}.Heatmap__DayLabels{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:var(--muted-foreground);height:75px;width:20px;padding-top:2px;padding-bottom:2px}.Heatmap__Grid{display:grid;grid-template-rows:repeat(7,9px);grid-auto-flow:column;grid-auto-columns:9px;gap:2px;height:75px}.Heatmap__Cell{width:9px;height:9px;border-radius:1.5px;transition:transform .1s ease;z-index:1}.Heatmap__Cell:hover{transform:scale(1.3)!important;z-index:10!important}.Heatmap__Cell--empty{width:9px;height:9px;border-radius:1px;background-color:transparent}.Heatmap__Tooltip{position:absolute;transform:translate(-50%);pointer-events:none;background-color:var(--card);border:1px solid var(--border);padding:6px 10px;border-radius:var(--radius);box-shadow:0 4px 10px #00000040;font-size:11px;color:var(--card-foreground);z-index:100;white-space:nowrap}.Heatmap__TooltipTitle{font-weight:600}.Heatmap__TooltipDate{color:var(--muted-foreground);font-size:9px;margin-top:2px}
