@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.pw-course-card{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:column;width:100%;height:100%;text-decoration:none;transition:all .25s;display:flex;overflow:hidden}.pw-course-card:hover{border-color:#dbeafe;transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}[data-theme=dark] .pw-course-card{background-color:#1e293b;border-color:#334155}.pw-card-top-bar{color:#374151;text-align:center;background-color:#dbeafe;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .5rem;font-size:.6rem;line-height:1.2;display:flex}.pw-card-top-bar span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.pw-card-header{aspect-ratio:16/9;background-color:#dbeafe;border-bottom:1px solid #e5e7eb;width:100%;position:relative;overflow:hidden}.pw-card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.pw-course-card:hover .pw-card-image{transform:scale(1.04)}.pw-card-placeholder{color:#bfdbfe80;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.pw-card-body{flex-direction:column;flex-grow:1;padding:.6rem .75rem .65rem;display:flex}.pw-meta-header{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.pw-category-tag{color:#ea580c;letter-spacing:.01em;font-size:.67rem;font-weight:600}.pw-lang-tag{color:#4b5563;text-transform:uppercase;letter-spacing:.02em;border:1px solid #d1d5db;border-radius:.2rem;padding:.1rem .3rem;font-size:.58rem;font-weight:700}.pw-card-title{color:#111827;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:2.2rem;margin:0 0 .4rem;font-size:.82rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}[data-theme=dark] .pw-card-title{color:#f1f5f9}.pw-info-rows{flex-direction:column;gap:.3rem;margin-bottom:.5rem;display:flex}.pw-info-row{color:#4b5563;align-items:center;gap:.35rem;font-size:.68rem;display:flex}.pw-icon-muted{color:#9ca3af;flex-shrink:0;width:12px;height:12px}.pw-truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pw-status-dot{border-radius:9999px;flex-shrink:0;width:.4rem;height:.4rem}.pw-status-dot.upcoming{background-color:#3b82f6}.pw-status-dot.completed{background-color:#22c55e}.pw-status-dot.ongoing{background-color:#ef4444}.pw-status-text{color:#374151;font-weight:500}.pw-status-red{color:#b91c1c;font-weight:600}.pw-separator{color:#d1d5db}.pw-card-footer{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:.4rem;margin-top:auto;padding-top:.5rem;display:flex}.pw-price-block{flex-direction:column;gap:.05rem;display:flex}.pw-price-row{align-items:baseline;gap:.3rem;display:flex}.pw-current-price{color:#111827;font-size:.9rem;font-weight:700}[data-theme=dark] .pw-current-price{color:#f1f5f9}.pw-original-price{color:#9ca3af;font-size:.65rem;text-decoration:line-through}.pw-discount-text{color:#059669;font-size:.6rem;font-weight:700}.pw-free-text{color:#059669;font-size:.9rem;font-weight:700}.pw-action-buttons{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.pw-buy-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#1f2937;border:none;border-radius:.3rem;padding:.3rem .65rem;font-size:.72rem;font-weight:600;transition:background-color .2s}.pw-buy-btn:hover{background-color:#000}.pw-arrow-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:.3rem;flex-shrink:0;justify-content:center;align-items:center;padding:.28rem;transition:all .2s;display:flex}.pw-arrow-btn:hover{background-color:#f3f4f6}.pm-overlay{z-index:1000;background:var(--pm-overlay);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out pm-fade-in;display:flex;position:fixed;inset:0}@keyframes pm-fade-in{0%{opacity:0}to{opacity:1}}.pm-container{background:var(--pm-bg);z-index:1010;width:100%;max-width:480px;box-shadow:var(--pm-shadow);border:1px solid var(--pm-border);border-radius:24px;animation:.3s cubic-bezier(.16,1,.3,1) pm-slide-up;position:relative;overflow:hidden}@keyframes pm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.pm-overlay{align-items:flex-end;padding:0}.pm-container{border-bottom:none;border-radius:24px 24px 0 0;max-width:100%;animation:.4s cubic-bezier(.16,1,.3,1) pm-bottom-sheet}}@keyframes pm-bottom-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pm-header{border-bottom:1px solid var(--pm-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.pm-header-left{align-items:center;gap:.85rem;display:flex}.pm-icon-wrap{background:var(--pm-accent-soft);color:var(--pm-accent);border-radius:12px;padding:10px;display:flex}.pm-title-stack{flex-direction:column;display:flex}.pm-subtitle{text-transform:uppercase;letter-spacing:.05em;color:var(--pm-accent);margin-bottom:2px;font-size:.7rem;font-weight:700}.pm-title{color:var(--pm-text);margin:0;font-size:1.15rem;font-weight:800}.pm-close-btn{background:var(--pm-bg);border:1px solid var(--pm-border);color:var(--pm-text-sub);cursor:pointer;border-radius:50%;padding:8px;transition:all .2s;display:flex}.pm-close-btn:hover{background:var(--pm-border);color:var(--pm-text)}.pm-body{padding:1.5rem}.pm-resource-label{color:var(--pm-text-sub);margin-bottom:1.25rem;font-size:.85rem;font-weight:500}.pm-resource-label b{color:var(--pm-text);font-weight:700}.pm-resource-list{flex-direction:column;gap:.85rem;display:flex}.pm-row{background:var(--pm-border);border:1px solid #0000;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;transition:all .2s;display:flex}.pm-row:hover{background:var(--pm-bg);border-color:var(--pm-accent);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.pm-row-icon{color:#3b82f6;background:#3b82f618;border-radius:12px;padding:10px;display:flex}.pm-row-icon.green{color:#10b981;background:#10b98118}.pm-row-content{flex-grow:1}.pm-row-title{color:var(--pm-text);font-size:.95rem;font-weight:700}.pm-row-sub{color:var(--pm-text-sub);font-size:.75rem}.pm-footer{border-top:1px solid var(--pm-border);gap:.75rem;padding:1.25rem 1.5rem;display:flex}.pm-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.pm-btn-primary{color:#fff;background:#1e293b}.pm-btn-primary:hover{background:#0f172a;transform:scale(1.02)}.pm-btn-accent{background:var(--pm-accent);color:#fff}.pm-btn-accent:hover{filter:brightness(1.1);transform:scale(1.02)}.pm-btn-secondary{background:var(--pm-border);color:var(--pm-text);border:1px solid var(--pm-border)}.pm-empty{text-align:center;color:var(--pm-text-sub);flex-direction:column;align-items:center;gap:.75rem;padding:2.5rem 1rem;display:flex}.pm-empty p{max-width:240px;margin:0;font-size:.9rem}.student-dashboard{color:#202124;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .student-dashboard{color:#e8eaed}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{color:inherit;letter-spacing:-.02em;margin:0 0 .25rem;font-size:1.75rem;font-weight:400}.dashboard-header p{color:#5f6368;margin:0;font-size:.95rem}[data-theme=dark] .dashboard-header p{color:#9aa0a6}.dashboard-grid{grid-template-columns:1fr 280px;align-items:start;gap:2rem;display:grid}.dashboard-main{flex-direction:column;gap:2.5rem;min-width:0;display:flex}.continue-learning-card{background:var(--surface);border:1px solid #dadce0;border-radius:8px;padding:1.75rem;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}[data-theme=dark] .continue-learning-card{border-color:#3c4043}.continue-learning-card:hover{box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.card-content{z-index:2;position:relative}.badge{color:#3c4043;letter-spacing:.02em;background:#f1f3f4;border-radius:4px;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}[data-theme=dark] .badge{color:#e8eaed;background:#3c4043}.continue-learning-card h2{margin:0 0 .3rem;font-size:1.35rem;font-weight:500;line-height:1.4}.context-text{color:#5f6368;margin:0 0 1.5rem;font-size:.875rem}[data-theme=dark] .context-text{color:#9aa0a6}.resume-btn{color:#fff;background:#1a73e8;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 2px #3c40434d}[data-theme=dark] .resume-btn{color:#202124;background:#8ab4f8}.resume-btn:hover{background:#1765cc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}[data-theme=dark] .resume-btn:hover{background:#aecbfa}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.section-header h2{color:inherit;margin:0;font-size:1.15rem;font-weight:500}.view-all{color:#1a73e8;flex-shrink:0;font-size:.875rem;font-weight:500;text-decoration:none}[data-theme=dark] .view-all{color:#8ab4f8}.view-all:hover{text-decoration:underline}.horizontal-scroll-track{scrollbar-width:thin;scrollbar-color:#dadce0 transparent;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.25rem;padding-bottom:1rem;display:flex;overflow-x:auto}[data-theme=dark] .horizontal-scroll-track{scrollbar-color:#5f6368 transparent}.horizontal-scroll-track::-webkit-scrollbar{height:6px}.horizontal-scroll-track::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}[data-theme=dark] .horizontal-scroll-track::-webkit-scrollbar-thumb{background:#5f6368}.scroll-item{scroll-snap-align:start;flex-direction:column;flex-shrink:0;min-width:260px;max-width:260px;display:flex}.progress-card{background:var(--surface);border:1px solid #dadce0;border-radius:8px;flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}[data-theme=dark] .progress-card{border-color:#3c4043}.progress-card:hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.progress-card .course-thumb{background-color:#f1f3f4;width:100%;height:140px}[data-theme=dark] .progress-card .course-thumb{background-color:#202124}.course-thumb img{object-fit:cover;width:100%;height:100%}.course-info{flex-direction:column;flex-grow:1;justify-content:flex-start;padding:1.25rem;display:flex}.course-info h3{color:inherit;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:1rem;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.progress-bar-container{background:#e8eaed;border-radius:2px;height:4px;margin-top:auto;margin-bottom:.5rem;overflow:hidden}[data-theme=dark] .progress-bar-container{background:#3c4043}.progress-bar-fill{background:#1a73e8;border-radius:2px;height:100%;transition:width .5s ease-out}[data-theme=dark] .progress-bar-fill{background:#8ab4f8}.progress-text{color:#5f6368;font-size:.75rem}[data-theme=dark] .progress-text{color:#9aa0a6}.outline-small{color:#1a73e8;text-align:center;background:0 0;border-top:1px solid #dadce0;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:block}[data-theme=dark] .outline-small{color:#8ab4f8;border-color:#3c4043}.outline-small:hover{background-color:#1a73e80a}[data-theme=dark] .outline-small:hover{background-color:#8ab4f80a}.empty-state{text-align:center;background:var(--bg-color);border:1px solid #dadce0;border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:3rem;display:flex}[data-theme=dark] .empty-state{border-color:#3c4043}.empty-icon{color:#dadce0}[data-theme=dark] .empty-icon{color:#5f6368}.stats-card{background:var(--surface);border:1px solid #dadce0;border-radius:8px;padding:1.5rem;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}[data-theme=dark] .stats-card{border-color:#3c4043}.stats-card h3{border-bottom:1px solid #dadce0;margin:0 0 1.5rem;padding-bottom:1rem;font-size:1rem;font-weight:500}[data-theme=dark] .stats-card h3{border-color:#3c4043}.stat-row{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.stat-row:last-child{margin-bottom:0}.stat-icon{color:#5f6368;background:#f1f3f4;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}[data-theme=dark] .stat-icon{color:#e8eaed;background:#3c4043}.stat-details{flex-direction:column;display:flex}.stat-num{color:inherit;font-size:1.25rem;font-weight:400;line-height:1}.stat-label{color:#5f6368;margin-top:.3rem;font-size:.8rem;font-weight:500}[data-theme=dark] .stat-label{color:#9aa0a6}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr;gap:1.5rem}.dashboard-sidebar{order:-1}}@media (width<=768px){.student-dashboard{padding:1.5rem 1rem 5rem}.dashboard-header{margin-bottom:1.5rem}.dashboard-header h1{font-size:1.5rem}.scroll-item{min-width:240px}}.pw-batch-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;cursor:default;background:#00000080;position:fixed;inset:0}.pw-batch-drawer{background:var(--surface);z-index:1001;flex-direction:column;width:400px;max-width:100%;animation:.3s cubic-bezier(.16,1,.3,1) slideInRight;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-10px 0 30px #00000026}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.pw-batch-drawer{width:100%;max-height:85vh;padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;animation:.35s cubic-bezier(.16,1,.3,1) slideUpMobile;inset:auto 0 0}}.pw-batch-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.pw-batch-search{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.pw-batch-search input{border:1px solid var(--border);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s}.pw-batch-search input:focus{border-color:var(--primary)}.pw-batch-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.pw-batch-footer{border-top:1px solid var(--border);padding:1.5rem}@media (width<=768px){.pw-banner{flex-direction:column;gap:1.5rem;align-items:flex-start!important;padding:1.5rem!important}.pw-banner-title{font-size:1.5rem!important}.pw-banner-btn{width:100%!important;padding:.8rem!important}.progress-list{grid-template-columns:1fr!important}}.pw-card{background:var(--surface);border:1px solid #dadce0;border-radius:12px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 3px #0000000d}.pw-card:hover{border-color:#1a73e8;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.pw-quick-link-card{background:var(--surface);cursor:pointer;justify-content:space-between;align-items:center;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d;border:1px solid #dadce0!important;border-radius:12px!important;padding:1.25rem!important}.pw-quick-link-card:hover{transform:translateY(-2px);background-color:#f8f9fa!important;border-color:#1a73e8!important}@media (width<=768px){.student-dashboard{padding:.75rem 1rem 4.5rem}.pw-card{padding:1rem!important}.pw-quick-link-card{padding:.85rem!important}}.schedule-item-card-pw{cursor:pointer;text-align:left;background:#fff;border:1px solid #eef2f6;border-radius:8px;transition:all .15s;overflow:hidden}.schedule-item-card-pw:hover{background-color:#fbfcfe;border-color:#cbd5e1}.card-top-info{background:#f8fafc;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:6px 16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.notes-modal-overlay{z-index:9998;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notes-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:420px;margin:1rem;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a}.notes-modal-header{text-align:left;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;padding:16px 20px;display:flex}.notes-modal-tag{text-transform:uppercase;color:#94a3b8;margin-bottom:4px;font-size:.68rem;font-weight:700}.notes-modal-title{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.notes-modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px}.notes-modal-body{padding:20px}.resource-item{color:#334155;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;align-items:center;gap:12px;margin-bottom:10px;padding:14px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.resource-item:hover{background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-1px)}.resource-item.dpp{color:#7c3aed;background:#f5f3ff;border-color:#ede9fe}.open-lesson-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:12px;font-weight:700;display:flex}.notes-empty-state{text-align:center;flex-direction:column;align-items:center;padding:20px 0;display:flex}.notes-upcoming-date{color:#94a3b8;margin-top:8px;font-size:.75rem}@media (width<=768px){.schedule-item-card-pw{border-radius:12px}}@media (width>=769px){.mobile-back-btn{display:none!important}}.pw-popup-overlay{z-index:9999;background-color:var(--pm-overlay);-webkit-backdrop-filter:blur(8px);justify-content:center;align-items:flex-end;animation:.25s forwards pm-fade-in;display:flex;position:fixed;inset:0}@media (width>=640px){.pw-popup-overlay{align-items:center;padding:1.25rem}}.pw-popup-content{background-color:var(--pm-bg);width:100%;max-height:90vh;box-shadow:var(--pm-shadow);border:1px solid var(--pm-border);will-change:transform;border-radius:24px 24px 0 0;flex-direction:column;display:flex;overflow:hidden}@media (width>=640px){.pw-popup-content{border-radius:24px;width:32rem;max-height:85vh}}.slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards pm-bottom-sheet}@media (width>=640px){.slide-up{animation:.3s cubic-bezier(.16,1,.3,1) forwards pm-slide-up}}.pw-popup-drag-handle-wrap{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;padding:.75rem 0 .5rem;display:flex}.pw-popup-drag-handle{background-color:#cbd5e1;border-radius:9999px;width:36px;height:5px}@media (width>=640px){.pw-popup-drag-handle-wrap{display:none}}.pw-popup-header{aspect-ratio:16/9;background-color:var(--pm-border);flex-shrink:0;width:100%;position:relative}.pw-popup-image{object-fit:cover;width:100%;height:100%}.pw-popup-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000073;border:none;border-radius:9999px;padding:.5rem;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.pw-popup-close:hover{background-color:#000000a6}.pw-popup-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.pw-popup-tag{color:#475569;text-transform:uppercase;letter-spacing:.05em;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;padding:.25rem .6rem;font-size:.65rem;font-weight:700;line-height:1.2}[data-theme=dark] .pw-popup-tag{color:#94a3b8;background-color:#1e293b;border-color:#334155}.pw-popup-body{flex-grow:1;padding:1.5rem;overflow-y:auto}.pw-popup-meta{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.pw-popup-language{color:var(--pm-text-sub);font-size:.7rem;font-weight:600}.pw-popup-status{text-transform:uppercase;letter-spacing:.05em;border:1px solid;border-radius:4px;padding:.25rem .65rem;font-size:.65rem;font-weight:700}.pw-popup-status.ongoing{color:#ef4444;background-color:#0000}.pw-popup-status.upcoming{color:var(--pm-accent);background-color:#0000}.pw-popup-title{color:var(--pm-text);letter-spacing:-.02em;margin:.85rem 0 1rem;font-size:1.35rem;font-weight:800;line-height:1.25}.pw-popup-info-box{background-color:var(--pm-border);border-radius:16px;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.pw-popup-info-row{color:var(--pm-text);align-items:center;gap:.85rem;font-size:.95rem;font-weight:500;display:flex}.icon-purple{color:#a855f7}.pw-popup-features-section h3{color:var(--pm-text);margin-bottom:.75rem;font-size:1.1rem;font-weight:800}.pw-popup-features-section p{color:var(--pm-text-sub);margin-bottom:1.25rem;font-size:.95rem;font-weight:500;line-height:1.6}.pw-popup-features-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.pw-popup-features-list li{color:var(--pm-text);align-items:flex-start;gap:.75rem;font-size:.95rem;font-weight:600;display:flex}.icon-check{color:#22c55e;flex-shrink:0;margin-top:.2rem}.pw-popup-footer{background-color:var(--pm-bg);border-top:1px solid var(--pm-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.25rem 1.75rem;display:flex}.pw-popup-current-price{color:var(--pm-text);letter-spacing:-.04em;font-size:2rem;font-weight:900}.pw-popup-original-price{color:var(--pm-text-sub);margin-left:.5rem;font-size:1rem;text-decoration:line-through}.pw-popup-free-text{color:#059669;font-size:2rem;font-weight:900}.pw-popup-action-btn{background-color:var(--pm-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.pw-popup-action-btn:hover{filter:brightness(1.1)}.pw-popup-action-btn:active{transform:scale(.98)}.home-page{color:#202124;max-width:1200px;margin:0 auto;padding:0 1.5rem 4rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}[data-theme=dark] .home-page{color:#e8eaed}.hero-section{text-align:center;color:inherit;background:0 0;border-bottom:1px solid #dadce0;margin-bottom:2rem;padding:6rem 1.5rem 5rem;position:relative;overflow:hidden}[data-theme=dark] .hero-section{border-color:#3c4043}.hero-section h1{letter-spacing:-.04em;color:#111827;margin:0 0 1rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1.1}[data-theme=dark] .hero-section h1{color:#f9fafb}.hero-section p{color:#5f6368;max-width:650px;margin:0 auto 2.5rem;font-size:clamp(1.1rem,2.5vw,1.25rem);line-height:1.6}[data-theme=dark] .hero-section p{color:#9aa0a6}.hero-cta-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-cta-primary{color:#fff;background:#1a73e8;border-radius:4px;padding:.875rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s,box-shadow .2s;box-shadow:0 1px 2px #3c40434d}[data-theme=dark] .hero-cta-primary{color:#202124;background:#8ab4f8}.hero-cta-primary:hover{background:#1765cc;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}[data-theme=dark] .hero-cta-primary:hover{background:#aecbfa}.hero-cta-secondary{color:#1a73e8;background:0 0;border:1px solid #dadce0;border-radius:4px;padding:.875rem 2rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .2s}[data-theme=dark] .hero-cta-secondary{color:#8ab4f8;border-color:#5f6368}.hero-cta-secondary:hover{background:#1a73e80a}[data-theme=dark] .hero-cta-secondary:hover{background:#8ab4f80a}.courses-section{padding-top:2rem}.courses-section h2{color:inherit;margin-bottom:2rem;font-size:1.5rem;font-weight:500}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.loading,.empty-state{text-align:center;color:#5f6368;background-color:var(--surface);border:1px solid #dadce0;border-radius:8px;padding:4rem;font-weight:500}[data-theme=dark] .loading,[data-theme=dark] .empty-state{color:#9aa0a6;border-color:#3c4043}@media (width<=768px){.home-page{padding:0 1rem 4rem}.hero-section{padding:4rem 1rem 3rem}.hero-cta-group{flex-direction:column;align-items:center}.hero-cta-primary,.hero-cta-secondary{text-align:center;width:100%;max-width:320px}.courses-grid{grid-template-columns:1fr;gap:1.5rem}}.pw-chat-container{color:#f1f5f9;background:0 0;flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.pw-chat-messages{flex-direction:column;flex-grow:1;gap:1.25rem;padding:1rem 1.25rem;display:flex;overflow-y:auto}.pw-chat-messages::-webkit-scrollbar{width:5px}.pw-chat-messages::-webkit-scrollbar-track{background:0 0}.pw-chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff26;border-radius:10px}.pw-chat-messages::-webkit-scrollbar-thumb:hover{background-color:#ffffff40}.pw-chat-empty,.pw-chat-loading,.pw-chat-login-req{text-align:center;color:#64748b;border-radius:6px;width:80%;margin:auto;padding:2rem 1rem;font-size:.85rem;font-weight:500}.pw-comment-msg{align-items:flex-start;gap:12px;width:100%;display:flex}.pw-comment-avatar img{object-fit:cover;border:1px solid #ffffff0d;border-radius:50%;width:26px;height:26px}.pw-comment-body{flex-direction:column;flex-grow:1;gap:2px;min-width:0;display:flex}.pw-comment-header{align-items:center;gap:6px;margin-bottom:2px;line-height:1;display:flex}.pw-comment-name{color:#f8fafc;letter-spacing:-.01em;font-size:.85rem;font-weight:600}.pw-comment-time{color:#64748b;font-size:.7rem;font-weight:400}.pw-comment-text{color:#cbd5e1;word-wrap:break-word;margin-bottom:4px;font-size:.85rem;font-weight:400;line-height:1.4}.pw-chat-input-wrapper{background:0 0;border-top:1px solid #ffffff0d;padding:1rem 1.25rem}.pw-chat-form{width:100%}.pw-chat-input-container{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;align-items:center;padding:4px 6px 4px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:inset 0 2px 4px #00000026}.pw-chat-input-container:focus-within{background:#ffffff14;border-color:#6366f180;box-shadow:0 0 0 2px #6366f126,inset 0 2px 4px #0003}.pw-chat-input-container.pw-typing{border-color:#ffffff1f}.pw-chat-input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 0;font-size:.88rem;font-weight:500}.pw-chat-input::placeholder{color:#64748b;font-weight:400}.pw-chat-actions{align-items:center;gap:12px;display:flex}.pw-char-count{color:#64748b;letter-spacing:.05em;font-variant-numeric:tabular-nums;font-size:.65rem;font-weight:600;transition:color .2s}.pw-limit{color:#ef4444}.pw-chat-send{color:#94a3b8;cursor:not-allowed;background:#334155;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.pw-chat-send:not(:disabled){color:#fff;cursor:pointer;background:#4f46e5;box-shadow:0 2px 10px #4f46e559}.pw-chat-send:not(:disabled):hover{background:#4338ca;transform:translateY(-1px)scale(1.05);box-shadow:0 4px 14px #4f46e580}.pw-fs-panel-body .pw-chat-input-wrapper{background:0 0}.pw-player-wrapper{-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;font-family:Inter,system-ui,sans-serif;display:block;position:relative;overflow:hidden}.pw-hide-cursor{cursor:none}.pw-video-el{object-fit:contain;background:#000;width:100%;height:100%;display:block}.pw-video-error{color:#6b7280;text-align:center;background:#0a0a0a;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex;position:absolute;inset:0}.pw-video-error p{margin:0;font-size:1rem;font-weight:500}.pw-tap-flash{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:10;background:#ffffff26;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:76px;height:76px;animation:.6s ease-out forwards pw-flash;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pw-tap-left{left:8%}.pw-tap-right{right:8%}.pw-tap-flash span{letter-spacing:.05em;font-size:.6rem;font-weight:700}@keyframes pw-flash{0%{opacity:1;transform:translateY(-50%)scale(1.1)}to{opacity:0;transform:translateY(-50%)scale(.95)}}.pw-center-play{z-index:10;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pw-center-play-btn,.pw-center-pause-btn{pointer-events:all;cursor:pointer;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:76px;height:52px;transition:background .2s,transform .15s;display:flex}.pw-center-play-btn svg,.pw-center-pause-btn svg{display:none}.pw-center-play-btn:hover,.pw-center-pause-btn:hover{background:#dc2626e6;transform:scale(1.05)}.pw-overlay-controls{z-index:20;opacity:0;pointer-events:none;flex-direction:column;justify-content:space-between;transition:opacity .25s;display:flex;position:absolute;inset:0}.pw-overlay-visible{opacity:1;pointer-events:all}.pw-top-bar{background:linear-gradient(#000000bf 0%,#0000 100%);justify-content:space-between;align-items:center;padding:14px 20px 50px;display:flex}.pw-top-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.pw-top-right{align-items:center;gap:4px;display:flex}.pw-top-btn{color:#ffffffe6;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:flex}.pw-top-btn:hover{color:#fff;background:#ffffff1f}.pw-top-btn-active{color:#fbbf24!important}.pw-top-title{color:#ffffffd9;white-space:nowrap;text-overflow:ellipsis;max-width:400px;font-size:.85rem;font-weight:500;overflow:hidden}.pw-bottom-section{background:linear-gradient(#0000 0%,#0009 40%,#000000e0 100%);flex-direction:column;padding-top:40px;display:flex}.pw-progress-section{align-items:center;gap:10px;padding:0 20px 6px;display:flex}.pw-time-left,.pw-time-right{color:#ffffffe0;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;min-width:38px;font-size:.75rem;font-weight:500}.pw-time-right{text-align:right}.pw-progress-bar-wrap{flex:1}.pw-progress-track{cursor:pointer;background:#ffffff40;border-radius:3px;height:3px;transition:height .15s;position:relative}.pw-progress-track:hover{height:5px}.pw-progress-buffered{pointer-events:none;background:#ffffff4d;border-radius:3px;height:100%;position:absolute;top:0;left:0}.pw-progress-played{pointer-events:none;background:#5c67f2;border-radius:3px;height:100%;position:absolute;top:0;left:0}.pw-progress-input{opacity:0;cursor:pointer;appearance:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.pw-progress-thumb{pointer-events:none;opacity:0;background:#fff;border-radius:50%;width:13px;height:13px;transition:opacity .15s;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #00000080}.pw-progress-track:hover .pw-progress-thumb{opacity:1}.pw-bottom-row{background:linear-gradient(#0000 0%,#000000e0 100%);justify-content:space-between;align-items:center;padding:6px 16px 14px;display:flex}.pw-bottom-left,.pw-bottom-right{align-items:center;gap:2px;display:flex}.pw-ctrl-btn{color:#ffffffe0;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 9px;transition:color .15s,background .15s;display:flex;position:relative}.pw-ctrl-btn:hover{color:#fff;background:#ffffff1a}.pw-ctrl-active{color:#fff!important}.pw-play-btn{padding:6px 10px}.pw-speed-badge{letter-spacing:.02em;color:#fff;background:#ffffff1f;border-radius:5px;min-width:38px;padding:4px 10px;font-size:.85rem;font-weight:700}.pw-speed-badge:hover{background:#fff3}.pw-panel-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;transition:color .15s,background .15s;display:flex}.pw-panel-btn:hover{color:#fff;background:#ffffff14}.pw-panel-btn.pw-ctrl-active{color:#fff}.pw-panel-btn span{letter-spacing:.04em;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1}.pw-volume-group{align-items:center;display:flex;position:relative}.pw-vol-slider{align-items:center;width:0;transition:width .22s;display:flex;overflow:hidden}.pw-vol-visible{width:68px}.pw-volume-input{appearance:none;cursor:pointer;background:linear-gradient(to right, #ffffffe6 var(--vol,100%), #ffffff40 var(--vol,100%));border-radius:3px;width:68px;height:3px}.pw-volume-input::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 4px #0006}.pw-settings-panel{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1ceb;border:1px solid #ffffff0f;border-radius:10px;min-width:220px;padding:6px 0;position:absolute;top:60px;right:20px;overflow:hidden;box-shadow:0 10px 30px #00000080}.pw-settings-title{color:#ffffff80;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid #ffffff12;padding:10px 14px 8px;font-size:.75rem;font-weight:700}.pw-settings-back{cursor:pointer;color:#ffffffb3;text-transform:none;letter-spacing:0;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:flex}.pw-settings-back:hover{color:#fff}.pw-settings-row{color:#ffffffe6;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;font-size:.85rem;transition:background .15s;display:flex}.pw-settings-row:hover{background:#ffffff12}.pw-settings-value{color:#fff6;align-items:center;gap:2px;font-size:.8rem;display:flex}.pw-speed-active{color:#a5b4fc;font-weight:600}.pw-speed-active svg{color:#a5b4fc}.pw-quality-active{border-radius:6px;background:#5a4bda40!important}.pw-quality-active span{color:#fff;font-weight:500}.pw-quality-active svg{color:#a5b4fc}.pw-settings-row-radio{color:#ffffffd9;cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;margin:2px 8px;padding:10px 14px;font-size:.85rem;transition:background .15s;display:flex}.pw-settings-row-radio:hover{background:#ffffff14}:-webkit-any(:fullscreen .pw-player-wrapper,:-webkit-full-screen .pw-player-wrapper){width:100vw;height:100vh;aspect-ratio:unset}:is(:fullscreen .pw-player-wrapper,:fullscreen .pw-player-wrapper){width:100vw;height:100vh;aspect-ratio:unset}:-webkit-any(:fullscreen .pw-video-el,:-webkit-full-screen .pw-video-el){object-fit:contain;width:100%;height:100%}:is(:fullscreen .pw-video-el,:fullscreen .pw-video-el){object-fit:contain;width:100%;height:100%}@media (width<=640px){.pw-top-title{display:none}.pw-bottom-row{padding:2px 8px 8px}.pw-progress-section{padding:0 8px 4px}.pw-ctrl-btn{padding:5px}.pw-panel-btn{padding:3px 5px}.pw-panel-btn span{font-size:.55rem}}.pw-more-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:200;background:#16161cf7;border:1px solid #ffffff1a;border-radius:10px;min-width:140px;padding:6px 0;animation:.15s pw-fade-in;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 8px 32px #0000008c}.pw-more-item{color:#ffffffd9;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:0;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.88rem;transition:background .15s,color .15s;display:flex}.pw-more-item:hover{color:#fff;background:#ffffff17}.pw-rating-backdrop{z-index:300;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;animation:.18s pw-fade-in;display:flex;position:absolute;inset:0}.pw-rating-box{text-align:center;background:#1a1a20fa;border:1px solid #ffffff1f;border-radius:20px;flex-direction:column;align-items:center;gap:10px;min-width:320px;padding:38px 48px;animation:.2s cubic-bezier(.3,1.4,.6,1) pw-scale-in;display:flex;box-shadow:0 20px 80px #000000b3}.pw-rating-title{color:#fff;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.pw-rating-sub{color:#fff9;margin:0 0 16px;font-size:.88rem;line-height:1.4}.pw-stars-row{gap:8px;margin:6px 0 4px;display:flex}.pw-star-btn{cursor:pointer;color:#fff3;background:0 0;border:none;align-items:center;padding:4px;transition:color .15s,transform .1s;display:flex}.pw-star-btn.pw-star-active{color:#facc15}.pw-star-btn:hover{transform:scale(1.2)}.pw-star-labels{color:#fff6;justify-content:space-between;gap:8px;width:100%;padding:0 4px;font-size:.65rem;display:flex}.pw-rating-success{flex-direction:column;align-items:center;gap:10px;animation:.3s cubic-bezier(.3,1.4,.6,1) pw-scale-in;display:flex}.pw-rating-success-icon{color:#facc15;filter:drop-shadow(0 0 12px #facc1599);font-size:3rem;line-height:1;animation:.4s cubic-bezier(.3,1.4,.6,1) pw-star-pop}.pw-stars-static{pointer-events:none;gap:6px;display:flex}.pw-star-static{color:#ffffff26;font-size:1.4rem;transition:color .2s}.pw-star-static.pw-star-active{color:#facc15;filter:drop-shadow(0 0 4px #facc1580)}@keyframes pw-star-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@keyframes pw-scale-in{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pw-fade-in{0%{opacity:0}to{opacity:1}}.pw-fs-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:150;opacity:0;background:#0e0e14f5;border-left:1px solid #ffffff14;flex-direction:column;width:320px;height:100%;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .25s;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%)}.pw-fs-panel-open{opacity:1;transform:translate(0)}.pw-fs-panel-header{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pw-fs-panel-title{color:#fff;letter-spacing:.01em;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.pw-fs-panel-close{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .15s,background .15s;display:flex}.pw-fs-panel-close:hover{color:#fff;background:#ffffff1a}.pw-fs-panel-body{flex:1;padding-bottom:1rem;overflow-y:auto}.pw-fs-card{background:#ffffff0d;border:1px solid #ffffff17;border-radius:12px;flex-direction:column;gap:12px;margin:14px;padding:14px;display:flex}.pw-fs-card-info{align-items:flex-start;gap:12px;display:flex}.pw-fs-card-name{color:#fff;margin:0;font-size:.84rem;font-weight:600;line-height:1.3}.pw-fs-card-sub{color:#ffffff73;margin:4px 0 0;font-size:.73rem;line-height:1.4}.pw-fs-card-actions{gap:8px;display:flex}.pw-fs-btn-view{text-align:center;color:#fff;background:#4f46e5;border-radius:8px;flex:1;padding:8px;font-size:.82rem;font-weight:600;text-decoration:none;transition:background .15s}.pw-fs-btn-view:hover{background:#4338ca}.pw-fs-btn-dl{color:#fffc;background:#ffffff1a;border-radius:8px;align-items:center;padding:8px 12px;text-decoration:none;transition:background .15s;display:flex}.pw-fs-btn-dl:hover{background:#ffffff2e}.pw-fs-empty{text-align:center;color:#fff6;padding:2.5rem 1rem;font-size:.85rem}@media (width<=640px){.pw-fs-panel{border-top:1px solid #ffffff14;border-left:none;width:100%;height:55%;top:auto;bottom:0;transform:translateY(100%)}.pw-fs-panel-open{transform:translateY(0)}}.pw-fs-playlist{flex-direction:column;display:flex}.pw-fs-playlist-item{border-bottom:1px solid #ffffff0a;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .2s;display:flex}.pw-fs-playlist-item:hover{background:#ffffff0d}.pw-fs-item-active{background:#4f46e526}.pw-fs-item-index{color:#ffffff4d;min-width:18px;font-size:.75rem;font-weight:600}.pw-fs-item-info{flex:1;min-width:0}.pw-fs-item-title{color:#ffffffe6;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;font-weight:500;overflow:hidden}.pw-fs-item-meta{color:#fff6;margin:2px 0 0;font-size:.7rem}.pw-fs-item-play{color:#4f46e5}@media (width<=768px){.pw-controls-bottom{gap:8px;padding:10px 12px}.pw-panel-btn span{display:none}.pw-panel-btn{justify-content:center;min-width:40px;padding:8px}.pw-ctrl-btn svg,.pw-panel-btn svg{width:22px;height:22px}.pw-volume-group{display:none}.pw-time-display{font-size:.75rem}.pw-center-play-btn{width:60px;height:60px}.pw-more-menu{min-width:140px;bottom:60px;right:12px}.pw-settings-panel{width:200px;max-width:none;top:60px;left:auto;right:12px;transform:none}.pw-rating-box{width:95%;min-width:280px;padding:24px 20px}.pw-rating-title{font-size:1.1rem}.pw-rating-sub{font-size:.8rem}.pw-star-btn svg{width:28px;height:28px}.pw-star-labels{font-size:.55rem}}@media (width<=480px){.pw-controls-bottom{gap:3px;padding:6px 4px}.pw-panel-btn,.pw-ctrl-btn{min-width:32px;padding:6px 4px}.pw-time-display{font-size:.7rem}}@media (width<=768px){.pw-bottom-row{justify-content:center;gap:0;padding:2px 10px 10px}.pw-bottom-left{justify-content:center;gap:12px;width:100%}.pw-progress-section{padding:0 10px 4px}.pw-ctrl-btn{padding:5px 6px}.pw-ctrl-btn svg{width:20px!important;height:20px!important}.pw-panel-btn{min-width:30px;padding:5px 6px}.pw-panel-btn svg{width:20px!important;height:20px!important}.pw-speed-badge{min-width:30px;padding:3px 7px;font-size:.8rem}.pw-top-bar{padding:8px 12px 30px}.pw-top-btn{padding:6px}.pw-progress-track{height:4px}.pw-volume-group{display:none}.pw-speed-badge,.pw-hide-mob,.pw-bottom-right{display:none!important}.pw-fullscreen .pw-hide-mob,.pw-fullscreen .pw-bottom-right{display:flex!important}}@media (width>=769px) and (width<=1024px){.pw-hide-mob,.pw-bottom-right{display:none!important}.pw-fullscreen .pw-hide-mob,.pw-fullscreen .pw-bottom-right{display:flex!important}}.pw-fullscreen .pw-hide-mob,.pw-fullscreen .pw-speed-badge{display:flex!important}@media (width<=768px){.pw-fullscreen .pw-bottom-row{justify-content:space-between!important;padding:10px 16px 16px!important}.pw-fullscreen .pw-bottom-left{justify-content:flex-start!important;gap:4px!important;width:auto!important}.pw-fullscreen .pw-ctrl-btn svg,.pw-fullscreen .pw-panel-btn svg{width:24px!important;height:24px!important}}*,:before,:after{box-sizing:border-box}.pw-mob-content,.pw-mob-rating-backdrop{display:none}.pw-page{color:#e5e7eb;background:#000;height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;position:relative;overflow:hidden;padding-bottom:0!important}.pw-page-loading{color:#6b7280;background:#0a0a0a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,system-ui,sans-serif;font-size:1rem;font-weight:500;display:flex;padding-bottom:0!important}.pw-content-area{flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.pw-video-box{background:#000;flex:1;min-height:0;line-height:0;position:relative;overflow:hidden}.pw-locked{text-align:center;background:#111;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:2rem;display:flex;position:absolute;inset:0}.pw-locked svg{color:#6366f1;margin-bottom:.25rem}.pw-locked h2{color:#f9fafb;margin:0;font-size:1.4rem;font-weight:700}.pw-locked p{color:#9ca3af;margin:0 0 1.25rem}.pw-unlock-btn{color:#fff;background:#6366f1;border-radius:8px;padding:.65rem 1.75rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 18px #6366f159}.pw-unlock-btn:hover{background:#4f46e5;transform:translateY(-2px)}.pw-side-panel{background:#111;border-left:1px solid #1e1e1e;flex-direction:column;flex-shrink:0;width:0;min-height:calc(100vh - 60px);transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.pw-panel-visible{width:360px}@media (width<=1100px){.pw-panel-visible{width:320px}}.pw-panel-header{z-index:5;background:#111;border-bottom:1px solid #1e1e1e;flex-shrink:0;align-items:center;gap:.6rem;min-width:360px;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.pw-panel-header svg{color:#6366f1;flex-shrink:0}.pw-panel-header span{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:700;overflow:hidden}.pw-panel-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px;transition:background .15s,color .15s;display:flex}.pw-panel-close:hover{color:#e5e7eb;background:#ffffff14}.pw-panel-body{flex:1;min-width:360px;overflow-y:auto}.pw-panel-body::-webkit-scrollbar{width:4px}.pw-panel-body::-webkit-scrollbar-track{background:0 0}.pw-panel-body::-webkit-scrollbar-thumb{background:#2d2d2d;border-radius:4px}.pw-desc-panel{padding:1.25rem}.pw-panel-title{color:#f3f4f6;margin:0 0 .85rem;font-size:1rem;font-weight:700;line-height:1.4}.pw-panel-desc{color:#9ca3af;white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.75}.pw-notes-panel{padding:1.25rem}.pw-pdf-card{background:#161616;border:1px solid #1e1e1e;border-radius:12px;flex-direction:column;gap:1rem;padding:1.1rem;transition:border-color .2s;display:flex}.pw-pdf-card:hover{border-color:#2d2d4a}.pw-pdf-card-info{align-items:flex-start;gap:.85rem;display:flex}.pw-pdf-icon{color:#ef4444;background:#ef44441a;border-radius:8px;flex-shrink:0;padding:8px}.pw-pdf-name{color:#e5e7eb;margin:0 0 .2rem;font-size:.9rem;font-weight:600}.pw-pdf-sub{color:#6b7280;margin:0;font-size:.78rem}.pw-pdf-actions{gap:.6rem;display:flex}.pw-btn-view{color:#fff;text-align:center;background:#6366f1;border-radius:8px;flex:1;padding:.6rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .18s}.pw-btn-view:hover{background:#4f46e5}.pw-btn-dl{color:#9ca3af;background:#ffffff0a;border:1px solid #2a2a2a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .18s;display:flex}.pw-btn-dl:hover{color:#e5e7eb;background:#ffffff17}.pw-chapter-chips{border-bottom:1px solid #1a1a1a;flex-wrap:wrap;gap:.5rem;padding:1rem 1.25rem;display:flex}.pw-chip{color:#9ca3af;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.pw-chip:hover{color:#d1d5db;background:#222}.pw-chip-active{color:#a5b4fc;background:#6366f126;border-color:#6366f166;font-weight:600}.pw-playlist-list{margin:0;padding:0;list-style:none}.pw-pl-item{position:relative}.pw-pl-link{border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.85rem 1.25rem;text-decoration:none;transition:background .18s;display:flex}.pw-pl-link:hover{background:#ffffff0a}.pw-pl-item.pw-pl-active .pw-pl-link{background:#6366f114;border-left-color:#6366f1}.pw-pl-num{text-align:center;color:#4b5563;flex-shrink:0;width:22px;font-size:.8rem;font-weight:600}.pw-pl-item.pw-pl-active .pw-pl-num{color:#818cf8}.pw-pl-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.pw-pl-title{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.3;overflow:hidden}.pw-pl-item.pw-pl-active .pw-pl-title{color:#e5e7eb;font-weight:600}.pw-pl-type{color:#4b5563;text-transform:uppercase;letter-spacing:.07em;font-size:.65rem;font-weight:600}.pw-eq{flex-shrink:0;align-items:flex-end;gap:2px;height:14px;display:flex}.pw-eq-bar{background:#6366f1;border-radius:2px;width:3px;animation:1s ease-in-out infinite alternate pw-eqbar}.pw-eq-bar:first-child{height:55%;animation-delay:0s}.pw-eq-bar:nth-child(2){height:100%;animation-delay:.25s}.pw-eq-bar:nth-child(3){height:40%;animation-delay:.5s}@keyframes pw-eqbar{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}@media (width<=768px){.pw-page{flex-direction:column;height:100dvh;overflow:hidden}.pw-content-area{flex-direction:column;width:100%;height:auto;overflow:visible;flex:none!important}.pw-video-box{aspect-ratio:16/9;flex:none;width:100%;height:auto;max-height:56.25vw;overflow:hidden}.pw-side-panel{display:none!important}.pw-mob-content{background:#0a0a0a;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.pw-mob-info{background:#0d0d0d;flex-shrink:0;padding:14px 16px 0}.pw-mob-title{color:#f3f4f6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:.98rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.pw-mob-chapter{color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin:0 0 12px;font-size:.72rem;font-weight:600}.pw-mob-action-row{scrollbar-width:none;border-bottom:1px solid #1a1a1a;gap:8px;padding-bottom:12px;display:flex;overflow-x:auto}.pw-mob-action-row::-webkit-scrollbar{display:none}.pw-mob-act-btn{color:#9ca3af;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 14px;font-size:.75rem;font-weight:600;transition:all .18s;display:inline-flex}.pw-mob-act-btn:active{transform:scale(.96)}.pw-mob-act-active{color:#a5b4fc!important;background:#6366f126!important;border-color:#6366f173!important}.pw-mob-act-rated{color:#facc15!important;background:#facc151a!important;border-color:#facc1559!important}.pw-mob-tab-bar{z-index:10;background:#0d0d0d;border-bottom:1px solid #1a1a1a;flex-shrink:0;display:flex;position:sticky;top:0}.pw-mob-tab{color:#64748b;cursor:pointer;letter-spacing:.01em;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:11px 6px;font-size:.8rem;font-weight:600;transition:all .18s}.pw-mob-tab:active{background:#ffffff0a}.pw-mob-tab-active{color:#a5b4fc!important;border-bottom-color:#6366f1!important}.pw-mob-tab-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.pw-mob-tab-content::-webkit-scrollbar{width:3px}.pw-mob-tab-content::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.pw-mob-tab-chat{flex-direction:column;display:flex;overflow:hidden}.pw-mob-desc{padding:16px}.pw-mob-desc-text{color:#9ca3af;margin:0 0 20px;font-size:.875rem;line-height:1.75}.pw-mob-nav{align-items:center;gap:10px;display:flex}.pw-mob-nav-btn{color:#9ca3af;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:8px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .18s}.pw-mob-nav-next{color:#a5b4fc;background:#6366f11a;border-color:#6366f14d}.pw-mob-nav-count{color:#4b5563;text-align:center;flex:1;font-size:.78rem;font-weight:500}.pw-mob-resource{padding:16px}.pw-mob-empty{text-align:center;color:#6b7280;padding:2rem 1rem;font-size:.88rem}.pw-mob-up-next{background:#0d0d0d;border-top:1px solid #1a1a1a;flex-shrink:0;align-items:center;gap:10px;padding:10px 14px;display:flex}.pw-mob-up-next-label{text-transform:uppercase;letter-spacing:.1em;color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:.65rem;font-weight:700}.pw-mob-up-next-link{background:#6366f11a;border:1px solid #6366f133;border-radius:10px;flex:1;justify-content:space-between;align-items:center;gap:6px;min-width:0;padding:7px 12px;text-decoration:none;transition:background .18s;display:flex}.pw-mob-up-next-link:active{background:#6366f133}.pw-mob-up-next-title{color:#a5b4fc;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.pw-mob-up-next-link svg{color:#6366f1;flex-shrink:0}.pw-mob-rating-backdrop{z-index:9999;-webkit-backdrop-filter:blur(6px);background:#000000b8;align-items:flex-end;animation:.2s pw-mob-fade;display:flex;position:fixed;inset:0}@keyframes pw-mob-fade{0%{opacity:0}to{opacity:1}}.pw-mob-rating-box{background:#111;border-top:1px solid #2a2a2a;border-radius:22px 22px 0 0;width:100%;padding:6px 24px 40px;animation:.28s cubic-bezier(.4,0,.2,1) pw-mob-slide-up;box-shadow:0 -12px 40px #0009}@keyframes pw-mob-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pw-mob-rating-handle{background:#333;border-radius:2px;width:40px;height:4px;margin:10px auto 22px}.pw-mob-rating-section{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.pw-mob-rating-icon{color:#facc15;filter:drop-shadow(0 0 10px #facc1580);font-size:2.8rem;line-height:1}.pw-mob-rating-title{color:#f3f4f6;margin:0;font-size:1.2rem;font-weight:700}.pw-mob-rating-sub{color:#9ca3af;margin:0;font-size:.88rem}.pw-mob-rating-note{color:#4b5563;margin:4px 0 0;font-size:.72rem}.pw-mob-star-row{align-items:center;gap:8px;margin:6px 0;display:flex}.pw-mob-star-static{color:#ffffff26;font-size:1.8rem;transition:color .15s}.pw-mob-star-static.active{color:#facc15;filter:drop-shadow(0 0 4px #facc1566)}.pw-mob-star-btn{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:transform .15s;display:flex}.pw-mob-star-btn:active{transform:scale(1.2)}.pw-mob-star-labels{color:#4b5563;justify-content:space-between;gap:6px;width:100%;padding:0 4px;font-size:.62rem;display:flex}}.admin-login-page{background-color:var(--bg-color);justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:2rem;display:flex}.login-card{background-color:var(--surface);border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-icon{background-color:var(--bg-color);width:64px;height:64px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.login-header h2{margin:0 0 .5rem;font-size:1.5rem}.login-header p{color:var(--text-muted);margin:0}.login-error{color:#b91c1c;border-radius:calc(var(--radius) / 2);background-color:#fee2e2;border:1px solid #f87171;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem}[data-theme=dark] .login-error{color:#fecaca;background-color:#7f1d1d;border-color:#991b1b}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group label{font-size:.875rem;font-weight:500}.form-group input{border:1px solid var(--border);border-radius:calc(var(--radius) / 2);background-color:var(--bg-color);color:var(--text-color);padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary);outline:none}.login-button{background-color:var(--primary);color:#fff;border-radius:calc(var(--radius) / 2);margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:background-color .2s}.login-button:hover{background-color:var(--primary-hover)}.login-button:disabled{opacity:.7;cursor:not-allowed}.admin-overview{animation:.4s ease-out fadeIn}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .stat-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0003}.stat-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.stat-icon.users{color:#3b82f6;background:#eff6ff}.stat-icon.courses{color:#ef4444;background:#fef2f2}.stat-icon.lessons{color:#22c55e;background:#f0fdf4}.stat-icon.trend{color:#d946ef;background:#fdf4ff}[data-theme=dark] .stat-icon.users{background:#3b82f626}[data-theme=dark] .stat-icon.courses{background:#ef444426}[data-theme=dark] .stat-icon.lessons{background:#22c55e26}[data-theme=dark] .stat-icon.trend{background:#d946ef26}.stat-content h3{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .25rem;font-size:.825rem;font-weight:700}[data-theme=dark] .stat-content h3{color:#94a3b8}.stat-value{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}[data-theme=dark] .stat-value{color:#f8fafc}.text-success{color:#16a34a}.overview-panel{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem}[data-theme=dark] .overview-panel{background:#1e293b;border-color:#334155}.overview-welcome{max-width:500px;margin:0 auto}.overview-welcome h2{color:#1e293b;margin-bottom:.75rem;font-size:1.5rem;font-weight:800}[data-theme=dark] .overview-welcome h2{color:#f8fafc}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hierarchy-container{background-color:#f9fafb;border-top:1px solid #e5e7eb;padding:1rem}.hierarchy-title{color:#374151;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.75rem;font-size:.875rem;font-weight:700}.hierarchy-list{flex-direction:column;gap:.5rem;display:flex}.hierarchy-item-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.hierarchy-item-btn{cursor:pointer;text-align:left;background-color:#0000;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem;font-family:inherit;transition:background-color .2s;display:flex}.hierarchy-item-btn:hover{background-color:#f9fafb}.hierarchy-item-content{align-items:center;gap:.5rem;display:flex}.icon-gray{color:#9ca3af}.icon-orange{color:#f97316}.icon-blue{color:#3b82f6}.icon-red{color:#ef4444}.icon-emerald{color:#10b981}.hierarchy-item-title{color:#1f2937;font-weight:600}.hierarchy-sublist-container{background-color:#f9fafb;border-top:1px solid #f3f4f6}.chapter-list{flex-direction:column;display:flex}.chapter-item{border-bottom:1px solid #f3f4f6}.chapter-item:last-child{border-bottom:none}.chapter-item-btn{cursor:pointer;text-align:left;background-color:#0000;border:none;justify-content:space-between;align-items:center;width:100%;padding:.75rem .75rem .75rem 2.5rem;font-family:inherit;transition:background-color .2s;display:flex}.chapter-item-btn:hover{background-color:#f3f4f6}.chapter-item-title{color:#374151;font-size:.875rem;font-weight:500}.chapter-content-box{background-color:#fff;border-top:1px solid #f3f4f6;padding:.5rem 0}.lesson-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.lesson-item{align-items:center;gap:.5rem;padding:.375rem .75rem .375rem 4rem;display:flex}.lesson-item:hover{background-color:#f9fafb}.lesson-title{color:#374151;font-size:.75rem;font-weight:500}.lesson-paid-badge{color:#854d0e;text-transform:uppercase;background-color:#fef08a;border-radius:.25rem;margin-left:auto;padding:.125rem .375rem;font-size:.5625rem;font-weight:700}.hierarchy-loading{color:#6b7280;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.hierarchy-empty{color:#9ca3af;padding:1rem;font-size:.875rem;font-style:italic}.chapter-loading{color:#6b7280;align-items:center;gap:.5rem;padding:.75rem .75rem .75rem 2.5rem;font-size:.75rem;display:flex}.chapter-empty{color:#9ca3af;padding:.75rem .75rem .75rem 2.5rem;font-size:.75rem;font-style:italic}.lesson-loading{color:#6b7280;padding:.5rem .5rem .5rem 4rem;font-size:.75rem}.lesson-empty{color:#9ca3af;padding:.5rem .5rem .5rem 4rem;font-size:.75rem;font-style:italic}.admin-crud-section{background-color:#fff;border:1px solid #e2e8f0;border-radius:1.25rem;padding:2rem;animation:.4s ease-out fadeIn;box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .admin-crud-section{background-color:#1e293b;border-color:#334155}.admin-crud-header{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.admin-crud-icon-bg{color:#3b82f6;background-color:#eff6ff;border-radius:1rem;padding:.75rem;display:flex}[data-theme=dark] .admin-crud-icon-bg{background-color:#3b82f626}.admin-crud-title{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}[data-theme=dark] .admin-crud-title{color:#fff}.admin-form-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (width>=768px){.admin-form-grid{grid-template-columns:repeat(2,1fr)}}.admin-form-full-width{grid-column:1/-1}.admin-input-field{color:#1e293b;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.75rem .85rem;font-family:inherit;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .admin-input-field{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.admin-input-field:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}[data-theme=dark] .admin-input-field:focus{background-color:#0f172a}.admin-textarea-field{resize:vertical;min-height:120px}.admin-paid-box{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:1rem;flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:.5rem;padding:1.25rem;display:flex}[data-theme=dark] .admin-paid-box{background-color:#0f172a;border-color:#334155}.admin-checkbox-label{cursor:pointer;color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.75rem;font-size:.75rem;font-weight:700;display:flex}[data-theme=dark] .admin-checkbox-label{color:#94a3b8}.admin-checkbox-input{cursor:pointer;accent-color:#3b82f6;width:1.25rem;height:1.25rem}.admin-form-actions{justify-content:flex-end;gap:1rem;margin-top:1rem;display:flex}.admin-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;overflow-x:auto}[data-theme=dark] .admin-table-container{background:#1e293b;border-color:#334155}.admin-courses-table{border-collapse:collapse;width:100%}.admin-courses-table thead tr{background-color:#f8fafc;border-bottom:2px solid #e2e8f0}[data-theme=dark] .admin-courses-table thead tr{background-color:#0f172a;border-color:#334155}.admin-courses-table th{text-transform:uppercase;color:#64748b;text-align:left;letter-spacing:.05em;padding:1rem;font-size:.75rem;font-weight:700}.admin-courses-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:1.2rem 1rem}[data-theme=dark] .admin-courses-table td{color:#f1f5f9;border-color:#334155}.admin-courses-table tbody tr:hover{background-color:#f8fafc}[data-theme=dark] .admin-courses-table tbody tr:hover{background-color:#ffffff05}.admin-table-btn{border-radius:.75rem;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.admin-table-btn.purple{color:#8b5cf6;background:#8b5cf61a}.admin-table-btn.purple:hover{color:#fff;background:#8b5cf6}.admin-table-btn.blue{color:#3b82f6;background:#3b82f61a}.admin-table-btn.blue:hover{color:#fff;background:#3b82f6}.admin-table-btn.red{color:#ef4444;background:#ef44441a}.admin-table-btn.red:hover{color:#fff;background:#ef4444}.admin-field-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:700;display:block}[data-theme=dark] .admin-field-label{color:#94a3b8}.admin-materials-container{padding:1.5rem;animation:.4s ease-out fadeIn}.admin-filter-section{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}[data-theme=dark] .admin-filter-section{background:#1e293b;border-color:#334155}.admin-search-box{flex:1;min-width:250px;position:relative}.admin-search-box input{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;width:100%;padding:.6rem .75rem .6rem 2.25rem;font-size:.9rem;transition:all .2s}[data-theme=dark] .admin-search-box input{color:#f1f5f9;background:#0f172a;border-color:#334155}.admin-search-box .search-icon{color:#9ca3af;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.admin-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172ab3;justify-content:center;align-items:center;padding:2rem;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.admin-modal-container{background:#fff;border-radius:1.5rem;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}[data-theme=dark] .admin-modal-container{background:#1e293b;border:1px solid #334155;box-shadow:0 25px 50px -12px #00000080}.admin-modal-header{background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex}[data-theme=dark] .admin-modal-header{background:#0f172a;border-color:#334155}.admin-modal-header h2{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:800}[data-theme=dark] .admin-modal-header h2{color:#f8fafc}.admin-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.admin-modal-close:hover{color:#ef4444;background:#fee2e2;border-color:#fca5a5;transform:rotate(90deg)}.admin-modal-content{padding:2.5rem;overflow-y:auto}.admin-form-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.form-full-width{grid-column:span 2}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.5rem;font-size:.85rem;font-weight:700;display:flex}[data-theme=dark] .form-label{color:#94a3b8}.admin-input-field,.admin-select-field,.admin-textarea-field{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;outline:none;width:100%;padding:.8rem 1rem;font-size:1rem;transition:all .2s}[data-theme=dark] .admin-input-field,[data-theme=dark] .admin-select-field,[data-theme=dark] .admin-textarea-field{color:#f8fafc;background:#0f172a;border-color:#334155}.admin-input-field:focus,.admin-select-field:focus,.admin-textarea-field:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.scope-selector{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:.25rem;display:grid}.scope-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;transition:all .2s;display:flex;position:relative}[data-theme=dark] .scope-card{background:#0f172a;border-color:#334155}.scope-card:hover{background:#f8fafc;border-color:#cbd5e1}.scope-card.active{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}[data-theme=dark] .scope-card.active{background:#3b82f61a;border-color:#3b82f6}.scope-card input{opacity:0;position:absolute}.scope-title{color:#1e293b;font-size:.9rem;font-weight:700}[data-theme=dark] .scope-title{color:#f8fafc}.scope-desc{color:#64748b;font-size:.75rem;line-height:1.2}.admin-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;padding:1.5rem 2.5rem;display:flex}[data-theme=dark] .admin-modal-footer{background:#0f172a;border-color:#334155}.btn-secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:700;transition:all .2s}.btn-secondary:hover{color:#1e293b;background:#f1f5f9}.btn-primary-large{color:#fff;background:#3b82f6;border:none;border-radius:.75rem;padding:.75rem 2rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #3b82f64d}.btn-primary-large:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-filter-group{align-items:center;gap:.5rem;display:flex}.admin-filter-group select{cursor:pointer;appearance:none;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E") right .5rem center/1.25rem no-repeat;border:1px solid #e5e7eb;border-radius:.5rem;padding:.6rem 2rem .6rem .75rem;font-size:.85rem}[data-theme=dark] .admin-filter-group select{color:#f1f5f9;background-color:#0f172a;border-color:#334155}.materials-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}[data-theme=dark] .materials-table-card{background:#1e293b;border-color:#334155}.materials-table{border-collapse:collapse;width:100%}.materials-table th{text-align:left;text-transform:uppercase;color:#64748b;background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1rem;font-size:.75rem;font-weight:600}[data-theme=dark] .materials-table th{color:#94a3b8;background:#0f172a;border-color:#334155}.materials-table td{border-bottom:1px solid #f1f5f9;padding:1rem;font-size:.875rem}[data-theme=dark] .materials-table td{border-color:#334155}.material-title-cell{align-items:center;gap:.75rem;display:flex}.material-icon-box{color:#3b82f6;background:#3b82f61a;border-radius:.75rem;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hierarchy-info{flex-direction:column;gap:2px;display:flex}.hierarchy-course{color:#111827;font-weight:500}[data-theme=dark] .hierarchy-course{color:#f8fafc}.hierarchy-subject{color:#6b7280;font-size:.75rem}.admin-modal-grid{grid-template-columns:1fr 1fr;gap:1.5rem 2rem;display:grid}@media (width<=640px){.admin-modal-grid{grid-template-columns:1fr}}.admin-form-group{margin-bottom:0}.admin-form-group label{color:#475569;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}[data-theme=dark] .admin-form-group label{color:#94a3b8}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;width:100%;padding:.75rem .85rem;font-size:.95rem;transition:all .2s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .admin-form-group input,[data-theme=dark] .admin-form-group select,[data-theme=dark] .admin-form-group textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.admin-form-group input:focus,.admin-form-group select:focus,.admin-form-group textarea:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}[data-theme=dark] .admin-form-group input:focus,[data-theme=dark] .admin-form-group select:focus,[data-theme=dark] .admin-form-group textarea:focus{background:#0f172a}.full-width{grid-column:1/-1}.scope-radio-group{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.75rem;gap:1.5rem;margin-top:.5rem;padding:.75rem 1rem;display:flex}[data-theme=dark] .scope-radio-group{background:#0f172a;border-color:#334155}.scope-radio-item{cursor:pointer;color:#64748b;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:color .2s;display:flex}.scope-radio-item:hover{color:#3b82f6}.scope-radio-item input[type=radio]{cursor:pointer;accent-color:#3b82f6;width:1.1rem;height:1.1rem;margin:0}.admin-feedback{z-index:10000;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s cubic-bezier(.4,0,.2,1) slideInUp;display:flex;position:fixed;bottom:2rem;right:2rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .admin-feedback{background:#1e293b;border-color:#334155}.admin-feedback.success{border-left:4px solid #22c55e}.admin-feedback.error{border-left:4px solid #ef4444}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-dashboard-container{background-color:#f8fafc;grid-template-columns:260px 1fr;width:100%;min-height:100vh;display:grid}[data-theme=dark] .admin-dashboard-container{background-color:#0f172a}.admin-sidebar{color:#1e293b;z-index:50;background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}[data-theme=dark] .admin-sidebar{color:#f1f5f9;background-color:#1e293b;border-color:#334155}.admin-brand{border-bottom:1px solid #f1f5f9;align-items:center;gap:.75rem;padding:1.5rem;display:flex}[data-theme=dark] .admin-brand{border-color:#334155}.admin-brand h2{color:#1e293b;letter-spacing:-.02em;margin:0;font-size:1.25rem;font-weight:800}[data-theme=dark] .admin-brand h2{color:#fff}.admin-nav{flex-direction:column;flex-grow:1;gap:.25rem;padding:1.25rem .75rem;display:flex}.admin-nav-item{color:#64748b;text-align:left;cursor:pointer;background-color:#0000;border:none;border-radius:.6rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}[data-theme=dark] .admin-nav-item{color:#94a3b8}.admin-nav-item:hover{color:#1e293b;background-color:#f1f5f9}[data-theme=dark] .admin-nav-item:hover{color:#f8fafc;background-color:#334155}.admin-nav-item.active{color:#fff;background-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.admin-sidebar-footer{border-top:1px solid #f1f5f9;padding:1.25rem}[data-theme=dark] .admin-sidebar-footer{border-color:#334155}.admin-main{flex-direction:column;height:100vh;display:flex;overflow-y:auto}.admin-top-bar{z-index:40;background:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}[data-theme=dark] .admin-top-bar{background:#1e293b;border-color:#334155}.admin-top-bar h1{color:#1e293b;margin:0;font-size:1.1rem;font-weight:700}[data-theme=dark] .admin-top-bar h1{color:#f8fafc}.admin-content-wrapper{flex:1;padding:1.5rem 2rem}.admin-crud-section h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600}.admin-form{background:var(--bg-color);border-radius:var(--radius);border:1px solid var(--border);flex-direction:column;gap:1rem;max-width:600px;padding:1.5rem;display:flex}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid var(--border);border-radius:calc(var(--radius) / 2);background-color:var(--surface);color:var(--text-color);padding:.75rem;font-family:inherit;font-size:.95rem}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{border-color:var(--primary);outline:none}.admin-table{border-collapse:collapse;text-align:left;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:1rem}.admin-table th{background-color:var(--bg-color);color:var(--text-muted);font-size:.875rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.actions-cell{text-align:center;width:60px}.btn-icon{cursor:pointer;border-radius:calc(var(--radius)/2);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:inline-flex}.btn-icon:hover{background-color:var(--bg-color)}.text-danger{color:#ef4444}.truncate{white-space:nowrap;text-overflow:ellipsis;max-width:150px;display:inline-block;overflow:hidden}.admin-submit-btn{border-radius:var(--radius);background-color:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #3b82f633}.admin-submit-btn:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 12px -2px #3b82f64d}.admin-submit-btn:active:not(:disabled){transform:scale(.98)}.admin-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}[data-theme=dark] .admin-submit-btn{color:#fff}.app-header{z-index:200;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;box-shadow:0 1px 8px #0000000f}.header-topbar{justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 2rem;display:flex}.logo{color:var(--primary);flex-shrink:0;align-items:center;gap:.5rem;text-decoration:none;display:flex}.logo-icon{color:var(--primary)}.logo-text{color:var(--text-color);letter-spacing:-.5px;font-size:1.2rem;font-weight:800}.header-desktop-auth{align-items:center;gap:.75rem;display:flex}.user-profile-btn{background:var(--bg-color);border:1px solid var(--border);color:var(--text-color);border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.user-profile-btn:hover{border-color:var(--primary);color:var(--primary)}@media (width>=901px){.mobile-only-logo{display:none!important}}@media (width<=900px){.mobile-hidden{display:none!important}}.mobile-menu-btn{color:var(--text-color);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--bg-color)}.mobile-sidebar-overlay{z-index:500;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.mobile-sidebar-overlay.open{pointer-events:all;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.mobile-sidebar{background:var(--surface);overscroll-behavior:contain;flex-direction:column;width:min(300px,85vw);transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-8px 0 30px #00000026}.mobile-sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.25rem 1rem;display:flex}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.sidebar-close-btn:hover{background:var(--bg-color);color:var(--text-color)}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-link{color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;gap:.875rem;padding:.875rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{background:var(--bg-color);color:var(--text-color)}.sidebar-link.active{color:var(--primary);background:#3b82f61a;font-weight:600}[data-theme=dark] .sidebar-link.active{background:#60a5fa26}.sidebar-footer{border-top:1px solid var(--border);padding:1rem 1.25rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex-shrink:0}.sidebar-signout-btn{border:1px solid var(--border);width:100%;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-signout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}[data-theme=dark] .sidebar-signout-btn:hover{color:#fca5a5;background:#dc262626;border-color:#dc2626}.sidebar-auth-btns{gap:.75rem;display:flex}@keyframes slideRight{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.header-desktop-auth,.pw-tabs-nav{display:none}.header-topbar{padding:.75rem 1rem}.app-container{padding-bottom:calc(64px + env(safe-area-inset-bottom))}}@media (width>=769px){.mobile-menu-btn,.mobile-sidebar-overlay{display:none!important}}:root{--profile-bg:#f1f5f9;--prime-card-bg:#fff;--pm-border:#e2e8f0;--pm-text:#0f172a;--pm-text-sub:#64748b;--pm-accent:#6366f1;--pm-accent-2:#8b5cf6;--pm-success:#10b981;--pm-danger:#ef4444;--prime-radius:18px;--prime-shadow:0 1px 3px #0000000a, 0 4px 16px #0000000f;--prime-shadow-hover:0 4px 8px #0000000f, 0 12px 32px #0000001a}[data-theme=dark]{--profile-bg:#0b0f1a;--prime-card-bg:#141824;--pm-border:#1e2535;--pm-text:#f1f5f9;--pm-text-sub:#89a;--pm-accent:#818cf8;--pm-accent-2:#a78bfa;--prime-shadow:0 1px 3px #0000004d, 0 4px 16px #0006;--prime-shadow-hover:0 4px 8px #0006, 0 12px 32px #00000080}.profile-page-root{background:var(--profile-bg);justify-content:center;min-height:100vh;padding:2rem 1.5rem;font-family:Inter,sans-serif;display:flex}.profile-app-container{flex-direction:column;gap:1.25rem;width:100%;max-width:820px;margin:0 auto;display:flex}@media (width<=1024px){.profile-page-root{padding:0}.profile-app-container{gap:0;max-width:100%}}.profile-desktop-flow{flex-direction:column;gap:1.25rem;display:flex}.profile-hero-card.flat{background:var(--prime-card-bg);border:1px solid var(--pm-border);border-radius:var(--prime-radius);box-shadow:var(--prime-shadow);align-items:center;gap:2.25rem;padding:2.25rem 2.5rem;display:flex;position:relative;overflow:hidden}.profile-hero-card.flat:before{content:"";background:linear-gradient(90deg, var(--pm-accent), var(--pm-accent-2), #ec4899);height:4px;position:absolute;top:0;left:0;right:0}.hero-avatar-upload{flex-shrink:0;width:110px;height:110px;position:relative}.hero-avatar-img{object-fit:cover;border:3px solid var(--pm-border);background:var(--profile-bg);border-radius:50%;width:100%;height:100%;display:block}.avatar-edit-icon{background:var(--pm-accent);color:#fff;border:2px solid var(--prime-card-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:transform .2s,box-shadow .2s;display:flex;position:absolute;bottom:2px;right:2px;box-shadow:0 2px 8px #6366f166}.avatar-edit-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #6366f180}.hero-text-section{flex-direction:column;flex:1;gap:.35rem;display:flex}.hero-name{color:var(--pm-text);letter-spacing:-.025em;margin:0;font-size:1.875rem;font-weight:800;line-height:1.2}.hero-sub{color:var(--pm-text-sub);margin:0 0 .75rem;font-size:.925rem;font-weight:500}.hero-badges,.badge-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.25rem;display:flex}.badge-prime{color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:100px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #d977064d}.badge-status{color:var(--pm-accent);letter-spacing:.04em;background:#6366f11a;border:1px solid #6366f133;border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:700}.prime-card{background:var(--prime-card-bg);border:1px solid var(--pm-border);border-radius:var(--prime-radius);box-shadow:var(--prime-shadow);transition:box-shadow .2s;overflow:hidden}.prime-card:hover{box-shadow:var(--prime-shadow-hover)}.prime-card-header{border-bottom:1px solid var(--pm-border);background:#6366f108;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;display:flex}.prime-card-header h3{color:var(--pm-text);letter-spacing:-.01em;margin:0;font-size:.975rem;font-weight:700}.prime-card-icon{color:var(--pm-accent);flex-shrink:0}.prime-card-icon.academics{color:#3b82f6}.prime-card-icon.location{color:#10b981}.prime-card-body{grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.75rem;display:grid}.prime-field{flex-direction:column;gap:.45rem;display:flex}.prime-field.full{grid-column:1/-1}.prime-field label{color:var(--pm-text-sub);text-transform:uppercase;letter-spacing:.06em;font-size:.775rem;font-weight:700}.prime-input-wrap{align-items:center;display:flex;position:relative}.p-input-icon{color:var(--pm-text-sub);pointer-events:none;opacity:.7;position:absolute;left:14px}.prime-input-wrap input{background:var(--profile-bg);border:1.5px solid var(--pm-border);height:46px;color:var(--pm-text);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:0 14px;font-family:Inter,sans-serif;font-size:.925rem;font-weight:500;transition:border-color .2s,box-shadow .2s,background .2s}.prime-input-wrap input:has(~.p-input-icon){padding-left:42px}.p-input-icon~input,.prime-input-wrap input.has-icon{padding-left:42px}.prime-input-wrap:has(.p-input-icon) input{padding-left:42px}.prime-input-wrap input:focus{border-color:var(--pm-accent);background:var(--prime-card-bg);box-shadow:0 0 0 3px #6366f11f}.prime-input-wrap input:disabled{opacity:.55;cursor:not-allowed;background:var(--pm-border)}.prime-field.disabled label{opacity:.6}.prime-select-wrap{position:relative}.prime-select-wrap select{background:var(--profile-bg);border:1.5px solid var(--pm-border);height:46px;color:var(--pm-text);box-sizing:border-box;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:10px;outline:none;width:100%;padding:0 38px 0 14px;font-family:Inter,sans-serif;font-size:.925rem;font-weight:500;transition:border-color .2s,box-shadow .2s}.prime-select-wrap select:focus{border-color:var(--pm-accent);box-shadow:0 0 0 3px #6366f11f}.prime-form-footer{justify-content:flex-end;margin-top:.5rem;padding:0 .25rem;display:flex}.prime-form-footer.mobile-fixed{bottom:calc(58px + env(safe-area-inset-bottom));background:var(--prime-card-bg);border-top:1px solid var(--pm-border);z-index:300;box-shadow:none;margin:0;padding:.875rem 1rem;position:fixed;left:0;right:0}.prime-save-btn{background:var(--pm-accent);color:#fff;cursor:pointer;box-shadow:none;letter-spacing:.01em;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:.8rem 2.25rem;font-family:Inter,sans-serif;font-size:.925rem;font-weight:700;transition:opacity .2s;display:inline-flex}.prime-save-btn:hover:not(:disabled){opacity:.9}.prime-save-btn:active:not(:disabled){opacity:.8}.prime-save-btn:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.mobile-fixed .prime-save-btn{width:100%}.prime-alert{border:1px solid #0000;border-radius:10px;padding:.875rem 1.25rem;font-size:.875rem;font-weight:600;animation:.3s slideDown}.prime-alert.m-box{margin:.75rem 1rem 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.alert-success{color:#059669;background:#10b98114;border-color:#10b98140}.alert-error{color:#dc2626;background:#ef444414;border-color:#ef444440}.profile-mobile-flow{background:var(--profile-bg);width:100%;min-height:100vh;padding-bottom:6rem}.hub-app-header{z-index:200;background:var(--prime-card-bg);border-bottom:1px solid var(--pm-border);box-shadow:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex;position:sticky;top:0}.hub-app-title{color:var(--pm-text);letter-spacing:-.025em;margin:0;font-size:1.35rem;font-weight:800}.hub-settings-btn{background:var(--profile-bg);border:1px solid var(--pm-border);color:var(--pm-text);border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.hub-settings-btn:hover{background:var(--pm-border)}.hub-hero-lite{background:var(--prime-card-bg);text-align:center;border-bottom:1px solid var(--pm-border);box-shadow:none;flex-direction:column;align-items:center;gap:.3rem;padding:1.75rem 1.25rem 1.5rem;display:flex}.hub-avatar-large{width:88px;height:88px;margin-bottom:.75rem;position:relative}.hub-avatar-large img{object-fit:cover;border:3px solid var(--pm-border);border-radius:50%;width:100%;height:100%;display:block}.avatar-mini-edit{background:var(--pm-accent);color:#fff;border:2px solid var(--prime-card-bg);width:28px;height:28px;box-shadow:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-mini-edit:hover{transform:scale(1.1)}.hub-display-name{color:var(--pm-text);letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.hub-display-email{color:var(--pm-text-sub);margin:0;font-size:.825rem}.badge-row{justify-content:center;margin-top:.6rem}.prime-nav-hub-list{background:var(--prime-card-bg);border:1px solid var(--pm-border);box-shadow:none;border-radius:16px;margin:1rem;overflow:hidden}.hub-section-label{text-transform:uppercase;color:var(--pm-text-sub);letter-spacing:.08em;background:var(--profile-bg);border-bottom:1px solid var(--pm-border);padding:1rem 1.25rem .5rem;font-size:.7rem;font-weight:800}.hub-nav-tile{border:none;border-bottom:1px solid var(--pm-border);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;transition:background .15s;display:flex}.hub-nav-tile:last-child{border-bottom:none}.hub-nav-tile:active,.hub-nav-tile:hover{background:var(--profile-bg)}.hub-tile-icon-wrap{width:42px;height:42px;color:var(--pm-accent);background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.hub-nav-tile:hover .hub-tile-icon-wrap{transform:scale(1.05)}.hub-tile-icon-wrap.courses{color:#ef4444;background:#ef44441a}.hub-tile-icon-wrap.settings{color:#64748b;background:#64748b1a}.hub-tile-icon-wrap.academics{color:#3b82f6;background:#3b82f61a}.hub-tile-icon-wrap.location{color:#10b981;background:#10b9811a}.hub-tile-text{flex-direction:column;flex:1;gap:1px;display:flex}.hub-tile-text span{color:var(--pm-text);font-size:.95rem;font-weight:600}.hub-tile-text small{color:var(--pm-text-sub);font-size:.77rem;line-height:1.4}.tile-arrow-grey{color:var(--pm-text-sub);opacity:.45;flex-shrink:0}.mobile-sub-menu-view{animation:.22s fadeSlideIn}.sub-menu-intro{padding:1.25rem 1.25rem .25rem}.sub-menu-intro p{color:var(--pm-text-sub);margin:0;font-size:.85rem;line-height:1.6}.mobile-editor-view{padding:1.25rem 1rem;padding-bottom:calc(58px + 70px + env(safe-area-inset-bottom) + 1.5rem);animation:.22s fadeSlideIn}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.prime-card.no-border{box-shadow:none;background:0 0;border:none}.prime-card.no-border .prime-card-body{grid-template-columns:1fr;gap:1.25rem;padding:0}.mobile-editor-view .prime-field{gap:.5rem}.mobile-editor-view .prime-field label{color:var(--pm-text-sub);text-transform:uppercase;letter-spacing:.06em;padding-left:2px;font-size:.75rem;font-weight:700}.mobile-editor-view .prime-input-wrap input{background:var(--prime-card-bg);border:1.5px solid var(--pm-border);height:50px;color:var(--pm-text);box-sizing:border-box;border-radius:12px;outline:none;width:100%;padding:0 1rem;font-size:.95rem;font-weight:500}.mobile-editor-view .prime-select-wrap select{background:var(--prime-card-bg);border:1.5px solid var(--pm-border);height:50px;color:var(--pm-text);box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:12px;outline:none;width:100%;padding:0 2.5rem 0 1rem;font-size:.95rem;font-weight:500}.mobile-editor-view .prime-input-wrap input:focus,.mobile-editor-view .prime-select-wrap select:focus{border-color:var(--pm-accent);box-shadow:0 0 0 2px #6366f11a}.mobile-editor-view .prime-input-wrap input:disabled{background:var(--profile-bg);opacity:.6;color:var(--pm-text-sub)}.profile-app-header{background:var(--prime-card-bg);border-bottom:1px solid var(--pm-border);z-index:200;align-items:center;gap:.25rem;height:58px;padding:0 .5rem;display:flex;position:sticky;top:0}@media (width>=1025px){.profile-app-header{display:none}}.app-back-btn{color:var(--pm-text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:background .15s;display:flex}.app-back-btn:hover{background:var(--profile-bg)}.app-header-title{color:var(--pm-text);letter-spacing:-.015em;margin:0;font-size:1.1rem;font-weight:700}.profile-hub-aside{background:var(--prime-card-bg);border:1px solid var(--pm-border);border-radius:var(--prime-radius);box-shadow:var(--prime-shadow);flex-direction:column;gap:1.25rem;padding:1.5rem 0;display:flex;position:sticky;top:6rem}.hub-header{text-align:center;flex-direction:column;align-items:center;padding:0 1.5rem;display:flex}.hub-avatar-wrap{width:76px;height:76px;margin-bottom:.75rem}.hub-avatar{object-fit:cover;border:2px solid var(--pm-border);border-radius:50%;width:100%;height:100%}.hub-info{flex-direction:column;gap:.2rem;display:flex}.hub-name{color:var(--pm-text);margin:0;font-size:1.1rem;font-weight:700}.hub-email{color:var(--pm-text-sub);margin:0;font-size:.8rem}.hub-quick-stats{justify-content:center;gap:.75rem;padding:0 1.25rem;display:flex}.hub-stat-card{background:var(--profile-bg);border:1px solid var(--pm-border);text-align:center;border-radius:10px;flex:1;padding:.75rem}.hub-stat-num{color:var(--pm-accent);font-size:1.35rem;font-weight:800;display:block}.hub-stat-label{text-transform:uppercase;color:var(--pm-text-sub);letter-spacing:.05em;margin-top:2px;font-size:.68rem;font-weight:700;display:block}.hub-nav{border-top:1px solid var(--pm-border);flex-direction:column;margin-top:.25rem;display:flex}.hub-nav-item{color:var(--pm-text);border-left:3px solid #0000;align-items:center;gap:.875rem;padding:.925rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.hub-nav-item:hover{background:var(--profile-bg)}.hub-nav-item.active{color:var(--pm-accent);border-left-color:var(--pm-accent);background:#6366f114}.hub-nav-item .tile-arrow{opacity:.35;margin-left:auto}.hub-footer-note-flat{border-top:1px solid var(--pm-border);color:var(--pm-text-sub);justify-content:center;align-items:center;gap:.5rem;margin-top:auto;padding:.875rem 1.5rem 0;font-size:.78rem;font-weight:600;display:flex}.skeleton-aside{background:var(--prime-card-bg);border:1px solid var(--pm-border);border-radius:var(--prime-radius);min-height:400px;animation:1.5s ease-in-out infinite pulse}.mobile-hub-view{animation:.2s fadeSlideIn}@media (width<=1024px){.prime-card,.prime-card:hover,.profile-hub-aside,.prime-nav-hub-list,.hub-app-header,.hub-hero-lite,.profile-app-header,.prime-form-footer.mobile-fixed,.avatar-mini-edit,.avatar-edit-icon,.hub-settings-btn,.badge-prime{box-shadow:none!important}.prime-card{border-radius:14px}.prime-card:hover{box-shadow:none!important}.hub-tile-icon-wrap{border-radius:10px}.hub-nav-tile:hover .hub-tile-icon-wrap{transform:none}.prime-save-btn{background:var(--pm-accent);box-shadow:none;border-radius:10px}}@media (width<=600px){.prime-card-body{grid-template-columns:1fr;gap:1rem;padding:1.25rem}.profile-hero-card.flat{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 1.5rem}.hero-name{font-size:1.5rem}.hero-badges{justify-content:center}}.settings-page{flex-direction:column;gap:1.25rem;max-width:720px;margin:0 auto;padding:1.5rem 0;display:flex}.settings-card{background:var(--prime-card-bg,#fff);border:1px solid var(--pm-border,#e2e8f0);border-radius:16px;overflow:hidden}.settings-card-danger{border-color:#ef44444d}.settings-card-header{border-bottom:1px solid var(--pm-border,#e2e8f0);padding:1.25rem 1.5rem}.settings-card-title{color:var(--pm-text,#0f172a);letter-spacing:-.01em;margin:0 0 .25rem;font-size:.95rem;font-weight:700}.settings-card-desc{color:var(--pm-text-sub,#64748b);margin:0;font-size:.8rem;font-weight:500}.settings-card-body{padding:.25rem 0}.settings-row{border-bottom:1px solid var(--pm-border,#e2e8f0);align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background .15s;display:flex}.settings-row:last-child{border-bottom:none}.settings-row:hover{background:#6366f108}.settings-row-icon{background:var(--pm-border,#e2e8f0);width:32px;height:32px;color:var(--pm-text-sub,#64748b);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.settings-row-title{color:var(--pm-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.settings-row-desc{color:var(--pm-text-sub,#64748b);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:400;overflow:hidden}.settings-row-control{flex-shrink:0}.settings-toggle{background:var(--pm-border,#cbd5e1);cursor:pointer;border:none;border-radius:9999px;align-items:center;width:42px;height:24px;padding:2px;transition:background .2s;display:flex;position:relative}.settings-toggle.on{background:var(--pm-accent,#6366f1)}.settings-toggle-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;display:block;transform:translate(0);box-shadow:0 1px 3px #0003}.settings-toggle.on .settings-toggle-thumb{transform:translate(18px)}.settings-toggle:active .settings-toggle-thumb{width:24px}.settings-select{background:var(--pm-border,#f1f5f9);border:1px solid var(--pm-border,#e2e8f0);color:var(--pm-text,#0f172a);cursor:pointer;border-radius:8px;outline:none;padding:.4rem .65rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:border-color .2s}.settings-select:focus{border-color:var(--pm-accent,#6366f1)}.theme-selector{gap:.75rem;padding:1.25rem 1.5rem;display:flex}.theme-option{border:1.5px solid var(--pm-border,#e2e8f0);color:var(--pm-text-sub,#64748b);cursor:pointer;background:0 0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1.1rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .2s;display:flex;position:relative}.theme-option:hover{border-color:var(--pm-accent,#6366f1);color:var(--pm-accent,#6366f1)}.theme-option.active{border-color:var(--pm-accent,#6366f1);color:var(--pm-accent,#6366f1);background:#6366f10f}.theme-check{background:var(--pm-accent,#6366f1);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.settings-form{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}.settings-field{flex-direction:column;gap:.4rem;display:flex}.settings-field label{color:var(--pm-text,#0f172a);font-size:.8rem;font-weight:600}.settings-input-wrap{align-items:center;display:flex;position:relative}.settings-input-icon{color:var(--pm-text-sub,#94a3b8);pointer-events:none;position:absolute;left:.85rem}.settings-input{border:1.5px solid var(--pm-border,#e2e8f0);background:var(--prime-card-bg,#fff);width:100%;color:var(--pm-text,#0f172a);border-radius:10px;outline:none;padding:.65rem 2.5rem .65rem 2.4rem;font-family:inherit;font-size:.875rem;transition:border-color .2s}.settings-input:focus{border-color:var(--pm-accent,#6366f1)}.settings-eye{color:var(--pm-text-sub,#94a3b8);cursor:pointer;background:0 0;border:none;padding:0;display:flex;position:absolute;right:.85rem}.strength-bar-wrap{align-items:center;gap:.75rem;display:flex}.strength-bar{background:var(--pm-border,#e2e8f0);border-radius:9999px;flex:1;height:4px;overflow:hidden}.strength-fill{border-radius:9999px;height:100%;transition:width .3s,background .3s}.strength-fill.weak{background:#ef4444}.strength-fill.medium{background:#f59e0b}.strength-fill.strong{background:#10b981}.strength-label{text-align:right;width:42px;font-size:.7rem;font-weight:700}.strength-label.weak{color:#ef4444}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#10b981}.settings-save-btn{background:var(--pm-accent,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:filter .2s;display:inline-flex}.settings-save-btn:hover{filter:brightness(1.1)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.danger-zone-box{flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem;display:flex}.danger-input-row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.settings-input.danger-input{border-color:#ef444459;flex:1;min-width:180px;padding-left:.85rem}.settings-input.danger-input:focus{border-color:#ef4444}.settings-danger-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#ef4444;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.65rem 1.1rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:filter .2s;display:inline-flex}.settings-danger-btn:hover{filter:brightness(1.1)}.settings-danger-btn:disabled{opacity:.4;cursor:not-allowed}.settings-toast{z-index:99999;white-space:nowrap;border-radius:12px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;animation:.3s toast-in;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.settings-toast-success{color:#fff;background:#10b981}.settings-toast-error{color:#fff;background:#ef4444}.settings-toast-info{color:#fff;background:#6366f1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.settings-bookmarks-list{flex-direction:column;gap:.35rem;padding:.25rem 1rem .5rem;display:flex}.settings-bookmark-item{background:var(--pm-border,#f1f5f9);border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:all .2s;display:flex}.settings-bookmark-item:hover{border-color:var(--pm-accent,#6366f1);background:#6366f10a}.settings-bookmark-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.settings-bookmark-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.settings-bookmark-title{color:var(--pm-text,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:600;overflow:hidden}.settings-bookmark-meta{align-items:center;gap:.5rem;display:flex}.settings-bookmark-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:6px;padding:.15rem .5rem;font-size:.65rem;font-weight:700}.settings-bookmark-date{color:var(--pm-text-sub,#94a3b8);font-size:.7rem;font-weight:500}.settings-bookmark-remove{width:28px;height:28px;color:var(--pm-text-sub,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.settings-bookmark-remove:hover{color:#ef4444;background:#ef44441a}.settings-bookmarks-empty{color:var(--pm-text-sub,#94a3b8);flex-direction:column;align-items:center;gap:.4rem;padding:2rem 1rem;font-size:.85rem;font-weight:600;display:flex}.settings-bookmarks-empty-sub{opacity:.7;text-align:center;font-size:.75rem;font-weight:400}.settings-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:99999;background:#0f172a99;justify-content:center;align-items:flex-end;animation:.25s forwards modal-fade-in;display:flex;position:fixed;inset:0}@media (width>=640px){.settings-modal-overlay{align-items:center;padding:1.25rem}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.settings-modal-content{background:var(--prime-card-bg,#fff);border:1px solid var(--pm-border,#e2e8f0);will-change:transform;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) forwards pm-bottom-sheet;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (width>=640px){.settings-modal-content{border-radius:24px;max-width:480px;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-slide-up}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.settings-modal-drag-handle-wrap{cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;padding:.75rem 0 .25rem;display:flex}.settings-modal-drag-handle{background-color:#cbd5e1;border-radius:9999px;width:36px;height:5px}[data-theme=dark] .settings-modal-drag-handle{background-color:#334155}@media (width>=640px){.settings-modal-drag-handle-wrap{display:none}}.settings-modal-header{border-bottom:1px solid var(--pm-border,#e2e8f0);justify-content:space-between;align-items:center;padding:.75rem 1.5rem 1.25rem;display:flex}@media (width>=640px){.settings-modal-header{padding:1.25rem 1.5rem}}.settings-modal-header h3{color:var(--pm-text,#0f172a);margin:0;font-size:1.1rem;font-weight:800}.settings-modal-close{color:var(--pm-text-sub,#64748b);cursor:pointer;background:#64748b1a;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.4rem;transition:all .2s;display:flex}.settings-modal-close:hover{background:var(--pm-border,#e2e8f0);color:var(--pm-text,#0f172a)}.settings-modal-body{padding:1rem 1.5rem 1.5rem;overflow-y:auto}@media (width<=640px){.settings-page{gap:1rem;padding:1rem .75rem}.theme-selector{flex-direction:row;padding:1rem}.settings-row-desc{white-space:normal;opacity:.8;font-size:.7rem;display:block}.settings-row{gap:.75rem;padding:1rem}.settings-card-header,.settings-form,.danger-zone-box{padding:1rem}.settings-bookmarks-list{padding:.25rem .5rem .5rem}.settings-bookmark-item{gap:.6rem;padding:.6rem .7rem}.settings-bookmark-title{font-size:.78rem}}.courses-browser-page{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem;animation:.4s ease-out fadeIn}@media (width<=768px){.courses-browser-page{padding:.75rem .75rem 5rem!important}}.browser-header{text-align:left;margin-bottom:1rem}.browser-header h1{color:#111827;margin-bottom:.15rem;font-size:1.35rem;font-weight:700}[data-theme=dark] .browser-header h1{color:#f9fafb}.browser-header p{color:#6b7280;margin-bottom:.75rem;font-size:.75rem}[data-theme=dark] .browser-header p{color:#9ca3af}.pw-filter-bar{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:auto}.pw-filter-bar::-webkit-scrollbar{display:none}.pw-filter-pill{color:#4b5563;white-space:nowrap;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;height:2rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}[data-theme=dark] .pw-filter-pill{color:#e2e8f0;background-color:#1e293b;border-color:#334155}.pw-filter-pill:hover{color:#111827;background-color:#f3f4f6;border-color:#d1d5db}.pw-filter-pill.active{color:#fff;background-color:#111827;border-color:#111827}[data-theme=dark] .pw-filter-pill:hover{color:#fff;background-color:#334155;border-color:#475569}[data-theme=dark] .pw-filter-pill.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.pw-filter-search{flex-shrink:0;min-width:170px;height:2rem;position:relative}.pw-filter-search input{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:9999px;outline:none;width:100%;height:100%;padding:0 .75rem 0 2.1rem;font-size:.78rem}[data-theme=dark] .pw-filter-search input{color:#f8fafc;background-color:#1e293b;border-color:#334155}.pw-filter-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.pw-filter-search svg{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.browser-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.empty-state{text-align:center;color:#6b7280;padding:3rem 1rem;font-size:.875rem}.pw-dropdown-wrap{flex-shrink:0;position:relative}.pw-dropdown-fixed{background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;min-width:160px;max-height:260px;padding:.3rem 0;overflow-y:auto;box-shadow:0 8px 28px #00000024}[data-theme=dark] .pw-dropdown-fixed{background:#1e293b;border-color:#334155;box-shadow:0 8px 28px #00000073}.pw-dropdown-item{color:#374151;cursor:pointer;white-space:nowrap;padding:.45rem 1rem;font-size:.8rem;transition:background .12s}[data-theme=dark] .pw-dropdown-item{color:#e2e8f0}.pw-dropdown-item:hover{background:#f3f4f6}[data-theme=dark] .pw-dropdown-item:hover{background:#334155}.pw-dropdown-item.selected{color:#1d4ed8;background:#eff6ff;font-weight:600}[data-theme=dark] .pw-dropdown-item.selected{color:#60a5fa;background:#1e3a5f}@keyframes pulse{0%{background-position:0 0}to{background-position:-135% 0}}.sm-page{max-width:1200px;margin:0 auto;padding:1.25rem 1.5rem;animation:.4s ease-out fadeIn}@media (width<=768px){.sm-page{padding:.75rem .75rem 5rem}}.sm-header{margin-bottom:1rem}.sm-header h1{color:#111827;margin-bottom:.15rem;font-size:1.35rem;font-weight:700}[data-theme=dark] .sm-header h1{color:#f9fafb}.sm-header p{color:#6b7280;margin-bottom:.75rem;font-size:.75rem}.sm-filter-bar{-ms-overflow-style:none;scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:.4rem;padding-bottom:2px;display:flex;overflow-x:auto}.sm-filter-bar::-webkit-scrollbar{display:none}.sm-pill{color:#4b5563;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;align-items:center;gap:.3rem;height:2rem;padding:.3rem .75rem;font-size:.78rem;font-weight:500;transition:all .2s;display:inline-flex}[data-theme=dark] .sm-pill{color:#e2e8f0;background:#1e293b;border-color:#334155}.sm-pill:hover{color:#111827;background:#f3f4f6;border-color:#d1d5db}.sm-pill.active{color:#fff;background:#111827;border-color:#111827}[data-theme=dark] .sm-pill.active{background:#3b82f6;border-color:#3b82f6}.sm-dropdown-wrap{flex-shrink:0;position:relative}.sm-dropdown-fixed{background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;min-width:160px;max-height:240px;padding:.3rem 0;overflow-y:auto;box-shadow:0 8px 28px #00000024}[data-theme=dark] .sm-dropdown-fixed{background:#1e293b;border-color:#334155;box-shadow:0 8px 28px #00000073}.sm-dropdown-item{color:#374151;cursor:pointer;white-space:nowrap;padding:.45rem 1rem;font-size:.8rem;transition:background .12s}[data-theme=dark] .sm-dropdown-item{color:#e2e8f0}.sm-dropdown-item:hover{background:#f3f4f6}[data-theme=dark] .sm-dropdown-item:hover{background:#334155}.sm-dropdown-item.selected{color:#1d4ed8;background:#eff6ff;font-weight:600}.sm-search{flex-shrink:0;min-width:170px;height:2rem;position:relative}.sm-search input{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;outline:none;width:100%;height:100%;padding:0 .75rem 0 2.1rem;font-size:.78rem}[data-theme=dark] .sm-search input{color:#f8fafc;background:#1e293b;border-color:#334155}.sm-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.sm-search svg{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:.7rem;transform:translateY(-50%)}.sm-content{margin-top:1rem}.sm-section-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin:.75rem 0 .6rem;font-size:.78rem;font-weight:700;display:flex}.sm-recents-section{margin-bottom:1rem}.sm-section-title{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:flex}.sm-recents-scroll{scrollbar-width:none;gap:.5rem;padding-bottom:4px;display:flex;overflow-x:auto}.sm-recents-scroll::-webkit-scrollbar{display:none}.sm-recent-chip{color:#374151;cursor:pointer;white-space:nowrap;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;max-width:200px;padding:.35rem .75rem;font-size:.75rem;transition:all .18s;display:inline-flex}.sm-recent-chip:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.sm-recent-icon{flex-shrink:0;align-items:center;display:flex}.sm-recent-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sm-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.9rem;display:grid}.sm-card{background:#fff;border:1px solid #e5e7eb;border-radius:.85rem;flex-direction:column;transition:box-shadow .25s,transform .2s,border-color .2s;display:flex;overflow:hidden}.sm-card:hover{border-color:#dbeafe;transform:translateY(-2px);box-shadow:0 6px 24px #00000017}[data-theme=dark] .sm-card{background:#1e293b;border-color:#334155}.sm-card-ribbon{align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.sm-card-icon{border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sm-card-badges{flex-wrap:wrap;flex:1;gap:.3rem;display:flex}.sm-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:.25rem;padding:.15rem .45rem;font-size:.62rem;font-weight:700}.sm-badge-premium{color:#b91c1c;background:#ef44441f}.sm-card-quick-actions{flex-shrink:0;align-items:center;gap:.2rem;margin-left:auto;display:flex}.sm-icon-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:.4rem;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s,color .15s;display:flex}.sm-icon-btn:hover{color:#374151;background:#0000000f}.sm-icon-btn.bookmarked{color:#f59e0b}.sm-book-cover{width:100%;height:130px;overflow:hidden}.sm-book-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.sm-card:hover .sm-book-cover img{transform:scale(1.04)}.sm-card-body{flex:1;padding:.6rem .7rem .4rem}.sm-card-title{color:#111827;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .3rem;font-size:.84rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}[data-theme=dark] .sm-card-title{color:#f1f5f9}.sm-card-desc{color:#6b7280;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .35rem;font-size:.72rem;line-height:1.45;display:-webkit-box;overflow:hidden}.sm-card-meta{align-items:center;gap:.4rem;display:flex}.sm-card-subject{color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;font-size:.64rem;font-weight:700}.sm-card-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding:.5rem .7rem .6rem}.sm-btn-view,.sm-btn-unlock{cursor:pointer;border:none;border-radius:.4rem;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.38rem .75rem;font-size:.75rem;font-weight:600;transition:background .2s;display:flex}.sm-btn-view{color:#fff;background:#111827}.sm-btn-view:hover{background:#000}.sm-btn-unlock{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.sm-btn-unlock:hover{background:#fde68a}.sm-skeleton{background:#f3f4f6;border-radius:.85rem;height:200px;animation:1.5s ease-in-out infinite pulse}.sm-empty{text-align:center;color:#6b7280;padding:3rem 1rem;font-size:.875rem}.weekly-schedule-page{color:#1e293b;background-color:#fcfdfe;min-height:100vh;padding:2rem}.pw-notification-toast{z-index:9999;animation:.2s ease-out slideInDown;position:fixed;top:15px;left:50%;transform:translate(-50%)}.toast-content{color:#fff;background:#1e293b;border-radius:8px;align-items:center;gap:10px;padding:6px 14px;font-size:.85rem;font-weight:500;display:flex}.close-toast{color:#fff9;cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.close-toast:hover{color:#fff}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.schedule-container{max-width:1000px;margin:0 auto;padding:1rem 1.5rem}.schedule-header{margin-bottom:2rem}.back-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-weight:700;transition:all .2s;display:flex}.back-btn:hover{color:#1e293b;transform:translate(-4px)}.schedule-layout{grid-template-columns:1fr 340px;gap:2.5rem;display:grid}.main-header h1{margin:0;font-size:1.75rem;font-weight:800}.filter-dropdown{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex}.main-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.title-section{align-items:center;gap:.75rem;display:flex}.title-section h1{color:#1e293b;margin:0;font-weight:800;font-size:1.4rem!important}.selected-batch-tag{color:#4f46e5;background:#f1f5f9;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:700;display:flex}.filters-group{gap:1rem;display:flex}.filter-select{appearance:none;color:#64748b;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;padding:.5rem 2.25rem .5rem 1rem;font-size:.85rem;font-weight:600;transition:border-color .2s}.filter-select:hover{border-color:#cbd5e1}.schedule-item-card-pw{cursor:pointer;background:#fff;border:1px solid #eef2f6;border-radius:8px;transition:all .15s;overflow:hidden}.schedule-item-card-pw:hover{background-color:#fbfcfe}.card-top-info{background:#f8fafc;border-bottom:1px solid #f8fafc;padding:6px 16px}.time-label{color:#64748b;letter-spacing:.01em;font-size:.75rem;font-weight:700}.card-main-body{align-items:center;gap:1rem;padding:12px 16px;display:flex}.teacher-thumb-container{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.teacher-thumb-container img{object-fit:cover;width:100%;height:100%}.play-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.schedule-item-card-pw.past:hover .play-overlay{opacity:1}.lecture-info{flex-grow:1}.category-tag{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.7rem;font-weight:700}.lecture-title{color:#1e293b;margin:0 0 4px;font-size:1.05rem;font-weight:700;line-height:1.3}.batch-name-sub{color:#64748b;font-size:.85rem;font-weight:500}.status-section{flex-shrink:0}.status-badge.upcoming{color:#475569;letter-spacing:.05em;background:#f1f5f9;border-radius:6px;padding:4px 10px;font-size:.65rem;font-weight:800}.completed-check .check-circle{color:#22c55e;background:#f0fdf4;border:1px solid #dcfce7;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.9rem;display:flex}.card-actions-row{gap:12px;padding:0 20px 16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.btn-watch{color:#4f46e5;background:#f8fafc;border:1px solid #e2e8f0}.btn-watch:hover{color:#fff;background:#4f46e5;border-color:#4f46e5}.btn-upcoming{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0}.btn-notified{color:#16a34a;background:#f0fdf4;border:1px solid #bbfcce}.btn-notified:hover{background:#dcfce7}.btn-secondary{color:#64748b;background:#fff;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.daily-view{min-height:400px}.schedule-list{flex-direction:column;gap:1.25rem;display:flex}.schedule-item-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;grid-template-columns:120px 1fr 120px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:grid;position:relative;overflow:hidden}.schedule-item-card:hover{border-color:#cbd5e1}.type-bar{width:6px;position:absolute;top:0;bottom:0;left:0}.type-bar.live{background-color:#ef4444}.type-bar.recorded{background-color:#4f46e5}.item-time{flex-direction:column;gap:.5rem;display:flex}.time-text{color:#1e293b;font-size:1.25rem;font-weight:800}.type-badge{text-transform:uppercase;border-radius:6px;width:fit-content;padding:2px 8px;font-size:.7rem;font-weight:800}.type-badge.live{color:#ef4444;background:#fee2e2}.type-badge.recorded{color:#4f46e5;background:#e0e7ff}.item-details h3{margin:0 0 .25rem;font-size:1.1rem;font-weight:700}.item-details p{color:#64748b;margin:0;font-size:.85rem}.item-details .desc{color:#94a3b8;margin-top:.5rem;font-size:.8rem}.join-btn,.view-btn{text-align:center;cursor:pointer;border-radius:10px;padding:.6rem 1.25rem;font-weight:700;transition:all .2s}.join-btn{color:#fff;background:#ef4444;text-decoration:none}.join-btn:hover{background:#dc2626}.view-btn{color:#4f46e5;background:#fff;border:1px solid #eef2f6}.view-btn:hover{background:#f8fafc}.no-events-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0;display:flex}.clock-illustration{margin-bottom:1.5rem;animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-events-state h2{color:#94a3b8;font-size:1.5rem;font-weight:700}.schedule-sidebar{flex-direction:column;gap:1.25rem;display:flex}.mini-calendar-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:1rem}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.month-year{color:#1e293b;font-size:1rem;font-weight:700}.nav-btns{align-items:center;gap:.25rem;display:flex}.today-btn{color:#4f46e5;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:3px 8px;font-size:.7rem;font-weight:700;transition:all .2s}.today-btn:hover{background:#e2e8f0}.nav-btns button:not(.today-btn){color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;transition:color .2s;display:flex}.nav-btns button:hover{color:#1e293b}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.weekday{text-align:center;color:#94a3b8;padding-bottom:6px;font-size:.65rem;font-weight:700}.calendar-day{aspect-ratio:1;cursor:pointer;color:#334155;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:.7rem;font-weight:600;transition:all .2s;display:flex;position:relative}.calendar-day.empty{cursor:default}.calendar-day:hover:not(.empty){background:#f8fafc}.calendar-day.selected{border-radius:6px;font-weight:700;color:#fff!important;background:#4f46e5!important}.calendar-day.selected:hover{color:#fff!important;background:#4338ca!important}.calendar-day.today{color:#4f46e5;position:relative}.calendar-day.today:after{content:"";background:#4f46e5;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.calendar-day.selected.today:after{background:#fff}.info-card{background:#f8fafc;border:1px solid #eef2f6;border-radius:16px;padding:1rem}.info-card h3{color:#334155;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.85rem;font-weight:700;display:flex}.info-card p{color:#64748b;margin:0;font-size:.75rem;line-height:1.5}@media (width<=900px){.weekly-schedule-page{padding:.75rem}.schedule-container{padding:.25rem .5rem}.schedule-layout{grid-template-columns:1fr;gap:1rem}.schedule-sidebar{order:-1}.schedule-header{margin-bottom:.75rem}.main-header{flex-direction:row;align-items:center;gap:.5rem;margin-bottom:1rem}.title-section h1{font-size:1.1rem!important}.mini-calendar-card{padding:.75rem}.calendar-day{width:24px;height:24px;font-size:.65rem}.schedule-item-card-pw{border-left:none;border-right:none;border-radius:0}.card-top-info{padding:4px 12px}.time-label{font-size:.7rem}.card-main-body{gap:.6rem;padding:8px 12px}.teacher-thumb-container{flex-shrink:0;width:36px;height:36px}.category-tag{white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin-bottom:2px;font-size:.6rem;overflow:hidden}.lecture-title{margin-bottom:2px;font-size:.85rem}.batch-name-sub{font-size:.75rem}.status-badge.upcoming{padding:3px 6px;font-size:.58rem}.card-actions-row{gap:6px;padding:0 12px 10px}.action-btn{border-radius:7px;gap:5px;padding:6px 10px;font-size:.75rem}.filter-select{min-width:110px;padding:.4rem 1.75rem .4rem .75rem;font-size:.78rem}.no-events-state{padding:3rem 0}.no-events-state h2{font-size:1.1rem}}.notified-view{animation:.3s fadeIn}.notified-view-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.notified-view-header h1{color:#1e293b;align-items:center;gap:.75rem;margin:0;font-size:1.5rem;font-weight:800;display:flex}.notified-back-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.notified-back-btn:hover{color:#1e293b;background:#e2e8f0;transform:translate(-4px)}@media (width<=600px){.notified-view-header{flex-direction:column;align-items:flex-start;gap:1rem}}.mobile-bottom-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.4rem .15rem calc(.4rem + env(safe-area-inset-bottom));z-index:400;background:#fffffff2;border-top:1px solid #0000000f;justify-content:space-between;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -5px 25px #0000000d}[data-theme=dark] .mobile-bottom-nav{background:#121216f2;border-top:1px solid #ffffff0d}.mobile-bottom-nav a{color:#64748b;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:.35rem;min-width:0;max-width:80px;padding:.35rem .1rem;font-size:.6rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:relative}.mobile-bottom-nav svg{color:#64748b;transition:transform .2s}.mobile-bottom-nav a:active{transform:scale(.9)}.mobile-bottom-nav a.active{color:#5a4bda}.mobile-bottom-nav a.active svg{color:#5a4bda;stroke-width:2.5px;transform:translateY(-2px)}.mobile-bottom-nav a.active:after{content:"";z-index:-1;background:#5a4bda1a;border-radius:8px;animation:.2s ease-out nav-pill-in;position:absolute;inset:6px 4px}@keyframes nav-pill-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=768px){.mobile-bottom-nav{display:flex}}.has-mobile-nav{padding-bottom:calc(58px + env(safe-area-inset-bottom))}@media (width>=769px){.has-mobile-nav{padding-bottom:0}}.global-sidebar{background:var(--surface);border-right:1px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;width:256px;height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:sticky;top:0;overflow-y:auto}.global-sidebar-header{border-bottom:1px solid #0000;padding:1.25rem 1.5rem}.global-logo{color:var(--text-color);align-items:center;gap:.75rem;text-decoration:none;display:flex}.global-logo-icon{color:var(--primary)}.global-logo-text{letter-spacing:-.3px;color:#202124;font-size:1.25rem;font-weight:700}[data-theme=dark] .global-logo-text{color:#e8eaed}.global-sidebar-nav-group{padding:1rem .75rem 0}.nav-group-title{color:#5f6368;text-transform:uppercase;letter-spacing:.05em;padding:0 1rem .5rem;font-size:.75rem;font-weight:600}[data-theme=dark] .nav-group-title{color:#9aa0a6}.global-nav{flex-direction:column;gap:.125rem;display:flex}.global-nav-link{color:#3c4043;border-radius:0 24px 24px 0;align-items:center;gap:1rem;width:95%;padding:.625rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex}[data-theme=dark] .global-nav-link{color:#e8eaed}.global-nav-link svg{color:#5f6368}[data-theme=dark] .global-nav-link svg{color:#9aa0a6}.global-nav-link:hover{background:#0000000a}[data-theme=dark] .global-nav-link:hover{background:#ffffff0a}.global-nav-link.active{color:#1967d2;background:#e8f0fe;font-weight:600}.global-nav-link.active svg{color:#1967d2}[data-theme=dark] .global-nav-link.active{color:#8ab4f8;background:#8ab4f81f}[data-theme=dark] .global-nav-link.active svg{color:#8ab4f8}.global-sidebar-footer{border-top:1px solid var(--border);flex-wrap:wrap;gap:.75rem 1rem;margin-top:1rem;padding:1rem 1.5rem 1.5rem;display:flex}.global-sidebar-footer a{color:#5f6368;font-size:.75rem;text-decoration:none}.global-sidebar-footer a:hover{color:#202124;text-decoration:underline}[data-theme=dark] .global-sidebar-footer a{color:#9aa0a6}[data-theme=dark] .global-sidebar-footer a:hover{color:#e8eaed}.copyright{color:#5f6368;width:100%;margin-top:.5rem;font-size:.7rem}[data-theme=dark] .copyright{color:#9aa0a6}@media (width<=900px){.global-sidebar{display:none}}.global-sidebar{transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1)}.global-sidebar.collapsed{width:80px}.global-sidebar-header{justify-content:space-between;align-items:center;display:flex}.global-sidebar.collapsed .global-sidebar-header{flex-direction:column;gap:1rem;padding:1rem .5rem}.global-sidebar.collapsed .global-logo-text{display:none}.sidebar-collapse-btn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:var(--surface);color:var(--text-color);border-color:var(--text-muted)}.global-sidebar.collapsed .nav-group-title{display:none}.global-sidebar.collapsed .global-sidebar-nav-group{padding:.5rem .5rem 0}.global-sidebar.collapsed .global-nav-link{border-radius:12px;justify-content:center;width:100%;padding:.75rem 0}.global-sidebar.collapsed .global-nav-link span,.global-sidebar.collapsed .global-sidebar-footer{display:none}.onboarding-overlay{background:var(--pm-overlay);-webkit-backdrop-filter:blur(8px);z-index:1900;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out pm-fade-in;display:flex;position:fixed;inset:0}.ob-modal{background:var(--pm-bg);width:100%;max-width:520px;max-height:92vh;box-shadow:var(--pm-shadow);border:1px solid var(--pm-border);border-radius:24px;flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) pm-slide-up;display:flex;overflow:hidden}.ob-progress{background:var(--pm-border);flex-shrink:0;height:4px;display:flex}.ob-progress-seg{background:0 0;flex:1;height:100%;transition:all .3s}.ob-progress-seg.done{background:var(--pm-accent)}.ob-header{border-bottom:1px solid var(--pm-border);flex-shrink:0;align-items:center;gap:.65rem;padding:1.25rem 1.75rem;display:flex}.ob-logo-icon{color:var(--pm-accent)}.ob-brand{color:var(--pm-text-sub);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:800}.ob-step-label{color:var(--pm-text-sub);margin-left:auto;font-size:.75rem;font-weight:700}.ob-body{flex:1;padding:2rem 2rem 1.5rem;overflow-y:auto}.ob-step-tag{color:var(--pm-accent);background:var(--pm-accent-soft);letter-spacing:.05em;text-transform:uppercase;border-radius:8px;margin-bottom:.75rem;padding:.35rem .85rem;font-size:.7rem;font-weight:800;display:inline-block}.ob-title{color:var(--pm-text);letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.ob-subtitle{color:var(--pm-text-sub);margin:0 0 1.75rem;font-size:.95rem;font-weight:500;line-height:1.5}.ob-field{margin-bottom:1.25rem}.ob-label{color:var(--pm-text);margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.ob-input-wrap{align-items:center;display:flex;position:relative}.ob-input-icon{color:var(--pm-text-sub);pointer-events:none;position:absolute;left:1rem}.ob-input-wrap input,.ob-input-wrap select,.ob-bare-select{background:var(--pm-border);width:100%;color:var(--pm-text);appearance:none;border:1px solid #0000;border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.95rem;transition:all .2s}.ob-bare-select{padding-left:1rem}.ob-input-wrap input:focus,.ob-input-wrap select:focus,.ob-bare-select:focus{border-color:var(--pm-accent);background:var(--pm-bg);box-shadow:0 0 0 4px var(--pm-accent-soft)}.ob-input-wrap input::placeholder{color:var(--pm-text-sub);opacity:.7}.ob-double{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.ob-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.ob-grid-card{border:1px solid var(--pm-border);cursor:pointer;background:var(--pm-border);text-align:center;border-radius:14px;flex-direction:column;align-items:center;gap:.6rem;padding:1rem .75rem;transition:all .2s;display:flex}.ob-grid-card:hover{border-color:var(--pm-accent);background:var(--pm-bg);transform:translateY(-2px)}.ob-grid-card.selected{border-color:var(--pm-accent);background:var(--pm-accent-soft);box-shadow:0 0 0 4px var(--pm-accent-soft)}.ob-grid-card-icon{color:var(--pm-accent)}.ob-grid-card-label{color:var(--pm-text);font-size:.85rem;font-weight:700;line-height:1.3}.ob-list{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.ob-list-card{border:1px solid var(--pm-border);cursor:pointer;background:var(--pm-border);border-radius:14px;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:all .2s;display:flex}.ob-list-card:hover{border-color:var(--pm-accent);background:var(--pm-bg)}.ob-list-card.selected{border-color:var(--pm-accent);background:var(--pm-accent-soft)}.ob-list-card-left{align-items:center;gap:1rem;display:flex}.ob-list-card-icon{background:var(--pm-accent-soft);width:42px;height:42px;color:var(--pm-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-list-card-name{color:var(--pm-text);font-size:.95rem;font-weight:700}.ob-list-card-desc{color:var(--pm-text-sub);font-size:.8rem;font-weight:500}.ob-check{color:var(--pm-accent)}.ob-chips{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.ob-chip{background:var(--pm-border);color:var(--pm-text-sub);cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:all .2s}.ob-chip:hover{border-color:var(--pm-accent);color:var(--pm-text)}.ob-chip.selected{background:var(--pm-accent);color:#fff}.ob-summary{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.ob-summary-card{background:var(--pm-border);border:1px solid var(--pm-border);text-align:center;border-radius:14px;padding:1rem}.ob-summary-card span{color:var(--pm-text-sub);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.75rem;font-weight:800;display:block}.ob-summary-card strong{color:var(--pm-accent);font-size:1rem;font-weight:800}.ob-success-icon{color:#22c55e;justify-content:center;margin-bottom:1.25rem;display:flex}.ob-footer{border-top:1px solid var(--pm-border);flex-shrink:0;gap:.85rem;padding:1.25rem 2rem 1.75rem;display:flex}.ob-btn-back{background:var(--pm-border);height:48px;color:var(--pm-text);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:0 1.25rem;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.ob-btn-back:hover{background:var(--border)}.ob-btn-primary{background:var(--pm-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;height:48px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.ob-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.ob-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.onboarding-overlay{align-items:flex-end;padding:0}.ob-modal{border-radius:24px 24px 0 0;max-width:none;max-height:92vh;animation:.4s cubic-bezier(.16,1,.3,1) pm-bottom-sheet}.ob-double{grid-template-columns:1fr;gap:0}.ob-grid{grid-template-columns:repeat(2,1fr)}}.am-overlay{background:var(--pm-overlay);-webkit-backdrop-filter:blur(8px);z-index:2000;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out pm-fade-in;display:flex;position:fixed;inset:0}.am-modal{background:var(--pm-bg);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--pm-shadow);border:1px solid var(--pm-border);border-radius:24px;flex-direction:column;padding:2.25rem;animation:.3s cubic-bezier(.16,1,.3,1) pm-slide-up;display:flex;position:relative;overflow-y:auto}.am-close{background:var(--pm-border);width:32px;height:32px;color:var(--pm-text-sub);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1.25rem;right:1.25rem}.am-close:hover{background:var(--border);color:var(--pm-text)}.am-brand{text-align:center;margin-bottom:2rem}.am-brand-icon{color:var(--pm-accent)}.am-brand h2{color:var(--pm-text);letter-spacing:-.02em;margin:.6rem 0 0;font-size:1.5rem;font-weight:800}.am-brand p{color:var(--pm-text-sub);margin:.25rem 0 0;font-size:.85rem;font-weight:500}.am-form{flex-direction:column;gap:1rem;display:flex}.am-google-btn{background:var(--pm-bg);border:1px solid var(--pm-border);width:100%;height:48px;color:var(--pm-text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.am-google-btn:hover{background:var(--pm-border);box-shadow:0 4px 12px #0000000d}.am-field{align-items:center;display:flex;position:relative}.am-field-icon{color:var(--pm-text-sub);pointer-events:none;position:absolute;left:1rem}.am-field input{background:var(--pm-border);width:100%;color:var(--pm-text);border:1px solid #0000;border-radius:12px;outline:none;padding:.85rem 1rem .85rem 2.75rem;font-family:inherit;font-size:.95rem;transition:all .2s}.am-field input:focus{border-color:var(--pm-accent);background:var(--pm-bg);box-shadow:0 0 0 4px var(--pm-accent-soft)}.am-field input::placeholder{color:var(--pm-text-sub);opacity:.7}.am-btn-primary{background:var(--pm-accent);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;height:48px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.am-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.am-btn-primary:disabled{opacity:.5;cursor:not-allowed}.am-secondary-row{gap:.75rem;margin-top:.5rem;display:flex}.am-btn-secondary{height:44px;color:var(--pm-text-sub);border:1px solid var(--pm-border);cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.am-btn-secondary:hover{background:var(--pm-border);color:var(--pm-text)}.am-row-end{justify-content:flex-end;width:100%;display:flex}.am-link{color:var(--pm-text-sub);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:500;transition:color .2s}.am-link:hover{color:var(--pm-accent)}.am-link-inline{color:var(--pm-text);font-size:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;transition:color .2s}.am-link-inline:hover{color:var(--pm-accent)}.am-divider{text-align:center;color:var(--pm-text-sub);align-items:center;margin:.5rem 0;font-size:.85rem;display:flex}.am-divider:before,.am-divider:after{content:"";border-bottom:1px solid var(--pm-border);flex:1}.am-divider span{padding:0 10px}.am-alert{border-radius:12px;align-items:center;gap:8px;margin-bottom:.5rem;padding:12px;font-size:.85rem;font-weight:500;display:flex}.am-alert-error{color:#ef4444;background:#ef44441a}.am-alert-success{color:#22c55e;background:#22c55e1a}.am-hint{text-align:center;color:var(--pm-text-sub);margin:0 0 1rem;font-size:.9rem}.am-otp-input{text-align:center;letter-spacing:.5rem;font-size:1.5rem;font-weight:700}.am-footer{text-align:center;color:var(--pm-text-sub);margin-top:1.5rem;font-size:.75rem}@media (width<=640px){.am-overlay{align-items:flex-end;padding:0}.am-modal{border-radius:24px 24px 0 0;max-width:none;max-height:88vh;padding:2rem 1.5rem 3rem;animation:.4s cubic-bezier(.16,1,.3,1) pm-bottom-sheet}}:root{--bg-color:#f8fafc;--text-color:#0f172a;--primary:#3b82f6;--primary-hover:#2563eb;--surface:#fff;--border:#e2e8f0;--text-muted:#64748b;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--radius:12px;--pm-bg:#fff;--pm-text:#1e293b;--pm-text-sub:#64748b;--pm-border:#f1f5f9;--pm-accent:#5a4bda;--pm-accent-soft:#5a4bda14;--pm-overlay:#0f172aa6;--pm-shadow:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a}[data-theme=dark]{--bg-color:#0f172a;--text-color:#f8fafc;--primary:#60a5fa;--primary-hover:#93c5fd;--surface:#1e293b;--border:#334155;--text-muted:#94a3b8;--shadow:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--pm-bg:#1e293b;--pm-text:#f8fafc;--pm-text-sub:#94a3b8;--pm-border:#ffffff0f;--pm-accent:#818cf8;--pm-accent-soft:#818cf81f;--pm-overlay:#000000d9;--pm-shadow:0 25px 50px -12px #00000080}body{background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;transition:background-color .3s,color .3s}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.page-loading{min-height:calc(100vh - 73px);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-weight:500;display:flex}.page-loading:before{content:"";border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{border-radius:var(--radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{border-radius:var(--radius);background-color:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 6px -1px #3b82f633}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 6px 12px -2px #3b82f64d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-secondary{border-radius:var(--radius);color:#334155;cursor:pointer;white-space:nowrap;background-color:#f1f5f9;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}[data-theme=dark] .btn-secondary{color:#f1f5f9;background-color:#334155}.btn-secondary:active:not(:disabled){transform:scale(.98)}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#475569}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-outline{border-radius:var(--radius);color:var(--text-color);border:1px solid var(--border);cursor:pointer;white-space:nowrap;background-color:#0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-outline:active:not(:disabled){transform:scale(.98)}.btn-outline:hover:not(:disabled){background-color:var(--surface);border-color:var(--text-muted)}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.btn-sm{border-radius:calc(var(--radius) - 2px);padding:.5rem 1rem;font-size:.875rem}.btn-lg{border-radius:calc(var(--radius) + 2px);padding:1rem 2rem;font-size:1.05rem}a{transition:all .2s ease-in-out}.skeleton{background:linear-gradient(-90deg, var(--surface) 0%, var(--bg-color) 50%, var(--surface) 100%);border-radius:var(--radius);background-size:400% 400%;animation:1.2s ease-in-out infinite pulse}.pw-layout{width:100%;min-height:100vh;display:flex}.pw-main{background:var(--bg-color);flex-direction:column;flex:1;min-width:0;display:flex}.pw-content{flex:1;width:100%}@media (width<=768px){.pw-content{padding-bottom:4.5rem}}.admin-layout{background-color:var(--bg-color);width:100%;min-height:100vh;margin:0;padding:0;display:flex}.admin-main{flex-direction:column;flex:1;min-width:0;display:flex}.admin-content{flex-direction:column;flex:1;width:100%;display:flex}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-8{margin-top:2rem}.mb-4{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--primary)}.text-gray-400,.text-gray-500{color:var(--text-muted)}.text-gray-600{color:#4b5563}.text-white{color:#fff}.bg-primary{background-color:var(--primary)}.bg-primary\/10{background-color:#3b82f61a}.bg-primary\/20{background-color:#3b82f633}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border)}.border-gray-100{border-color:#f3f4f6}.border-gray-200{border-color:#e5e7eb}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.px-8{padding-left:2rem;padding-right:2rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-primary\/30{box-shadow:0 4px 14px #3b82f64d}.cursor-pointer{cursor:pointer}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse_animation}@keyframes pulse_animation{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .bg-slate-800{background-color:#1e293b}[data-theme=dark] .border-slate-700{border-color:#334155}[data-theme=dark] .text-gray-300{color:#d1d5db}html.reduced-motion *,html.reduced-motion :before,html.reduced-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html.high-contrast{--text-color:#000;--pm-text:#000;--pm-text-sub:#111;--bg-color:#fff;--surface:#fff;--pm-bg:#fff;--border:#000;--pm-border:#000;--primary:#00e;--pm-accent:#00e}html[data-theme=dark].high-contrast{--text-color:#fff;--pm-text:#fff;--pm-text-sub:#eee;--bg-color:#000;--surface:#000;--pm-bg:#000;--border:#fff;--pm-border:#fff;--primary:#5ff;--pm-accent:#5ff}