.navbar[data-v-344eab07]{position:fixed;top:0;left:0;background-color:transparent;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;width:40%;height:50px}.navbar-container[data-v-344eab07]{width:100%;height:100%;margin:0 auto;padding:1rem;display:flex}.logo[data-v-344eab07]{width:15%;margin-right:5%;height:auto}.navbar-menu[data-v-344eab07]{display:flex;width:80%;justify-content:space-between}.navbar-link[data-v-344eab07]{text-align:center;text-decoration:none;color:#666;font-weight:500;padding:.5rem 0;position:relative}.navbar-link[data-v-344eab07]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#42b983;transition:width .3s ease}.navbar-link[data-v-344eab07]:hover:after{width:100%}.navbar-link.router-link-exact-active[data-v-344eab07]{color:#42b983}@media (max-width:500px){.navbar[data-v-344eab07]{width:100%;height:90px}.navbar-container[data-v-344eab07]{display:flex;flex-direction:column;align-items:flex-start}.logo[data-v-344eab07]{width:auto;height:50px;margin-bottom:10px}.navbar-menu[data-v-344eab07]{width:100%;height:30px}.navbar-link[data-v-344eab07]{width:-moz-fit-content;width:fit-content;flex-grow:1}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;margin-top:60px}.container[data-v-dd454cf0]{display:flex;flex-direction:column;gap:20px;width:100%;margin-left:40px;margin-right:auto;margin-top:20vh}.main-tabs[data-v-dd454cf0]{display:flex;flex-direction:row;gap:10px}.subtabs[data-v-dd454cf0],.tabs[data-v-dd454cf0]{padding:10px 20px;cursor:pointer;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;transition:background-color .3s ease}.subtabs[data-v-dd454cf0]:hover,.tabs[data-v-dd454cf0]:hover{background-color:#e0e0e0}.subtabs[data-v-dd454cf0]:focus,.tabs[data-v-dd454cf0]:focus{outline:none}.subtabs.active[data-v-dd454cf0],.tabs.active[data-v-dd454cf0]{background:linear-gradient(180deg,#64ff64,#cfc);color:#006400;font-weight:700}.sub-tabs[data-v-dd454cf0]{display:flex;flex-direction:row;gap:10px;margin-top:10px;align-items:center;width:100%;overflow-x:auto;white-space:nowrap}.course-container[data-v-dd454cf0]{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap}.courses[data-v-dd454cf0]{width:200px;margin:20px;cursor:pointer}.courses img[data-v-dd454cf0]{width:100%;height:auto;max-height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px;margin-bottom:10px}.courseName[data-v-dd454cf0]{display:flex;justify-content:center;font-size:16px;font-weight:500;color:#333;text-align:left;width:100%}.no-data-container[data-v-dd454cf0]{display:flex;justify-content:center;align-items:center;height:300px;width:100%}@media (max-width:768px){.container[data-v-dd454cf0]{margin:10px;margin-top:15vh}.main-tabs[data-v-dd454cf0]{display:flex;justify-content:space-between;width:100%;margin-top:50px}.sub-tabs[data-v-dd454cf0]{display:flex;justify-content:space-between;width:100%;white-space:nowrap;padding-bottom:5px}.subtabs[data-v-dd454cf0],.tabs[data-v-dd454cf0]{flex:1;text-align:center;padding:8px 10px;font-size:14px}.course-container[data-v-dd454cf0]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.courses[data-v-dd454cf0]{width:100%;max-width:100%;height:150px}}.backButton{justify-content:center;border:none;border-radius:10%;background:linear-gradient(180deg,#d3d3d3,#fff);cursor:pointer}.container[data-v-812cbd6c]{display:flex;justify-content:center}.navbar1[data-v-812cbd6c]{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:40px;margin-bottom:10px}.back-button[data-v-812cbd6c]{width:20%;height:100%}.course-info-container[data-v-812cbd6c]{display:flex;flex-direction:column;justify-content:flex-start;width:50%;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;background-color:#fff}.course-cover[data-v-812cbd6c]{display:flex;align-self:center;width:100%;height:auto;margin-top:10px}.title[data-v-812cbd6c]{border-bottom:2px solid #000;padding-bottom:10px}@media (max-width:500px){.navbar1[data-v-812cbd6c]{margin-top:10vh}.course-info-container[data-v-812cbd6c]{width:100%}.back-button[data-v-812cbd6c]{width:30%;font-size:90%}}.container[data-v-275da5b6]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;margin:0 auto}.tabs[data-v-275da5b6]{display:flex;flex-direction:row;width:70%;height:40px;margin-top:10vh}.tab[data-v-275da5b6]{display:flex;justify-content:center;align-items:center;flex:1;text-align:center;padding:10px;border:1px solid #ccc;cursor:pointer;transition:background-color .3s ease}.active[data-v-275da5b6]{background:linear-gradient(180deg,#64ff64,#cfc);color:#006400;font-weight:700}.form[data-v-275da5b6]{width:100%;max-width:500px;margin-top:20px}.form-group[data-v-275da5b6]{display:flex;align-items:center;margin-bottom:15px}label[data-v-275da5b6]{width:30%;text-align:right;margin-right:10px;font-size:16px}.input-field[data-v-275da5b6]{flex:1;width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.button-container[data-v-275da5b6]{display:flex;justify-content:center;margin-top:20px}.submit-button[data-v-275da5b6]{margin-top:20px;width:30%;height:50px;background:linear-gradient(180deg,#00b400,#0f0);border:none;border-radius:10%;cursor:pointer}.submit-button[data-v-275da5b6]:hover{background-color:#218838}.modal[data-v-275da5b6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content[data-v-275da5b6]{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2);width:300px;outline:none}.modal-button[data-v-275da5b6]{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-button[data-v-275da5b6]:hover{background-color:#0056b3}@media (max-width:500px){.container[data-v-275da5b6]{width:100%}}.container[data-v-98e7ae6a]{display:flex;flex-direction:column;width:50%;margin:auto}.list[data-v-98e7ae6a]{display:flex;flex-direction:column;width:100%;gap:15px;margin-top:10vh;margin-left:auto}.list-item[data-v-98e7ae6a]{background-color:#f0f0f0;padding:15px;cursor:pointer;border-radius:8px;font-size:18px}.list-item[data-v-98e7ae6a]:hover{background-color:#dcdcdc}.logout-button[data-v-98e7ae6a]{width:50%;align-self:center;margin-top:40px;padding:10px 20px;font-size:18px;color:#fff;background-color:red;border:none;border-radius:5px;cursor:pointer}.logout-button[data-v-98e7ae6a]:hover{background-color:darkred}.modal[data-v-98e7ae6a]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-box[data-v-98e7ae6a]{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.2);width:500px;height:500px;position:relative}.back-button[data-v-98e7ae6a]{position:absolute;top:20px;left:20px;width:30px;height:30px;border:none;font-size:30px}.edit-button[data-v-98e7ae6a]{position:absolute;top:20px;right:20px;width:70px;height:30px;font-size:10px;border:none;border-radius:4px;color:#fff;background-color:#0000c8}.form[data-v-98e7ae6a]{position:absolute;top:15%;width:100%;display:flex;flex-direction:column;align-items:center}.form-group[data-v-98e7ae6a]{display:flex;align-items:flex-start;margin-bottom:15px;width:80%}label[data-v-98e7ae6a]{width:40%;text-align:right;margin-right:10%;font-size:16px}input[data-v-98e7ae6a]{width:50%;padding:8px;border:1px solid #ccc;border-radius:5px}.save-button[data-v-98e7ae6a]{bottom:5%;left:50%;transform:translateX(-50%);width:80px;font-size:20px}.message-modal-button[data-v-98e7ae6a],.save-button[data-v-98e7ae6a]{position:absolute;border:none;border-radius:4px;color:#fff;background-color:#0000c8;height:40px}.message-modal-button[data-v-98e7ae6a]{top:120px;width:60px;font-size:90%}@media (max-width:500px){.container[data-v-98e7ae6a]{width:100%}.list[data-v-98e7ae6a]{margin-top:15vh}.modal-box[data-v-98e7ae6a]{width:90%;height:400px}.form[data-v-98e7ae6a]{top:60px}.form-group[data-v-98e7ae6a]{margin-bottom:5px;width:100%}.save-button[data-v-98e7ae6a]{bottom:20px}}.container-message[data-v-dfc4c8de]{width:100%;height:100%;overflow:auto}.container-message .empty-box[data-v-dfc4c8de]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.container-message .box-item[data-v-dfc4c8de]{margin-bottom:18px}.container-message .box-item .message-item-custom[data-v-dfc4c8de]{display:grid;grid-template-columns:18% auto 40px;justify-content:end;-moz-column-gap:12px;column-gap:12px}.container-message .box-item .message-item-custom .icon[data-v-dfc4c8de]{width:40px;height:40px;background-color:#fff;border:none;padding:6px}.container-message .box-item .message-item-custom .texts .text-right[data-v-dfc4c8de]{padding:0 16px;color:#fff;position:relative}.container-message .box-item .message-item-assistant[data-v-dfc4c8de]{display:grid;grid-template-columns:40px auto 18%;justify-content:start;-moz-column-gap:12px;column-gap:12px}.container-message .box-item .message-item-assistant .icon[data-v-dfc4c8de]{width:40px;height:40px;background-color:#fff;border:none;padding:4px}.container-message .box-item .message-item-assistant .texts .text-left[data-v-dfc4c8de]{padding:0 16px;position:relative}.left[data-v-dfc4c8de],.right[data-v-dfc4c8de]{position:relative;border-radius:8px}.left[data-v-dfc4c8de]{background-color:#fff}.right[data-v-dfc4c8de]{background-color:#07c160}.left[data-v-dfc4c8de]:before{content:"";width:0;height:0;position:absolute;border:5px solid transparent;border-right-color:#07c160;left:-9px;top:15px}.right[data-v-dfc4c8de]:before{content:"";width:0;height:0;position:absolute;border:5px solid transparent;border-left-color:#07c160;right:-9px;top:15px}.pointer[data-v-4c73b3ea]{cursor:pointer}.inner-html-container[data-v-4c73b3ea]{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#d9ecff}.inner-html-container .page[data-v-4c73b3ea]{background:#fff;box-shadow:0 0 12px 12px #c6e2ff;box-sizing:border-box;border-radius:8px;overflow:hidden}.inner-html-container .page .tips[data-v-4c73b3ea]{width:100%;height:32px;background:#79bbff;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 12px;box-sizing:border-box}.inner-html-container .page .tips .title[data-v-4c73b3ea]{font-size:16px}.inner-html-container .page .tips .desc[data-v-4c73b3ea]{font-size:14px;color:#d9ecff}.inner-html-container .page .grid-box[data-v-4c73b3ea]{display:grid;grid-template-columns:24% auto;-moz-column-gap:12px;column-gap:12px}.inner-html-container .page .grid-space-between[data-v-4c73b3ea]{width:100%;height:calc(100% - 48px)}.inner-html-container .page .grid-space-between .left-container[data-v-4c73b3ea]{background-color:#f7f8fa;padding:12px;height:calc(90vh - 56px)}.inner-html-container .page .grid-space-between .left-container .session-area[data-v-4c73b3ea]{width:100%;height:calc(90vh - 100px);margin-top:12px;box-sizing:border-box;overflow-y:auto}.inner-html-container .page .grid-space-between .left-container .session-area .session-item[data-v-4c73b3ea]{height:36px;line-height:36px;margin-bottom:8px;border-radius:4px;padding:0 18px;background:#c8c9cc;color:#f4f5f5;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.inner-html-container .page .grid-space-between .left-container .session-area .session-item .normal-node[data-v-4c73b3ea]{padding-left:14px}.inner-html-container .page .grid-space-between .left-container .session-area .session-item .icon-box[data-v-4c73b3ea]{display:grid;-moz-column-gap:8px;column-gap:8px;grid-template-columns:repeat(2,1fr)}.inner-html-container .page .grid-space-between .left-container .session-area .session-item .icon-box .icon[data-v-4c73b3ea]{cursor:pointer}.inner-html-container .page .grid-space-between .left-container .session-area .session-item-active[data-v-4c73b3ea]{background:#337ecc;color:#f4f5f5}.inner-html-container .page .grid-space-between .left-container .session-area .session-item-active .active-node[data-v-4c73b3ea]{display:flex;align-items:center}.inner-html-container .page .grid-space-between .left-container .session-area .session-item-active .active-node[data-v-4c73b3ea]:before{display:inline-block;content:"";width:6px;height:6px;background:#fff;border-radius:50%;margin-right:8px}.inner-html-container .page .chat-container[data-v-4c73b3ea]{width:100%;height:calc(90vh - 32px);background:#fff;border-radius:8px}.inner-html-container .page .chat-container .message-area[data-v-4c73b3ea]{height:calc(100% - 100px);width:calc(100% - 32px);padding:16px 16px 0 16px}.inner-html-container .page .chat-container .left-space[data-v-4c73b3ea]{margin-left:16px}.inner-html-container .page .chat-container .input-area[data-v-4c73b3ea]{height:40px;display:grid;box-sizing:border-box;background:#fff;padding:0 16px 16px 0}.inner-html-container .page .chat-container .editMode[data-v-4c73b3ea]{grid-template-columns:40px auto 90px}.inner-html-container .page .chat-container .audioMode[data-v-4c73b3ea]{grid-template-columns:40px auto}.AIButton{justify-content:center;background:linear-gradient(180deg,#00b400,#0f0);border:none;border-radius:10%;cursor:pointer}.myVideo{width:100%;height:100%}.learning-container[data-v-2eda105f]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;margin:0 auto}.navbar1[data-v-2eda105f]{display:flex;flex-direction:row;justify-content:space-between;width:100%;height:40px;margin-top:10vh}.back-button[data-v-2eda105f]{width:20%;height:100%}.tabs[data-v-2eda105f]{display:flex;flex-direction:row;width:70%;height:40px;margin-top:40px}.tab[data-v-2eda105f]{display:flex;justify-content:center;align-items:center;flex:1;text-align:center;padding:10px;border:1px solid #ccc;cursor:pointer;transition:background-color .3s ease}.active[data-v-2eda105f]{background:linear-gradient(180deg,#64ff64,#cfc);color:#006400;font-weight:700}@media (max-width:500px){.learning-container[data-v-2eda105f]{width:100%}.navbar1[data-v-2eda105f]{margin-top:10vh}.back-button[data-v-2eda105f]{width:30%;font-size:90%}.tabs[data-v-2eda105f]{width:100%}.tab[data-v-2eda105f]{font-size:90%}}.container[data-v-79768ea6]{display:flex;flex-direction:column;align-items:center;width:50%;margin:auto}.tabs[data-v-79768ea6]{display:flex;flex-direction:row;width:70%;height:40px;margin-top:10vh}.tab[data-v-79768ea6]{display:flex;justify-content:center;align-items:center;flex:1;text-align:center;padding:10px;border:1px solid #ccc;cursor:pointer;transition:background-color .3s ease}.active[data-v-79768ea6]{background:linear-gradient(180deg,#64ff64,#cfc);color:#006400;font-weight:700}.form[data-v-79768ea6]{width:600px;margin-top:60px}.form-group[data-v-79768ea6]{display:flex;align-items:center;margin-bottom:15px}label[data-v-79768ea6]{width:40%;text-align:right;margin-right:10px;font-size:16px}.input-field[data-v-79768ea6],.textarea-field[data-v-79768ea6]{flex:1;width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.textarea-field[data-v-79768ea6]{height:100px;resize:vertical}.button-container[data-v-79768ea6]{display:flex;justify-content:center;margin-top:20px}.submit-button[data-v-79768ea6]{margin-top:20px;width:30%;height:50px;justify-content:center;background:linear-gradient(180deg,#00b400,#0f0);border:none;border-radius:10%;cursor:pointer}.submit-button[data-v-79768ea6]:hover{background-color:#218838}.modal[data-v-79768ea6]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.message-modal-box[data-v-79768ea6]{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.2);width:300px;outline:none}.message-modal-button[data-v-79768ea6]{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px}.modal-button[data-v-79768ea6]:hover{background-color:#0056b3}.info-modal-box[data-v-79768ea6]{display:flex;flex-direction:column;align-items:center;position:relative;background-color:#fff;width:50%;height:600px}@media (max-width:500px){.container[data-v-79768ea6]{width:100%}.tabs[data-v-79768ea6]{width:80%;margin-top:15vh}.form[data-v-79768ea6]{width:90%}.form-group[data-v-79768ea6]{margin-bottom:5px}.info-modal-box[data-v-79768ea6]{width:90%;height:400px}.info-modal-box .form[data-v-79768ea6]{margin-top:50px}}.container[data-v-1f0111b8]{display:flex;flex-direction:column;width:50%;margin:auto;position:relative}.search-area[data-v-1f0111b8]{position:absolute;top:10vh;left:10%;display:flex;flex-direction:row;width:80%;height:40px}.search-input[data-v-1f0111b8]{width:75%;margin-right:5%;height:100%}.search-button[data-v-1f0111b8]{width:20%;height:100%;background:linear-gradient(180deg,#00b400,#0f0)}.result-list[data-v-1f0111b8]{position:relative;left:10%;top:18vh;display:flex;flex-direction:column;width:80%;gap:10px}.result-item[data-v-1f0111b8]{height:50px;color:#c8c8f0;font-size:30px;justify-content:20%}@media (max-width:500px){.container[data-v-1f0111b8]{width:100%;margin-top:15vh}}