body{font-family:Arial,sans-serif;margin:0;min-height:100vh;display:inline}.sidebar{width:250px;height:90vh;background:#384859;display:flex;flex-direction:column;align-items:center;justify-content:start;position:absolute;left:-250px;transition:left .1s;z-index:1;overflow-y:auto;overflow-x:hidden}.sidebar-content{width:100%}.sidebar.show{left:0}.class_inline{display:flex}#ToppicTitleId{margin-left:24px;margin-top:5px}.toggle-button{position:absolute;background-color:#384859!important;color:#fff!important;border:1px solid #ddd;border-radius:5px;cursor:pointer;z-index:201;font-weight:bold;font-size:larger;margin:3px}.chat-container{width:100%;display:flex;flex-direction:column;height:80vh;position:relative}.chat-box{flex:1;display:flex;flex-direction:column;text-align:center;max-height:70vh}.chat-container.shifted{margin-left:200px;width:calc(100% - 200px)}.chat-messages{flex:1;overflow-y:auto;margin-left:40px;z-index:0}.message{display:flex;text-align:start}.message .role{font-weight:bold;display:inline-block;vertical-align:top;width:32px;color:#2f58f6}.message .question{margin-left:10px;display:inline-block;padding-left:10px;margin-bottom:5px;border-left:2px solid #0000fb}.message .reply{margin-left:10px;display:inline-block;padding-left:10px;margin-bottom:5px;border-left:2px solid #0000fb}.input-box{position:absolute;bottom:0;right:0;left:0;padding:10px;border:1px solid #ddd;background-color:#f9f9f9;max-width:1024px;margin:auto;border-radius:5px}#chat-input{flex:1;padding:10px;border:1px solid #ddd;border-radius:5px;resize:none;font-size:16px;overflow-y:hidden;max-height:300px;overflow-y:auto}#chat-input:focus{border-color:#10a37f;outline:0}#send-button{margin-left:10px;padding:10px 20px;border:0;background-color:#10a37f;color:#fff;font-size:24px;border-radius:5px;cursor:pointer;font-weight:bold}#send-button:hover{background-color:#1ec39b}.spinner{display:none;width:50px;height:50px;border:5px solid #d3d3d3;border-top:5px solid #10a37f;border-radius:50%;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2024}.popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.popup-content{background-color:#fff;padding:20px;border-radius:8px;text-align:center;width:500px;position:relative}.close{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer;color:#000}.share-link-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px}#shareLink{width:70%;padding:5px;margin-right:10px}#copyLinkBtn{padding:5px 10px;cursor:pointer}.social-buttons button{margin:5px;padding:10px 20px;font-size:14px;cursor:pointer}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.btn-light{min-width:120px;border-color:#ddd;background-color:#fff}.btn-light:hover{background-color:#ddd;border-color:#8ad3d3}.btn-outline-primary:hover{color:#222;background-color:#8ad3d3;border-color:#10a37f}.btn-outline-primary:focus,.btn-outline-primary.focus{box-shadow:0 0 0 .2rem rgba(119,204,204,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#10a37f;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle{color:#212529;background-color:#8ad3d3;border-color:#7cc}.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,204,204,.5)}.login-page{width:100%;padding:2% 0 0;margin:auto;height:auto!important;max-width:480px}.menu{width:100%;z-index:1000}.menu ul{list-style-type:none;padding:0}.menu li{display:block;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0;border-radius:4px;position:relative}.topic{list-style-type:none!important;text-align:left;padding:0;position:relative}.topic:hover{background-color:rgba(0,0,0,.1);transition:background-color .5s}.topic-name{display:inline-block;min-width:100px;padding:5px;margin:3px;text-decoration:none;color:#fff;font-weight:normal}.topic-name:hover{color:#10a37f}.dropbtn{background-color:transparent;margin:5px;font-size:14px;border:0;cursor:pointer;border-radius:4px;color:#1e90ff}.dropdown-container{position:absolute;display:none;background-color:#f9f9f9;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:101}.topic-input{width:100%;padding:5px;font-size:16px;border:0 solid #ccc;border-radius:4px;box-sizing:border-box}.dropdown-content{display:block}.dropdown-content a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a:hover{background-color:#f1f1f1}.file-upload{display:flex;justify-content:center;align-items:center;height:96px;border:1px dashed #10a37f;border-radius:5px;background-color:#f8f9fa;color:#10a37f;cursor:pointer;transition:background-color .3s;padding:10px 20px;font-size:16px}.file-upload:hover{background-color:#e9ecef}.file-upload input[type="file"]{display:none}.file-icon{width:20px;height:20px;margin-right:10px}.files_name_upload{display:block;margin-top:20px;clear:both;max-width:1024px;text-align:left;margin:auto;position:relative;height:auto}.comment-list{max-width:900px;margin:auto}.comment-list .card{border-radius:14px;margin-bottom:20px;border:1px solid #eee}.comment-list .card-body{font-size:15px}.comment-wrapper{max-width:850px;margin:40px auto}.comment-date{font-size:12px;opacity:.7}.avatar{width:40px;height:40px;border-radius:50%;background:#0d6efd;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold}.reply-item{background:#f8f9fa;border-left:3px solid #0d6efd}.comment-children{margin-left:20px;border-left:2px solid #eee;padding-left:15px}.share-floating{position:fixed;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:1000}.share-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-weight:bold;border:0;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15);transition:.2s}.share-btn:hover{transform:scale(1.08)}.facebook{background:#1877f2}.twitter{background:#111}.zalo{background:#0068ff}.copy{background:#6c757d}.reddit{background:#ff4500;color:#fff}.EasyMDEContainer .editor-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:8px}.EasyMDEContainer .editor-toolbar button{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center}.EasyMDEContainer .editor-toolbar button i{line-height:1}.EasyMDEContainer .CodeMirror{min-height:500px}@media(max-width:768px){.chat-messages{margin-left:0}#chat-input{width:100%;left:0}#chat-input input{width:85%;left:0}.chat-container{height:80vh}.chat-box{max-height:70vh}.share-floating{right:10px;gap:8px}.share-btn{width:40px;height:40px}}