[data-v-a0f8cc36]:root{--primary-color:$base-color!important;--highlight-text-color:$base-color!important}.box[data-v-a0f8cc36]{background:#f2f4f5;display:flex;flex-direction:column;height:100dvh;position:fixed;right:-750px;transition:right .26s;width:750px}.box.active[data-v-a0f8cc36]{right:0}.box .box-menu[data-v-a0f8cc36]{background:#fff;height:62px;padding:18px 0;position:relative}.box .box-menu[data-v-a0f8cc36] .page-nav{align-items:center;display:flex;gap:12px}.box .box-menu[data-v-a0f8cc36] .page-options{margin-left:auto}.box .box-menu .page-options[data-v-a0f8cc36]{top:9px}.box .box-content[data-v-a0f8cc36]{display:flex;flex:1;min-height:0;overflow:hidden}.box .box-left[data-v-a0f8cc36]{min-height:0;overflow-y:auto;padding:20px;scrollbar-width:none;width:520px;-ms-overflow-style:none}.box .box-left[data-v-a0f8cc36]::-webkit-scrollbar{height:0;width:0}.box .box-left .section-header[data-v-a0f8cc36]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.box .box-left .section-meta[data-v-a0f8cc36]{display:flex;flex-direction:column;padding-top:4px}.box .box-left .title[data-v-a0f8cc36]{font-size:16px;margin-bottom:2px}.box .box-left .count[data-v-a0f8cc36]{color:#a5a5a5;font-size:12px;margin-bottom:15px}.box .box-left .list[data-v-a0f8cc36]{margin-bottom:25px}.box .box-left .completed-title[data-v-a0f8cc36]{font-size:16px;margin-bottom:20px}.box .box-left .completed-title--loading[data-v-a0f8cc36]{margin-bottom:15px}.box .box-left .button-no-margin[data-v-a0f8cc36]{margin-right:0}.box .box-left .card-block[data-v-a0f8cc36]{display:block}.box .box-left .card-empty[data-v-a0f8cc36]{height:60px}.box .box-left .skeleton-title[data-v-a0f8cc36]{height:20px;margin-bottom:1px;width:72px}.box .box-left .skeleton-subtitle[data-v-a0f8cc36]{height:15px;margin-bottom:13px;margin-top:1px;width:42px}.box .box-left .skeleton-section-title[data-v-a0f8cc36]{height:20px;width:145px}.box .box-left .skeleton-row[data-v-a0f8cc36]{display:flex;gap:10px}.box .box-left .skeleton-icon[data-v-a0f8cc36]{height:21px;margin-top:6px;width:21px}.box .box-left .skeleton-col[data-v-a0f8cc36]{display:flex;flex-direction:column;gap:6px;margin-left:5px}.box .box-left .skeleton-line-short[data-v-a0f8cc36]{height:12px;width:50px}.box .box-left .skeleton-line-long[data-v-a0f8cc36]{height:12px;width:180px}.box .box-left .completed-list .completed-group[data-v-a0f8cc36]{margin-bottom:18px}.box .box-left .completed-list .completed-day[data-v-a0f8cc36]{color:#7b7b7b;font-size:14px;margin-bottom:8px}.box .box-left .completed-list .list[data-v-a0f8cc36]{margin-bottom:0}.box .box-left .completed-list[data-v-a0f8cc36] .card-grid.completed{opacity:1}.box .box-left .completed-today[data-v-a0f8cc36]{margin-bottom:25px}.box .box-left .completed-today[data-v-a0f8cc36] .card-grid.completed{opacity:1}.box .box-left .completed-show-more[data-v-a0f8cc36]{background:none;border:none;color:#a5a5a5;cursor:pointer;font-size:12px;padding:0}.box[data-v-a0f8cc36] .card{background:#fff;border-radius:12px;box-shadow:0 1px 2px #0000000a}.box .box-right[data-v-a0f8cc36]{min-height:0;overflow-y:auto;padding:20px 15px 10px 0;width:230px}.box .box-right .stats-cards[data-v-a0f8cc36]{display:flex;gap:15px;margin-top:12px}.box .box-right .stat-card[data-v-a0f8cc36]{align-items:center;background:#fffc;display:flex;height:113px;width:100%}.box .box-right .stat-card>div[data-v-a0f8cc36]{text-align:center;width:100%}.box .box-right .stat-label[data-v-a0f8cc36]{color:#c8c8c8;font-size:12px}.box .box-right .stat-value[data-v-a0f8cc36]{color:#252525;font-size:32px}.box .box-right .stat-value--success[data-v-a0f8cc36]{color:#52cca6}.box .box-right .skeleton-stat-label[data-v-a0f8cc36]{width:70%}.box .box-right .skeleton-stat-value[data-v-a0f8cc36]{height:34px;margin-top:2px;width:36px}@media (max-width:750px){.box[data-v-a0f8cc36]{max-width:100%}.box .box-left[data-v-a0f8cc36]{padding:30px 20px;width:70%}.box .box-right[data-v-a0f8cc36]{padding-right:15px}}@media (max-width:599px){.box .box-menu[data-v-a0f8cc36] .page-nav{align-items:center}.box .box-menu[data-v-a0f8cc36] .page-options{align-items:center;align-self:center;display:flex;margin-bottom:0;margin-top:-16px;position:static;right:auto;top:auto}.box .box-content[data-v-a0f8cc36]{flex-direction:column;overflow:hidden;position:relative}.box .box-left[data-v-a0f8cc36],.box .box-right[data-v-a0f8cc36]{width:100%}.box .box-left[data-v-a0f8cc36]{flex:1 1 auto;min-height:0;order:2;overflow-y:auto;position:relative;z-index:1;-webkit-overflow-scrolling:touch;padding-left:20px;padding-top:6px}.box .box-right[data-v-a0f8cc36]{align-items:center;background:#f2f4f5;display:flex;flex:0 0 auto;flex-direction:row-reverse;justify-content:space-between;order:1;overflow:visible;padding-bottom:0;padding-top:10px;position:relative;z-index:3}.box .box-right .stats-cards[data-v-a0f8cc36]{gap:15px;margin-left:20px}.box .box-right .stat-card[data-v-a0f8cc36]{height:100%;padding:0;width:80px}.box .box-right .stat-value[data-v-a0f8cc36]{font-size:15px}.box .box-right[data-v-a0f8cc36] .calendar{z-index:5}.box .box-right .stats-cards[data-v-a0f8cc36]{align-self:center}.box .box-right .skeleton-stat-label[data-v-a0f8cc36]{margin-top:10px}.box .box-right .skeleton-stat-value[data-v-a0f8cc36]{height:18px;width:20px}}@media (max-width:399px){.box .box-right .stats-cards[data-v-a0f8cc36]{gap:5px;margin-right:5px}.box .box-right .stat-card[data-v-a0f8cc36]{width:70px}}