:root{--bg: #0f0f13;--bg2: #16161d;--bg3: #1e1e28;--border: #2a2a38;--accent: #6c63ff;--accent2: #ff6584;--tg: #29a8eb;--drive: #34a853;--classroom: #f4b400;--text: #e8e8f0;--muted: #7a7a9a;--success: #4caf50;--danger: #f44336;--shadow: rgba(0, 0, 0, .3);--optional: #ffaa00;--optional-bg: rgba(255, 170, 0, .06);--optional-border: rgba(255, 170, 0, .35)}[data-theme=light]{--bg: #f4f4fb;--bg2: #ffffff;--bg3: #eeeef7;--border: #d0d0e8;--accent: #6c63ff;--accent2: #ff6584;--tg: #1a8fc1;--drive: #2a8f44;--classroom: #c98a00;--text: #1a1a2e;--muted: #7a7a9a;--success: #388e3c;--danger: #d32f2f;--shadow: rgba(0, 0, 0, .1);--optional: #c97d00;--optional-bg: rgba(201, 125, 0, .07);--optional-border: rgba(201, 125, 0, .35)}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,sans-serif;min-height:100vh;transition:background .3s,color .3s}nav{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:60px;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px var(--shadow)}.logo{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-links{display:flex;gap:8px;align-items:center}.nav-btn,.theme-btn,.action-btn,.btn,.filter-btn,.prog-tab{transition:all .2s}.nav-btn{background:none;border:none;color:var(--muted);cursor:pointer;padding:8px 14px;border-radius:8px;font-size:.85rem}.nav-btn:hover,.nav-btn.active{background:var(--bg3);color:var(--text)}.nav-btn.admin-btn{color:var(--accent);border:1px solid var(--accent)}.theme-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;padding:7px 12px;border-radius:8px;font-size:1rem;line-height:1}.theme-btn:hover{border-color:var(--accent)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:5px;z-index:101}.hamburger span{display:block;width:24px;height:2px;background:var(--text);border-radius:2px}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.view{display:none;padding:24px;max-width:1100px;margin:0 auto}.view.active{display:block}.hero{text-align:center;padding:40px 0 16px}.hero h1{font-size:2.2rem;font-weight:800;margin-bottom:10px}.hero p{color:var(--muted);margin-bottom:28px}.search-wrap{position:relative;max-width:520px;margin:0 auto}.search-wrap input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:14px 20px 14px 48px;border-radius:12px;font-size:1rem;outline:none}.search-wrap input:focus{border-color:var(--accent)}.search-wrap .si{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.1rem}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}.filter-btn{background:var(--bg3);border:1px solid var(--border);color:var(--muted);padding:6px 16px;border-radius:20px;cursor:pointer;font-size:.82rem}.filter-btn:hover{border-color:var(--accent);color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.prog-tabs{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap}.prog-tab{background:var(--bg3);border:1px solid var(--border);color:var(--muted);padding:8px 20px;border-radius:10px;cursor:pointer;font-size:.88rem;font-weight:600}.prog-tab:hover{border-color:var(--accent);color:var(--text)}.prog-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;align-items:flex-start}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.filter-group .filters{margin:0}.filter-toggle-btn{display:none;width:100%;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;align-items:center;justify-content:space-between;margin-bottom:12px}.filter-toggle-btn:hover{border-color:var(--accent)}.filter-toggle-arrow{transition:transform .3s;font-size:.75rem}.filter-toggle-btn.open .filter-toggle-arrow{transform:rotate(180deg)}.filters-collapsible{display:block}.sem-block{margin-bottom:28px}.sem-title{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--muted);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.course-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px;transition:border-color .2s,transform .2s}.course-card:hover{border-color:var(--accent);transform:translateY(-2px)}.course-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.course-name{font-weight:700;font-size:.95rem}.course-code{font-size:.72rem;color:var(--accent);background:#6c63ff26;padding:3px 8px;border-radius:6px;font-weight:600;white-space:nowrap}.links-list{display:flex;flex-direction:column;gap:7px}.link-item{display:flex;flex-direction:column;gap:4px;text-decoration:none;background:var(--bg3);border-radius:8px;padding:8px 12px}.link-item-main{display:flex;align-items:center;gap:8px;width:100%}.link-item:hover{background:var(--border)}.link-badge{font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:5px;flex-shrink:0}.badge-tg{background:#29a8eb33;color:var(--tg)}.badge-drive{background:#34a85333;color:var(--drive)}.badge-classroom{background:#f4b40033;color:var(--classroom)}.badge-other{background:#f4433633;color:var(--danger)}.legend{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:20px 0}.legend-item{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--muted)}.legend-item .link-badge{font-size:.68rem}.optional-tag{font-size:.62rem;font-weight:700;padding:2px 6px;border-radius:4px;background:#ffaa0026;color:var(--optional);border:1px solid var(--optional-border);letter-spacing:.5px;white-space:nowrap}.link-label{font-size:.82rem;color:var(--text);flex:1}.link-note{font-size:.7rem;color:var(--muted)}.no-links{font-size:.8rem;color:var(--muted);font-style:italic}.extra-section{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.extra-section-offset .extra-section{transition:border-color .2s,transform .2s}.extra-section-offset .extra-section:hover{border-color:var(--accent);transform:translateY(-2px)}.extra-title{font-weight:700;margin-bottom:14px;font-size:1rem;display:flex;align-items:center;gap:8px}.btn{padding:9px 20px;border-radius:8px;border:none;cursor:pointer;font-size:.88rem;font-weight:600}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:var(--bg3);color:var(--text);border:1px solid var(--border)}#view-report-submit .report-box{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:18px;display:flex;flex-direction:column;gap:10px;min-height:346px}#view-report-submit{max-width:1180px;margin:0 auto}#view-report-submit .report-box h3{font-size:1rem;margin-bottom:2px}#view-report-submit .btn{width:100%;margin-top:8px;border-radius:9px;padding:11px 14px}#view-feedback .extra-section{max-width:760px;margin:0 auto}.feedback-stars{display:flex;justify-content:center;align-items:center;gap:10px}#view-report-submit input,#view-report-submit select,#view-report-submit textarea{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;font-size:.88rem;outline:none}#view-report-submit input:focus,#view-report-submit select:focus,#view-report-submit textarea:focus{border-color:var(--accent)}#view-report-submit textarea{min-height:104px;resize:vertical}#view-report-submit #rDesc{min-height:152px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:200;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:28px;width:90%;max-width:460px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:18px;font-size:1.1rem}.modal label{font-size:.82rem;color:var(--muted);display:block;margin-bottom:5px;margin-top:14px}.modal input,.modal textarea,.modal select,.inp{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:10px 14px;border-radius:8px;font-size:.9rem;outline:none}.modal input:focus,.modal select:focus,.modal textarea:focus,.inp:focus{border-color:var(--accent)}.modal textarea,textarea.inp{resize:vertical;min-height:80px}select.inp{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' 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-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:40px}.modal-actions{display:flex;gap:10px;margin-top:20px;justify-content:flex-end}.toast{position:fixed;bottom:24px;right:24px;left:24px;max-width:420px;margin-left:auto;background:var(--accent);color:#fff;padding:12px 20px;border-radius:10px;font-size:.88rem;line-height:1.4;z-index:999;opacity:0;transform:translateY(10px);transition:all .3s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:var(--danger)}.empty{text-align:center;color:var(--muted);padding:40px;font-size:.9rem}.loader{display:flex;align-items:center;justify-content:center;padding:60px;gap:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.seed-banner{background:#6c63ff1a;border:1px solid var(--accent);border-radius:10px;padding:14px 18px;margin-bottom:20px;font-size:.85rem;color:var(--accent);display:flex;align-items:center;gap:10px}.link-chip{display:flex;align-items:center;gap:6px;background:var(--bg2);border:1px solid var(--border);border-radius:7px;padding:5px 10px;font-size:.78rem}.rating-wrap{display:flex;justify-content:center;gap:12px;margin:20px 0}.star-btn{font-size:2.5rem;background:none;border:none;cursor:pointer;color:var(--muted);transition:all .2s ease}.star-btn:hover{color:gold;transform:scale(1.15)}.star-btn.active{color:gold}.fav-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.3rem;line-height:1;padding:0 4px;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.fav-btn:hover{color:#fa0;transform:scale(1.15)}.fav-btn.active{color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.3)}.content-chip{font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;margin-left:6px;display:inline-flex;align-items:center;gap:3px;background:var(--bg3);color:var(--muted);border:1px solid var(--border)}.content-chip.ct-td{background:#6c63ff1a;color:var(--accent);border-color:#6c63ff4d}.content-chip.ct-cours{background:#4caf501a;color:var(--success);border-color:#4caf504d}.content-chip.ct-videos{background:#ff65841a;color:var(--accent2);border-color:#ff65844d}.content-chip.ct-sessions{background:#f4b4001a;color:var(--classroom);border-color:#f4b4004d}.content-chip.ct-exams{background:#29a8eb1a;color:var(--tg);border-color:#29a8eb4d}.content-chip.ct-other{background:var(--bg3);color:var(--text);border-color:var(--border)}.content-chips-wrap{display:flex;flex-wrap:wrap;gap:4px;padding-left:2px}.content-chips-wrap .content-chip{margin-left:0}.content-type-group{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ct-checkbox-label{display:flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text);background:var(--bg3);border:1px solid var(--border);border-radius:6px;padding:5px 10px;cursor:pointer;transition:border-color .2s,background .2s;-webkit-user-select:none;user-select:none}.ct-checkbox-label:hover{border-color:var(--accent)}.ct-checkbox-label:has(input:checked){border-color:var(--accent);background:#6c63ff1a}.ct-checkbox-label input[type=checkbox]{accent-color:var(--accent);margin:0;width:14px;height:14px}.copy-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1rem;margin-left:auto;padding:4px 6px;opacity:0;transition:opacity .2s,color .2s;border-radius:4px}.link-item:hover .copy-btn,.link-chip:hover .copy-btn{opacity:1}.copy-btn:hover{color:var(--accent);background:var(--bg3)}.btn-loading{position:relative;color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.star-btn,.feedback-stars .star{color:var(--muted);font-size:2rem;background:none;border:none;cursor:pointer;transition:color .2s,transform .2s}.star-btn.active,.star-btn.hovered,.feedback-stars .star.active,.feedback-stars .star.hovered{color:gold}.star-btn.hovered,.feedback-stars .star.hovered{transform:scale(1.1)}.extra-section-offset{margin-top:10px}.view-title{margin-bottom:6px}.view-subtitle{color:var(--muted);margin-bottom:28px;font-size:.9rem}.report-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.feedback-wrap{max-width:500px;margin:0 auto}.rating-display{text-align:center;color:var(--muted);font-size:.85rem;margin-top:8px;margin-bottom:24px}.feedback-category{margin-bottom:24px}.feedback-message{margin-top:16px;min-height:100px}.feedback-submit-btn{width:100%;margin-top:24px}.login-submit-btn{width:100%}.admin-header-actions{display:flex;gap:8px;flex-wrap:wrap}.about-content{max-width:680px;margin:0 auto}.about-block{margin-bottom:28px}.about-block h3{font-size:1rem;font-weight:700;margin-bottom:10px;color:var(--text)}.about-block p{color:var(--muted);font-size:.92rem;line-height:1.65;margin-bottom:10px}.about-block p strong{color:var(--text)}.about-list{list-style:none;margin:12px 0 20px;padding:0}.about-list li{color:var(--muted);font-size:.92rem;line-height:1.6;margin-bottom:10px;padding-left:1.2em;position:relative}.about-list li:before{content:"→";position:absolute;left:0;color:var(--accent)}.about-inline-link{background:none;border:none;padding:0;color:var(--accent);cursor:pointer;font:inherit;text-decoration:underline}.about-actions{display:flex;flex-wrap:wrap;gap:10px}.about-cta{background:var(--bg3);border:1px solid var(--border);border-radius:12px;padding:20px 24px}.site-footer{text-align:center;padding:32px 24px 40px;margin-top:24px;border-top:1px solid var(--border);max-width:1100px;margin-left:auto;margin-right:auto}.footer-tagline{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:10px}.footer-links{margin-bottom:8px}.footer-links a,.footer-link-btn{color:var(--accent);text-decoration:none;font-size:.85rem}.footer-link-btn{background:none;border:none;padding:0;cursor:pointer;font:inherit}.footer-links a:hover,.footer-link-btn:hover{text-decoration:underline}.footer-sep{color:var(--muted);margin:0 8px}.footer-copy{font-size:.75rem;color:var(--muted)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.admin-header h2{font-size:1.4rem;font-weight:800}.admin-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.admin-tab{background:var(--bg3);border:1px solid var(--border);color:var(--muted);padding:7px 18px;border-radius:8px;cursor:pointer;font-size:.85rem}.admin-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.admin-search{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:9px 14px;border-radius:8px;font-size:.88rem;outline:none;width:100%;max-width:340px;margin-bottom:16px}.admin-search:focus{border-color:var(--accent)}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table th{text-align:left;padding:10px 14px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:top}.admin-table tr:hover td{background:var(--bg3)}.tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:5px;margin:2px}.tag-open{background:#f4b40033;color:var(--classroom)}.tag-resolved{background:#4caf5033;color:var(--success)}.tag-blue{background:#2196f333;color:#2196f3}.tag-gray{background:#9e9e9e33;color:var(--muted)}.action-btns{display:flex;gap:6px;flex-wrap:wrap}.action-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:.75rem}.action-btn:hover{border-color:var(--accent);color:var(--accent)}.action-btn.del{border-color:#f443364d;color:var(--danger)}.action-btn.del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.login-wrap{max-width:360px;margin:60px auto;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:32px;text-align:center}.login-wrap h2{margin-bottom:8px}.login-wrap p{color:var(--muted);font-size:.85rem;margin-bottom:24px}.login-wrap input{width:100%;background:var(--bg3);border:1px solid var(--border);color:var(--text);padding:11px 14px;border-radius:8px;font-size:.9rem;outline:none;margin-bottom:12px}.login-wrap input:focus{border-color:var(--accent)}.err{color:var(--accent2);font-size:.82rem;margin-top:8px}.badge-count{background:var(--accent2);color:#fff;font-size:.7rem;border-radius:10px;padding:1px 7px;margin-left:6px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.stat-card .stat-val{font-size:2rem;font-weight:800;color:var(--accent);margin-bottom:6px}.stat-card .stat-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.chart-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:20px}.chart-title{font-weight:700;margin-bottom:16px;font-size:.95rem}.bar-chart-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;padding:0 8px;margin:0 -8px}.bar-chart{display:flex;align-items:flex-end;gap:4px;height:180px;margin-bottom:12px;min-width:480px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.bar-fill{width:100%;background:var(--accent);border-radius:4px 4px 0 0;min-height:2px;transition:background .2s}.bar-label{font-size:.65rem;color:var(--muted);text-align:center;width:100%;margin-top:4px}.bar-val{font-size:.7rem;color:var(--text);font-weight:600;margin-bottom:2px}.analytics-range{display:flex;gap:8px;margin-bottom:16px}.badge{display:none;margin-left:6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:.72rem;line-height:18px;text-align:center;background:#ffffff2e;color:#fff}.badge.is-alert{background:#e5484d;color:#fff}@media (max-width: 768px){nav{padding:0 16px;height:54px}.hamburger{display:flex}.nav-links{display:none;position:fixed;top:54px;left:0;right:0;background:var(--bg2);flex-direction:column;padding:12px 16px;gap:4px;border-bottom:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);z-index:99}.nav-links.mobile-open{display:flex}.nav-btn{text-align:left;padding:12px 14px;font-size:.95rem;width:100%}.view{padding:16px 12px}.hero{padding:20px 0 16px}.hero h1{font-size:1.5rem}.filter-toggle-btn{display:flex}.filters-collapsible{display:none;margin-bottom:8px}.filters-collapsible.open{display:block}.prog-tabs{margin:8px 0;gap:6px}.prog-tab{padding:6px 14px;font-size:.8rem}.filter-row{flex-direction:column;gap:8px}.filter-btn{padding:5px 12px;font-size:.78rem}.course-card{padding:14px}.admin-tabs{gap:4px;flex-wrap:wrap;margin-bottom:16px}.admin-tab{padding:5px 8px;font-size:.7rem;flex:1 1 auto;min-width:70px;text-align:center}.admin-tab .badge-count{font-size:.65rem;padding:1px 4px}.admin-table{min-width:540px}#adminContent{overflow-x:auto;-webkit-overflow-scrolling:touch}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{border-radius:6px;background:linear-gradient(90deg,var(--bg3) 25%,var(--border) 50%,var(--bg3) 75%);background-size:600px 100%;animation:shimmer 1.4s infinite linear}.skel-tabs{display:flex;gap:8px;margin:24px 0 20px;flex-wrap:wrap}.skel-tab{height:38px;border-radius:10px}.skel-filters{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.skel-filter-pill{height:30px;border-radius:20px}.skel-sem-title{height:14px;width:160px;margin-bottom:14px;border-radius:4px}.skel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin-bottom:28px}.skel-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:12px}.skel-card-header{display:flex;justify-content:space-between;align-items:center}.skel-card-title{height:16px;width:60%;border-radius:4px}.skel-card-code{height:20px;width:18%;border-radius:6px}.skel-link{height:36px;border-radius:8px}