:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#4f46e514;--color-background:#f8fafc;--color-surface:#fff;--color-surface-alt:#f1f5f9;--color-card:#fff;--color-card-hover:#fafcff;--color-text-primary:#0f172a;--color-text-secondary:#334155;--color-text-muted:#64748b;--color-success:#22c55e;--color-success-soft:#22c55e14;--color-warning:#f59e0b;--color-warning-soft:#f59e0b14;--color-danger:#ef4444;--color-danger-soft:#ef444414;--color-border:#e2e8f0;--color-border-strong:#cbd5e1;--font-family-base:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:999px;--shadow-sm:0 4px 12px #00000024;--shadow-md:0 12px 30px #0003;--shadow-lg:0 20px 50px #00000047;--transition-fast:.15s ease;--transition-normal:.22s ease;--transition-slow:.32s ease;--content-max-width:1440px;--sidebar-width:260px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{min-height:100vh;font-family:var(--font-family-base);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;border:none}input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-surface-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:#fff}.auth-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border-radius:24px;width:380px;padding:40px;box-shadow:0 20px 50px #00000014}.auth-card h1{text-align:center;color:#2563eb;margin-bottom:10px;font-size:32px}.auth-card h2{color:#111827;margin-top:30px;margin-bottom:20px}.auth-subtitle{text-align:center;color:#6b7280;line-height:1.5}.auth-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:12px;width:100%;margin-bottom:15px;padding:14px;font-size:16px}.auth-input:focus{border-color:#2563eb;outline:none}.auth-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:14px;font-size:16px}.auth-button:disabled{opacity:.7}.auth-error{color:#dc2626;background:#fee2e2;border-radius:10px;margin-bottom:15px;padding:10px}.auth-footer{text-align:center;color:#6b7280;margin-top:25px}.auth-footer a{color:#2563eb;font-weight:600;text-decoration:none}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:80px;padding:0 50px;display:flex}.dashboard-logo{color:#2563eb;font-size:26px;font-weight:800}.logout-button{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:12px;padding:12px 24px;font-weight:600}.logout-button:hover{background:#dc2626}.dashboard-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;max-width:350px;padding:2rem;transition:all .2s}.dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.dashboard-card h2{margin:0;font-size:1.4rem}.dashboard-card p{color:#6b7280;margin-top:.75rem}.dashboard-page{background:#f8fafc;min-height:100vh}.dashboard-content{max-width:1100px;margin:0 auto;padding:80px 40px}.dashboard-hero{text-align:center;margin-top:50px}.edu-title{letter-spacing:8px;background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-family:Poppins,Inter,sans-serif;font-size:100px;font-weight:900}.edu-subtitle{color:#111827;margin-top:20px;font-size:32px;font-weight:700}.edu-description{color:#6b7280;max-width:650px;margin:20px auto;font-size:20px;line-height:1.7}.dashboard-actions{justify-content:center;margin-top:60px;display:flex}.workspace-page{width:100%;height:100vh}.workspace-layout{height:100vh;display:flex}.workspace-main{flex-direction:column;flex:1;min-width:0;display:flex}.workspace-controls{border-bottom:1px solid #ddd;gap:10px;padding:12px 20px;display:flex}.sidebar{color:#fff;background:#1f2937;flex-direction:column;gap:16px;width:260px;padding:20px;transition:width .25s;display:flex}.sidebar.collapsed{align-items:center;width:72px;padding:20px 10px}.sidebar-top-actions{align-items:center;gap:10px;display:flex}.sidebar.collapsed .sidebar-top-actions{flex-direction:column;gap:8px}.sidebar-toggle,.dashboard-button{color:#111827;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;height:40px;font-weight:600}.sidebar-toggle{justify-content:center;align-items:center;width:40px;display:flex}.dashboard-button{white-space:nowrap;padding:0 14px}.sidebar.collapsed .dashboard-button{width:40px;padding:0;font-size:0}.sidebar.collapsed .dashboard-button:after{content:"←";font-size:18px}.sidebar-toggle:hover,.dashboard-button:hover{background:#e5e7eb}.sidebar button:not(.sidebar-toggle):not(.dashboard-button){width:100%}.folder-tree ul{margin:0;padding:0;list-style:none}.folder-tree li{cursor:pointer;padding:8px 0}.folder-item,.note-item{cursor:pointer;border-radius:6px;padding:6px 8px;transition:background .15s}.folder-item.selected{background:#5e5f61;border-left:3px solid #9ca3af;font-weight:600}.note-item.selected{background:#b1afaf;border-left:3px solid #9ca3af;font-weight:600}.folder-item:hover,.note-item:hover{background:#323232!important}.workspace-content{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.workspace-empty{flex:1;overflow:auto}.workspace-tabs{background:#f8fafc;border-bottom:1px solid #d1d5db;align-items:flex-end;gap:6px;min-height:52px;padding:10px 20px 0;display:flex}.workspace-tabs.empty{color:#6b7280;padding:16px 20px}.workspace-tab{cursor:pointer;color:#4b5563;background:#e5e7eb;border-radius:10px 10px 0 0;align-items:center;gap:12px;max-width:260px;padding:12px 16px;font-size:15px;font-weight:600;transition:background .2s,color .2s;display:flex}.workspace-tab:hover{background:#d1d5db}.workspace-tab.active{color:#111827;background:#fff}.workspace-tab-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.workspace-tab-close{cursor:pointer;color:#6b7280;background:0 0;border:none;font-size:20px;line-height:1}.workspace-tab-close:hover{color:#111827}.note-tabs{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 24px;display:flex}.note-tab{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;padding:10px 18px;font-size:17px;font-weight:600;transition:background .2s,color .2s}.note-tab:hover{background:#f3f4f6}.note-tab.active{color:#111827;background:#f9fafb;border-bottom:3px solid #64748b}.summary-container{max-width:1000px;margin:0 auto;padding-bottom:50px}.summary-container h1{color:#111827;letter-spacing:-.5px;margin-bottom:40px;font-size:38px;font-weight:800}.summary-section{background:#fff;border:1px solid #e5e7eb;border-radius:24px;margin-bottom:28px;padding:32px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 25px #0000000d}.summary-section:hover{transform:translateY(-3px);box-shadow:0 12px 30px #00000014}.section-header{align-items:center;gap:16px;margin-bottom:26px;display:flex}.section-number{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:700;display:flex}.section-header h2{color:#111827;margin:0;font-size:24px;font-weight:750}.section-points{flex-direction:column;gap:14px;display:flex}.summary-point{background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;align-items:flex-start;gap:15px;padding:16px 18px;display:flex}.point-marker{color:#2563eb;background:#dbeafe;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.summary-point p{color:#374151;margin:0;font-size:16px;line-height:1.6}.summary-overview{background:#eff6ff;border:1px solid #bfdbfe;border-radius:24px;margin-bottom:30px;padding:30px}.summary-overview h2{color:#1e40af;margin-bottom:15px}.summary-overview p{color:#374151;font-size:18px;line-height:1.75}.takeaways-card{background:#fffbeb;border:1px solid #fde68a;border-radius:24px;margin-top:35px;padding:32px}.takeaways-card h2{color:#92400e;margin-bottom:22px}.takeaways-card ol{padding-left:25px}.takeaways-card li{color:#78350f;margin-bottom:14px;line-height:1.6}.flashcards-container{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.flashcards-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flashcards-empty h2{color:#111827;margin-bottom:16px;font-size:42px;font-weight:700}.flashcards-empty p{color:#6b7280;margin-bottom:35px;font-size:18px}.generate-button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:14px;padding:16px 45px;font-size:18px;font-weight:700;transition:all .2s}.generate-button:hover{background:#374151;transform:translateY(-3px)}.flashcards-header{margin-bottom:30px}.flashcards-header h2{font-size:28px;font-weight:700}.flashcard{cursor:pointer;background:#fff;border-radius:24px;justify-content:center;align-items:center;width:650px;min-height:380px;padding:50px;transition:transform .25s;display:flex;box-shadow:0 15px 40px #00000026}.flashcard:hover{transform:translateY(-8px)}.flashcard-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.flashcard-front,.flashcard-back{text-align:center;width:100%}.flashcard-front h3{color:#111827;font-size:30px;line-height:1.5}.flashcard-hint{color:#9ca3af;margin-top:30px;font-size:16px}.flashcard-back,.flashcard.show-answer .flashcard-front{display:none}.flashcard.show-answer .flashcard-back{display:block}.flashcard-back p{color:#111827;font-size:26px;line-height:1.6}.flashcard-controls{justify-content:space-between;width:650px;margin-top:40px;display:flex}.flashcard-controls button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:14px;width:190px;padding:16px 25px;font-size:18px;font-weight:700;transition:all .2s}.flashcard-controls button:hover{background:#374151;transform:translateY(-3px)}.flashcard-controls button:disabled{color:#6b7280;cursor:not-allowed;background:#d1d5db;transform:none}.flashcards-loading{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.flashcards-loading h2{margin-bottom:15px;font-size:40px}.flashcards-loading p{color:#6b7280;font-size:18px}.regenerate-button{color:#1f2937;cursor:pointer;background:#fff;border:2px solid #1f2937;border-radius:14px;margin-top:25px;padding:14px 35px;font-size:16px;font-weight:700;transition:all .2s}.regenerate-button:hover{color:#fff;background:#1f2937;transform:translateY(-3px)}.quiz-container{flex-direction:column;height:calc(100vh - 120px);padding:5px 35px;display:flex;overflow:hidden}.quiz-empty,.quiz-loading{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.quiz-empty h1,.quiz-loading h1{color:#111827;font-size:42px;font-weight:800}.quiz-empty p,.quiz-loading p{color:#6b7280;font-size:18px}.quiz-container>h2{color:#111827;margin:0;font-size:30px}.quiz-container>p{color:#6b7280;margin:8px 0;font-size:18px}.quiz-navigator-row{justify-content:space-between;align-items:center;width:100%;margin-top:0;display:flex}.navigator-wrapper{flex:1}.regenerate-button{color:#1f2937;cursor:pointer;background:#fff;border:1px solid #1f2937;border-radius:14px;margin-left:20px;padding:12px 28px;font-size:18px;font-weight:700}.regenerate-button:hover{color:#fff;background:#1f2937}.quiz-container h3{color:#111827;margin-top:0;margin-bottom:10px;font-size:26px}.quiz-question-area{justify-content:center;display:flex}.quiz-divider{width:100%;margin-top:15px;margin-bottom:15px}.quiz-divider hr{border:none;border-top:1px solid #374151}.quiz-actions-wrapper{flex-shrink:0;margin-top:auto;padding-top:20px;padding-bottom:10px}.quiz-controls{justify-content:space-between;align-items:center;width:100%;display:flex}.quiz-controls-left,.quiz-controls-right{align-items:center;gap:10px;display:flex}.quiz-controls button{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700}.quiz-controls button:hover{background:#374151}.quiz-controls button:disabled{color:#6b7280;background:#d1d5db}.quiz-result{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.quiz-result h2{color:#111827;font-size:42px}.quiz-score span{color:#2563eb;font-size:56px;font-weight:800}.quiz-score p{color:#374151;font-size:20px}.quiz-result-actions{gap:20px;display:flex}.quiz-result-actions button{color:#fff;border:none;border-radius:14px;padding:14px 35px;font-size:16px;font-weight:700}.review-button{background:#2563eb}.retry-button{background:#1f2937}.quiz-regenerate-button{color:#2563eb;background:#fff;border:2px solid #2563eb;border-radius:12px;margin-top:10px;padding:12px 30px}.question-card{box-sizing:border-box;background:#fff;border-radius:24px;flex-direction:column;width:700px;min-height:520px;margin:0 auto;padding:35px;display:flex;box-shadow:0 15px 40px #0000001f}.question-title{margin:0 0 20px;font-size:26px;line-height:1.35}.answer-list{flex-direction:column;gap:12px;display:flex}.answer-button{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:14px;align-items:center;gap:15px;width:100%;padding:14px 18px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.answer-button:hover{border-color:#1f2937;transform:translateY(-2px)}.answer-letter{color:#fff;background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.answer-button.selected{background:#f3f4f6;border-color:#1f2937}.answer-button.wrong{opacity:.45}.question-info{margin-top:15px;font-size:15px}.feedback{background:#f3f4f6;border-radius:12px;margin-top:12px;padding:12px}.correct-answer{background:#dcfce7;border-radius:12px;margin-top:12px;padding:12px}.hint-box{background:#fef3c7;border-radius:12px;margin-top:12px;padding:12px}.question-navigator{flex-wrap:wrap;gap:12px;margin:20px 0 35px;display:flex}.question-number{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;width:40px;height:40px;font-weight:700;transition:all .2s}.question-number:hover{transform:translateY(-3px)}.question-number.active{color:#fff;background:#2563eb;transform:scale(1.1);box-shadow:0 6px 18px #2563eb59}.question-number.completed{color:#fff;background:#22c55e}.question-number.wrong{color:#fff;background:#ef4444}.pdf-container{flex:1;width:100%;height:100%;overflow:hidden}.pdf-frame{border:none;width:100%;height:100%}.note-workspace{flex-direction:column;height:100%;display:flex;overflow:hidden}.note-content{flex-direction:column;flex:1;padding:10px 35px;display:flex;overflow:auto}.home-page{background:#f8fafc;min-height:100vh}.home-header{justify-content:space-between;align-items:center;padding:30px 60px;display:flex}.home-header h2{color:#2563eb;font-size:28px}.login-btn,.register-btn{cursor:pointer;border-radius:12px;margin-left:12px;padding:12px 22px;font-weight:600}.login-btn{color:#2563eb;background:#fff;border:1px solid #2563eb}.register-btn{color:#fff;background:#2563eb;border:none}.hero{text-align:center;max-width:900px;margin:100px auto}.hero h1{color:#111827;font-size:55px}.hero p{color:#6b7280;margin-top:25px;font-size:20px;line-height:1.6}.hero-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;margin-top:40px;padding:16px 35px;font-size:18px}