:root{--bg: #0f0f0f;--bg-card: #1a1a1a;--bg-hover: #222;--accent: #fffacd;--accent-dim: rgba(255, 250, 205, .3);--text: #e8e8e8;--text-dim: #999;--danger: #ff6b6b;--success: #51cf66;--blue: #74c0fc;--radius: 12px;--sidebar-w: 240px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--bg-card);border-right:1px solid var(--accent-dim);padding:1.5rem 1rem;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0}.sidebar-header{margin-bottom:1.5rem}.sidebar-header h2{color:var(--accent);font-weight:300;font-size:1.4rem}.role-badge{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:10px;background:var(--accent-dim);color:var(--accent);margin-top:4px}.sidebar-user{font-size:.85rem;color:var(--text-dim);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--accent-dim)}.nav-links{list-style:none;flex:1}.nav-links li{margin-bottom:4px}.nav-links a{display:block;padding:.6rem 1rem;border-radius:8px;color:var(--text-dim);transition:all .2s}.nav-links a:hover{background:var(--bg-hover);color:var(--text)}.nav-links a.active{background:var(--accent-dim);color:var(--accent)}.logout-btn{background:none;border:1px solid var(--accent-dim);color:var(--text-dim);padding:.5rem;border-radius:8px;cursor:pointer;transition:all .2s}.logout-btn:hover{border-color:var(--danger);color:var(--danger)}.content{margin-left:var(--sidebar-w);flex:1;padding:2rem;max-width:1200px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-form{background:var(--bg-card);padding:2.5rem;border-radius:var(--radius);border:1px solid var(--accent-dim);width:100%;max-width:400px}.auth-form h1{color:var(--accent);font-weight:300;margin-bottom:1.5rem;text-align:center}.auth-form label{display:block;margin-bottom:1rem;font-size:.85rem;color:var(--text-dim)}.auth-form input{display:block;width:100%;margin-top:4px;padding:.7rem;background:var(--bg);border:1px solid var(--accent-dim);border-radius:8px;color:var(--text);font-size:1rem}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-form button[type=submit]{width:100%;padding:.8rem;margin-top:.5rem;background:var(--accent);color:var(--bg);border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:opacity .2s}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.error-msg{background:#ff6b6b26;color:var(--danger);padding:.7rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}h1{font-weight:300;color:var(--accent);margin-bottom:1rem}h2{font-weight:300;color:var(--accent)}h3{font-weight:400;color:var(--text);margin-bottom:.5rem}.btn-primary{background:var(--accent);color:var(--bg);border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:500;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.5}.btn-secondary{background:var(--bg-hover);color:var(--text);border:1px solid var(--accent-dim);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer}.btn-sm{font-size:.8rem;padding:.3rem .6rem;border-radius:6px;border:1px solid var(--accent-dim);background:none;color:var(--text-dim);cursor:pointer}.btn-sm:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{border-color:var(--danger);color:var(--danger)}.btn-danger:hover{background:#ff6b6b26}.btn-back{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.95rem;margin-bottom:1rem;display:inline-block}.search-bar{display:flex;gap:.5rem;margin-bottom:1.5rem}.search-bar input{flex:1;padding:.6rem 1rem;background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:8px;color:var(--text);font-size:.95rem}.search-bar input:focus{outline:none;border-color:var(--accent)}.search-bar button{padding:.6rem 1rem}.badge{font-size:.75rem;padding:2px 8px;border-radius:10px;font-weight:500}.badge-green{background:#51cf6626;color:var(--success)}.badge-red{background:#ff6b6b26;color:var(--danger)}.badge-blue{background:#74c0fc26;color:var(--blue)}.badge-gray{background:#99999926;color:var(--text-dim)}.data-table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius);overflow:hidden}.data-table th{text-align:left;padding:.8rem 1rem;background:var(--bg-hover);color:var(--text-dim);font-weight:500;font-size:.85rem}.data-table td{padding:.7rem 1rem;border-top:1px solid rgba(255,255,255,.05);font-size:.9rem}.data-table .actions{display:flex;gap:.4rem}.code-cell{display:flex;align-items:center;gap:.5rem}.code-cell code{font-size:.8rem;color:var(--text-dim)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.stat-card{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:1.5rem;text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:300;color:var(--accent)}.stat-label{color:var(--text-dim);font-size:.9rem}.learning-layout{display:flex;gap:1.5rem;min-height:60vh}.modules-panel{width:300px;flex-shrink:0;background:var(--bg-card);border-radius:var(--radius);padding:1rem;border:1px solid var(--accent-dim)}.materials-panel{flex:1}.modules-list{list-style:none}.module-item{padding:.8rem;border-radius:8px;cursor:pointer;margin-bottom:4px;transition:background .2s}.module-item:hover{background:var(--bg-hover)}.module-item.active{background:var(--accent-dim)}.unsorted-item{border-bottom:1px solid var(--accent-dim);margin-bottom:.5rem;padding-bottom:.8rem}.module-item-header{display:flex;align-items:center;gap:.5rem}.module-title{font-weight:500}.module-stats{font-size:.8rem;color:var(--text-dim)}.module-actions{display:flex;gap:.3rem;margin-top:.3rem}.module-desc{color:var(--text-dim);font-size:.9rem;margin-top:.3rem}.materials-list{display:flex;flex-direction:column;gap:.5rem}.material-card{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:8px;transition:all .2s}.material-card:hover{border-color:var(--accent-dim)}.material-card.clickable{cursor:pointer}.material-info{display:flex;align-items:center;gap:.5rem;flex:1;flex-wrap:wrap}.material-actions{display:flex;gap:.3rem}.module-ref{font-size:.8rem;color:var(--text-dim)}.type-badge{font-size:.7rem;padding:2px 8px;border-radius:6px;font-weight:500;text-transform:uppercase}.type-article{background:#74c0fc26;color:var(--blue)}.type-pdf{background:#ff6b6b26;color:var(--danger)}.type-video,.type-video_link{background:#b266ff26;color:#b266ff}.type-image{background:#51cf6626;color:var(--success)}.type-link{background:#fffacd26;color:var(--accent)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.module-card{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:1.5rem;cursor:pointer;transition:all .3s}.module-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #fffacd14}.module-card h3{color:var(--accent);margin-bottom:.5rem}.module-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:.5rem}.material-view{max-width:800px}.material-content{margin-top:1.5rem}.article-content{line-height:1.8;color:var(--text-dim)}.article-content h1,.article-content h2,.article-content h3{color:var(--accent);margin:1.5rem 0 .5rem}.article-content p{margin-bottom:1rem}.article-content img{max-width:100%;border-radius:8px}.pdf-viewer iframe,.pdf-viewer embed{width:100%;height:80vh;border:none;border-radius:8px}.video-player{width:100%;border-radius:8px}.video-embed iframe{width:100%;aspect-ratio:16/9;border:none;border-radius:8px}.material-image{max-width:100%;border-radius:8px}.external-link{display:inline-block;padding:.8rem 1.5rem;background:var(--accent-dim);border-radius:8px;color:var(--accent);font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100;padding:2rem}.modal{background:var(--bg-card);border:1px solid var(--accent-dim);border-radius:var(--radius);padding:2rem;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal h2{margin-bottom:1.5rem}.modal label{display:block;margin-bottom:1rem;font-size:.85rem;color:var(--text-dim)}.modal input,.modal textarea,.modal select{display:block;width:100%;margin-top:4px;padding:.6rem;background:var(--bg);border:1px solid var(--accent-dim);border-radius:8px;color:var(--text);font-size:.95rem;font-family:inherit}.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:var(--accent)}.modal input[type=file]{padding:.4rem}.modal input[type=checkbox]{width:auto;display:inline;margin-right:.5rem}.checkbox-label{display:flex!important;align-items:center}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.5rem}.empty{color:var(--text-dim);text-align:center;padding:2rem}.loading{text-align:center;padding:3rem;color:var(--text-dim)}.current-file{margin:.4rem 0;padding:.4rem .6rem;background:var(--bg-hover);border-radius:6px;font-size:.85rem}.current-file a{color:var(--accent)}.preview-modal{max-width:900px;width:95vw;max-height:90vh;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header h2{margin:0;font-size:1.2rem}.preview-body{flex:1;overflow:auto}.preview-pdf{width:100%;height:70vh;border:none;border-radius:8px}.preview-video{max-width:100%;max-height:70vh;border-radius:8px;display:block;margin:0 auto}.preview-video-embed{width:100%;aspect-ratio:16/9;border:none;border-radius:8px}.preview-image{max-width:100%;max-height:70vh;border-radius:8px;display:block;margin:0 auto}.preview-text{white-space:pre-wrap;line-height:1.7;color:var(--text-dim)}.preview-description{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--accent-dim);white-space:pre-wrap;color:var(--text-dim)}.preview-footer{margin-top:1rem;text-align:center}.preview-footer a{display:inline-block;text-decoration:none}@media (max-width: 768px){.sidebar{width:100%;position:relative;border-right:none;border-bottom:1px solid var(--accent-dim)}.layout{flex-direction:column}.content{margin-left:0;padding:1rem}.learning-layout{flex-direction:column}.modules-panel{width:100%}.data-table{font-size:.8rem}.data-table th,.data-table td{padding:.5rem}}