:root{--bg: #F4F1EB;--bg-card: #FFFFFF;--bg-card-hover: #FAFAF8;--bg-sidebar: #0B1622;--bg-sidebar-hover: #13202F;--bg-sidebar-active: #1A2B3D;--primary: #00796B;--primary-light: #E0F2F1;--primary-lighter: #F0FAF9;--primary-dark: #004D40;--primary-glow: rgba(0, 121, 107, .15);--accent: #FF8F00;--accent-light: #FFF3E0;--accent-glow: rgba(255, 143, 0, .12);--indigo: #3949AB;--indigo-light: #E8EAF6;--danger: #C62828;--danger-light: #FFEBEE;--success: #2E7D32;--success-light: #E8F5E9;--text: #1A1A2E;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-on-dark: #D4D4D8;--text-on-dark-bright: #F4F4F5;--border: #E5E2DB;--border-light: #F0EDE7;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .12);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--sidebar-w: 260px;--font: "Rubik", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select{font-family:inherit}ul,ol{list-style:none}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:32px 40px;margin-right:var(--sidebar-w);background:var(--bg);scroll-behavior:smooth}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sidebar{position:fixed;right:0;top:0;bottom:0;width:var(--sidebar-w);background:var(--bg-sidebar);background-image:repeating-linear-gradient(-45deg,transparent,transparent 20px,rgba(255,255,255,.008) 20px,rgba(255,255,255,.008) 40px);display:flex;flex-direction:column;z-index:100;border-left:1px solid rgba(255,255,255,.06)}.sidebar-logo{padding:28px 24px 24px;display:flex;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.06)}.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,var(--primary),#26A69A);border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #00796b4d}.logo-text{font-size:1.1rem;font-weight:700;color:var(--text-on-dark-bright);letter-spacing:-.02em}.sidebar-nav{padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-on-dark);font-size:.9rem;font-weight:500;transition:var(--transition)}.sidebar-link:hover{background:var(--bg-sidebar-hover);color:var(--text-on-dark-bright)}.sidebar-link.active{background:var(--bg-sidebar-active);color:#fff}.sidebar-link.active:before{content:"";position:absolute;right:0;width:3px;height:24px;background:var(--primary);border-radius:0 3px 3px 0}.sidebar-link svg{width:20px;height:20px;opacity:.7;flex-shrink:0}.sidebar-link.active svg,.sidebar-link:hover svg{opacity:1}.sidebar-divider{margin:8px 20px;border-top:1px solid rgba(255,255,255,.06)}.sidebar-section-title{padding:12px 24px 8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#ffffff4d}.sidebar-courses{padding:0 12px;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto}.sidebar-course-link{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-sm);color:var(--text-on-dark);font-size:.85rem;transition:var(--transition)}.sidebar-course-link:hover{background:var(--bg-sidebar-hover);color:var(--text-on-dark-bright)}.sidebar-course-link.active{background:var(--bg-sidebar-active);color:#fff}.sidebar-course-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.page-header{margin-bottom:32px}.page-header h1{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.02em;line-height:1.2}.page-header .subtitle{font-size:.95rem;color:var(--text-secondary);margin-top:6px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px}.breadcrumb a{color:var(--primary);font-weight:500;transition:var(--transition)}.breadcrumb a:hover{color:var(--primary-dark)}.breadcrumb .sep{opacity:.4}.card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:24px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light)}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column}.stat-card .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:6px}.stat-card .stat-value{font-size:1.75rem;font-weight:800;font-family:var(--font-mono);color:var(--text);letter-spacing:-.03em}.stat-card .stat-value span{font-size:.9rem;font-weight:500;color:var(--text-secondary);font-family:var(--font);margin-right:4px}.dashboard-grid{display:grid;grid-template-columns:1fr 340px;gap:24px}.dashboard-welcome{margin-bottom:24px}.dashboard-welcome h1{font-size:1.5rem;font-weight:700}.dashboard-welcome .date{font-size:.95rem;color:var(--text-secondary);margin-top:4px}.start-date-section{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px;margin-bottom:24px}.start-date-section h3{font-size:.95rem;font-weight:700;margin-bottom:16px}.start-date-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}.start-date-row label{font-size:.85rem;font-weight:500;min-width:100px}.start-date-row input[type=date]{padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.85rem;background:var(--bg);direction:ltr}.start-date-row input[type=date]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.calendar{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:24px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.calendar-header h3{font-size:1.05rem;font-weight:700}.calendar-nav-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition);font-size:1rem}.calendar-nav-btn:hover{background:var(--primary-light);color:var(--primary)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px;direction:ltr}.calendar-weekdays div{text-align:center;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:4px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;direction:ltr}.calendar-cell{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:500;color:var(--text);position:relative;transition:var(--transition);cursor:default;gap:3px}.calendar-cell.empty{color:transparent;pointer-events:none}.calendar-cell.today{background:var(--primary-light);color:var(--primary-dark);font-weight:700}.calendar-cell.has-study{cursor:pointer;font-weight:600}.calendar-cell.has-study:hover{background:var(--primary-lighter);transform:scale(1.08)}.calendar-cell.other-month{opacity:.3}.calendar-dots{display:flex;gap:3px}.calendar-dot{width:5px;height:5px;border-radius:50%}.today-tasks{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:24px;max-height:600px;overflow-y:auto}.today-tasks h3{font-size:.95rem;font-weight:700;margin-bottom:16px}.today-task-course{margin-bottom:20px}.today-task-course-name{font-size:.8rem;font-weight:600;color:var(--primary);margin-bottom:8px;display:flex;align-items:center;gap:8px}.today-task-day{font-size:.85rem;color:var(--text);padding:10px 14px;background:var(--primary-lighter);border-radius:var(--radius-sm);border-right:3px solid var(--primary);cursor:pointer;transition:var(--transition)}.today-task-day:hover{background:var(--primary-light)}.today-task-day .day-title{font-weight:600;margin-bottom:2px}.today-task-day .day-meta{font-size:.75rem;color:var(--text-secondary)}.no-tasks-msg{color:var(--text-muted);font-size:.85rem;text-align:center;padding:32px 16px}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.course-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:28px;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;top:0;right:0;left:0;height:4px}.course-card.color-0:before{background:linear-gradient(90deg,var(--primary),#26A69A)}.course-card.color-1:before{background:linear-gradient(90deg,var(--indigo),#5C6BC0)}.course-card.color-2:before{background:linear-gradient(90deg,var(--accent),#FFB74D)}.course-card.color-3:before{background:linear-gradient(90deg,#c62828,#ef5350)}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-light)}.course-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.course-card-name{font-size:1.2rem;font-weight:700;line-height:1.3;letter-spacing:-.01em}.course-card-progress-ring{flex-shrink:0}.progress-ring-circle-bg{stroke:var(--border-light)}.progress-ring-circle{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1);transform:rotate(-90deg);transform-origin:50% 50%}.progress-ring-text{font-family:var(--font-mono);font-weight:700;font-size:11px;fill:var(--text)}.course-card-stats{display:flex;gap:20px}.course-card-stat{display:flex;flex-direction:column}.course-card-stat-value{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--text)}.course-card-stat-label{font-size:.7rem;color:var(--text-muted);font-weight:500}.course-card-bar{margin-top:20px;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.course-card-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1)}.color-0 .course-card-bar-fill{background:linear-gradient(90deg,var(--primary),#26A69A)}.color-1 .course-card-bar-fill{background:linear-gradient(90deg,var(--indigo),#5C6BC0)}.course-detail-stats{display:flex;gap:24px;margin-bottom:32px;flex-wrap:wrap}.course-detail-stat{font-size:.85rem;color:var(--text-secondary)}.course-detail-stat strong{font-family:var(--font-mono);color:var(--text);font-weight:700}.days-timeline{position:relative}.days-timeline:before{content:"";position:absolute;right:19px;top:0;bottom:0;width:2px;background:var(--border)}.day-timeline-item{position:relative;padding-right:48px;padding-bottom:16px}.day-timeline-dot{position:absolute;right:12px;top:18px;width:16px;height:16px;border-radius:50%;border:2px solid var(--border);background:var(--bg);z-index:1;transition:var(--transition)}.day-timeline-item.completed .day-timeline-dot{background:var(--primary);border-color:var(--primary)}.day-timeline-item.completed .day-timeline-dot:after{content:"";position:absolute;top:3px;right:3px;width:6px;height:6px;background:#fff;border-radius:50%}.day-timeline-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:18px 22px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:space-between;gap:16px}.day-timeline-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translate(-4px)}.day-timeline-info{flex:1;min-width:0}.day-timeline-number{font-family:var(--font-mono);font-size:.7rem;font-weight:600;color:var(--primary);margin-bottom:2px}.day-timeline-title{font-size:.95rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.day-timeline-meta{display:flex;gap:12px;margin-top:4px}.day-timeline-meta span{font-size:.75rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.day-timeline-badges{display:flex;gap:6px;flex-shrink:0}.badge{padding:3px 8px;border-radius:6px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-quiz{background:var(--accent-light);color:var(--accent)}.badge-podcast{background:var(--indigo-light);color:var(--indigo)}.badge-slides{background:var(--primary-light);color:var(--primary)}.day-timeline-arrow{color:var(--text-muted);font-size:1rem;transition:var(--transition)}.day-timeline-card:hover .day-timeline-arrow{color:var(--primary);transform:translate(-4px)}.day-detail-header{margin-bottom:32px}.day-detail-header h1{font-size:1.5rem;font-weight:800;margin-bottom:4px}.day-detail-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.day-detail-meta span{font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.day-detail-progress{height:4px;background:var(--border-light);border-radius:2px;margin-top:16px;overflow:hidden}.day-detail-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),#26A69A);border-radius:2px;transition:width .4s ease}.day-content-grid{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}.study-blocks{display:flex;flex-direction:column;gap:20px}.study-block{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:22px}.study-block h3{font-size:.95rem;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.task-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;cursor:pointer;transition:var(--transition)}.task-item:hover{opacity:.85}.task-checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:6px;flex-shrink:0;margin-top:1px;cursor:pointer;transition:var(--transition);position:relative}.task-checkbox:checked{background:var(--primary);border-color:var(--primary)}.task-checkbox:checked:after{content:"";position:absolute;top:3px;right:2px;width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg)}.task-checkbox:hover{border-color:var(--primary)}.task-text{font-size:.9rem;line-height:1.5;transition:var(--transition)}.task-item.checked .task-text{text-decoration:line-through;opacity:.5}.resources-panel{display:flex;flex-direction:column;gap:16px;position:sticky;top:20px}.audio-player{background:var(--bg-sidebar);border-radius:var(--radius);padding:18px;color:#fff}.audio-player-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:10px}.audio-player audio{width:100%;height:36px;border-radius:8px}.file-list-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:20px}.file-list-card h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:12px}.file-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);margin:0 -10px}.file-item:hover{background:var(--primary-lighter)}.file-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;text-transform:uppercase;flex-shrink:0}.file-icon.pdf{background:#ffebee;color:#c62828}.file-icon.mp3{background:var(--indigo-light);color:var(--indigo)}.file-icon.slides{background:var(--primary-light);color:var(--primary)}.file-icon.other{background:var(--bg);color:var(--text-secondary)}.file-name{font-size:.82rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.notes-section{background:var(--accent-light);border-radius:var(--radius);border:1px solid rgba(255,143,0,.15);padding:20px;margin-top:24px}.notes-section h3{font-size:.85rem;font-weight:700;color:var(--accent);margin-bottom:12px}.notes-section li{font-size:.85rem;color:var(--text);padding:4px 16px 4px 0;position:relative;line-height:1.6}.notes-section li:before{content:"";position:absolute;right:0;top:12px;width:6px;height:6px;background:var(--accent);border-radius:50%}.quiz-section{margin-top:32px}.quiz-section h2{font-size:1.15rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.quiz-question{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:24px;margin-bottom:16px;transition:var(--transition)}.quiz-question-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.quiz-question-num{font-family:var(--font-mono);font-size:.7rem;font-weight:700;color:var(--primary);background:var(--primary-light);padding:3px 8px;border-radius:6px}.quiz-question-text{font-size:.95rem;font-weight:500;margin-bottom:16px;line-height:1.7}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.88rem;text-align:right;transition:var(--transition);cursor:pointer;background:var(--bg-card);line-height:1.5}.quiz-option:hover:not(.revealed){border-color:var(--primary);background:var(--primary-lighter)}.quiz-option.correct{border-color:var(--success);background:var(--success-light);color:var(--success);font-weight:600}.quiz-option.incorrect{border-color:var(--danger);background:var(--danger-light);color:var(--danger)}.quiz-option.dimmed{opacity:.5}.quiz-option-marker{width:22px;height:22px;border:2px solid var(--border);border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem;transition:var(--transition)}.quiz-option.correct .quiz-option-marker{border-color:var(--success);background:var(--success);color:#fff}.quiz-option.incorrect .quiz-option-marker{border-color:var(--danger);background:var(--danger);color:#fff}.quiz-hint-toggle{margin-top:10px;font-size:.8rem;color:var(--accent);font-weight:600;cursor:pointer;padding:4px 0}.quiz-hint-toggle:hover{text-decoration:underline}.quiz-hint-text{margin-top:8px;font-size:.85rem;color:var(--text-secondary);padding:10px 14px;background:var(--accent-light);border-radius:var(--radius-sm);border-right:3px solid var(--accent);line-height:1.6}.quiz-score{background:var(--primary-light);border-radius:var(--radius);padding:20px;text-align:center;margin-top:20px}.quiz-score-value{font-family:var(--font-mono);font-size:2rem;font-weight:800;color:var(--primary-dark)}.quiz-score-label{font-size:.85rem;color:var(--primary);margin-top:4px}.pdf-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .2s ease}.pdf-modal{width:100%;max-width:900px;height:85vh;background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;animation:slideUp .25s ease}.pdf-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--bg)}.pdf-modal-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-modal-close{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-secondary);transition:var(--transition)}.pdf-modal-close:hover{background:var(--danger-light);color:var(--danger)}.pdf-modal iframe{flex:1;width:100%;border:none}.day-nav{display:flex;justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.day-nav-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-sm);background:var(--bg-card);border:1px solid var(--border);font-size:.85rem;font-weight:500;color:var(--text);transition:var(--transition)}.day-nav-btn:hover{border-color:var(--primary);color:var(--primary)}.day-nav-btn.disabled{opacity:.3;pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.animate-in{animation:slideRight .3s ease both}.animate-in:nth-child(1){animation-delay:0s}.animate-in:nth-child(2){animation-delay:.04s}.animate-in:nth-child(3){animation-delay:.08s}.animate-in:nth-child(4){animation-delay:.12s}.animate-in:nth-child(5){animation-delay:.16s}.animate-in:nth-child(6){animation-delay:.2s}.animate-in:nth-child(7){animation-delay:.24s}.animate-in:nth-child(8){animation-delay:.28s}.animate-in:nth-child(9){animation-delay:.32s}.animate-in:nth-child(10){animation-delay:.36s}.loading{display:flex;align-items:center;justify-content:center;padding:64px;color:var(--text-muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:64px 24px;color:var(--text-muted)}.empty-state-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}@media(max-width:1024px){.dashboard-grid,.day-content-grid{grid-template-columns:1fr}.resources-panel{position:static}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-right:0;padding:20px}.courses-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}}