.learning-progress-page[data-v-5ff32c33]{padding:24px 32px 48px;background:var(--zcb-page-gradient);min-height:100vh;max-width:1400px;margin:0 auto;position:relative}.learning-progress-page[data-v-5ff32c33]:before{content:"";position:fixed;top:0;left:280px;right:0;bottom:0;background:radial-gradient(circle at 12% 18%,rgba(37,99,235,.1) 0,transparent 42%),radial-gradient(circle at 88% 12%,rgba(20,184,166,.08) 0,transparent 38%);pointer-events:none;z-index:0}.page-header[data-v-5ff32c33]{text-align:center;margin-bottom:32px;position:relative;z-index:1;background:var(--zcb-hero-gradient);border-radius:20px;padding:32px 28px;-webkit-box-shadow:0 10px 30px rgba(37,99,235,.28);box-shadow:0 10px 30px rgba(37,99,235,.28)}.page-title[data-v-5ff32c33]{font-size:2.2rem;color:#fff;margin-bottom:10px;font-weight:800;background:none;-webkit-text-fill-color:#fff;-webkit-filter:none;filter:none;-webkit-animation:none;animation:none}.page-subtitle[data-v-5ff32c33]{font-size:1.05rem;color:hsla(0,0%,100%,.92)}.stats-overview[data-v-5ff32c33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:50px;position:relative;z-index:1}.stat-card[data-v-5ff32c33]{background:#fff;padding:28px;border-radius:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;-webkit-box-shadow:var(--zcb-card-shadow);box-shadow:var(--zcb-card-shadow);border:1px solid var(--zcb-border);-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1)}.stat-card[data-v-5ff32c33]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:var(--zcb-card-shadow-hover);box-shadow:var(--zcb-card-shadow-hover)}.stat-value[data-v-5ff32c33]{font-size:2.2rem;font-weight:800;background:-webkit-gradient(linear,left top,right top,from(var(--zcb-primary)),to(var(--zcb-secondary)));background:linear-gradient(90deg,var(--zcb-primary),var(--zcb-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.stat-label[data-v-5ff32c33]{color:var(--zcb-text-secondary);font-size:1rem}.language-progress[data-v-5ff32c33],.recent-activity[data-v-5ff32c33]{background:#fff;padding:32px;border-radius:16px;-webkit-box-shadow:var(--zcb-card-shadow);box-shadow:var(--zcb-card-shadow);border:1px solid var(--zcb-border);margin-bottom:24px;position:relative;z-index:1}.section-title[data-v-5ff32c33]{font-size:1.4rem;color:var(--zcb-text-primary);margin-bottom:24px;font-weight:800}.progress-cards[data-v-5ff32c33]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.progress-card[data-v-5ff32c33]{background:var(--zcb-page-mid);padding:24px;border-radius:12px;border-left:4px solid var(--zcb-primary);-webkit-box-shadow:0 2px 8px rgba(15,23,42,.04);box-shadow:0 2px 8px rgba(15,23,42,.04);-webkit-transition:all .35s cubic-bezier(.16,1,.3,1);transition:all .35s cubic-bezier(.16,1,.3,1)}.progress-card[data-v-5ff32c33]:hover{-webkit-transform:translateX(-4px);transform:translateX(-4px);-webkit-box-shadow:var(--zcb-card-shadow-hover);box-shadow:var(--zcb-card-shadow-hover);border-left-color:var(--zcb-secondary)}.card-header[data-v-5ff32c33]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:20px}.lang-icon[data-v-5ff32c33]{font-size:2.5rem}.card-header h3[data-v-5ff32c33]{font-size:1.3rem;color:#333;font-weight:600}.progress-bar-container[data-v-5ff32c33]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px;margin-bottom:15px}.progress-bar[data-v-5ff32c33]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;background:#e9ecef;border-radius:10px;overflow:hidden}.progress-fill[data-v-5ff32c33]{height:100%;border-radius:10px;-webkit-transition:width .6s ease;transition:width .6s ease}.scratch-fill[data-v-5ff32c33]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.python-fill[data-v-5ff32c33]{background:-webkit-gradient(linear,left top,right top,from(var(--zcb-primary)),to(var(--zcb-secondary)));background:linear-gradient(90deg,var(--zcb-primary),var(--zcb-secondary))}.c-fill[data-v-5ff32c33]{background:linear-gradient(135deg,#43e97b,#38f9d7)}.progress-percent[data-v-5ff32c33]{font-weight:700;color:var(--zcb-primary);font-size:1.1rem}.progress-details[data-v-5ff32c33]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px;color:var(--zcb-text-secondary);font-size:.9rem}.activity-timeline[data-v-5ff32c33]{position:relative;padding-left:40px}.activity-item[data-v-5ff32c33]{position:relative;padding-bottom:40px}.activity-time[data-v-5ff32c33]{position:absolute;left:-160px;top:0;color:#999;font-size:.9rem}.activity-dot[data-v-5ff32c33]{position:absolute;left:-44px;top:4px;width:12px;height:12px;background:var(--zcb-secondary);border-radius:50%;border:3px solid #fff;-webkit-box-shadow:0 0 0 2px var(--zcb-secondary);box-shadow:0 0 0 2px var(--zcb-secondary)}.activity-item[data-v-5ff32c33]:before{content:"";position:absolute;left:-39px;top:16px;width:2px;height:calc(100% - 16px);background:#e9ecef}.activity-item[data-v-5ff32c33]:last-child:before{display:none}.activity-content h4[data-v-5ff32c33]{font-size:1.1rem;color:var(--zcb-text-primary);margin-bottom:8px;font-weight:600}.activity-content p[data-v-5ff32c33]{color:var(--zcb-text-secondary);line-height:1.6;margin-bottom:10px}@media (max-width:768px){.learning-progress-page[data-v-5ff32c33]:before{left:0}.learning-progress-page[data-v-5ff32c33]{padding:16px}}