@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f172a;--sidebar-bg:#1e293b;--accent-color:#3b82f6;--accent-hover:#60a5fa;--text-primary:#f8fafc;--text-secondary:#94a3b8;--glass-bg:#1e293bb3;--glass-border:#ffffff1a;--card-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}.sidebar,.login-card,button,.nav-item{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.auth-container{background:radial-gradient(circle at top left, #1e3a8a, var(--bg-color));justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;width:100%;max-width:400px;padding:40px;animation:.6s ease-out fadeIn;box-shadow:0 25px 50px -12px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-card h1{background:linear-gradient(90deg,#60a5fa,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:2rem}.login-card p{color:var(--text-secondary);margin-bottom:32px}.login-card input{border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition);background:#0f172a80;border-radius:12px;outline:none;margin-bottom:20px;padding:14px 20px;font-size:1rem}.login-card input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f633}.login-card button{background:var(--accent-color);color:#fff;cursor:pointer;width:100%;transition:var(--transition);border:none;border-radius:12px;padding:14px;font-weight:600}.login-card button:hover{background:var(--accent-hover);transform:translateY(-2px)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--glass-border);z-index:1000;flex-direction:column;width:320px;height:100vh;padding:24px;transition:transform .3s;display:flex;position:sticky;top:0}.sidebar.closed{position:fixed;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{margin-bottom:40px}.mobile-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.logo{color:var(--accent-color);font-size:1.5rem;font-weight:700}.nav-list{flex:1}.menu-item-container{margin-bottom:4px}.nav-item{cursor:pointer;transition:var(--transition);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:.95rem;display:flex}.nav-item:hover{color:var(--text-primary);background:#ffffff0d}.nav-item.active{color:var(--accent-color);background:#3b82f626;font-weight:600}.nav-item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.folder-item{color:var(--text-primary)}.nav-item-arrow{opacity:.5;align-items:center;display:flex}.submenu{margin-top:4px;position:relative}.submenu:before{content:"";background:var(--glass-border);width:1px;position:absolute;top:0;bottom:0;left:20px}.main-content{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:40px}.mobile-header{margin-bottom:20px;display:none}.menu-toggle-btn{border:1px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:#3b82f61a;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-weight:600;display:flex}.content-header{margin-bottom:32px}.content-header h2{margin-bottom:8px;font-size:2.5rem}.video-player-container{aspect-ratio:16/9;border:1px solid var(--glass-border);background:#000;border-radius:20px;width:100%;margin-bottom:32px;overflow:hidden}video{width:100%;height:100%}.article-content{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:32px}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h2{border-bottom:1px solid var(--glass-border);padding-bottom:.3em}.markdown-body p{margin-bottom:16px}.markdown-body ul,.markdown-body ol{margin-bottom:16px;padding-left:2em}.markdown-body li{margin-bottom:4px}.markdown-body code{background:#ffffff1a;border-radius:6px;padding:.2em .4em;font-family:monospace}.markdown-body table{border-collapse:collapse;border:1px solid var(--glass-border);background:#ffffff05;border-radius:12px;width:100%;margin-bottom:24px;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{text-align:left;border-bottom:1px solid var(--glass-border);min-width:120px;padding:12px 16px}.markdown-body th{color:var(--accent-color);text-transform:uppercase;background:#3b82f61a;font-size:.9rem;font-weight:600}.markdown-body tr:last-child td{border-bottom:none}.markdown-body tr:hover{background:#ffffff08}.markdown-body img{border:1px solid var(--glass-border);border-radius:12px;max-width:100%;height:auto;margin:20px auto;display:block}@media (width>=769px){.sidebar.closed{position:sticky;transform:translate(0)}}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{width:85%;max-width:320px;height:100vh;position:fixed;top:0;left:0;box-shadow:10px 0 30px #00000080}.mobile-close-btn,.mobile-header{display:block}.main-content{padding:20px}.content-header h2{font-size:1.75rem}.article-content{padding:20px}.markdown-body img{max-width:100%}}