.progress[data-v-1fb389c6]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-1fb389c6]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-1fb389c6]{font-size:16px;color:#43266d}.progress .outside[data-v-1fb389c6]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-1fb389c6]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-1fb389c6]{height:100%}.progress .bar .left[data-v-1fb389c6]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-1fb389c6]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-1fb389c6]{width:100px}.tooltip[data-v-1fb389c6]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-1fb389c6]{flex:1;white-space:nowrap}@keyframes slideIn-1fb389c6{0%{left:-300px}to{left:0}}@keyframes slideOut-1fb389c6{0%{left:0}to{left:-300px}}.commitAddEdit[data-v-1fb389c6]{z-index:100;position:fixed;top:0;left:-300px;background:#fafafa;box-shadow:2px 0 6px rgba(34,34,34,.372);width:300px;height:100vh}.commitAddEdit.slideIn[data-v-1fb389c6]{animation:slideIn-1fb389c6 .5s ease-in;left:0}.commitAddEdit.slideOut[data-v-1fb389c6]{animation:slideOut-1fb389c6 .5s ease-in;left:-300px}.commitAddEdit>div.content[data-v-1fb389c6]{padding:8px 15px}.commitAddEdit>div.content .title[data-v-1fb389c6]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:20px}.commitAddEdit>div.content .title>div[data-v-1fb389c6]:first-child{color:#43266d;font-weight:500}.commitAddEdit>div.content .form>div[data-v-1fb389c6]{margin-bottom:8px}.commitAddEdit>div.content .form>div div[data-v-1fb389c6]{font-size:14px;font-weight:500;color:#43266d;margin:0 0 4px 5px}.commitAddEdit>div.content .form>div input[data-v-1fb389c6]{height:36px}.commitAddEdit>div.content .form>div .chooseActive[data-v-1fb389c6]{display:flex;align-items:center}.commitAddEdit>div.content .form>div .chooseActive>div[data-v-1fb389c6]{display:flex;align-items:center;margin-right:10px}.commitAddEdit>div.content .form>div .chooseActive>div input[data-v-1fb389c6]{margin-right:5px;height:20px}.commitAddEdit>div.content .btn[data-v-1fb389c6]{height:36px;margin-top:45px}.commitAddEdit>div.deco[data-v-1fb389c6]{width:100%;height:8px;background:#43266d}.progress[data-v-7d3f7b50]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-7d3f7b50]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-7d3f7b50]{font-size:16px;color:#43266d}.progress .outside[data-v-7d3f7b50]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-7d3f7b50]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-7d3f7b50]{height:100%}.progress .bar .left[data-v-7d3f7b50]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-7d3f7b50]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-7d3f7b50]{width:100px}.tooltip[data-v-7d3f7b50]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-7d3f7b50]{flex:1;white-space:nowrap}.personal[data-v-7d3f7b50]{background:#ffbf00;min-height:100vh;padding:80px 0 50px;position:relative}.personal>div[data-v-7d3f7b50]:first-child{position:absolute;left:5%;top:105px}.personal>div:first-child button[data-v-7d3f7b50]{padding:8px 20px}.personal>div[data-v-7d3f7b50]:nth-child(2){font-size:36px;font-weight:700;text-align:center;color:#43266d;margin-bottom:38px}.personal>div.cardDiv[data-v-7d3f7b50]{width:90%;margin:0 auto}.personal>div .infoCard[data-v-7d3f7b50]{border-radius:10px;border:3px solid #43266d;background-color:#fff;margin-bottom:20px}.personal>div .infoCard>div[data-v-7d3f7b50]:first-child{background:#43266d;color:#fff;padding:5px 0;text-align:center;font-weight:700;font-size:18px;position:relative}.personal>div .infoCard>div:first-child svg[data-v-7d3f7b50]{position:absolute;right:10px;font-size:16px}.personal>div .infoCard>div[data-v-7d3f7b50]:nth-child(2){padding:15px}.personal>div .infoCard.learingTarget>div:nth-child(2).addCommitment[data-v-7d3f7b50]{text-align:center}.personal>div .infoCard.learingTarget>div:nth-child(2)>div[data-v-7d3f7b50]:first-child{text-align:right;color:#646464;font-size:14px}.personal>div .infoCard.learingTarget>div:nth-child(2)>div[data-v-7d3f7b50]:nth-child(n+2){display:flex;flex-wrap:wrap;margin-bottom:20px}.personal>div .infoCard.learingTarget>div:nth-child(2)>div:nth-child(n+2)>div[data-v-7d3f7b50]{margin-right:15px;flex:1}.personal>div .infoCard.learingTarget>div:nth-child(2)>div:nth-child(n+2)>div>div[data-v-7d3f7b50]:first-child{color:#646464;font-size:14px;margin-bottom:2px}.personal>div .infoCard.learingTarget>div:nth-child(2)>div:nth-child(n+2)>div>div[data-v-7d3f7b50]:nth-child(2){color:#43266d;font-size:20px;font-weight:700}.personal>div .infoCard.progressCard>div[data-v-7d3f7b50]:nth-child(2){padding:20px}.personal>div .infoCard.progressCard .statCards[data-v-7d3f7b50]{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.personal>div .infoCard.progressCard .statCards .statCard[data-v-7d3f7b50]{flex:1;min-width:180px;background:linear-gradient(135deg,#f5f0ff,#ede4ff);border-radius:14px;border:none;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px rgba(126,87,194,.1);transition:transform .15s,box-shadow .15s}.personal>div .infoCard.progressCard .statCards .statCard[data-v-7d3f7b50]:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(126,87,194,.18)}.personal>div .infoCard.progressCard .statCards .statIcon[data-v-7d3f7b50]{width:48px;height:48px;border-radius:12px;background:#43266d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.personal>div .infoCard.progressCard .statCards .statIcon.weekly[data-v-7d3f7b50]{background:#ffb300}.personal>div .infoCard.progressCard .statCards .statBody[data-v-7d3f7b50]{flex:1}.personal>div .infoCard.progressCard .statCards .statValue[data-v-7d3f7b50]{font-size:28px;font-weight:800;color:#1e293b;line-height:1.1}.personal>div .infoCard.progressCard .statCards .statValue .statUnit[data-v-7d3f7b50]{font-size:14px;font-weight:500;color:#94a3b8;margin-left:2px}.personal>div .infoCard.progressCard .statCards .statLabel[data-v-7d3f7b50]{font-size:13px;color:#64748b;margin-top:2px}.personal>div .infoCard.progressCard .sectionTitle[data-v-7d3f7b50]{font-size:15px;font-weight:700;color:#43266d;margin-bottom:10px}.personal>div .infoCard.progressCard .courseAcSection[data-v-7d3f7b50]{margin-bottom:20px}.personal>div .infoCard.progressCard .courseAcCards[data-v-7d3f7b50]{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px}.personal>div .infoCard.progressCard .courseCard[data-v-7d3f7b50]{flex:0 0 calc(25% - 14px);min-width:120px;background:#faf5ff;border:2px solid #e8daff;border-radius:12px;padding:14px 10px;text-align:center;transition:transform .15s,box-shadow .15s}.personal>div .infoCard.progressCard .courseCard[data-v-7d3f7b50]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(126,87,194,.15)}@media (max-width:768px){.personal>div .infoCard.progressCard .courseCard[data-v-7d3f7b50]{flex:0 0 calc(50% - 14px)}}.personal>div .infoCard.progressCard .courseCardName[data-v-7d3f7b50]{font-size:13px;font-weight:600;color:#334155;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.personal>div .infoCard.progressCard .courseRing[data-v-7d3f7b50]{position:relative;width:70px;height:70px;margin:0 auto 6px}.personal>div .infoCard.progressCard .courseRing svg[data-v-7d3f7b50]{width:100%;height:100%;transform:rotate(-90deg)}.personal>div .infoCard.progressCard .courseRing .ringBg[data-v-7d3f7b50]{fill:none;stroke:#ede7f6;stroke-width:3}.personal>div .infoCard.progressCard .courseRing .ringFill[data-v-7d3f7b50]{fill:none;stroke:#43266d;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease}.personal>div .infoCard.progressCard .courseRing .ringText[data-v-7d3f7b50]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.personal>div .infoCard.progressCard .courseRing .ringText .ringPct[data-v-7d3f7b50]{font-size:15px;font-weight:700;color:#43266d}.personal>div .infoCard.progressCard .courseCardNum[data-v-7d3f7b50]{font-size:13px;color:#64748b}.personal>div .infoCard.progressCard .chartSection[data-v-7d3f7b50]{margin-top:10px}.personal>div .infoCard.progressCard .calendarSection[data-v-7d3f7b50]{margin-top:20px}.personal>div .infoCard.progressCard .calendarSection .sectionTitle[data-v-7d3f7b50]{display:flex;align-items:center;justify-content:space-between}.personal>div .infoCard.progressCard .calendarSection .yearSelector[data-v-7d3f7b50]{display:flex;align-items:center;gap:8px}.personal>div .infoCard.progressCard .calendarSection .yearSelector span[data-v-7d3f7b50]{font-size:16px;font-weight:700;color:#43266d}.personal>div .infoCard.progressCard .calendarSection .yearSelector button[data-v-7d3f7b50]{padding:2px 10px;cursor:pointer}.personal>div .infoCard.progressCard .acCalendar[data-v-7d3f7b50]{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.personal>div .infoCard.progressCard .acCalendar .acMonth[data-v-7d3f7b50]{width:calc(33.33% - 10px)}@media (max-width:768px){.personal>div .infoCard.progressCard .acCalendar .acMonth[data-v-7d3f7b50]{width:calc(50% - 10px)}}.personal>div .infoCard.progressCard .acCalendar .acMonth .acMonthTitle[data-v-7d3f7b50]{font-weight:700;font-size:14px;margin-bottom:4px;color:#43266d}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays[data-v-7d3f7b50]{display:flex;flex-wrap:wrap;gap:2px}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays .acDay[data-v-7d3f7b50]{width:36px;height:36px;border-radius:4px;border:1px solid #e0e0e0;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:12px;line-height:1.2;transition:transform .1s}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays .acDay[data-v-7d3f7b50]:hover{transform:scale(1.25);z-index:1;box-shadow:0 2px 6px rgba(0,0,0,.15)}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays .acDay.active[data-v-7d3f7b50]{border:2px solid #43266d}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays .acDay .acDayNum[data-v-7d3f7b50]{font-size:11px;opacity:.7}.personal>div .infoCard.progressCard .acCalendar .acMonth .acDays .acDay .acDayAc[data-v-7d3f7b50]{font-weight:700;font-size:13px}.personal>div .infoCard.progressCard .dateDetail[data-v-7d3f7b50]{margin-top:12px;padding:10px 14px;background:#faf5ff;border-radius:8px;font-size:14px}.personal>div .infoCard.progressCard .dateDetail .dateDetailTitle[data-v-7d3f7b50]{font-weight:700;margin-bottom:4px}.personal>div .infoCard.progressCard .dateDetail .dateDetailAc[data-v-7d3f7b50]{color:#2e7d32;font-weight:700;margin-bottom:4px}.personal>div .infoCard.encouragement>div:nth-child(2)>div[data-v-7d3f7b50]:first-child{max-height:190px;overflow-y:scroll}.personal>div .infoCard.encouragement>div:nth-child(2)>div:first-child>div[data-v-7d3f7b50]{margin-bottom:6px}.personal>div .infoCard.encouragement>div:nth-child(2)>div:first-child>div>span[data-v-7d3f7b50]{display:block;width:-moz-fit-content;width:fit-content;max-width:48%;background:#ffbf00;border-radius:20px;padding:4px 10px}.personal>div .infoCard.encouragement>div:nth-child(2)>div:first-child>div .name[data-v-7d3f7b50]{margin-top:3px;font-size:12px;color:#5f5f5f}.personal>div .infoCard.encouragement>div:nth-child(2)>div:first-child>div.self[data-v-7d3f7b50]{display:flex;flex-direction:column;align-items:flex-end}.personal>div .infoCard.encouragement>div:nth-child(2)>div[data-v-7d3f7b50]:nth-child(2){margin-top:15px;padding-bottom:40px}.personal>div .infoCard.encouragement>div:nth-child(2)>div:nth-child(2)>div:first-child>textarea[data-v-7d3f7b50]{height:100px;background:#f5f5f5}.personal>div .infoCard.encouragement>div:nth-child(2)>div:nth-child(2)>div[data-v-7d3f7b50]:nth-child(2){width:-moz-fit-content;width:fit-content;margin-top:8px;float:right}.personal>div .infoCard.encouragement>div:nth-child(2)>div:nth-child(2)>div:nth-child(2) button[data-v-7d3f7b50]{padding:5px 12px}