.year-progress[data-v-a27e836a]{margin:20px;padding:20px}.progress-container[data-v-a27e836a]{width:100%;background-color:#f0f0f0;border-radius:10px;margin:0 0}.progress-bar[data-v-a27e836a]{height:30px;background-color:#42b983;border-radius:10px;color:#fffefe;text-align:center;line-height:30px;transition:width .3s ease}.year-heatmap[data-v-a27e836a]{margin:20px;padding:20px}.heatmap-container[data-v-a27e836a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:4px;max-width:800px;margin:0 auto}.heatmap-cell[data-v-a27e836a]{aspect-ratio:1;background-color:#eee;border-radius:2px;position:relative;cursor:pointer;transition:background-color .3s ease}.day-passed[data-v-a27e836a]{background-color:#42b983}.tooltip[data-v-a27e836a]{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.quarter-progress[data-v-003ffaba]{margin:20px;padding:20px}.progress-container[data-v-003ffaba]{width:100%;background-color:#f0f0f0;border-radius:10px;margin:10px 0}.progress-bar[data-v-003ffaba]{height:30px;background-color:#42b983;border-radius:10px;color:#fffefe;text-align:center;line-height:30px;transition:width .3s ease}.quarter-heatmap[data-v-003ffaba]{margin:20px;padding:20px}.quarter-heatmap-container[data-v-003ffaba]{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:4px;max-width:800px;margin:0 auto}.quarter-heatmap-cell[data-v-003ffaba]{aspect-ratio:1;background-color:#eee;border-radius:2px;position:relative;cursor:pointer;transition:background-color .3s ease}.quarter-heatmap-cell-passed[data-v-003ffaba]{background-color:#42b983}.quarter-heatmap-tooltip[data-v-003ffaba]{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}.month-progress[data-v-13968197]{margin:20px;padding:20px}.progress-container[data-v-13968197]{width:100%;background-color:#f0f0f0;border-radius:10px;margin:0 0}.progress-bar[data-v-13968197]{height:30px;background-color:#42b983;border-radius:10px;color:#fffefe;text-align:center;line-height:30px;transition:width .3s ease}.month-heatmap[data-v-13968197]{margin:20px;padding:20px}.heatmap-container[data-v-13968197]{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:4px;max-width:800px;margin:0 auto}.heatmap-cell[data-v-13968197]{aspect-ratio:1;background-color:#eee;border-radius:2px;position:relative;cursor:pointer;transition:background-color .3s ease}.day-passed[data-v-13968197]{background-color:#42b983}.tooltip[data-v-13968197]{position:absolute;top:-30px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.img{width:15%;max-width:100px;height:auto}.toggle-container{margin:20px 0}button{padding:8px 16px;margin:0 8px;border:1px solid #42b983;border-radius:4px;background:#fff;color:#42b983}button.active{background:#42b983}.button-group{display:flex;justify-content:center;gap:10px;margin:20px 0}button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;background-color:#f0f0f0;transition:all .3s ease}button.active{background-color:#42b983;color:#fff}button:hover{opacity:.8}