.lm-sidebar-bg{background:#e6f2f3;min-height:100%;overflow:hidden;width:100%}.lm-sidebar-outer{overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1);width:100%}.lm-sidebar-outer.collapsed{width:0}@media only screen and (max-width:896px){.lm-sidebar-outer{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1)}.lm-sidebar-outer.collapsed{grid-template-rows:0fr}.lm-sidebar-outer>.lm-sidebar{border-radius:0;margin:0;min-height:0;min-width:0;overflow:hidden;width:100%}}.lm-sidebar-bg .lm-sidebar{background:#fff;border-radius:4px;color:#333;display:block;flex:none;font-weight:400;margin:16px auto;overflow:hidden;position:relative;width:calc(100% - 30px)}.l-content__inner{display:flex}.l-content__inner>.l-main{flex:1;min-width:0}.l-content__inner>.l-globalNav{flex-shrink:0;overflow:visible;transition:width .4s cubic-bezier(.4,0,.2,1);width:290px}.l-content__inner>.l-globalNav:has(.lm-sidebar-collapsed){width:50px}@media only screen and (max-width:1366px){.l-content__inner>.l-globalNav{width:240px}}@media only screen and (max-width:896px){.l-content__inner{flex-direction:column}.l-content__inner>.l-globalNav{width:100%}.l-content__inner>.l-globalNav:has(.lm-sidebar-collapsed){width:100%}}.lm-sidebar-wrapper{min-width:36px;position:relative}.lm-sidebar-toggle{background:#3bbfbf;border-radius:50%;cursor:pointer;line-height:1;padding:8px;position:absolute;right:10px;top:6px;transition:background .2s;z-index:10}.lm-sidebar-toggle:hover{background:#2eafaf}.lm-sidebar-toggle .lm-icon-img{filter:brightness(0) invert(1);height:22px;width:22px}.lm-sidebar-wrapper.lm-sidebar-collapsed .lm-sidebar-toggle{left:6px;position:fixed;right:auto;top:87px;z-index:200}@media only screen and (max-width:896px){.lm-sidebar-wrapper.lm-sidebar-collapsed{display:flex;justify-content:flex-end;padding:8px}.lm-sidebar-wrapper.lm-sidebar-collapsed .lm-sidebar-toggle{position:relative;right:auto;top:auto}}.lm-sidebar-bg .lm-profile{align-items:flex-start;display:flex;gap:12px;height:auto;padding:20px 16px 12px}.lm-profile-avatar{align-items:center;background:#ccc;border-radius:50%;display:flex;flex-shrink:0;height:52px;justify-content:center;width:52px}.lm-profile-avatar svg{fill:#fff;height:30px;width:30px}.lm-profile-avatar img{border-radius:50%;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.lm-profile-info{flex:1;padding-top:4px}.lm-profile-name{color:#333;font-size:14px;font-weight:700;margin-bottom:2px}.lm-btn-student-inf{color:#3bbfbf;text-decoration:underline}.lm-btn-student-inf:hover{color:#3bbfbf}.lm-profile-id{color:#666;font-size:12px;margin-bottom:8px;margin-left:2rem;text-indent:-2rem;word-break:break-all}.lm-btn-student-info{background:#fff;border:1px solid #aaa;border-radius:20px;color:#333;cursor:pointer;display:inline-block;font-size:12px;padding:3px 12px;white-space:nowrap}.lm-btn-student-info:hover{background:#f5f5f5}.lm-mybarcode-row{font-size:13px;padding:4px 16px 12px}.lm-mybarcode-label,.lm-mybarcode-row{align-items:center;color:#333;display:flex}.lm-mybarcode-label{cursor:pointer;gap:8px;text-decoration:none}.lm-mybarcode-label:after{background:#333;content:"";display:inline-block;height:1px;position:relative;width:60px}.lm-mybarcode-label:hover{color:#3bbfbf}.lm-logout-wrap{padding:0 16px 16px;text-align:center}.lm-btn-logout{align-items:center;background:#3bbfbf;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:6px;justify-content:center;padding:8px 24px;white-space:nowrap;width:100%;writing-mode:horizontal-tb}.lm-btn-logout:hover{background:#2eafaf}.lm-logout-wrap .lm-btn-logout-icon{filter:brightness(0) invert(1);height:18px;min-width:18px;width:18px}.lm-course-section{border-top:1px solid #eee}.lm-course-header{align-items:center;background:#3bbfbf;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:12px 16px}.lm-course-header:hover{background:#2eafaf}.lm-course-header .lm-icon{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:18px;height:18px;justify-content:center;line-height:1;width:18px}.lm-course-header .lm-icon .lm-icon-img{filter:brightness(0) invert(1);flex-shrink:0;height:100%;width:100%}.lm-course-header>span:first-child{flex:1;min-width:0}.lm-course-header .lm-course-header-actions{align-items:center;display:flex;flex-shrink:0;gap:6px;margin-left:auto}.lm-course-section:has(.lm-course-body.open) .lm-course-header{background:#2eafaf;color:#fff}.lm-course-body{display:none}.lm-course-body.open{display:block}.lm-accordion-group{margin-bottom:2px}.lm-accordion-header{align-items:center;background:#f0fafa;color:#3bbfbf;cursor:pointer;display:flex;font-size:13px;font-weight:700;justify-content:space-between;padding:9px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lm-accordion-header:hover{background:#7dd9d9;color:#fff}.lm-accordion-header .lm-chevron{font-size:12px;transition:transform .2s}.lm-accordion-header.closed .lm-chevron{transform:rotate(-90deg)}.lm-accordion-header--flat{cursor:default;pointer-events:none}.lm-accordion-header--flat .lm-chevron{display:none}.lm-accordion-body{display:block;margin-left:16px;padding-bottom:8px;padding-left:3px;position:relative}.lm-accordion-body:before{background:#3bbfbf;bottom:8px;content:"";left:0;position:absolute;top:8px;width:3px}.lm-accordion-body.hidden{display:none}.lm-menu-item{align-items:center;border-bottom:1px solid #eee;color:#333;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;overflow:hidden;padding:8px 12px;text-decoration:none;word-break:break-word}.lm-menu-item:last-child{border-bottom:none}.lm-menu-item:hover{background:#f0fafa;color:#3bbfbf}.lm-menu-item.is-active{color:#32b5d5;font-weight:700}.lm-menu-item .badge{color:#e55;font-size:11px;font-weight:700;margin-left:4px}.lm-menu-item .lm-ext-icon{color:#aaa;font-size:12px}.lm-badge-alert,.lm-menu-item .lm-ext-icon{align-items:center;display:inline-flex;flex-shrink:0}.lm-badge-alert{background:#e55;border-radius:50%;color:#fff;font-size:10px;font-weight:700;height:16px;justify-content:center;margin-left:4px;vertical-align:middle;width:16px}.lm-badge-count{color:#e55;font-size:11px;font-weight:700;margin-left:auto}.lm-accordion-header .lm-icon .lm-icon-img,.lm-course-header .lm-icon .lm-icon-img,.lm-menu-item--expandable .lm-chevron .lm-icon-img{display:block;flex-shrink:0;height:16px;min-width:16px;width:16px}.lm-menu-item .lm-ext-icon .lm-icon-img{display:inline-block;flex-shrink:0;height:12px;min-width:12px;opacity:.5;vertical-align:middle;width:12px}.lm-menu-divider{border:none;border-top:1px dashed #ddd;margin:4px 12px}.lm-menu-item--expandable{align-items:center;color:#333;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lm-menu-item--expandable:hover{background:#f0fafa;color:#3bbfbf}.lm-menu-item--expandable .badge{color:#e55;font-size:11px;font-weight:700;margin-left:4px}.lm-menu-item--expandable .lm-chevron{font-size:12px;transition:transform .2s}.lm-menu-item--expandable .lm-chevron .lm-icon-img{height:12px;width:12px}.lm-menu-item--expandable{background:#f0f0f0}.lm-menu-sub-list{background:#fff}.lm-menu-sub-list.hidden{display:none}.lm-menu-sub-list .lm-menu-item{background:#fff;padding-left:24px}.lm-menu-logout-section{border-top:1px solid #eee;padding:4px 0}.lm-online-store-wrap{border-top:1px solid #eee;padding:16px}.lm-btn-online-store{align-items:center;background:#fff;border:1px solid #aaa;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:13px;gap:8px;justify-content:center;margin:0 auto;padding:8px 16px;width:160px}.lm-btn-online-store:hover{background:#f5f5f5}.lm-modal-overlay{align-items:center;background:rgba(0,0,0,.3);display:none;inset:0;justify-content:center;position:fixed;z-index:100}.lm-modal-overlay.show{display:flex}.lm-modal{background:#fff;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.15);padding:16px;position:relative;width:240px}.lm-modal-title{color:#333;font-size:14px;font-weight:700;margin-bottom:12px}.lm-modal-close{background:none;border:none;color:#aaa;cursor:pointer;font-size:18px;line-height:1;position:absolute;right:12px;top:10px}.lm-modal-close:hover{color:#333}.lm-barcode-wrap{text-align:center}.lm-barcode-wrap svg{height:60px;width:180px}.lm-barcode-number{color:#333;font-size:11px;margin-top:4px}
