.btn{display:inline-block;padding:8px 16px;margin:2px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:500;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.btn:hover{text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.btn:focus{outline:0;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.btn:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.1);box-shadow:0 1px 2px rgba(0,0,0,0.1)}.btn:disabled,.btn.disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#004085}.btn-primary:focus{-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.btn-secondary:focus{-webkit-box-shadow:0 0 0 3px rgba(108,117,125,0.25);box-shadow:0 0 0 3px rgba(108,117,125,0.25)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{background-color:#1e7e34;border-color:#1c7430}.btn-success:focus{-webkit-box-shadow:0 0 0 3px rgba(40,167,69,0.25);box-shadow:0 0 0 3px rgba(40,167,69,0.25)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{background-color:#bd2130;border-color:#b21f2d}.btn-danger:focus{-webkit-box-shadow:0 0 0 3px rgba(220,53,69,0.25);box-shadow:0 0 0 3px rgba(220,53,69,0.25)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{background-color:#e0a800;border-color:#d39e00}.btn-warning:focus{-webkit-box-shadow:0 0 0 3px rgba(255,193,7,0.25);box-shadow:0 0 0 3px rgba(255,193,7,0.25)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{background-color:#117a8b;border-color:#10707f}.btn-info:focus{-webkit-box-shadow:0 0 0 3px rgba(23,162,184,0.25);box-shadow:0 0 0 3px rgba(23,162,184,0.25)}.btn-outline-primary{color:#007bff;background-color:transparent;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-secondary{color:#6c757d;background-color:transparent;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-success{color:#28a745;background-color:transparent;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-danger{color:#dc3545;background-color:transparent;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-sm{padding:4px 8px;font-size:12px;border-radius:3px}.btn-lg{padding:12px 24px;font-size:16px;border-radius:6px}.btn-block{display:block;width:100%}.btn-group{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group .btn{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;margin:0}.btn-group .btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group .btn:hover{z-index:1}.btn-group .btn:focus,.btn-group .btn:active{z-index:2}.btn-close{background:none;border:none;font-size:18px;font-weight:bold;color:#999;cursor:pointer;padding:4px 8px;border-radius:50%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.btn-close:hover{color:#666;background-color:rgba(0,0,0,0.05)}.btn-close:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(0,0,0,0.1);box-shadow:0 0 0 2px rgba(0,0,0,0.1)}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-control{display:block;width:100%;padding:8px 12px;font-size:14px;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:4px;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}.form-control:invalid{border-color:#dc3545}.form-control:invalid:focus{border-color:#dc3545;-webkit-box-shadow:0 0 0 3px rgba(220,53,69,0.25);box-shadow:0 0 0 3px rgba(220,53,69,0.25)}.form-control.is-valid{border-color:#28a745}.form-control.is-valid:focus{border-color:#28a745;-webkit-box-shadow:0 0 0 3px rgba(40,167,69,0.25);box-shadow:0 0 0 3px rgba(40,167,69,0.25)}.form-control.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus{border-color:#dc3545;-webkit-box-shadow:0 0 0 3px rgba(220,53,69,0.25);box-shadow:0 0 0 3px rgba(220,53,69,0.25)}textarea.form-control{height:auto;resize:vertical}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file{display:block;width:100%}.form-control-sm{padding:4px 8px;font-size:12px;border-radius:3px}.form-control-lg{padding:12px 16px;font-size:16px;border-radius:6px}.form-label{margin-bottom:4px;font-weight:500;color:#495057}.col-form-label{padding-top:8px;padding-bottom:8px;margin-bottom:0;font-size:inherit;line-height:1.5}.form-text{display:block;margin-top:4px;font-size:12px;color:#6c757d}.valid-feedback{display:none;width:100%;margin-top:4px;font-size:12px;color:#28a745}.was-validated .form-control:valid~.valid-feedback,.form-control.is-valid~.valid-feedback{display:block}.invalid-feedback{display:none;width:100%;margin-top:4px;font-size:12px;color:#dc3545}.was-validated .form-control:invalid~.invalid-feedback,.form-control.is-invalid~.invalid-feedback{display:block}.form-control.is-valid{border-color:#28a745;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.form-control.is-invalid{border-color:#dc3545;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3cpath fill='%23dc3545' d='M6 0C2.69 0 0 2.69 0 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10.5c-2.48 0-4.5-2.02-4.5-4.5S3.52 1.5 6 1.5s4.5 2.02 4.5 4.5-2.02 4.5-4.5 4.5z'/%3e%3cpath fill='%23dc3545' d='M6 3.5c.83 0 1.5.67 1.5 1.5S6.83 6.5 6 6.5 4.5 5.83 4.5 5.5S5.17 3.5 6 3.5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(0.375em + 0.1875rem) center;background-size:calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)}.invalid-feedback{display:block;width:100%;margin-top:4px;font-size:12px;color:#dc3545;font-weight:500}.valid-feedback{display:block;width:100%;margin-top:4px;font-size:12px;color:#28a745;font-weight:500}.form-check{position:relative;display:block;padding-left:24px;margin-bottom:8px}.form-check .form-check-input{position:absolute;margin-top:2px;margin-left:-24px}.form-check .form-check-label{cursor:pointer}.form-check.form-check-inline{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:12px}.form-check.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:6px;margin-left:0}.form-check-input{width:16px;height:16px;margin-top:1px;vertical-align:top;background-color:#fff;border:1px solid rgba(0,0,0,0.25);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-check-input[type=checkbox]{border-radius:2px}.form-check-input[type=radio]{border-radius:50%}.form-check-input:focus{border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.form-check-input:checked{background-color:#007bff;border-color:#007bff}.form-check-input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;-webkit-filter:none;filter:none;opacity:0.5}.form-check-input.is-valid{border-color:#28a745}.form-check-input.is-valid:checked{background-color:#28a745;border-color:#28a745}.form-check-input.is-invalid{border-color:#dc3545}.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-prepend,.input-group-append{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-prepend .btn,.input-group-append .btn{position:relative;z-index:2}.input-group-prepend .btn:focus,.input-group-append .btn:focus{z-index:3}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:8px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:4px}.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.form-floating{position:relative}.form-floating>.form-control{height:56px;padding:16px 12px 4px}.form-floating>.form-control:not(:-moz-placeholder-shown){padding-top:20px;padding-bottom:8px}.form-floating>.form-control:not(:-ms-input-placeholder){padding-top:20px;padding-bottom:8px}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:20px;padding-bottom:8px}.form-floating>.form-control::-webkit-input-placeholder{color:transparent}.form-floating>.form-control::-moz-placeholder{color:transparent}.form-floating>.form-control:-ms-input-placeholder{color:transparent}.form-floating>.form-control::-ms-input-placeholder{color:transparent}.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control:focus::-webkit-input-placeholder{color:#6c757d}.form-floating>.form-control:focus::-moz-placeholder{color:#6c757d}.form-floating>.form-control:focus:-ms-input-placeholder{color:#6c757d}.form-floating>.form-control:focus::-ms-input-placeholder{color:#6c757d}.form-floating>.form-control:focus::placeholder{color:#6c757d}.form-floating>label{position:absolute;top:0;left:0;height:100%;padding:16px 12px;pointer-events:none;border:1px solid transparent;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;transition:opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out;transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out}.form-floating>.form-control:not(:-moz-placeholder-shown)~label{opacity:0.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:not(:-ms-input-placeholder)~label{opacity:0.65;transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label{opacity:0.65;-webkit-transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem);transform:scale(0.85) translateY(-0.5rem) translateX(0.15rem)}@media (max-width: 576px){.form-control{font-size:16px}}.card{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-width:0;background-color:#fff;border:1px solid #dee2e6;border-radius:6px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);margin-bottom:20px}.card:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15);box-shadow:0 4px 8px rgba(0,0,0,0.15);-webkit-transition:-webkit-box-shadow 0.2s ease;transition:-webkit-box-shadow 0.2s ease;transition:box-shadow 0.2s ease;transition:box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease}.card-header{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top-left-radius:5px;border-top-right-radius:5px;font-weight:600;color:#495057}.card-header:first-child{border-radius:5px 5px 0 0}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin:0;font-size:inherit;font-weight:inherit}.card-body{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:16px;color:#495057}.card-footer{padding:12px 16px;background-color:#f8f9fa;border-top:1px solid #dee2e6;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.card-title{margin-bottom:8px;font-size:1.1rem;font-weight:600;color:#212529}.card-subtitle{margin-bottom:8px;font-size:0.9rem;color:#6c757d}.card-text{margin-bottom:12px;line-height:1.5}.card-text:last-child{margin-bottom:0}.card-link{color:#007bff;text-decoration:none}.card-link:hover{color:#0056b3;text-decoration:underline}.card-link+.card-link{margin-left:12px}.card-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;gap:16px}.card-group .card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-deck{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}@media (min-width: 576px){.card-deck{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-left:-8px;margin-right:-8px}.card-deck .card{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;margin-left:8px;margin-right:8px;margin-bottom:0}}.card-columns{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:16px;-moz-column-gap:16px;column-gap:16px;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%;margin-bottom:16px}@media (min-width: 576px){.card-columns{-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (min-width: 768px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3}}.card-accordion .card{border-radius:0;border-bottom:0}.card-accordion .card:first-child{border-top-left-radius:6px;border-top-right-radius:6px}.card-accordion .card:last-child{border-bottom:1px solid #dee2e6;border-bottom-left-radius:6px;border-bottom-right-radius:6px}.card-accordion .card-header{cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.card-accordion .card-header:hover{background-color:#e9ecef}.card-accordion .card-header.collapsed{border-bottom:none}.card .list-group{border-radius:0}.card .list-group .list-group-item{border-left:0;border-right:0}.card .list-group .list-group-item:first-child{border-top:0}.card .list-group .list-group-item:last-child{border-bottom:0}.card .table{margin-bottom:0}.card .table:first-child{border-top-left-radius:5px;border-top-right-radius:5px}.card .table:last-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width: 576px){.card{margin-bottom:16px}.card-header,.card-body,.card-footer{padding:12px}}.card-primary{border-color:#007bff}.card-primary .card-header{background-color:#007bff;color:#fff;border-color:#007bff}.card-success{border-color:#28a745}.card-success .card-header{background-color:#28a745;color:#fff;border-color:#28a745}.card-danger{border-color:#dc3545}.card-danger .card-header{background-color:#dc3545;color:#fff;border-color:#dc3545}.card-warning{border-color:#ffc107}.card-warning .card-header{background-color:#ffc107;color:#212529;border-color:#ffc107}.card-info{border-color:#17a2b8}.card-info .card-header{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.dropzone-styled{border:2px dashed #ccc;border-radius:6px;padding:20px;text-align:center;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;background-color:#fafafa;min-height:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.dropzone-styled:hover{border-color:#007bff;background-color:#f8f9fa}.dropzone-styled.dropzone-active{border-color:#28a745;background-color:#e8f5e9;-webkit-transform:scale(1.02);transform:scale(1.02)}.dropzone-styled .dz-message{color:#6c757d;font-size:14px;line-height:1.5}.dropzone-styled .dz-message i,.dropzone-styled .dz-message .icon-upload{font-size:2rem;margin-bottom:10px;display:block;color:#007bff}.dropzone-styled .dz-message p{margin:10px 0 5px 0;font-weight:500;color:#333}.dropzone-styled .dz-message small{color:#999;font-size:12px}.dropzone-styled.dropzone-success{border-color:#28a745;background-color:#f8fff9}.dropzone-styled.dropzone-success .dz-message{color:#28a745}.dropzone-styled.dropzone-success .dz-message .icon-check{color:#28a745;font-size:2rem;margin-bottom:10px;display:block}.dropzone-styled.dropzone-success .dz-message p{color:#155724;font-weight:600}.dropzone-styled.dropzone-error{border-color:#dc3545;background-color:#fff5f5}.dropzone-styled.dropzone-error .dz-message{color:#dc3545}.dropzone-styled.dropzone-error .dz-message .icon-error{color:#dc3545;font-size:2rem;margin-bottom:10px;display:block}.dropzone-styled.dropzone-error .dz-message p{color:#721c24;font-weight:600}.dropzone-styled.dropzone-disabled{opacity:0.6;cursor:not-allowed;background-color:#f5f5f5}.dropzone-styled.dropzone-disabled:hover{border-color:#ccc;background-color:#f5f5f5;-webkit-transform:none;transform:none}@media (max-width: 768px){.dropzone-styled{padding:15px;min-height:100px}.dropzone-styled .dz-message{font-size:13px}.dropzone-styled .dz-message i,.dropzone-styled .dz-message .icon-upload{font-size:1.5rem;margin-bottom:8px}.dropzone-styled .dz-message p{margin:8px 0 4px 0}}@-webkit-keyframes dropzone-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes dropzone-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}.dropzone-styled.dropzone-uploading{-webkit-animation:dropzone-pulse 1.5s ease-in-out infinite;animation:dropzone-pulse 1.5s ease-in-out infinite;border-color:#007bff;background-color:#e3f2fd}.dom-demo-container{position:fixed;bottom:20px;right:20px;width:400px;max-height:600px;background:#fff;border:2px solid #007bff;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.15);box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:9999;overflow:hidden;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.dom-demo-container h3{margin:0;padding:15px 20px;background:#007bff;color:#fff;font-size:16px;font-weight:600;text-align:center}.demo-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;padding:15px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.demo-buttons .demo-btn{padding:8px 12px;font-size:12px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.demo-buttons .demo-btn:hover{background:#e9ecef;border-color:#adb5bd}.demo-buttons .demo-btn:active{background:#dee2e6;-webkit-transform:translateY(1px);transform:translateY(1px)}.demo-content{padding:20px;max-height:400px;overflow-y:auto}.demo-content .demo-box{margin-bottom:20px;padding:15px;border:1px solid #dee2e6;border-radius:6px;background:#fff;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.demo-content .demo-box:last-child{margin-bottom:0}.demo-content .demo-box h4{margin:0 0 10px 0;font-size:14px;font-weight:600;color:#495057}.demo-content .demo-box p{margin:0;font-size:13px;color:#6c757d;line-height:1.4}.demo-content .demo-box.highlight{background:#fff3cd;border-color:#ffc107;-webkit-box-shadow:0 2px 8px rgba(255,193,7,0.3);box-shadow:0 2px 8px rgba(255,193,7,0.3)}.demo-content .demo-box.animated{-webkit-animation:pulse 1s ease-in-out;animation:pulse 1s ease-in-out}.demo-content .demo-box.in-viewport{background:#d4edda;border-color:#28a745;-webkit-box-shadow:0 2px 8px rgba(40,167,69,0.3);box-shadow:0 2px 8px rgba(40,167,69,0.3)}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}100%{-webkit-transform:scale(1);transform:scale(1)}}.form-demo-container{margin-top:20px;padding-top:20px;border-top:1px solid #dee2e6}.form-demo-container .demo-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.form-demo-container .demo-form .form-control{padding:8px 12px;border:1px solid #ced4da;border-radius:4px;font-size:13px;-webkit-transition:border-color 0.15s ease-in-out;transition:border-color 0.15s ease-in-out}.form-demo-container .demo-form .form-control:focus{outline:none;border-color:#80bdff;-webkit-box-shadow:0 0 0 3px rgba(0,123,255,0.25);box-shadow:0 0 0 3px rgba(0,123,255,0.25)}.form-demo-container .demo-form .form-control:disabled{background-color:#e9ecef;opacity:0.6;cursor:not-allowed}.form-demo-container .demo-form .btn{padding:10px 16px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.form-demo-container .demo-form .btn.btn-primary{background:#007bff;color:#fff}.form-demo-container .demo-form .btn.btn-primary:hover{background:#0056b3}.form-demo-container .demo-form .btn.btn-primary:active{background:#004085;-webkit-transform:translateY(1px);transform:translateY(1px)}.form-demo-container .demo-form .btn:disabled{opacity:0.6;cursor:not-allowed;-webkit-transform:none;transform:none}@media (max-width: 480px){.dom-demo-container{position:fixed;bottom:0;right:0;left:0;width:100%;max-height:80vh;border-radius:8px 8px 0 0}.demo-buttons{grid-template-columns:repeat(2, 1fr);gap:6px;padding:12px}.demo-buttons .demo-btn{padding:10px 8px;font-size:11px}.demo-content{padding:15px;max-height:300px}}@media (prefers-color-scheme: dark){.dom-demo-container{background:#2d3748;border-color:#4299e1}.dom-demo-container h3{background:#4299e1;color:#1a202c}.demo-buttons{background:#4a5568;border-bottom-color:#718096}.demo-buttons .demo-btn{background:#2d3748;border-color:#718096;color:#e2e8f0}.demo-buttons .demo-btn:hover{background:#4a5568;border-color:#a0aec0}.demo-buttons .demo-btn:active{background:#718096}.demo-content .demo-box{background:#2d3748;border-color:#718096;color:#e2e8f0}.demo-content .demo-box h4{color:#e2e8f0}.demo-content .demo-box p{color:#a0aec0}.demo-content .demo-box.highlight{background:#744210;border-color:#d69e2e;-webkit-box-shadow:0 2px 8px rgba(214,158,46,0.3);box-shadow:0 2px 8px rgba(214,158,46,0.3)}.demo-content .demo-box.in-viewport{background:#22543d;border-color:#48bb78;-webkit-box-shadow:0 2px 8px rgba(72,187,120,0.3);box-shadow:0 2px 8px rgba(72,187,120,0.3)}.form-demo-container{border-top-color:#718096}.form-demo-container .demo-form .form-control{background:#2d3748;border-color:#718096;color:#e2e8f0}.form-demo-container .demo-form .form-control:focus{border-color:#63b3ed;-webkit-box-shadow:0 0 0 3px rgba(99,179,237,0.25);box-shadow:0 0 0 3px rgba(99,179,237,0.25)}.form-demo-container .demo-form .form-control:disabled{background-color:#4a5568}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:none;outline:0;overflow-x:hidden;overflow-y:auto}.modal.show{display:block}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1040}.modal-dialog{position:relative;width:auto;margin:1.75rem auto;pointer-events:none;max-width:500px}.modal-dialog.modal-sm{max-width:300px}.modal-dialog.modal-lg{max-width:800px}.modal-dialog.modal-fullscreen{max-width:none;width:100vw;height:100vh;margin:0}.modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;outline:0;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(0.3rem - 1px);border-top-right-radius:calc(0.3rem - 1px)}.modal-header .modal-title{margin:0;line-height:1.5;font-size:1.25rem;font-weight:500;color:#495057}.modal-header .modal-close{padding:0;background:none;border:0;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:0.5;cursor:pointer;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.modal-header .modal-close:hover{opacity:0.75}.modal-header .modal-close:focus{opacity:0.75;outline:0}.modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1rem;color:#495057;line-height:1.5}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(0.3rem - 1px);border-bottom-left-radius:calc(0.3rem - 1px);gap:0.5rem}.modal-footer .btn{margin-left:0.25rem}.modal-fullscreen .modal-content{height:100vh;border:0;border-radius:0}.modal-fullscreen .modal-header{border-top-left-radius:0;border-top-right-radius:0}.modal-fullscreen .modal-footer{border-bottom-right-radius:0;border-bottom-left-radius:0}body.modal-open{overflow:hidden}.pdf-modal .pdf-viewer-container{width:100%;height:100%;min-height:500px}.pdf-modal .pdf-viewer-container iframe{width:100%;height:100%;border:none;border-radius:4px}.pdf-modal .pdf-no-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:300px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;font-style:italic}.feedback-modal .feedback-container .feedback-score{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:12px 16px;border-radius:8px;margin-bottom:16px;text-align:center;font-weight:600;font-size:1.1rem}.feedback-modal .feedback-container .feedback-content{background-color:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #007bff;line-height:1.6;white-space:pre-wrap;color:#272727}.loading-modal .loading-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:2rem;text-align:center}.loading-modal .loading-container .loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-modal .loading-container .loading-message{margin:0;color:#6c757d;font-size:1rem}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.modal{-webkit-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.modal.fade{opacity:0}.modal.show{opacity:1}.modal-dialog{-webkit-transition:-webkit-transform 0.3s ease-out;transition:-webkit-transform 0.3s ease-out;transition:transform 0.3s ease-out;transition:transform 0.3s ease-out, -webkit-transform 0.3s ease-out}.modal:not(.show) .modal-dialog{-webkit-transform:translate(0, -50px);transform:translate(0, -50px)}.modal.show .modal-dialog{-webkit-transform:none;transform:none}@media (max-width: 576px){.modal-dialog{margin:0.5rem;max-width:calc(100% - 1rem)}.modal-dialog.modal-fullscreen{margin:0;max-width:100%}.modal-header{padding:0.75rem}.modal-header .modal-title{font-size:1.1rem}.modal-body{padding:0.75rem}.modal-footer{padding:0.5rem 0.75rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem}.modal-footer .btn{width:100%;margin-left:0}}@media (prefers-color-scheme: dark){.modal-content{border-color:#4a5568}.modal-header{border-bottom-color:#4a5568}.modal-header .modal-close{color:#e2e8f0;text-shadow:0 1px 0 #2d3748}.modal-footer{border-top-color:#4a5568}.pdf-modal .pdf-no-content{background-color:#4a5568;border-color:#718096;color:#a0aec0}.feedback-modal .feedback-container .feedback-content{background-color:#4a5568;border-left-color:#4299e1}.loading-modal .loading-container .loading-message{color:#a0aec0}.modal .modal-content{background-color:#1a1a1a;color:#e2e8f0}.modal .modal-content .modal-header{background:linear-gradient(135deg, #2d2d2d 0%, #1a1a1a 100%);border-bottom-color:#404040}.modal .modal-content .modal-header .modal-title{color:#e2e8f0}.modal .modal-content .modal-body{color:#e2e8f0}.modal .modal-content .modal-body .result-summary{background-color:#2d2d2d;color:#e2e8f0}.modal .modal-content .modal-body .feedback-details .feedback-title{color:#e2e8f0}.modal .modal-content .modal-body .feedback-details .feedback-content{background-color:#2d2d2d;border-color:#404040;color:#e2e8f0}.modal .modal-content .modal-footer{border-top-color:#404040}}.modal:focus{outline:none}.modal-dialog:focus{outline:none}.modal-content:focus{outline:none}.modal.show .modal-content{outline:2px solid #007bff;outline-offset:2px}.modal[aria-hidden=true]{display:none !important}.modal[aria-hidden=false]{display:block}.modal-demo-container{position:fixed;bottom:20px;left:20px;width:350px;max-height:500px;background:#fff;border:2px solid #28a745;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.15);box-shadow:0 4px 20px rgba(0,0,0,0.15);z-index:9998;overflow:hidden;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.modal-demo-container h3{margin:0;padding:15px 20px;background:#28a745;color:#fff;font-size:16px;font-weight:600;text-align:center}.demo-buttons{display:grid;grid-template-columns:repeat(2, 1fr);gap:8px;padding:15px;background:#f8f9fa;border-bottom:1px solid #dee2e6}.demo-buttons .demo-btn{padding:8px 12px;font-size:11px;border:1px solid #dee2e6;border-radius:4px;background:#fff;color:#495057;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-buttons .demo-btn:hover{background:#e9ecef;border-color:#adb5bd;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.demo-buttons .demo-btn:active{background:#dee2e6;-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:none;box-shadow:none}.demo-buttons .demo-btn[data-action=confirm]{border-color:#dc3545;color:#dc3545}.demo-buttons .demo-btn[data-action=confirm]:hover{background:#dc3545;color:#fff}.demo-buttons .demo-btn[data-action=alert]{border-color:#17a2b8;color:#17a2b8}.demo-buttons .demo-btn[data-action=alert]:hover{background:#17a2b8;color:#fff}.demo-buttons .demo-btn[data-action=pdf]{border-color:#fd7e14;color:#fd7e14}.demo-buttons .demo-btn[data-action=pdf]:hover{background:#fd7e14;color:#fff}.demo-buttons .demo-btn[data-action=feedback]{border-color:#6f42c1;color:#6f42c1}.demo-buttons .demo-btn[data-action=feedback]:hover{background:#6f42c1;color:#fff}.demo-buttons .demo-btn[data-action=loading]{border-color:#20c997;color:#20c997}.demo-buttons .demo-btn[data-action=loading]:hover{background:#20c997;color:#fff}.demo-buttons .demo-btn[data-action=custom]{border-color:#e83e8c;color:#e83e8c}.demo-buttons .demo-btn[data-action=custom]:hover{background:#e83e8c;color:#fff}.demo-buttons .demo-btn[data-action=stack]{border-color:#6c757d;color:#6c757d}.demo-buttons .demo-btn[data-action=stack]:hover{background:#6c757d;color:#fff}@media (max-width: 480px){.modal-demo-container{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:60vh;border-radius:8px 8px 0 0}.demo-buttons{grid-template-columns:repeat(2, 1fr);gap:6px;padding:12px}.demo-buttons .demo-btn{padding:10px 8px;font-size:10px}}@media (prefers-color-scheme: dark){.modal-demo-container{background:#2d3748;border-color:#48bb78;color:#e2e8f0}.modal-demo-container h3{background:#48bb78;color:#1a202c}.demo-buttons{background:#4a5568;border-bottom-color:#718096}.demo-buttons .demo-btn{background:#2d3748;border-color:#718096;color:#e2e8f0}.demo-buttons .demo-btn:hover{background:#4a5568;border-color:#a0aec0}.demo-buttons .demo-btn:active{background:#718096}}.modal-demo-container{-webkit-animation:slideInUp 0.3s ease-out;animation:slideInUp 0.3s ease-out}@-webkit-keyframes slideInUp{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideInUp{from{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.demo-btn{position:relative;overflow:hidden}.demo-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255,255,255,0.2)), to(transparent));background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);-webkit-transition:left 0.5s;transition:left 0.5s}.demo-btn:hover::before{left:100%}.demo-btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.demo-btn:focus{outline:none;-webkit-box-shadow:0 0 0 3px rgba(40,167,69,0.25);box-shadow:0 0 0 3px rgba(40,167,69,0.25)}.demo-btn:disabled{opacity:0.6;cursor:not-allowed;-webkit-transform:none;transform:none;-webkit-box-shadow:none;box-shadow:none}.demo-btn:disabled:hover{background:inherit;color:inherit;border-color:inherit}.sortable-ghost{opacity:0.5;background:#f8f9fa !important;border:2px dashed #dee2e6 !important}.sortable-chosen{background:#e3f2fd !important;border:2px solid #2196f3 !important;-webkit-box-shadow:0 4px 8px rgba(33,150,243,0.3) !important;box-shadow:0 4px 8px rgba(33,150,243,0.3) !important;-webkit-transform:rotate(2deg) scale(1.02);transform:rotate(2deg) scale(1.02);z-index:1000}.sortable-drag{background:#fff3e0 !important;border:2px solid #ff9800 !important;-webkit-box-shadow:0 8px 16px rgba(255,152,0,0.4) !important;box-shadow:0 8px 16px rgba(255,152,0,0.4) !important;-webkit-transform:rotate(-2deg) scale(0.98);transform:rotate(-2deg) scale(0.98);z-index:1001}.sortable-fallback{background:#f5f5f5 !important;border:1px solid #ddd !important;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2) !important;box-shadow:0 2px 4px rgba(0,0,0,0.2) !important}.sorting{cursor:-webkit-grabbing !important;cursor:grabbing !important;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lesson-ghost{opacity:0.4;background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%) !important;border:2px dashed #6c757d !important;border-radius:8px}.lesson-chosen{background:linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;border:2px solid #2196f3 !important;-webkit-box-shadow:0 6px 12px rgba(33,150,243,0.4) !important;box-shadow:0 6px 12px rgba(33,150,243,0.4) !important;-webkit-transform:rotate(1deg) scale(1.01);transform:rotate(1deg) scale(1.01);border-radius:8px}.lesson-drag{background:linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%) !important;border:2px solid #ff9800 !important;-webkit-box-shadow:0 10px 20px rgba(255,152,0,0.5) !important;box-shadow:0 10px 20px rgba(255,152,0,0.5) !important;-webkit-transform:rotate(-1deg) scale(0.99);transform:rotate(-1deg) scale(0.99);border-radius:8px}.step-ghost{opacity:0.4;background:linear-gradient(135deg, #f3e5f5 0%, #e1bee7 100%) !important;border:2px dashed #9c27b0 !important;border-radius:6px}.step-chosen{background:linear-gradient(135deg, #e8f5e8 0%, #c8e6c9 100%) !important;border:2px solid #4caf50 !important;-webkit-box-shadow:0 6px 12px rgba(76,175,80,0.4) !important;box-shadow:0 6px 12px rgba(76,175,80,0.4) !important;-webkit-transform:rotate(1deg) scale(1.01);transform:rotate(1deg) scale(1.01);border-radius:6px}.step-drag{background:linear-gradient(135deg, #fff8e1 0%, #ffecb3 100%) !important;border:2px solid #ffc107 !important;-webkit-box-shadow:0 10px 20px rgba(255,193,7,0.5) !important;box-shadow:0 10px 20px rgba(255,193,7,0.5) !important;-webkit-transform:rotate(-1deg) scale(0.99);transform:rotate(-1deg) scale(0.99);border-radius:6px}.item-ghost{opacity:0.4;background:linear-gradient(135deg, #fce4ec 0%, #f8bbd9 100%) !important;border:2px dashed #e91e63 !important;border-radius:4px}.item-chosen{background:linear-gradient(135deg, #e0f2f1 0%, #b2dfdb 100%) !important;border:2px solid #009688 !important;-webkit-box-shadow:0 6px 12px rgba(0,150,136,0.4) !important;box-shadow:0 6px 12px rgba(0,150,136,0.4) !important;-webkit-transform:rotate(1deg) scale(1.01);transform:rotate(1deg) scale(1.01);border-radius:4px}.item-drag{background:linear-gradient(135deg, #f3e5f5 0%, #d1c4e9 100%) !important;border:2px solid #673ab7 !important;-webkit-box-shadow:0 10px 20px rgba(103,58,183,0.5) !important;box-shadow:0 10px 20px rgba(103,58,183,0.5) !important;-webkit-transform:rotate(-1deg) scale(0.99);transform:rotate(-1deg) scale(0.99);border-radius:4px}.drag-handle{cursor:-webkit-grab;cursor:grab;padding:8px;margin-right:8px;color:#6c757d;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.drag-handle:hover{background:#e9ecef;color:#495057;-webkit-transform:scale(1.1);transform:scale(1.1)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing;background:#dee2e6;-webkit-transform:scale(0.95);transform:scale(0.95)}.drag-handle::before{content:"⋮⋮";font-size:16px;font-weight:bold;line-height:1}.sortable-list{min-height:50px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.sortable-list.sortable-empty{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#6c757d;font-style:italic;min-height:100px}.sortable-row{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:move}.sortable-row:hover{background:#f8f9fa;-webkit-transform:translateX(4px);transform:translateX(4px)}.sortable-row.sortable-ghost{opacity:0.3;background:#e9ecef !important}.sortable-row.sortable-chosen{background:#e3f2fd !important;-webkit-box-shadow:0 2px 8px rgba(33,150,243,0.2) !important;box-shadow:0 2px 8px rgba(33,150,243,0.2) !important}.sortable-card{-webkit-transition:all 0.2s ease;transition:all 0.2s ease;cursor:move}.sortable-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.sortable-card.sortable-ghost{opacity:0.3;-webkit-transform:scale(0.95);transform:scale(0.95)}.sortable-card.sortable-chosen{-webkit-transform:scale(1.02);transform:scale(1.02);-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.15) !important;box-shadow:0 6px 12px rgba(0,0,0,0.15) !important}.sortable-move{-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.sortable-enter-active,.sortable-leave-active{-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.sortable-enter,.sortable-leave-to{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.sortable-indicator{position:absolute;left:0;right:0;height:2px;background:#007bff;border-radius:1px;opacity:0;-webkit-transition:opacity 0.2s ease;transition:opacity 0.2s ease;pointer-events:none}.sortable-indicator.active{opacity:1}.sortable-preview{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);z-index:9999;pointer-events:none;display:none}.sortable-preview.active{display:block}@media (max-width: 768px){.drag-handle{padding:6px;margin-right:6px}.drag-handle::before{font-size:14px}.sortable-row:hover{-webkit-transform:translateX(2px);transform:translateX(2px)}.sortable-card:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}}@media (prefers-color-scheme: dark){.sortable-ghost{border-color:#4a5568 !important}.sortable-chosen{background:#1a365d !important;border-color:#3182ce !important;-webkit-box-shadow:0 4px 8px rgba(49,130,206,0.3) !important;box-shadow:0 4px 8px rgba(49,130,206,0.3) !important}.sortable-drag{background:#744210 !important;border-color:#d69e2e !important;-webkit-box-shadow:0 8px 16px rgba(214,158,46,0.4) !important;box-shadow:0 8px 16px rgba(214,158,46,0.4) !important}.drag-handle{color:#a0aec0}.drag-handle:hover{background:#4a5568;color:#e2e8f0}.drag-handle:active{background:#718096}.sortable-list.sortable-empty{background:#2d3748;border-color:#4a5568;color:#a0aec0}.sortable-row:hover{background:#2d3748}.sortable-card:hover{-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.3);box-shadow:0 4px 8px rgba(0,0,0,0.3)}}.sortable-list:focus-within{outline:2px solid #007bff;outline-offset:2px}.sortable-row:focus,.sortable-card:focus{outline:2px solid #007bff;outline-offset:2px}.sortable-list[tabindex="0"]:focus{outline:2px solid #007bff;outline-offset:2px}.sortable-list[aria-label]{position:relative}.sortable-list[aria-label]::before{content:attr(aria-label);position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.scratch-editor-container .container-fuild .row .col-2 .step-controls .step-info h4{font-weight:bold;color:#333;margin-bottom:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .step-info h5{color:#666;margin-bottom:15px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 h6{font-weight:bold;color:#495057;margin-bottom:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .alert{font-size:12px;margin-bottom:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-select-label{cursor:pointer;display:inline-block;padding:10px;border:2px dashed #ccc;border-radius:5px;text-align:center;min-width:150px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-select-label:hover{border-color:#007bff;background-color:#f8f9fa}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-name{margin-top:10px;font-weight:bold;color:#28a745}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-status{margin-top:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-status .text-success{color:#28a745}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .mb-3 .deco-file .file-debug{background:#f8f9fa;padding:8px;border-radius:4px;font-size:11px;margin-top:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .action-buttons .btn{margin-right:12px;font-size:0.8rem !important}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .action-buttons .btn:last-child{margin-right:0}.scratch-editor-container .container-fuild .row .col-2 .step-controls #submission-status{margin-top:20px}.scratch-editor-container .container-fuild .row .col-2 .step-controls #submission-status .status-content h6{font-weight:bold;color:#495057;margin-bottom:10px}.scratch-editor-container .container-fuild .row .col-2 .step-controls #submission-status .status-content .message .btn{margin-top:10px}.scratch-editor-container .container-fuild .row .col-10 iframe{width:100%;height:800px;border:1px solid #dee2e6;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.score-info{background:white;padding:15px;border-radius:8px;border:1px solid #dee2e6;margin:15px 0;text-align:center}.score-info strong{font-size:1.2em;color:#333;margin-right:10px}.score-info .badge{font-size:0.9em;padding:8px 12px}.submission-details{background:#f8f9fa;padding:10px;border-radius:6px;margin:15px 0;border:1px solid #e9ecef}.resubmission-notice{background:#d1ecf1;border:1px solid #bee5eb;border-radius:6px;padding:10px;margin:15px 0}.next-step-button{text-align:center;margin-top:20px}#pdfModal .modal-dialog{max-width:100vw;max-height:100vh;margin:0;padding:0}#pdfModal .modal-content{height:100vh;border-radius:0;border:none}#pdfModal .modal-header{padding:10px 20px;background:#f8f9fa;border-bottom:1px solid #dee2e6}#pdfModal .modal-body{height:calc(100vh - 60px);position:relative;overflow:hidden}#pdfModal #pdfContent{width:100%;height:100%;position:relative}#pdfModal #pdfContent iframe{width:100% !important;height:100% !important;position:absolute !important;top:0 !important;left:0 !important;border:none !important}.feedback-display{background:white;border:1px solid #dee2e6;border-radius:8px;padding:15px;margin:15px 0}.feedback-display h6{font-weight:bold;color:#495057;margin-bottom:15px;border-bottom:2px solid #007bff;padding-bottom:5px}.feedback-display .feedback-content p{margin-bottom:10px;line-height:1.6}.feedback-display .feedback-content strong{color:#333;font-weight:600}.custom-alert{padding:0.75rem 1rem;border-radius:4px;margin-bottom:1rem}.custom-alert.custom-alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}#evaluatingModal{z-index:9999 !important}.evaluating-content h6{color:#495057;margin-bottom:15px;text-align:center}.evaluating-content p{text-align:center;color:#6c757d}#feedbackModal{z-index:9998 !important}@media (max-width: 768px){.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .deco-file .file-select-label{min-width:120px;padding:8px}.scratch-editor-container .container-fuild .row .col-10 iframe{height:600px}}@media (prefers-color-scheme: dark){.scratch-editor-container .container-fuild .row .col-2 .step-controls .step-info h4,.scratch-editor-container .container-fuild .row .col-2 .step-controls .step-info h5{color:#e2e8f0}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .deco-file .file-select-label{border-color:#4a5568;color:#e2e8f0}.scratch-editor-container .container-fuild .row .col-2 .step-controls .file-controls .deco-file .file-select-label:hover{border-color:#3182ce;background-color:#2d3748}.score-info,.submission-details,.feedback-display{background:#2d3748;border-color:#4a5568;color:#e2e8f0}.resubmission-notice{background:#1a365d;border-color:#3182ce;color:#bee3f8}}.step-header .btn{background:#037bff;color:white;border-radius:25px;padding:0.5rem 1rem;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;width:100%;margin:1rem 0}.step-header .btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,123,255,0.3);box-shadow:0 4px 8px rgba(0,123,255,0.3)}.step-container .row .col-2 .step_description h4{color:#0d6efd;margin-bottom:10px}.step-container .row .col-2 .step_description h4 span{color:#0d6efd}.step-container .row .col-2 .step_description .card-text{color:#212529;margin-bottom:15px}.control-panel{position:fixed;top:0;left:0;width:250px;height:100vh;background-color:#f8f9fa;-webkit-box-shadow:2px 0 5px rgba(0,0,0,0.1);box-shadow:2px 0 5px rgba(0,0,0,0.1);-webkit-transition:-webkit-transform 0.3s ease-in-out;transition:-webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;z-index:1000;overflow-y:auto;border-right:1px solid #dee2e6}.control-panel.collapsed{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.control-panel .control-panel-content{padding:20px;height:100%}.control-toggle{position:absolute;top:20px;left:120px;z-index:1001;-webkit-transition:left 0.3s ease-in-out;transition:left 0.3s ease-in-out}.control-panel:not(.collapsed)+.main-content .control-toggle{left:270px}.main-content{margin-left:0;padding:20px;-webkit-transition:margin-left 0.3s ease-in-out;transition:margin-left 0.3s ease-in-out;min-height:100vh}.control-panel:not(.collapsed)+.main-content{margin-left:250px}.editor-container{width:100%;min-height:100vh;height:auto;overflow:visible}.editor-container iframe{width:100%;height:auto;min-height:120vh;border:none;border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1)}@media (max-width: 768px){.control-panel{width:100%;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.control-panel.collapsed{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.control-panel:not(.collapsed){-webkit-transform:translateY(0);transform:translateY(0)}.control-toggle{left:20px !important;top:20px}.main-content{margin-left:0 !important;padding:10px}.editor-container{height:auto;min-height:calc(100vh - 80px);padding-bottom:30px}}#toggle-control-panel{border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.1);box-shadow:0 2px 5px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#toggle-control-panel:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15);box-shadow:0 4px 8px rgba(0,0,0,0.15)}.step-controls{background-color:white;border-radius:8px;padding:15px;margin-bottom:15px}.step-controls .step-info h4{color:#0d6efd;margin-bottom:10px;font-size:1.1em}.step-controls .step-info h5{color:#495057;margin-bottom:15px;font-size:1em}.step-controls .step-info .step-description{font-size:0.9em;line-height:1.5;padding:10px;border-radius:6px}.file-controls{margin-top:8px}.file-controls h6{color:#6c757d;font-size:0.9em;margin-bottom:10px;font-weight:600}.editor-container iframe{height:130vh !important}@media (prefers-color-scheme: dark){.step-container .row .col-2 .step_description h4{color:#e2e8f0}.step-container .row .col-2 .step_description h4 span{color:#3182ce}.step-container .row .col-2 .step_description .card-text{color:#a0aec0}.control-panel{background-color:#2d3748;border-right-color:#4a5568}.control-panel .step-controls{background-color:#4a5568;color:#e2e8f0}.control-panel .step-controls .step-info h4{color:#3182ce}.control-panel .step-controls .step-info h5{color:#cbd5e0}.control-panel .step-controls .step-info .step-description{background-color:#4a5568;color:#a0aec0;border-left-color:#3182ce}.editor-container iframe{background-color:#2d3748}}.file-controls .alert{display:block !important;margin:1rem 0 !important;padding:8px !important}.message .alert{display:block !important;margin:1rem 0 !important;padding:8px !important}.lesson_detileBox{display:inline-block}.feedback-section .feedback-content{color:#272727 !important;white-space:pre-line}.step-container .row .col-2 .step_description h4{font-weight:bold;color:#333;margin-bottom:15px}.step-container .row .col-2 .step_description h4 span{color:#007bff;font-weight:bold}.step-container .row .col-2 .step_description .card-text{color:#666;line-height:1.6;margin-bottom:20px}.step-container .row .col-2 .step_description .btn-info{margin-top:10px}.step-container .row .col-10 .quiz-content .quiz-header{text-align:center;margin-bottom:30px}.step-container .row .col-10 .quiz-content .quiz-header h4{color:#333;font-weight:bold;margin-bottom:10px}.step-container .row .col-10 .quiz-content .quiz-header p{color:#666;font-size:16px}.step-container .row .col-10 .quiz-content .quiz-questions.submitted .quiz-question{opacity:0.7}.step-container .row .col-10 .quiz-content .quiz-questions.submitted .quiz-question .form-check .form-check-input:disabled+.form-check-label{color:#6c757d}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question{margin-bottom:20px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card{border:1px solid #dee2e6;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body{padding:20px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .card-title{color:#333;font-weight:bold;margin-bottom:15px;border-bottom:2px solid #007bff;padding-bottom:10px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .question-text{color:#495057;font-size:16px;line-height:1.6;margin-bottom:20px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check{margin-bottom:15px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-input{margin-right:10px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-input:checked{background-color:#007bff;border-color:#007bff}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-input:focus{-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-label{color:#495057;font-size:16px;cursor:pointer;padding-left:5px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-label:hover{color:#007bff}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check.disabled .form-check-input:disabled+.form-check-label{cursor:not-allowed;color:#6c757d}.step-container .row .col-10 .quiz-content .quiz-form .btn-primary{margin-top:20px;padding:12px 30px;font-size:16px;font-weight:bold}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724;border-radius:8px;padding:15px 20px}.alert-success h5{color:#155724;margin-bottom:10px}.alert-success h5 i{margin-right:8px}.alert-success p{margin-bottom:0;font-size:16px}.quiz-results{background-color:#d4edda;border-color:#c3e6cb;color:#155724;border-radius:8px;padding:20px;text-align:center}.quiz-results h5{color:#155724;margin-bottom:15px}.quiz-results h5 i{margin-right:10px;font-size:20px}.quiz-results p{margin-bottom:0;font-size:16px;line-height:1.6}.invalid-feedback{display:block;color:#dc3545;font-size:14px;margin-top:5px}.invalid-feedback.d-block{display:block !important}.quiz-form.loading .btn-primary{opacity:0.7;cursor:not-allowed}.quiz-form.loading .form-check-input{pointer-events:none}@media (max-width: 768px){.step-container .row .col-2 .step_description h4{font-size:18px}.step-container .row .col-2 .step_description .card-text{font-size:14px}.step-container .row .col-10 .quiz-content .quiz-header h4{font-size:20px}.step-container .row .col-10 .quiz-content .quiz-header p{font-size:14px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body{padding:15px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .card-title{font-size:18px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .question-text{font-size:14px}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-label{font-size:14px}}.step-detail{background:#fff;padding:20px;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.step-header{margin-bottom:20px}.step-header h5 span{background:#007bff;color:white;padding:4px 8px;border-radius:4px;margin-right:10px;font-size:0.9em}.step-content{color:#666;line-height:1.6}.step-navigation{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.back-link{display:inline-block;margin-bottom:20px;color:#666;text-decoration:none}.back-link:hover{color:#333}@media (prefers-color-scheme: dark){.step-container .row .col-2 .step_description h4{color:#e2e8f0}.step-container .row .col-2 .step_description h4 span{color:#3182ce}.step-container .row .col-2 .step_description .card-text{color:#a0aec0}.step-container .row .col-10 .quiz-content .quiz-header h4{color:#e2e8f0}.step-container .row .col-10 .quiz-content .quiz-header p{color:#a0aec0}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card{background:#2d3748;border-color:#4a5568}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .card-title{color:#e2e8f0;border-bottom-color:#3182ce}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .question-text{color:#cbd5e0}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-label{color:#cbd5e0}.step-container .row .col-10 .quiz-content .quiz-questions .quiz-question .card .card-body .options-container .form-check .form-check-label:hover{color:#3182ce}.alert-success{background-color:#1a365d;border-color:#3182ce;color:#bee3f8}.alert-success h5{color:#bee3f8}.quiz-results{background-color:#1a365d;border-color:#3182ce;color:#bee3f8}.quiz-results h5{color:#bee3f8}.step-detail{background:#2d3748;color:#e2e8f0}.step-content{color:#cbd5e0}.back-link{color:#a0aec0}.back-link:hover{color:#e2e8f0}}.step-quiz_content{padding:3rem 2rem;min-height:80vh;height:100%;position:relative}.step-quiz_content .inner_contents{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.step-quiz_content .step-header{text-align:center}.step-quiz_content .step-header h2{font-size:1.8rem}.step-quiz_content .step-header h2::after{content:"";display:block;width:50px;height:2px;background-color:#036EB8 !important;margin:0 auto;margin-top:1rem}.step-quiz_content .step-header p{font-size:0.8rem}.step-quiz_content .quiz-container{text-align:center}.step-quiz_content .quiz-container .quiz-instructions ol li{list-style-type:none}.coding-editor-container .row .col-2 .coding-controls .form-group{margin-bottom:1rem}.coding-editor-container .row .col-2 .coding-controls .form-group label{font-weight:600;color:#495057;margin-bottom:0.5rem}.coding-editor-container .row .col-2 .coding-controls .form-group .form-control{border-radius:6px;border:1px solid #ced4da}.coding-editor-container .row .col-2 .coding-controls .form-group .form-control:focus{border-color:#80bdff;-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.coding-editor-container .row .col-2 .coding-controls .file-controls .btn{border-radius:6px;font-size:0.875rem;padding:0.5rem 1rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.coding-editor-container .row .col-2 .coding-controls .file-controls .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.coding-editor-container .row .col-2 .coding-controls .action-buttons .btn{border-radius:6px;font-size:0.875rem !important;padding:0.5rem 1rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.coding-editor-container .row .col-2 .coding-controls .action-buttons .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.coding-editor-container .row .col-10 .editor-area #monaco-editor{border-radius:8px;overflow:hidden}.coding-editor-container .row .col-10 .output-area .card{border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.coding-editor-container .row .col-10 .output-area .card .card-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs{border-bottom:none}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link{border:none;color:#6c757d;border-radius:6px 6px 0 0;margin-right:0.25rem}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link.active{background-color:#007bff;color:white}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link:hover:not(.active){background-color:#e9ecef;color:#495057}.coding-editor-container .row .col-10 .output-area .card .card-body .console-output{background-color:#f8f9fa;border-radius:6px;padding:1rem;font-family:"Courier New", monospace;font-size:0.875rem;max-height:300px;overflow-y:auto}.coding-editor-container .row .col-10 .output-area .card .card-body .console-output .console-line{margin-bottom:0.5rem;color:#495057}.coding-editor-container .row .col-10 .output-area .card .card-body .console-output .console-line:last-child{margin-bottom:0}.coding-editor-container .row .col-10 .output-area .card .card-body .result-output{background-color:#f8f9fa;border-radius:6px;padding:1rem;min-height:200px}@media (max-width: 768px){.coding-editor-container .row .col-2 .coding-controls .form-group{margin-bottom:0.75rem}.coding-editor-container .row .col-2 .coding-controls .file-controls .btn,.coding-editor-container .row .col-2 .coding-controls .action-buttons .btn{font-size:0.8rem;padding:0.4rem 0.8rem}.coding-editor-container .row .col-10 .editor-area #monaco-editor{height:400px !important}.coding-editor-container .row .col-10 .output-area .card .card-body .console-output,.coding-editor-container .row .col-10 .output-area .card .card-body .result-output{max-height:200px;font-size:0.8rem}}@media (prefers-color-scheme: dark){.coding-editor-container .row .col-2 .coding-controls .form-group label{color:#e2e8f0}.coding-editor-container .row .col-2 .coding-controls .form-group .form-control{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.coding-editor-container .row .col-2 .coding-controls .form-group .form-control:focus{border-color:#3182ce;-webkit-box-shadow:0 0 0 0.2rem rgba(49,130,206,0.25);box-shadow:0 0 0 0.2rem rgba(49,130,206,0.25)}.coding-editor-container .row .col-10 .output-area .card{background-color:#2d3748;border-color:#4a5568}.coding-editor-container .row .col-10 .output-area .card .card-header{background-color:#4a5568;border-bottom-color:#4a5568}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link{color:#a0aec0}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link.active{background-color:#3182ce;color:white}.coding-editor-container .row .col-10 .output-area .card .card-header .nav-tabs .nav-link:hover:not(.active){background-color:#4a5568;color:#e2e8f0}.coding-editor-container .row .col-10 .output-area .card .card-body{background-color:#2d3748;color:#e2e8f0}.coding-editor-container .row .col-10 .output-area .card .card-body .console-output,.coding-editor-container .row .col-10 .output-area .card .card-body .result-output{background-color:#4a5568;color:#cbd5e0}}.steps-index-container{padding:2rem 0}.steps-index-container .lesson-header{text-align:center;margin-bottom:3rem}.steps-index-container .lesson-header h2{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.steps-index-container .lesson-header .lesson-description{color:#6c757d;font-size:1.1rem;max-width:800px;margin:0 auto;line-height:1.6}.steps-index-container .steps-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;margin-top:2rem}.steps-index-container .steps-grid .step-card{background:white;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);padding:1.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border:2px solid transparent}.steps-index-container .steps-grid .step-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 8px 25px rgba(0,0,0,0.15);box-shadow:0 8px 25px rgba(0,0,0,0.15);border-color:#007bff}.steps-index-container .steps-grid .step-card .step-header{margin-bottom:1rem;text-align:center}.steps-index-container .steps-grid .step-card .step-header h4{color:#007bff;font-size:1.5rem;font-weight:700;margin-bottom:0.5rem;background:linear-gradient(135deg, #007bff, #0056b3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.steps-index-container .steps-grid .step-card .step-header h5{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:0}.steps-index-container .steps-grid .step-card .step-content{margin-bottom:1.5rem}.steps-index-container .steps-grid .step-card .step-content p{color:#6c757d;line-height:1.6;margin-bottom:1rem;text-align:center}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator{text-align:center;padding:0.5rem 1rem;background:#f8f9fa;border-radius:20px;display:inline-block;margin:0 auto;font-weight:500}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator i{margin-right:0.5rem}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator.text-primary{background:rgba(0,123,255,0.1);color:#007bff}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator.text-success{background:rgba(40,167,69,0.1);color:#28a745}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator.text-warning{background:rgba(255,193,7,0.1);color:#ffc107}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator.text-info{background:rgba(23,162,184,0.1);color:#17a2b8}.steps-index-container .steps-grid .step-card .step-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.steps-index-container .steps-grid .step-card .step-actions .btn{border-radius:25px;padding:0.5rem 1.5rem;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.steps-index-container .steps-grid .step-card .step-actions .btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,123,255,0.3);box-shadow:0 4px 12px rgba(0,123,255,0.3)}.steps-index-container .steps-grid .step-card .step-actions .badge{padding:0.5rem 1rem;border-radius:20px;font-size:0.8rem;font-weight:500}.steps-index-container .steps-grid .step-card .step-actions .badge.bg-success{background:linear-gradient(135deg, #28a745, #20c997) !important}.steps-index-container .steps-grid .step-card .step-actions .badge.bg-warning{background:linear-gradient(135deg, #ffc107, #fd7e14) !important;color:#212529 !important}.steps-index-container .steps-grid .step-card .step-actions .badge.bg-secondary{background:linear-gradient(135deg, #6c757d, #495057) !important}.steps-index-container .steps-grid .step-card .step-actions .badge i{margin-right:0.25rem}@media (max-width: 768px){.steps-index-container{padding:1rem 0}.steps-index-container .lesson-header{margin-bottom:2rem}.steps-index-container .lesson-header h2{font-size:2rem}.steps-index-container .lesson-header .lesson-description{font-size:1rem}.steps-index-container .steps-grid{grid-template-columns:1fr;gap:1.5rem}.steps-index-container .steps-grid .step-card{padding:1.25rem}.steps-index-container .steps-grid .step-card .step-header h4{font-size:1.25rem}.steps-index-container .steps-grid .step-card .step-header h5{font-size:1.1rem}.steps-index-container .steps-grid .step-card .step-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.steps-index-container .steps-grid .step-card .step-actions .btn{width:100%;text-align:center}}@media (max-width: 576px){.steps-index-container .steps-grid .step-card{padding:1rem}.steps-index-container .steps-grid .step-card .step-header h4{font-size:1.1rem}.steps-index-container .steps-grid .step-card .step-header h5{font-size:1rem}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator{font-size:0.9rem;padding:0.4rem 0.8rem}}@media (prefers-color-scheme: dark){.steps-index-container .lesson-header h2{color:#e2e8f0}.steps-index-container .lesson-header .lesson-description{color:#a0aec0}.steps-index-container .steps-grid .step-card{background:#2d3748;border-color:#4a5568}.steps-index-container .steps-grid .step-card .step-header h5{color:#e2e8f0}.steps-index-container .steps-grid .step-card .step-content p{color:#a0aec0}.steps-index-container .steps-grid .step-card .step-content .step-type-indicator{background:#4a5568;color:#cbd5e0}.steps-index-container .steps-grid .step-card .step-actions .badge.bg-secondary{background:linear-gradient(135deg, #4a5568, #2d3748) !important}}.step-show-container{padding:1rem 0;position:relative}.step-show-container .sidebar-toggle-header{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.3);border-radius:20px;padding:0.4rem 0.8rem;font-size:0.8rem;font-weight:500;color:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step-show-container .sidebar-toggle-header:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.step-show-container .sidebar-toggle-header i{margin-right:0.4rem;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.step-show-container .sidebar-toggle-container-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 1rem}.step-show-container .sidebar-toggle-container-header .sidebar-toggle-header{background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.3);color:#007bff}.step-show-container .sidebar-toggle-container-header .sidebar-toggle-header:hover{background:rgba(0,123,255,0.2);border-color:rgba(0,123,255,0.5)}.step-show-container .sidebar-toggle-container{position:fixed;top:80px;left:20px;z-index:1000;display:none}.step-show-container .sidebar-toggle-container .sidebar-toggle{background:rgba(255,255,255,0.95);border:2px solid #007bff;border-radius:25px;padding:0.5rem 1rem;font-size:0.85rem;font-weight:500;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.15);box-shadow:0 2px 8px rgba(0,0,0,0.15);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step-show-container .sidebar-toggle-container .sidebar-toggle:hover{background:#007bff;color:white;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,123,255,0.3);box-shadow:0 4px 12px rgba(0,123,255,0.3)}.step-show-container .sidebar-toggle-container .sidebar-toggle i{margin-right:0.5rem;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.step-show-container.sidebar-closed .sidebar-toggle{background:#007bff;color:white}.step-show-container.sidebar-closed .sidebar-toggle i{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.step-show-container.sidebar-closed #sidebarColumn{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0;pointer-events:none;display:none !important}.step-show-container.sidebar-closed .col-10{width:100% !important;max-width:100% !important;-webkit-box-flex:1 !important;-ms-flex:1 !important;flex:1 !important;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step-show-container.sidebar-closed .editor-area{width:100% !important;max-width:100% !important;-webkit-box-flex:1 !important;-ms-flex:1 !important;flex:1 !important}.step-show-container #sidebarColumn{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-transform-origin:top;transform-origin:top}.step-show-container .col-10{-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.step-show-container .step-controls{background:white;border-radius:8px;padding:0.5rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.step-show-container .step-controls #submission-status .status-content h6{color:#2c3e50;font-weight:600;margin-bottom:1rem;font-size:0.9rem}.step-show-container .step-controls #submission-status .status-content .message .btn{width:100%;border-radius:6px;font-size:0.85rem;padding:0.5rem 0.75rem}.step-show-container .step-controls .quiz-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.step-show-container .step-controls .quiz-section h4{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.step-show-container .step-controls .quiz-section h4 i{margin-right:0.5rem;color:#28a745}.step-show-container .step-controls .quiz-section .quiz-question{margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:6px}.step-show-container .step-controls .quiz-section .quiz-question h5{color:#495057;font-size:1rem;font-weight:600;margin-bottom:0.5rem}.step-show-container .step-controls .quiz-section .quiz-question p{color:#6c757d;font-size:0.9rem;margin-bottom:1rem;line-height:1.5}.step-show-container .step-controls .quiz-section .quiz-question .form-check{margin-bottom:0.5rem}.step-show-container .step-controls .quiz-section .quiz-question .form-check .form-check-input{margin-top:0.2rem}.step-show-container .step-controls .quiz-section .quiz-question .form-check .form-check-label{color:#495057;font-size:0.9rem;cursor:pointer}.step-show-container .step-controls .quiz-section .btn-primary{background:linear-gradient(135deg, #007bff, #0056b3);border:none;border-radius:25px;padding:0.75rem 2rem;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step-show-container .step-controls .quiz-section .btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,123,255,0.3);box-shadow:0 4px 12px rgba(0,123,255,0.3)}.step-show-container iframe{border-radius:8px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step-show-container iframe:hover{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.15);box-shadow:0 6px 12px rgba(0,0,0,0.15)}#evaluationModal .modal-content{border-radius:12px;border:none;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.2);box-shadow:0 10px 30px rgba(0,0,0,0.2)}#evaluationModal .modal-content .modal-header{background:linear-gradient(135deg, #007bff, #0056b3);color:white;border-radius:12px 12px 0 0;border-bottom:none}#evaluationModal .modal-content .modal-header .modal-title{font-weight:600}#evaluationModal .modal-content .modal-header .btn-close{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}#evaluationModal .modal-content .modal-body02{padding:1.5rem}#evaluationModal .modal-content .modal-body02.evaluation-body{text-align:center;font-size:1.1rem;color:#2c3e50}#evaluationModal .modal-content .modal-footer{border-top:none;padding:1rem 1.5rem 1.5rem}#evaluationModal .modal-content .modal-footer .btn{border-radius:25px;padding:0.5rem 1.5rem;font-weight:500}@media (max-width: 768px){.step-show-container .step-controls{margin-bottom:1rem;padding:1rem}.step-show-container .step-controls .quiz-section{margin-top:1.5rem;padding-top:1rem}.step-show-container .step-controls .quiz-section .quiz-question{padding:0.75rem}.step-show-container .step-controls .quiz-section .quiz-question h5{font-size:0.95rem}.step-show-container .step-controls .quiz-section .quiz-question p{font-size:0.85rem}.step-show-container .step-controls .quiz-section .btn-primary{padding:0.6rem 1.5rem;font-size:0.9rem}.step-show-container iframe{height:100%}}@media (max-width: 576px){.step-show-container .step-controls{padding:0.75rem}.step-show-container .step-controls #submission-status .status-content h6{font-size:0.85rem}.step-show-container .step-controls #submission-status .status-content .message .btn{font-size:0.8rem;padding:0.4rem 0.6rem}.step-show-container .step-controls .quiz-section h4{font-size:1rem}.step-show-container .step-controls .quiz-section .quiz-question{padding:0.5rem}.step-show-container .step-controls .quiz-section .quiz-question h5{font-size:0.9rem}.step-show-container .step-controls .quiz-section .quiz-question p{font-size:0.8rem}.step-show-container .step-controls .quiz-section .quiz-question .form-check-label{font-size:0.85rem}.step-show-container iframe{height:100%}}@media (prefers-color-scheme: dark){.step-show-container .step-controls #submission-status .status-content h6{color:#666}.step-show-container .step-controls .quiz-section{border-top-color:#4a5568}.step-show-container .step-controls .quiz-section h4{color:#e2e8f0}.step-show-container .step-controls .quiz-section .quiz-question{background:#4a5568}.step-show-container .step-controls .quiz-section .quiz-question h5{color:#cbd5e0}.step-show-container .step-controls .quiz-section .quiz-question p{color:#a0aec0}.step-show-container .step-controls .quiz-section .quiz-question .form-check-label{color:#cbd5e0}}.lesson-content{font-size:0.8rem}.lesson-content ol{padding:0}.lesson-content ol li{font-size:0.8rem;display:inline-block !important;width:auto !important}.lesson-content ol li span{font-weight:600;width:auto;text-align:center}.lesson-content .btn{background:none;padding:0 2rem}.grade-display-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.grade-display-header h6{font-size:0.8rem !important;margin-right:8px}.grade-settings .btn{background:#2E8B57;color:white;padding:6px 12px;font-size:12px;margin:1rem 0;border-radius:6px}.lesson-header p{margin-top:1rem}.grade-display-section{border:1px solid #dee2e6;background-color:#f8f9fa}.grade-display-section h6{color:#17a2b8;font-weight:600}.current-grades-display{min-height:40px}.selected-grades .badge{font-size:0.85rem;padding:0.5rem 0.75rem;border-radius:20px;background-color:#007bff;color:white;font-weight:500}.selected-grades .badge:hover{background-color:#0056b3;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.grade-selection .grade-group{margin-bottom:1.5rem}.grade-selection .grade-group .grade-category{font-weight:600;color:#495057;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #e9ecef}.grade-selection .grade-group .grade-checkboxes .form-check{margin-bottom:0.5rem}.grade-selection .grade-group .grade-checkboxes .form-check .form-check-input:checked{background-color:#007bff;border-color:#007bff}.grade-selection .grade-group .grade-checkboxes .form-check .form-check-label{font-size:0.9rem;color:#495057;cursor:pointer}.grade-selection .grade-group .grade-checkboxes .form-check .form-check-label:hover{color:#007bff}.quick-actions .btn-group .btn{font-size:0.8rem;padding:0.375rem 0.75rem}.quick-actions .btn-group .btn:hover{background-color:#6c757d;border-color:#6c757d;color:white}.learning-plan-section .learning-plan-card .card{border:1px solid #dee2e6;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.learning-plan-section .learning-plan-card .card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.learning-plan-section .learning-plan-card .card .card-body{padding:1.5rem}.learning-plan-section .learning-plan-card .card .card-body i{margin-bottom:0.5rem}.learning-plan-section .learning-plan-card .card .card-body h6{color:#495057;font-weight:600}.learning-plan-section .learning-plan-card .card .card-body .text-muted{font-size:0.85rem}.learning-plan-section .learning-plan-card .card .card-body .btn{border-radius:20px;padding:0.5rem 1rem;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.learning-plan-section .learning-plan-card .card .card-body .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.toast-container{position:fixed;top:20px;right:20px;z-index:9999}.toast{min-width:300px;margin-bottom:10px}.toast .toast-body{padding:0.75rem 1rem}.toast .toast-body i{font-size:1.1rem}.step-card{width:90% !important;margin:0 auto}@media (max-width: 768px){.grade-selection .row .col-md-6{margin-bottom:1rem}.quick-actions .btn-group{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.quick-actions .btn-group .btn{margin-bottom:0.25rem;border-radius:0.375rem !important}}#lesson_page{padding:3rem 2rem}.lesson_detileBox .lesson-title .edit_btn i{background:#f8f8f8 !important;color:#036EB8 !important}.quiz-question{margin:2rem 0}.quiz-question h6{font-size:1.2rem;margin:2rem 0 1rem}.quiz-question .form-check{padding:0.5rem 2rem}.quiz-question .form-check-label{font-size:1rem !important}.quiz-question .form-check{font-size:1rem !important}.admin-step-management{margin:2rem 0;padding:1.5rem;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.admin-step-management .admin-section-title{font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:2px solid #dee2e6}.admin-step-management .step-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin-step-management .step-actions .btn-create-step{background-color:#28a745;border-color:#28a745;color:white;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:0.9rem;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.admin-step-management .step-actions .btn-create-step:hover{background-color:#218838;border-color:#1e7e34;color:white;text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.admin-step-management .step-actions .btn-create-step i{font-size:1rem}.admin-step-management .step-actions .btn-edit-step{background-color:#007bff;border-color:#007bff;color:white;padding:0.375rem 0.75rem;border-radius:4px;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;font-size:0.85rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.admin-step-management .step-actions .btn-edit-step:hover{background-color:#0056b3;border-color:#0056b3;color:white;text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.admin-step-management .step-actions .btn-edit-step i{font-size:0.9rem}.admin-step-management .step-actions .btn-delete-step{background-color:#dc3545;border-color:#dc3545;color:white;padding:0.375rem 0.75rem;border-radius:4px;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.25rem;font-size:0.85rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.admin-step-management .step-actions .btn-delete-step:hover{background-color:#c82333;border-color:#bd2130;color:white;text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.admin-step-management .step-actions .btn-delete-step i{font-size:0.9rem}.admin-step-management .step-list-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.admin-step-management .step-list-header .step-count{font-size:0.9rem;color:#6c757d;font-weight:500}.admin-step-card{position:relative;border:1px solid #e9ecef;border-radius:8px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;width:90%;margin:0 auto}.admin-step-card:hover{border-color:#007bff;-webkit-box-shadow:0 4px 12px rgba(0,123,255,0.1);box-shadow:0 4px 12px rgba(0,123,255,0.1)}.admin-step-card .step-card-actions{position:static;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0.75rem 0;padding:0.5rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.admin-step-card .step-action-btn{padding:0.5rem 0.75rem;border-radius:6px;border:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:0.85rem;font-weight:500;text-decoration:none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;min-width:80px}.admin-step-card .step-action-btn.edit-btn{background-color:#007bff;color:white}.admin-step-card .step-action-btn.edit-btn:hover{background-color:#0056b3;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);text-decoration:none;color:white}.admin-step-card .step-action-btn.delete-btn{background-color:#dc3545;color:white}.admin-step-card .step-action-btn.delete-btn:hover{background-color:#c82333;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);text-decoration:none;color:white}.admin-step-card .step-action-btn i{margin-right:0.25rem}@media (max-width: 768px){.admin-step-management .step-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.admin-step-management .step-actions .btn-create-step,.admin-step-management .step-actions .btn-edit-step,.admin-step-management .step-actions .btn-delete-step{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.admin-step-card .step-card-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.5rem}.admin-step-card .step-card-actions .step-action-btn{min-width:auto;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.lessons-content{padding:3rem 2rem;background:#fafafa;min-height:100vh;height:100%}.lessons-content .lesson-card{-webkit-box-shadow:0 4px 8px rgba(0,123,255,0.1);box-shadow:0 4px 8px rgba(0,123,255,0.1);background:white;position:relative;padding:2rem 2rem !important;width:90%}.lessons-content .lesson-card a{display:block;font-size:0.8rem;margin:1rem 0;text-align:center;font-weight:700}.lessons-content .lesson-card h5{margin:1rem 0 0 !important}.lessons-content .lesson-card h5 a{text-align:left;font-size:1rem;display:inline-block}.lessons-content .lesson-card p{font-size:0.8rem !important}.lessons-content .lesson-card ol{padding:0;margin:0}.lessons-content .lesson-card ol li{list-style-type:none;display:inline-block;font-size:0.7rem !important;font-weight:700;padding:4px 4px;background:#e9ecef;color:#036EB8 !important}.lessons-content .lesson-card ul li{list-style-type:none;font-size:0.8rem !important}.lessons-content .lesson-card .lesson-actions a{background:#036EB8;color:white;border:none;font-size:0.8rem;font-weight:700;padding:10px 4px;border-radius:30px}.lessons-content .lesson-card .lesson-actions a i{margin-right:8px}.lessons-content .lesson-card .badge-content{position:absolute;top:-24px;left:-24px;background:#ff8800;color:white;padding:0.5rem 0.8rem;border-radius:50%;font-size:0.9rem;text-align:center}.grade-settings-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.grade-settings-row .btn{-ms-flex-negative:0;flex-shrink:0;white-space:nowrap}.grade-display-section{background-color:#f8f9fa;border-radius:8px;padding:1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.grade-display-section h6{color:#6c757d;margin-bottom:0.75rem;font-weight:400;font-size:0.9rem}.grade-display-section .selected-grades{margin-bottom:0.5rem}.grade-display-section .selected-grades .badge{font-size:0.875rem;padding:0.5rem 0.75rem}.grade-display-section .text-muted{font-size:0.875rem}.grade-display-section .current-grades-display .selected-grades{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-bottom:0.5rem}.grade-display-section .current-grades-display .selected-grades .badge{-ms-flex-negative:0;flex-shrink:0}.grade-display-section .current-grades-display .selected-grades .text-muted{margin:0;-webkit-box-flex:1;-ms-flex:1;flex:1}.grade-display-section .grade-display-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;margin-bottom:0.75rem}.grade-display-section .grade-display-header h6{margin:0;-ms-flex-negative:0;flex-shrink:0}.grade-display-section .grade-display-header .current-grades-display{-webkit-box-flex:1;-ms-flex:1;flex:1}@media (max-width: 768px){.grade-settings-row{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.grade-settings-row .btn{-ms-flex-item-align:start;align-self:flex-start}}.text-center{text-align:center !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.text-muted{color:#6c757d !important}.text-primary{color:#007bff !important}.text-success{color:#28a745 !important}.text-danger{color:#dc3545 !important}.text-warning{color:#ffc107 !important}.text-info{color:#17a2b8 !important}.bg-primary{background-color:#007bff !important}.bg-success{background-color:#28a745 !important}.bg-danger{background-color:#dc3545 !important}.bg-warning{background-color:#ffc107 !important}.bg-info{background-color:#17a2b8 !important}.bg-light{background-color:#f8f9fa !important}.bg-dark{background-color:#343a40 !important}.m-0{margin:0 !important}.m-1{margin:4px !important}.m-2{margin:8px !important}.m-3{margin:16px !important}.m-4{margin:24px !important}.m-5{margin:32px !important}.mt-0{margin-top:0 !important}.mt-1{margin-top:4px !important}.mt-2{margin-top:8px !important}.mt-3{margin-top:16px !important}.mt-4{margin-top:24px !important}.mt-5{margin-top:32px !important}.mb-0{margin-bottom:0 !important}.mb-1{margin-bottom:4px !important}.mb-2{margin-bottom:8px !important}.mb-3{margin-bottom:16px !important}.mb-4{margin-bottom:24px !important}.mb-5{margin-bottom:32px !important}.ml-0{margin-left:0 !important}.ml-1{margin-left:4px !important}.ml-2{margin-left:8px !important}.ml-3{margin-left:16px !important}.ml-4{margin-left:24px !important}.ml-5{margin-left:32px !important}.mr-0{margin-right:0 !important}.mr-1{margin-right:4px !important}.mr-2{margin-right:8px !important}.mr-3{margin-right:16px !important}.mr-4{margin-right:24px !important}.mr-5{margin-right:32px !important}.p-0{padding:0 !important}.p-1{padding:4px !important}.p-2{padding:8px !important}.p-3{padding:16px !important}.p-4{padding:24px !important}.p-5{padding:32px !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:4px !important}.pt-2{padding-top:8px !important}.pt-3{padding-top:16px !important}.pt-4{padding-top:24px !important}.pt-5{padding-top:32px !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:4px !important}.pb-2{padding-bottom:8px !important}.pb-3{padding-bottom:16px !important}.pb-4{padding-bottom:24px !important}.pb-5{padding-bottom:32px !important}.pl-0{padding-left:0 !important}.pl-1{padding-left:4px !important}.pl-2{padding-left:8px !important}.pl-3{padding-left:16px !important}.pl-4{padding-left:24px !important}.pl-5{padding-left:32px !important}.pr-0{padding-right:0 !important}.pr-1{padding-right:4px !important}.pr-2{padding-right:8px !important}.pr-3{padding-right:16px !important}.pr-4{padding-right:24px !important}.pr-5{padding-right:32px !important}.d-none{display:none !important}.d-inline{display:inline !important}.d-inline-block{display:inline-block !important}.d-block{display:block !important}.d-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.d-inline-flex{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}.justify-content-start{-webkit-box-pack:start !important;-ms-flex-pack:start !important;justify-content:flex-start !important}.justify-content-end{-webkit-box-pack:end !important;-ms-flex-pack:end !important;justify-content:flex-end !important}.justify-content-center{-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important}.justify-content-between{-webkit-box-pack:justify !important;-ms-flex-pack:justify !important;justify-content:space-between !important}.justify-content-around{-ms-flex-pack:distribute !important;justify-content:space-around !important}.align-items-start{-webkit-box-align:start !important;-ms-flex-align:start !important;align-items:flex-start !important}.align-items-end{-webkit-box-align:end !important;-ms-flex-align:end !important;align-items:flex-end !important}.align-items-center{-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.align-items-baseline{-webkit-box-align:baseline !important;-ms-flex-align:baseline !important;align-items:baseline !important}.align-items-stretch{-webkit-box-align:stretch !important;-ms-flex-align:stretch !important;align-items:stretch !important}.flex-row{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important}.flex-column{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}.flex-wrap{-ms-flex-wrap:wrap !important;flex-wrap:wrap !important}.flex-nowrap{-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important}.w-25{width:25% !important}.w-50{width:50% !important}.w-75{width:75% !important}.w-100{width:100% !important}.h-25{height:25% !important}.h-50{height:50% !important}.h-75{height:75% !important}.h-100{height:100% !important}.position-static{position:static !important}.position-relative{position:relative !important}.position-absolute{position:absolute !important}.position-fixed{position:fixed !important}.position-sticky{position:sticky !important}.border{border:1px solid #dee2e6 !important}.border-top{border-top:1px solid #dee2e6 !important}.border-right{border-right:1px solid #dee2e6 !important}.border-bottom{border-bottom:1px solid #dee2e6 !important}.border-left{border-left:1px solid #dee2e6 !important}.border-0{border:0 !important}.border-top-0{border-top:0 !important}.border-right-0{border-right:0 !important}.border-bottom-0{border-bottom:0 !important}.border-left-0{border-left:0 !important}.rounded{border-radius:4px !important}.rounded-sm{border-radius:2px !important}.rounded-lg{border-radius:6px !important}.rounded-circle{border-radius:50% !important}.rounded-0{border-radius:0 !important}.shadow-sm{-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.075) !important;box-shadow:0 1px 2px rgba(0,0,0,0.075) !important}.shadow{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1) !important;box-shadow:0 2px 4px rgba(0,0,0,0.1) !important}.shadow-lg{-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.15) !important;box-shadow:0 4px 8px rgba(0,0,0,0.15) !important}.shadow-none{-webkit-box-shadow:none !important;box-shadow:none !important}@media (max-width: 576px){.d-sm-none{display:none !important}.d-sm-block{display:block !important}.d-sm-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}@media (min-width: 577px) and (max-width: 768px){.d-md-none{display:none !important}.d-md-block{display:block !important}.d-md-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}@media (min-width: 769px){.d-lg-none{display:none !important}.d-lg-block{display:block !important}.d-lg-flex{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}}*,*::before,*::after{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:16px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem;margin-bottom:1.5rem}h2{font-size:2rem;margin-bottom:1.25rem}h3{font-size:1.75rem;margin-bottom:1rem}h4{font-size:1.5rem;margin-bottom:0.75rem}h5{font-size:1.25rem;margin-bottom:0.5rem}h6{font-size:1rem;margin-bottom:0.5rem}p{margin-bottom:1rem}a{color:#036EB8;text-decoration:none;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}a:hover{color:#025086}ul,ol{margin-bottom:1rem;padding-left:2rem}li{margin-bottom:0.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:#6c757d}.text-primary{color:#036EB8}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.text-sm{font-size:0.875rem}.text-lg{font-size:1.25rem}.text-xl{font-size:1.5rem}.font-weight-normal{font-weight:normal}.font-weight-bold{font-weight:bold}.font-weight-light{font-weight:300}.line-height-1{line-height:1}.line-height-2{line-height:1.5}.line-height-3{line-height:2}.container-fuild{width:100%;padding-left:1rem}.container{width:100%;margin-right:auto;margin-left:auto}@media screen and (min-width: 0){.container{max-width:100%}}@media screen and (min-width: 576px){.container{max-width:540px}}@media screen and (min-width: 768px){.container{max-width:720px}}@media screen and (min-width: 992px){.container{max-width:960px}}@media screen and (min-width: 1200px){.container{max-width:1140px}}@media screen and (min-width: 1400px){.container{max-width:1320px}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.col-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media screen and (min-width: 0){.col-xs-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xs-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xs-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xs-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xs-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xs-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xs-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xs-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xs-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xs-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xs-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xs-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width: 576px){.col-sm-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width: 768px){.col-md-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width: 992px){.col-lg-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width: 1200px){.col-xl-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xl-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xl-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xl-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xl-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media screen and (min-width: 1400px){.col-xxl-1{-webkit-box-flex:0;-ms-flex:0 0 8.3333333333%;flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xxl-2{-webkit-box-flex:0;-ms-flex:0 0 16.6666666667%;flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xxl-3{-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xxl-4{-webkit-box-flex:0;-ms-flex:0 0 33.3333333333%;flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xxl-5{-webkit-box-flex:0;-ms-flex:0 0 41.6666666667%;flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xxl-6{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xxl-7{-webkit-box-flex:0;-ms-flex:0 0 58.3333333333%;flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xxl-8{-webkit-box-flex:0;-ms-flex:0 0 66.6666666667%;flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xxl-9{-webkit-box-flex:0;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xxl-10{-webkit-box-flex:0;-ms-flex:0 0 83.3333333333%;flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xxl-11{-webkit-box-flex:0;-ms-flex:0 0 91.6666666667%;flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xxl-12{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.3333333333%}.offset-8{margin-left:66.6666666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.3333333333%}.offset-11{margin-left:91.6666666667%}@media screen and (min-width: 0){.offset-xs-1{margin-left:8.3333333333%}.offset-xs-2{margin-left:16.6666666667%}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:33.3333333333%}.offset-xs-5{margin-left:41.6666666667%}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:58.3333333333%}.offset-xs-8{margin-left:66.6666666667%}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:83.3333333333%}.offset-xs-11{margin-left:91.6666666667%}}@media screen and (min-width: 576px){.offset-sm-1{margin-left:8.3333333333%}.offset-sm-2{margin-left:16.6666666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.3333333333%}.offset-sm-5{margin-left:41.6666666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.3333333333%}.offset-sm-8{margin-left:66.6666666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.3333333333%}.offset-sm-11{margin-left:91.6666666667%}}@media screen and (min-width: 768px){.offset-md-1{margin-left:8.3333333333%}.offset-md-2{margin-left:16.6666666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.3333333333%}.offset-md-5{margin-left:41.6666666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.3333333333%}.offset-md-8{margin-left:66.6666666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.3333333333%}.offset-md-11{margin-left:91.6666666667%}}@media screen and (min-width: 992px){.offset-lg-1{margin-left:8.3333333333%}.offset-lg-2{margin-left:16.6666666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.3333333333%}.offset-lg-5{margin-left:41.6666666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.3333333333%}.offset-lg-8{margin-left:66.6666666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.3333333333%}.offset-lg-11{margin-left:91.6666666667%}}@media screen and (min-width: 1200px){.offset-xl-1{margin-left:8.3333333333%}.offset-xl-2{margin-left:16.6666666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.3333333333%}.offset-xl-5{margin-left:41.6666666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.3333333333%}.offset-xl-8{margin-left:66.6666666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.3333333333%}.offset-xl-11{margin-left:91.6666666667%}}@media screen and (min-width: 1400px){.offset-xxl-1{margin-left:8.3333333333%}.offset-xxl-2{margin-left:16.6666666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.3333333333%}.offset-xxl-5{margin-left:41.6666666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.3333333333%}.offset-xxl-8{margin-left:66.6666666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.3333333333%}.offset-xxl-11{margin-left:91.6666666667%}}.d-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-items-baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.align-items-stretch{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.flex-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.flex-fill{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.flex-grow-1{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.flex-shrink-1{-ms-flex-negative:1;flex-shrink:1}.order-first{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}.order-last{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.order-5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.order-6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.order-7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.order-8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.order-9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.order-10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.order-11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.order-12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}header .container-fluid{padding:0}header .container-fluid .header-top{padding:1rem;background:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}header .container-fluid .header-top .logo-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}header .container-fluid .header-top .logo-area .logo{height:40px;width:auto}header .container-fluid .header-top .logo-area .shop-info{font-size:0.9rem;color:#666}header .container-fluid .header-top nav .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:0;padding:0;gap:1.5rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .container-fluid .header-top nav .nav-list li{display:inline-block}header .container-fluid .header-top nav .nav-list li a,header .container-fluid .header-top nav .nav-list li button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:#333;text-decoration:none;font-size:16px;padding:0.5rem 1rem;border-radius:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .container-fluid .header-top nav .nav-list li a:hover,header .container-fluid .header-top nav .nav-list li button:hover{background-color:#f5f5f5}header .container-fluid .header-top nav .nav-list li a i,header .container-fluid .header-top nav .nav-list li button i{font-size:1rem}header .container-fluid .header-top nav .nav-list li .btn{background:#036EB8;border:none;color:white;padding:12px 40px}header .container-fluid .header-top nav .nav-list li .btn:hover{background-color:#fff1f1}.operation-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;padding:0;margin:0;list-style:none}.operation-list li a,.operation-list li button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;border-radius:4px;border:1px solid #ddd;background:none;color:#666;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.operation-list li a:hover,.operation-list li button:hover{background:#f8f9fa;color:#333}.operation-list li a i,.operation-list li button i{font-size:1.2rem}.operation-list li button{color:#dc3545}.operation-list li button:hover{background:#dc3545;color:#fff;border-color:#dc3545}.badge{display:inline-block;padding:0.35em 0.65em;font-size:0.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0.25rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.badge-primary{background-color:#036EB8}.badge-primary:hover{background-color:#025086}.badge-secondary{background-color:#6c757d}.badge-secondary:hover{background-color:#545b62}.badge-success{background-color:#28a745}.badge-success:hover{background-color:#1e7e34}.badge-danger{background-color:#dc3545}.badge-danger:hover{background-color:#bd2130}.badge-warning{background-color:#ffc107;color:#000}.badge-warning:hover{background-color:#d39e00}.badge-info{background-color:#17a2b8}.badge-info:hover{background-color:#117a8b}.badge-light{background-color:#f8f9fa;color:#000}.badge-light:hover{background-color:#dae0e5}.badge-dark{background-color:#343a40}.badge-dark:hover{background-color:#1d2124}.badge-status--draft{background-color:#6c757d}.badge-status--published{background-color:#28a745}.badge-status--archived{background-color:#dc3545}.badge-sm{padding:0.25em 0.5em;font-size:0.65em}.badge-lg{padding:0.5em 0.75em;font-size:0.85em}.badge-top-right{position:absolute;top:0;right:0;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.badge-top-left{position:absolute;top:0;left:0;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.badge-pulse{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}.trix-editor-container{margin-bottom:1rem}.trix-editor-container .trix-content{min-height:200px;padding:1rem;border:1px solid #dee2e6;border-radius:0.375rem;background-color:#fff}.trix-editor-container .trix-content:focus{border-color:#86b7fe;-webkit-box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}.trix-toolbar{margin-bottom:0.5rem;padding:0.5rem;border:1px solid #dee2e6;border-radius:0.375rem;background-color:#f8f9fa}.trix-toolbar .trix-button-group{margin-right:0.5rem}.trix-toolbar .trix-button-group:last-child{margin-right:0}.trix-toolbar .trix-button{padding:0.25rem 0.5rem;border:1px solid #dee2e6;border-radius:0.25rem;background-color:#fff}.trix-toolbar .trix-button:hover{background-color:#e9ecef}.trix-toolbar .trix-button.trix-active{background-color:#e9ecef}.period-type-message{display:none}.period-selector{display:none !important}.period-selector.show{display:block !important;background-color:#f0f8ff !important;border:2px solid #007bff !important;padding:10px !important;margin:10px 0 !important}.period-selector[style*="display: block"]{display:block !important}.period-selector.show{display:block !important;background-color:#f0f8ff !important;border:2px solid #007bff !important;padding:10px !important;margin:10px 0 !important}.test-week-selector{border:3px solid red !important}.test-month-selector{border:3px solid blue !important}.test-custom-selector{border:3px solid green !important}.period-input{width:200px}.holiday-input{width:200px}.time_slots.d-none{display:none !important}.time_slots.d-block{display:block !important}.day_header .day_heading{font-weight:600;color:#333}.time_slot_table{font-size:0.9rem}.time_slot_table td{padding:0.5rem;vertical-align:middle}.add_time_button{background:#007bff;color:white;border:none;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;cursor:pointer}.add_time_button:hover{background:#0056b3}.remove-time-slot{background:#dc3545;color:white;border:none;padding:0.25rem 0.5rem;border-radius:0.25rem;font-size:0.875rem;cursor:pointer}.remove-time-slot:hover{background:#c82333}.holiday_tags .holiday_tag{display:inline-block;margin:0.25rem}.holiday_tags .holiday_tag .btn-close{font-size:0.75rem;padding:0.125rem}.setting_box{background:#f8f9fa;border:1px solid #dee2e6;border-radius:0.375rem;padding:1.5rem;margin-bottom:1.5rem}.setting_box h5{color:#495057;margin-bottom:1rem;font-weight:600}.setting_box h6{color:#6c757d;margin-bottom:0.5rem;font-weight:500}.save_button{background:#28a745;color:white;border:none;padding:0.75rem 2rem;border-radius:0.375rem;font-size:1rem;font-weight:500;cursor:pointer}.save_button:hover{background:#218838}.save_button:disabled{background:#6c757d;cursor:not-allowed}.history_form{width:100%;border-collapse:collapse;margin-bottom:20px}.history_form th,.history_form td{padding:12px;border-bottom:1px solid #e0e0e0;text-align:left}.history_form th{width:120px;font-weight:600;color:#333}.history_form td{width:calc(100% - 120px)}.other-lesson-container{display:none;margin-top:8px}.preview-container{background:#f8f9fa;border:1px solid #dee2e6;padding:20px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.preview-container h5{color:#495057;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #007bff}.preview-content .preview-item{margin-bottom:15px;padding:10px;background:white;border-radius:6px;border-left:4px solid #007bff}.preview-content .preview-item strong{color:#495057;display:block;margin-bottom:5px;font-size:0.9em}.preview-content .preview-item span,.preview-content .preview-item div{color:#212529;font-size:1em;word-wrap:break-word}.preview-content .preview-message{min-height:60px;white-space:pre-wrap;line-height:1.5;background:#f8f9fa;padding:8px;border-radius:4px;border:1px solid #e9ecef}.line-preview-content .line-message-preview{background:#f8f9fa;border-radius:6px;overflow:hidden;-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.1);box-shadow:0 2px 12px rgba(0,0,0,0.1);margin:8px auto;max-width:90%}.line-preview-content .line-message-header{background:#00B900;color:white;padding:8px 12px;font-weight:500;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;border-radius:8px 8px 0 0}.line-preview-content .line-message-header i{font-size:14px}.line-preview-content .line-message-body{background:white;padding:12px;border-radius:0 0 20px 20px}.line-preview-content .line-message-body .line-message-item{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:6px}.line-preview-content .line-message-body .line-message-item:last-child{margin-bottom:0}.line-preview-content .line-message-body .line-label{font-weight:500;color:#666;min-width:60px;font-size:11px}.line-preview-content .line-message-body span{color:#333;font-size:11px;line-height:1.3}.line-preview-content .line-message-body .line-message-text{color:#333;font-size:11px;line-height:1.4;white-space:pre-wrap;background:#f0f0f0;padding:6px 8px;border-radius:12px;margin-top:2px;min-height:30px;word-break:break-word}.line-preview-container{background:#f8f9fa;padding:16px;border:1px solid #e9ecef}.line-preview-container .line-preview-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;margin-bottom:12px;color:#333;font-weight:600;font-size:14px}.line-preview-container .line-preview-header i{color:#00B900}@media (max-width: 768px){.preview-container{position:static;margin-top:20px}.history_form th{width:100%;font-size:0.9em;background:none !important}.history_form td{width:calc(100% - 100px)}}.lesson-content{padding:3rem 2rem}.lesson-content h2{font-size:1.5rem}.lesson-content h2 span{display:block;font-size:12px}.lesson-content h5 i{margin-right:8px}.lesson-content .detail-list li{list-style-type:none;padding-left:28px;font-size:14px}.lesson-content .detail-list li:first-of-type{margin-bottom:16px}.pdf-fullscreen-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);z-index:9999;opacity:0;-webkit-transition:opacity 0.3s ease-in-out;transition:opacity 0.3s ease-in-out}.pdf-fullscreen-modal.show{opacity:1}.pdf-modal-dialog{position:relative;width:100%;height:100%;margin:0;padding:0}.pdf-modal-content{position:relative;width:100%;height:100%;background-color:#fff;border:none;border-radius:0;-webkit-box-shadow:none;box-shadow:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.pdf-modal-header{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;-ms-flex-negative:0;flex-shrink:0;z-index:1000}.pdf-modal-header .pdf-modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#495057;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.pdf-modal-header .pdf-modal-title i{color:#007bff}.pdf-modal-header .pdf-modal-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.pdf-modal-header .pdf-modal-controls .btn{font-size:0.875rem;padding:0.375rem 0.75rem}.pdf-modal-header .pdf-modal-controls .btn i{margin-right:0.25rem}.pdf-modal-header .pdf-modal-close{background:none;border:none;font-size:1.5rem;color:#6c757d;cursor:pointer;padding:0.25rem;border-radius:0.25rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pdf-modal-header .pdf-modal-close:hover{color:#343a40;background-color:#e9ecef}.pdf-modal-header .pdf-modal-close:focus{outline:none;-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.pdf-modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0;overflow:hidden;position:relative}.pdf-modal-body iframe{width:100%;height:100%;border:none;background-color:#fff}@media (max-width: 768px){.pdf-modal-header{padding:0.75rem 1rem}.pdf-modal-header .pdf-modal-title{font-size:1.1rem}.pdf-modal-header .pdf-modal-close{font-size:1.25rem}}.pdf-fullscreen-modal.show{-webkit-animation:fadeIn 0.3s ease-in-out;animation:fadeIn 0.3s ease-in-out}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.pdf-modal-body::-webkit-scrollbar{width:8px}.pdf-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.pdf-modal-body::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.pdf-modal-body::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.pdf-no-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;background-color:#f8f9fa}.pdf-no-content p{color:#6c757d;font-size:1.1rem;margin:0}.modal-backdrop{display:none !important;opacity:0 !important;pointer-events:none !important}body.modal-open{overflow:auto !important;padding-right:0 !important}.pdf-modal-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.pdf-modal-controls .btn{font-size:0.875rem;padding:0.375rem 0.75rem}.pdf-modal-controls .btn i{margin-right:0.25rem}.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]::before,.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]::after{display:none !important}.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+.toolbar,.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+.secondaryToolbar,.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+.findbar,.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+.sidebarContainer{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important}.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+*[class*=toolbar],.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+*[class*=Toolbar],.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+*[id*=toolbar],.pdf-modal iframe[src*="mozilla.github.io/pdf.js"]+*[id*=Toolbar]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;width:0 !important;overflow:hidden !important}.pdf-modal iframe+*[class*=toolbar],.pdf-modal iframe+*[class*=Toolbar],.pdf-modal iframe+*[id*=toolbar],.pdf-modal iframe+*[id*=Toolbar],.pdf-modal iframe+*[class*=nav],.pdf-modal iframe+*[class*=Nav],.pdf-modal iframe+*[id*=nav],.pdf-modal iframe+*[id*=Nav],.pdf-modal iframe+*[class*=control],.pdf-modal iframe+*[class*=Control],.pdf-modal iframe+*[id*=control],.pdf-modal iframe+*[id*=Control]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-9999 !important}.pdf-modal *[class*=toolbar],.pdf-modal *[class*=Toolbar],.pdf-modal *[id*=toolbar],.pdf-modal *[id*=Toolbar],.pdf-modal *[class*=nav],.pdf-modal *[class*=Nav],.pdf-modal *[id*=nav],.pdf-modal *[id*=Nav],.pdf-modal *[class*=control],.pdf-modal *[class*=Control],.pdf-modal *[id*=control],.pdf-modal *[id*=Control],.pdf-modal *[class*=menu],.pdf-modal *[class*=Menu],.pdf-modal *[id*=menu],.pdf-modal *[id*=Menu]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-9999 !important}.pdf-modal .toolbar,.pdf-modal .Toolbar,.pdf-modal .navigation,.pdf-modal .Navigation,.pdf-modal .controls,.pdf-modal .Controls,.pdf-modal .menu,.pdf-modal .Menu,.pdf-modal .header,.pdf-modal .Header,.pdf-modal .footer,.pdf-modal .Footer{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-9999 !important}.pdf-modal{position:fixed !important;top:0 !important;left:0 !important;width:100vw !important;height:100vh !important;z-index:9999 !important;background:#000 !important}.pdf-modal iframe{width:100% !important;height:100% !important;border:none !important;background:#fff !important}.pdf-modal iframe[src*=".pdf#"]+*[class*=toolbar],.pdf-modal iframe[src*=".pdf#"]+*[class*=Toolbar],.pdf-modal iframe[src*=".pdf#"]+*[id*=toolbar],.pdf-modal iframe[src*=".pdf#"]+*[id*=Toolbar]{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;height:0 !important;width:0 !important;overflow:hidden !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-9999 !important}.pdf-modal .pdf-modal-header{position:absolute !important;top:0 !important;left:0 !important;right:0 !important;z-index:10000 !important;background:rgba(0,0,0,0.8) !important;color:#fff !important}.pdf-modal .pdf-modal-header .pdf-modal-title{color:#fff !important}.pdf-modal .pdf-modal-header .pdf-modal-controls .btn{background:rgba(255,255,255,0.2) !important;border:1px solid rgba(255,255,255,0.3) !important;color:#fff !important}.pdf-modal .pdf-modal-header .pdf-modal-controls .btn:hover{background:rgba(255,255,255,0.3) !important}.step-form{display:none;border:1px solid #ddd;padding:15px;margin:10px 0;background-color:#f9f9f9}.step-form.active{display:block;background-color:#e8f5e8;border-color:#28a745}.step-form::before{content:"STEP" attr(data-step-number);display:block;font-weight:bold;color:#666;margin-bottom:10px}.pagination,.pagination--single{gap:4px;padding:4px}.pagination .page,.pagination--single .page{min-width:40px;height:40px;padding:0 12px;color:#4a5568;font-weight:600;border:1px solid transparent;background:transparent;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.pagination .page a,.pagination .page span,.pagination--single .page a,.pagination--single .page span{color:inherit;text-decoration:none}.pagination .page.current,.pagination--single .page.current{color:#fff;background:#036EB8}.pagination .page.disabled,.pagination--single .page.disabled{opacity:0.4;cursor:not-allowed}.pagination .prev .page,.pagination .next .page,.pagination .first .page,.pagination .last .page,.pagination--single .prev .page,.pagination--single .next .page,.pagination--single .first .page,.pagination--single .last .page{font-size:1.1rem;min-width:32px}#admin_dashboard main{padding:3rem 1rem}#admin_dashboard ul,#admin_dashboard ol{padding:0}#admin_dashboard ul li,#admin_dashboard ol li{list-style-type:none}#admin_dashboard .table{margin:3rem 0}#admin_dashboard .table th,#admin_dashboard .table td{padding:16px 8px}#admin_dashboard .table th{text-align:left}#admin_dashboard .table td a{text-decoration:none;font-size:20px;margin:0 4px;color:#036EB8}#admin_dashboard .table thead th{background:#f2f2f2}#admin_dashboard .shop{border-collapse:collapse;border:#ccc 1px solid}#admin_dashboard .shop th,#admin_dashboard .shop td{border:#ccc 1px solid}#admin_dashboard .shop th:first-of-type,#admin_dashboard .shop td:first-of-type{width:15%}#admin_dashboard .shop th:nth-of-type(2),#admin_dashboard .shop td:nth-of-type(2){width:15%}#admin_dashboard .shop th:nth-of-type(3),#admin_dashboard .shop td:nth-of-type(3){width:25%}#admin_dashboard .shop th:nth-of-type(4),#admin_dashboard .shop td:nth-of-type(4){width:20%}#admin_dashboard .shop th:nth-of-type(5),#admin_dashboard .shop td:nth-of-type(5){width:15%}#admin_dashboard .shop th:last-of-type,#admin_dashboard .shop td:last-of-type{width:10%}#admin_dashboard .title{font-size:18px;color:#272727;margin-bottom:1rem}#admin_dashboard .pageTitle{font-size:20px}#admin_dashboard .pageTitle span{margin-left:16px}#admin_dashboard .pageTitle a{color:#036EB8;text-decoration:none;font-size:14px}#admin_dashboard .box{-webkit-box-shadow:none;box-shadow:none}#admin_dashboard .box .col-6{margin:1rem 0;padding:0 1rem;border-radius:6px}#admin_dashboard .box h6{font-size:14px;color:#666;margin-bottom:1rem;padding:8px 0}#admin_dashboard .box .stats-top{border-bottom:1px solid #eee}#admin_dashboard .box .item-count{font-size:24px;text-align:center;font-weight:600}#admin_dashboard .ad-info_conatnets .col-4:last-of-type .abmin_infoBox{border-right:none}#admin_dashboard .abmin_infoBox{margin-top:3rem;padding:1rem;border-right:1px solid #f2f2f2}#admin_dashboard .abmin_infoBox .list-group{border-bottom:1px solid #f2f2f2;padding:1rem 0}#admin_dashboard .abmin_infoBox .list-group small{padding-left:8px;float:right}#admin_dashboard .abmin_infoBox .list-group-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#admin_dashboard canvas{min-height:150px;height:150px !important}#admin_dashboard table{width:100%;table-layout:fixed}#admin_dashboard .admin_course_contents{padding:0 2rem;margin:2rem 0}#admin_dashboard .admin_course_contents .course-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #f8f9fa}#admin_dashboard .admin_course_contents .course-header h6{font-size:1.25rem;color:#2c3e50;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}#admin_dashboard .admin_course_contents .course-header h6 i{color:#036EB8;background:linear-gradient(135deg, #e8f4ff 0%, #d5edfe 100%);padding:0.75rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.1);box-shadow:0 2px 4px rgba(3,110,184,0.1)}#admin_dashboard .admin_course_contents .course-header .create_btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#036EB8;color:white;border-radius:8px;text-decoration:none;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .admin_course_contents .course-header .create_btn i{font-size:1.1rem}#admin_dashboard .admin_course_contents .course-header .create_btn:hover{background:#035f9f;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}#admin_dashboard .admin_course_contents .table{margin:0}#admin_dashboard .admin_course_contents .table thead th{background:#f8f9fa;color:#495057;font-weight:600;padding:1rem;border-bottom:2px solid #e9ecef}#admin_dashboard .admin_course_contents .table tbody tr{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#admin_dashboard .admin_course_contents .table tbody tr:hover{background-color:#f8f9fa}#admin_dashboard .admin_course_contents .table tbody tr td{padding:1rem;vertical-align:middle;color:#495057}#admin_dashboard .admin_course_contents .table tbody tr td .lesson-link{color:#2c3e50;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:16px;gap:0.5rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#admin_dashboard .admin_course_contents .table tbody tr td .lesson-link i{font-size:0.9rem;opacity:0.7}#admin_dashboard .admin_course_contents .table tbody tr td .lesson-link:hover{color:#036EB8}#admin_dashboard .admin_course_contents .table tbody tr td .lesson-link:hover i{opacity:1}#admin_dashboard .admin_course_contents .table tbody tr td .grade-badge{display:inline-block;padding:0.5rem 0.75rem;background:#e8f4ff;color:#036EB8;border-radius:6px;font-weight:500;font-size:0.875rem}#admin_dashboard .admin_course_contents .table tbody tr td .step-count{display:inline-block;padding:0.5rem 0.75rem;background:#f8f9fa;color:#495057;border-radius:6px;font-weight:500;font-size:0.875rem}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn{padding:0.5rem;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn.btn-outline-primary{color:#036EB8;border-color:#036EB8}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn.btn-outline-primary:hover{background:#036EB8;color:white}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn.btn-outline-danger{color:#dc3545;border-color:#dc3545}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn.btn-outline-danger:hover{background:#dc3545;color:white}#admin_dashboard .admin_course_contents .table tbody tr td .action-buttons .btn i{font-size:1rem}#admin_dashboard .course_form,#admin_dashboard .shop_form{margin:2rem 0}#admin_dashboard .course_form table,#admin_dashboard .shop_form table{table-layout:fixed;width:60%}#admin_dashboard .course_form table th,#admin_dashboard .course_form table td,#admin_dashboard .shop_form table th,#admin_dashboard .shop_form table td{padding:16px;vertical-align:top}#admin_dashboard .course_form table th,#admin_dashboard .shop_form table th{width:20%;text-align:left;font-weight:600;color:#272727}#admin_dashboard .course_form table th.check,#admin_dashboard .shop_form table th.check{padding-top:24px}#admin_dashboard .course_form table td,#admin_dashboard .shop_form table td{width:80%}#admin_dashboard .course_form table td input,#admin_dashboard .course_form table td textarea,#admin_dashboard .course_form table td select,#admin_dashboard .shop_form table td input,#admin_dashboard .shop_form table td textarea,#admin_dashboard .shop_form table td select{width:100%;height:45px;padding:8px 16px;background:#fafafa;border:1px solid #eee;border-radius:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .course_form table td input:focus,#admin_dashboard .course_form table td textarea:focus,#admin_dashboard .course_form table td select:focus,#admin_dashboard .shop_form table td input:focus,#admin_dashboard .shop_form table td textarea:focus,#admin_dashboard .shop_form table td select:focus{outline:none;border-color:#036EB8;-webkit-box-shadow:0 0 0 2px rgba(3,110,184,0.1);box-shadow:0 0 0 2px rgba(3,110,184,0.1)}#admin_dashboard .course_form table td .checkbox,#admin_dashboard .shop_form table td .checkbox{position:relative;display:inline-block;width:16px;height:16px;margin-right:8px;vertical-align:middle;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid #ddd;border-radius:4px;background-color:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .course_form table td .checkbox:checked,#admin_dashboard .shop_form table td .checkbox:checked{background-color:#036EB8;border-color:#036EB8}#admin_dashboard .course_form table td .checkbox:checked::after,#admin_dashboard .shop_form table td .checkbox:checked::after{content:"";position:absolute;left:6px;top:2px;width:4px;height:10px;border:solid white;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#admin_dashboard .course_form table td .checkbox:hover,#admin_dashboard .shop_form table td .checkbox:hover{border-color:#036EB8}#admin_dashboard .course_form table td .checkbox:focus,#admin_dashboard .shop_form table td .checkbox:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(3,110,184,0.1);box-shadow:0 0 0 2px rgba(3,110,184,0.1)}#admin_dashboard .course_form table td .form-check-label,#admin_dashboard .shop_form table td .form-check-label{display:inline-block;vertical-align:middle;font-size:14px;color:#666;cursor:pointer}#admin_dashboard .course_form table td .row,#admin_dashboard .shop_form table td .row{margin:0 -8px}#admin_dashboard .course_form table td .row .col-3,#admin_dashboard .shop_form table td .row .col-3{padding:0 8px}#admin_dashboard .course_form table td .row .col-3 label,#admin_dashboard .shop_form table td .row .col-3 label{display:block;margin-bottom:8px;font-size:14px;color:#666}#admin_dashboard .course_form table td small,#admin_dashboard .shop_form table td small{display:block;margin-top:8px;font-size:12px;color:#666}#admin_dashboard .course_form table td .url-copy-group,#admin_dashboard .shop_form table td .url-copy-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}#admin_dashboard .course_form table td .url-copy-group input,#admin_dashboard .shop_form table td .url-copy-group input{-webkit-box-flex:1;-ms-flex:1;flex:1}#admin_dashboard .course_form table td .url-copy-group .btn-icon,#admin_dashboard .shop_form table td .url-copy-group .btn-icon{width:40px;height:40px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:transparent;border:1px solid #ddd;border-radius:4px;color:#666;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .course_form table td .url-copy-group .btn-icon i,#admin_dashboard .shop_form table td .url-copy-group .btn-icon i{font-size:18px}#admin_dashboard .course_form table td .url-copy-group .btn-icon:hover,#admin_dashboard .shop_form table td .url-copy-group .btn-icon:hover{background:#f5f5f5;border-color:#036EB8;color:#036EB8}#admin_dashboard .course_form table td .url-copy-group .btn-icon:focus,#admin_dashboard .shop_form table td .url-copy-group .btn-icon:focus{outline:none;-webkit-box-shadow:0 0 0 2px rgba(3,110,184,0.1);box-shadow:0 0 0 2px rgba(3,110,184,0.1)}#admin_dashboard .course_form table td .shop-search-container .search-input-group,#admin_dashboard .shop_form table td .shop-search-container .search-input-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-bottom:16px}#admin_dashboard .course_form table td .shop-search-container .search-input-group input,#admin_dashboard .shop_form table td .shop-search-container .search-input-group input{-webkit-box-flex:1;-ms-flex:1;flex:1}#admin_dashboard .course_form table td .shop-search-container .search-input-group .btn,#admin_dashboard .shop_form table td .shop-search-container .search-input-group .btn{padding:8px 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}#admin_dashboard .course_form table td .shop-search-container .search-input-group .btn i,#admin_dashboard .shop_form table td .shop-search-container .search-input-group .btn i{font-size:16px}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .shop-select,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .shop-select{-webkit-box-flex:1;-ms-flex:1;flex:1}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn{width:40px;height:40px;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn i,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn i{font-size:18px}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-danger,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-danger{background-color:#dc3545;border-color:#dc3545;color:white}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-danger:hover,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-danger:hover{background-color:#d32535;border-color:#d32535}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-primary,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-primary{background-color:#036EB8;border-color:#036EB8;color:white}#admin_dashboard .course_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-primary:hover,#admin_dashboard .shop_form table td .shop-search-container .shop-select-container .select-box-wrapper .button-group .btn.btn-primary:hover{background-color:#035f9f;border-color:#035f9f}#admin_dashboard .course_form .actions,#admin_dashboard .shop_form .actions{margin-top:2rem;padding:0;list-style:none}#admin_dashboard .course_form .actions li,#admin_dashboard .shop_form .actions li{display:inline-block;margin-right:1rem}#admin_dashboard .course_form .actions li .btn,#admin_dashboard .shop_form .actions li .btn{font-weight:600;padding:8px 24px;border-radius:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .course_form .actions li .btn.btn-primary,#admin_dashboard .shop_form .actions li .btn.btn-primary{background-color:#036EB8;border-color:#036EB8}#admin_dashboard .course_form .actions li .btn.btn-primary:hover,#admin_dashboard .shop_form .actions li .btn.btn-primary:hover{background-color:#035f9f;border-color:#035f9f}#admin_dashboard .course_form .actions li a,#admin_dashboard .shop_form .actions li a{color:#036EB8;text-decoration:none;font-weight:600;padding:8px 24px;border:1px solid #036EB8;border-radius:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#admin_dashboard .course_form .actions li a:hover,#admin_dashboard .shop_form .actions li a:hover{background-color:#036EB8;color:white}#admin_dashboard .course_form #error_explanation,#admin_dashboard .shop_form #error_explanation{margin-bottom:2rem;padding:1rem;background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:4px}#admin_dashboard .course_form #error_explanation h2,#admin_dashboard .shop_form #error_explanation h2{font-size:16px;color:#d32f2f;margin-bottom:1rem}#admin_dashboard .course_form #error_explanation ul,#admin_dashboard .shop_form #error_explanation ul{margin:0;padding-left:1.5rem;color:#d32f2f}#admin_dashboard .modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1050}#admin_dashboard .modal.show{display:block}#admin_dashboard .modal .modal-content{border:none;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1)}#admin_dashboard .modal .modal-header{border-bottom:1px solid #e9ecef;padding:1.25rem 1.5rem}#admin_dashboard .modal .modal-header .modal-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;color:#dc3545;font-weight:600}#admin_dashboard .modal .modal-header .modal-title i{font-size:1.25rem}#admin_dashboard .modal .modal-body{padding:1.5rem}#admin_dashboard .modal .modal-body p{margin-bottom:0.5rem;color:#495057}#admin_dashboard .modal .modal-body p.text-danger{color:#dc3545;font-size:0.875rem}#admin_dashboard .modal .modal-footer{border-top:1px solid #e9ecef;padding:1.25rem 1.5rem}#admin_dashboard .modal .modal-footer .btn{padding:0.75rem 1.5rem;font-weight:500;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}#admin_dashboard .modal .modal-footer .btn.btn-danger{background:#dc3545;border-color:#dc3545}#admin_dashboard .modal .modal-footer .btn.btn-danger:hover{background:#d32535;border-color:#d32535}.line_contents .lineTitle{font-size:20px;margin:2rem 0}.line_contents #setupGuide{border:none;border-radius:8px;padding:1.5rem;margin:2rem 0;background:#f8f9fa}.line_contents #setupGuide .alert-heading{color:#036EB8;font-size:16px;font-weight:600;margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.line_contents #setupGuide .alert-heading::before{content:"\f0b1";font-family:"Line Awesome Free";font-weight:900;font-size:18px}.line_contents #setupGuide ol{margin:0;padding-left:1.5rem;color:#666}.line_contents #setupGuide ol li{position:relative;padding:0.5rem 0;font-size:14px;line-height:1.5}.line_contents #setupGuide ol li::marker{color:#036EB8;font-weight:bold}.line_contents #setupGuide ol li:not(:last-child){margin-bottom:0.5rem}.form-container{padding:2rem}.form-section{background:#ffffff;border-radius:8px;padding:1.5rem;margin-bottom:2rem;border:1px solid #e9ecef;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;position:relative;overflow:hidden}.form-section::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:-webkit-gradient(linear, left top, left bottom, from(#036EB8), to(#0288d1));background:linear-gradient(to bottom, #036EB8, #0288d1);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}.form-section .section-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #f8f9fa}.form-section .section-header i{font-size:1.5rem;color:#036EB8;background:linear-gradient(135deg, #e8f4ff 0%, #d5edfe 100%);padding:0.75rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.1);box-shadow:0 2px 4px rgba(3,110,184,0.1)}.form-section .section-header h5{margin:0;font-size:1.1rem;font-weight:600;color:#2c3e50;position:relative;padding-left:1rem}.form-section .section-header h5::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:3px;height:1.2rem;background:-webkit-gradient(linear, left top, left bottom, from(#036EB8), to(#0288d1));background:linear-gradient(to bottom, #036EB8, #0288d1);border-radius:2px}.form-group{margin-bottom:1.5rem;position:relative}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-weight:500;color:#495057;margin-bottom:0.5rem;font-size:0.95rem;position:relative;padding-left:0.5rem}.form-label::before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:1rem;background:#036EB8;border-radius:2px}.form-control,.form-select{width:100%;padding:0.75rem 1rem;font-size:0.95rem;border:1px solid #dee2e6;border-radius:8px;background-color:#ffffff;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.form-control:focus,.form-select:focus{border-color:#036EB8;outline:none;background-color:#ffffff}.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder{color:#adb5bd}.form-control::-moz-placeholder,.form-select::-moz-placeholder{color:#adb5bd}.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder{color:#adb5bd}.form-control::-ms-input-placeholder,.form-select::-ms-input-placeholder{color:#adb5bd}.form-control::placeholder,.form-select::placeholder{color:#adb5bd}.form-text{display:block;margin-top:0.5rem;font-size:0.85rem;color:#6c757d;padding-left:0.5rem}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef;background:-webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(3,110,184,0.05)), to(transparent));background:linear-gradient(to right, transparent, rgba(3,110,184,0.05), transparent)}.form-actions .btn{min-width:120px;padding:0.75rem 1.5rem;font-weight:500;border-radius:8px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem;position:relative;overflow:hidden}.form-actions .btn::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg, transparent, rgba(255,255,255,0.2), transparent);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform 0.6s ease;transition:-webkit-transform 0.6s ease;transition:transform 0.6s ease;transition:transform 0.6s ease, -webkit-transform 0.6s ease}.form-actions .btn:hover::before{-webkit-transform:translateX(100%);transform:translateX(100%)}.form-actions .btn.btn-primary{background:linear-gradient(135deg, #036EB8, #0288d1);border:none;color:white;-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.2);box-shadow:0 2px 4px rgba(3,110,184,0.2)}.form-actions .btn.btn-primary:hover{background:linear-gradient(135deg, #0288d1, #036EB8);-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.3);box-shadow:0 4px 8px rgba(3,110,184,0.3)}.form-actions .btn.btn-primary:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.2);box-shadow:0 2px 4px rgba(3,110,184,0.2)}.form-actions .btn.btn-primary::after{content:"\f00c";font-family:"Line Awesome Free";font-weight:900;font-size:1rem}.form-actions .btn.btn-outline-secondary{background:transparent;border:2px solid #dee2e6;color:#6c757d;font-weight:500}.form-actions .btn.btn-outline-secondary:hover{background:#f8f9fa;border-color:#adb5bd;color:#495057;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.form-actions .btn.btn-outline-secondary:active{-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.form-actions .btn.btn-outline-secondary::after{content:"\f060";font-family:"Line Awesome Free";font-weight:900;font-size:1rem}.alert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;margin-bottom:2rem;border-radius:8px;background:linear-gradient(135deg, #fff 0%, #f8f9fa 100%)}.alert.alert-danger{background:linear-gradient(135deg, #fff5f5 0%, #fff0f0 100%);border:1px solid #feb2b2;color:#c53030}.alert.alert-danger .alert-icon{color:#c53030;font-size:1.5rem;background:rgba(254,178,178,0.2);padding:0.75rem;border-radius:8px}.alert.alert-danger .alert-content h4{color:#c53030;font-size:1.1rem;margin-bottom:0.75rem;font-weight:600}.alert.alert-danger .alert-content ul{margin:0;padding-left:1.5rem;font-size:0.95rem}.billing-container{padding:2rem;min-height:100vh}.billing-header{margin-bottom:2rem;padding:1.5rem;background:#ffffff;border-radius:12px}.billing-header .header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.billing-header .header-content h6{font-size:1.25rem;color:#2c3e50;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}.billing-header .header-content h6 i{color:#036EB8;background:linear-gradient(135deg, #e8f4ff 0%, #d5edfe 100%);padding:0.75rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.1);box-shadow:0 2px 4px rgba(3,110,184,0.1)}.billing-header .header-content .header-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.billing-header .header-content .header-stats .stat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.billing-header .header-content .header-stats .stat-item .stat-label{font-size:0.875rem;color:#6c757d}.billing-header .header-content .header-stats .stat-item .stat-value{font-size:1.5rem;font-weight:600;color:#2c3e50}.billing-header .header-content .header-stats .stat-item .stat-value.warning{color:#ffc107}.billing-header .header-content .header-stats .stat-item .stat-value.success{color:#28a745}.billing-card{overflow:hidden}.billing-card .nav-tabs{border-bottom:1px solid #e9ecef;padding:0 1.5rem;margin:0}.billing-card .nav-tabs .nav-item{margin-bottom:-1px}.billing-card .nav-tabs .nav-item .nav-link{border:none;padding:1rem 1.5rem;color:#6c757d;font-weight:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.billing-card .nav-tabs .nav-item .nav-link i{font-size:1rem}.billing-card .nav-tabs .nav-item .nav-link:hover{color:#036EB8;border:none;background:transparent}.billing-card .nav-tabs .nav-item .nav-link.active{color:#036EB8;background:transparent;border:none;border-bottom:2px solid #036EB8}.billing-card .tab-content{padding:1.5rem}.billing-card .tab-content .table{margin:0}.billing-card .tab-content .table thead th{background:#f8f9fa;color:#495057;font-weight:600;padding:1rem;border-bottom:2px solid #e9ecef}.billing-card .tab-content .table tbody tr{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.billing-card .tab-content .table tbody tr:hover{background-color:#f8f9fa}.billing-card .tab-content .table tbody tr td{padding:1rem;vertical-align:middle;color:#495057}.billing-card .tab-content .table tbody tr td.amount{font-weight:600;color:#2c3e50}.billing-card .tab-content .table tbody tr td .status-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.billing-card .tab-content .table tbody tr td .status-container .badge{padding:0.5rem 0.75rem;font-weight:500;font-size:0.875rem}.billing-card .tab-content .table tbody tr td .status-container .status-form .status-select{width:auto;min-width:120px;padding:0.25rem 2rem 0.25rem 0.75rem;font-size:0.875rem;border-radius:4px;border:1px solid #dee2e6;background-color:#ffffff;cursor:pointer}.billing-card .tab-content .table tbody tr td .status-container .status-form .status-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 2px rgba(3,110,184,0.1);box-shadow:0 0 0 2px rgba(3,110,184,0.1)}.billing-card .tab-content .table tbody tr td .btn-info{background:transparent;border:none;color:#036EB8;padding:0.5rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.billing-card .tab-content .table tbody tr td .btn-info:hover{background:rgba(3,110,184,0.1);color:#036EB8}.billing-card .tab-content .table tbody tr td .btn-info i{font-size:1rem}.toast{background:#ffffff;border:none;border-radius:8px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1)}.toast .toast-header{background:transparent;border-bottom:1px solid #e9ecef;padding:0.75rem 1rem}.toast .toast-header i{font-size:1.25rem}.toast .toast-header .btn-close{padding:0.75rem;margin:-0.75rem -0.75rem -0.75rem auto}.toast .toast-body{padding:1rem;color:#495057}#statusModal{display:none}#statusModal.show{display:block}#statusModal .modal-dialog{max-width:400px}#statusModal .modal-content{border:none;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);-webkit-animation:modalFadeIn 0.3s ease;animation:modalFadeIn 0.3s ease}#statusModal .modal-header{border-bottom:1px solid rgba(0,0,0,0.1);padding:1rem 1.5rem}#statusModal .modal-header .modal-title{font-size:1.1rem;font-weight:600;color:#2c3e50;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#statusModal .modal-header .modal-title i{font-size:1.25rem}#statusModal .modal-header .btn-close{padding:1rem;margin:-1rem -1rem -1rem auto}#statusModal .modal-body{padding:1.5rem;text-align:center;font-size:1rem;color:#2c3e50}@-webkit-keyframes modalFadeIn{from{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalFadeIn{from{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.announcements-container{min-height:100vh}.announcements-container h6 span a{background:none;border:none;color:#036EB8;font-size:1rem;font-weight:600;text-decoration:none}.announcements-container h6 span a::before{display:none}.announcements-header{margin-bottom:2rem;padding:1.5rem}.announcements-header .header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.announcements-header .header-content h6{font-size:1.25rem;color:#2c3e50;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}.announcements-header .header-content h6 i{color:#036EB8;background:linear-gradient(135deg, #e8f4ff 0%, #d5edfe 100%);padding:0.75rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.1);box-shadow:0 2px 4px rgba(3,110,184,0.1)}.announcements-header .header-content .header-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.announcements-header .header-content .header-stats .stat-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.announcements-header .header-content .header-stats .stat-item .stat-label{font-size:0.875rem;color:#6c757d}.announcements-header .header-content .header-stats .stat-item .stat-value{font-size:1.5rem;font-weight:600;color:#2c3e50}.announcements-card{overflow:hidden}.announcement-form{background:#ffffff;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.05);box-shadow:0 4px 6px rgba(0,0,0,0.05);padding:2rem}.announcement-form .form-group{margin-bottom:1.5rem}.announcement-form .form-group label{font-weight:500;color:#495057;margin-bottom:0.5rem}.announcement-form .form-group .form-control,.announcement-form .form-group .form-select{border:1px solid #dee2e6;border-radius:8px;padding:0.75rem 1rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.announcement-form .form-group .form-control:focus,.announcement-form .form-group .form-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 3px rgba(3,110,184,0.1);box-shadow:0 0 0 3px rgba(3,110,184,0.1)}.announcement-form .form-group textarea.form-control{min-height:150px}.announcement-form .form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.announcement-form .form-actions .btn{min-width:120px;padding:0.75rem 1.5rem;font-weight:500;border-radius:8px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.announcement-form .form-actions .btn.btn-primary{background:#036EB8;border-color:#036EB8}.announcement-form .form-actions .btn.btn-primary:hover{background:#035f9f;border-color:#035f9f}.announcement-form .form-actions .btn.btn-secondary{background:#6c757d;border-color:#6c757d}.announcement-form .form-actions .btn.btn-secondary:hover{background:#60686f;border-color:#60686f}.lesson_detileBox{padding:0 3rem;position:relative}.lesson_detileBox h6{font-size:1.25rem;color:#2c3e50;margin-bottom:0.5rem}.lesson_detileBox h6 i{margin-right:8px}.lesson_detileBox h6 span .edit_btn{color:#036EB8;text-decoration:none;padding:0.5rem;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.lesson_detileBox h6 span .edit_btn:hover{background:rgba(3,110,184,0.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.lesson_detileBox h6 span .edit_btn i{font-size:1.1rem}.lesson_detileBox h6 .delete_btn{position:absolute;top:1.5rem;right:1.5rem;color:#dc3545;text-decoration:none;padding:0.5rem;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.lesson_detileBox h6 .delete_btn:hover{background:rgba(220,53,69,0.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.lesson_detileBox h6 .delete_btn i{font-size:1.1rem}.lesson_detileBox ol{margin:0;padding:0;list-style:none}.lesson_detileBox ol li{padding:1rem 0;border-bottom:1px solid #f8f9fa;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.lesson_detileBox ol li:last-child{border-bottom:none}.lesson_detileBox ol li p{line-height:2;letter-spacing:0.03em;margin-top:1rem}.lesson_detileBox ol li strong{color:#495057;font-weight:600}.lesson_detileBox ol li span{color:#495057}.lesson_detileBox ol li a{color:#036EB8;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.5rem 1rem;background:#f8f9fa;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.lesson_detileBox ol li a:hover{background:#e9ecef;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.lesson_detileBox ol li a i{font-size:0.9rem}.stepTitle{font-size:1.25rem;font-weight:600}.stepTitle i{color:#036EB8;margin-right:0.75rem}.stepTitle span .add-link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;color:#036EB8;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.stepTitle span .add-link:hover{background:#035f9f;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}.stepTitle span .add-link i{font-size:1.1rem;color:white;margin-right:0}#sortable-steps{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;margin-bottom:2rem}#sortable-steps .lesson_listbox{background:#f8f8f8;border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;padding-top:2rem;margin-top:2rem;height:100%}#sortable-steps .lesson_listbox:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}#sortable-steps .lesson_listbox .step-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#sortable-steps .lesson_listbox .step-content a{text-decoration:none;color:inherit;-webkit-box-flex:1;-ms-flex:1;flex:1}#sortable-steps .lesson_listbox .step-content a h5{font-size:1.1rem;color:#2c3e50;margin-bottom:0.75rem;gap:0.75rem}#sortable-steps .lesson_listbox .step-content a h5 span{color:#036EB8;font-weight:600;display:block;font-size:70%;padding-bottom:8px}#sortable-steps .lesson_listbox .step-content a h5 i{font-size:0.9rem;color:#6c757d;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#sortable-steps .lesson_listbox .step-content a h5:hover i{color:#036EB8}#sortable-steps .lesson_listbox .step-content a p{color:#6c757d;margin:0;font-size:0.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#sortable-steps .lesson_listbox .step-content ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;margin:1rem 0 0;padding:0;list-style:none}#sortable-steps .lesson_listbox .step-content ul li .edit_btn,#sortable-steps .lesson_listbox .step-content ul li .delete_btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:36px;height:36px;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}#sortable-steps .lesson_listbox .step-content ul li .edit_btn i,#sortable-steps .lesson_listbox .step-content ul li .delete_btn i{font-size:1rem}#sortable-steps .lesson_listbox .step-content ul li .edit_btn{color:#036EB8;background:rgba(3,110,184,0.1)}#sortable-steps .lesson_listbox .step-content ul li .edit_btn:hover{background:rgba(3,110,184,0.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}#sortable-steps .lesson_listbox .step-content ul li .delete_btn{color:#dc3545;background:rgba(220,53,69,0.1);border:none;cursor:pointer}#sortable-steps .lesson_listbox .step-content ul li .delete_btn:hover{background:rgba(220,53,69,0.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width: 1200px){#sortable-steps{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){#sortable-steps{grid-template-columns:1fr}}.mt-4 .btn-secondary{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#6c757d;border:none;border-radius:8px;color:white;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.mt-4 .btn-secondary:hover{background:#60686f;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(108,117,125,0.2);box-shadow:0 4px 8px rgba(108,117,125,0.2)}.mt-4 .btn-secondary i{font-size:1.1rem}.admin-container{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh}.admin-sidebar{width:250px;background:#2c3e50;color:white;padding:1rem 0;position:fixed;height:100vh;overflow-y:auto;z-index:1000}.admin-sidebar .sidebar-header{padding:0 1.5rem;margin-bottom:2rem}.admin-sidebar .sidebar-header h3{margin:0;font-size:1.25rem;font-weight:600}.admin-sidebar .sidebar-nav ul{list-style:none;padding:0;margin:0}.admin-sidebar .sidebar-nav ul li .nav-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.75rem 1.5rem;color:rgba(255,255,255,0.8);text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.admin-sidebar .sidebar-nav ul li .nav-link i{font-size:1.25rem;margin-right:0.75rem;width:24px;text-align:center}.admin-sidebar .sidebar-nav ul li .nav-link:hover{background:rgba(255,255,255,0.1);color:white}.admin-sidebar .sidebar-nav ul li .nav-link.active{background:#036EB8;color:white}.admin-main{background:#f8f9fa;min-height:100vh}.admin-header{background:white;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;margin-bottom:2rem}.admin-header .breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;margin:0;font-size:0.9rem}.admin-header .breadcrumb a{color:#036EB8;text-decoration:none}.admin-header .breadcrumb a:hover{text-decoration:underline}.admin-header .breadcrumb i{color:#6c757d;font-size:0.8rem}.admin-header .breadcrumb .active{color:#6c757d}.admin-content{padding:0 2rem 2rem}#step_page{padding:3rem 0}#step_page .container{max-width:1200px;margin:0 auto;padding:0 1rem}#step_page .container h4{color:#2c3e50;margin:2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}#step_page .container h4 i{color:#036EB8}.test_formContents{background:white;border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);padding:2rem;margin-top:2rem}.test_formContents h5{color:#2c3e50;margin-bottom:1rem;font-weight:600}.test_formContents p{color:#495057;margin-bottom:1.5rem}.test_formContents .form-check{margin-bottom:1rem}.test_formContents .form-check .form-check-input{margin-right:0.5rem}.test_formContents .form-check .form-check-label{color:#495057}.test_formContents .submit_btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#036EB8;color:white;border:none;border-radius:8px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.test_formContents .submit_btn:hover{background:#035f9f;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}.step_description{background:white;padding:3rem 1rem;height:100%;position:relative}.step_description h2{color:#2c3e50;font-size:1.2rem;font-weight:600;margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem}.step_description h2 i{color:#036EB8}.step_description p{color:#495057;margin-bottom:1.5rem;font-size:14px;line-height:1.75;letter-spacing:0.03em}.step_description p span{font-weight:600;color:#2c3e50}.step_description .curriculum_btn{display:block;width:90%;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;background:#036EB8;color:white;border:none;border-radius:6px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin-bottom:1rem}.step_description .curriculum_btn:hover{background:#036EB8;color:white;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}.step_description .curriculum_btn i{font-size:1.1rem}.step_description .btn{position:absolute;bottom:10px;left:50%;width:90%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;background:none;color:#036EB8;font-weight:600;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.step_description .btn i{font-size:1.1rem}#editor-container{background:white;border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);overflow:hidden;height:90vh}#editor-container #xcratch-editor{width:100%;height:100%;border:none}.form-group{margin-bottom:1.5rem}.form-group .form-label{color:#2c3e50;font-weight:500;margin-bottom:0.5rem}.form-group .form-control{border:1px solid #dee2e6;border-radius:8px;padding:0.75rem 1rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.form-group .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.form-group .form-control:disabled{background-color:#f8f9fa;cursor:not-allowed}#quiz-section .card{border:none;border-radius:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);margin-bottom:1.5rem}#quiz-section .card .card-body{padding:1.5rem}#quiz-section .card .card-title{color:#2c3e50;font-weight:600;margin-bottom:1rem}#quiz-section .btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#quiz-section .btn i{font-size:1.1rem}.dropzone-container{margin:1.5rem 0}.dropzone{border:2px dashed #dee2e6;border-radius:12px;padding:2rem;text-align:center;background:#f8f9fa;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.dropzone.dragover{border-color:#036EB8;background:rgba(3,110,184,0.1)}.dropzone .dropzone-content{color:#6c757d}.dropzone .dropzone-content i{font-size:2.5rem;margin-bottom:1rem;color:#036EB8}.dropzone .dropzone-content p{margin:0.5rem 0}.form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin-top:2rem}.form-actions .btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:8px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.form-actions .btn i{font-size:1.1rem}.courseBox{height:100%;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);border-radius:12px;padding:2rem 1rem}.courseBox h5{margin:1rem 0 2rem !important}.course-info{margin-bottom:0.5rem}.course-info a{color:#272727 !important}.lesson-title i{background:#036EB8 !important;padding:8px 8px;border-radius:30px;color:white !important}.side-menu{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;z-index:1000}.side-menu i{color:white !important;margin:0 !important}.sidebar-icons{width:34%;background:#036EB8;padding:20px 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.sidebar-icon{width:40px;height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:white;cursor:pointer;margin-bottom:15px;border-radius:8px;position:relative;z-index:1000}.sidebar-icon:hover{background:#34495e;color:#3498db}.sidebar-icon.active{background:#3498db;color:white}.sidebar-submenu{width:90%;background:white;border-right:1px solid #e0e0e0;-webkit-box-shadow:2px 0 5px rgba(0,0,0,0.1);box-shadow:2px 0 5px rgba(0,0,0,0.1);left:0;position:relative;display:block}.sidebar-submenu i{color:white}.submenu-content{display:none;padding:20px}.submenu-content.active{display:block}.submenu-content h5{color:#2c3e50;margin-bottom:15px;font-size:16px;font-weight:600;border-bottom:2px solid #3498db;padding-bottom:8px}.submenu-content ul{list-style:none;padding:0;margin:0}.submenu-content li{margin-bottom:8px}.submenu-content a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 4px;color:#2c3e50;text-decoration:none;border-radius:6px;font-size:0.8rem}.submenu-content a:hover{background:#f8f9fa;color:#3498db}.submenu-content a i{margin-right:10px;width:16px;text-align:center;color:#036EB8 !important}.stepTitle{padding:3rem 2rem 0}#sortable-steps{padding:1rem 2rem 3rem}.preview-section{position:sticky;top:20px}.phone-frame{width:280px;height:500px;background:#000;border-radius:25px;padding:8px;margin:0 auto;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.phone-screen{width:100%;height:100%;background:#fff;border-radius:18px;overflow:hidden;position:relative}.phone-header{background:#f8f9fa;padding:8px 16px;border-bottom:1px solid #e9ecef}.phone-status-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;font-weight:bold}.status-icons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.phone-content{height:calc(100% - 40px);overflow-y:auto;padding:16px;background:#f5f5f5}.preview-placeholder{text-align:center;padding:40px 20px;color:#6c757d}.preview-content{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.preview-image{width:100%;border-radius:8px;margin-bottom:8px}.preview-text{font-size:14px;line-height:1.5;color:#333}@media (max-width: 768px){.col-4{display:none}.col-8{width:100%}}.admin_line_contents{padding:3rem 2rem}.admin_line_contents .row{margin:3rem 0}.admin_line_contents .row .col-4{padding:0 1rem}.admin_line_contents .row .row{margin:0 !important}.admin_line_contents .row .row .col-6{padding:0 1rem}.admin_line_contents .row .mb-3{margin:1rem 0}.admin_line_contents .btn{background:#036EB8;color:white;padding:8px 40px;font-size:14px;margin-right:24px}.admin_line_contents .btn:hover{background:#036EB8;color:white}.admin_line_contents .alert{display:block;padding:0;margin:0;background:white}.admin_line_contents .alert h6{display:block;margin:2rem 0 1rem}.admin_line_contents .alert ol li{font-size:14px}.student-count{margin-top:10px;color:#666}.student-count i{margin-right:5px;color:#4a90e2}.admin_school_contents{padding:3rem 2rem}.index_table-schools{width:100%;table-layout:fixed;text-align:left;margin-top:3rem}.index_table-schools th,.index_table-schools td{padding:24px 8px;border-bottom:1px solid #ccc;font-size:14px;color:#272727 !important}.index_table-schools th:first-of-type,.index_table-schools td:first-of-type{width:15%}.index_table-schools th:nth-of-type(2),.index_table-schools td:nth-of-type(2){width:10%}.index_table-schools th:nth-of-type(3),.index_table-schools td:nth-of-type(3){width:30%}.index_table-schools th:nth-of-type(4),.index_table-schools td:nth-of-type(4){width:10%}.index_table-schools th:nth-of-type(5),.index_table-schools td:nth-of-type(5){width:20%}.index_table-schools th:last-of-type,.index_table-schools td:last-of-type{width:10%}.student_page .mission_information h6 i{margin-right:8px}.student_page .mission_information .list-group{margin:20px 0}.student_page .mission_information .list-group li{list-style-type:none;padding:8px 0;border-bottom:1px solid #f2f2f2}.student_page .mission_information .list-group li span{margin:0 1rem}.student_page .lessons-section{margin-top:2rem}.student_page .lessons-section h5{color:#333;font-weight:500}.student_page .lessons-section .lesson-card{height:100%;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;border:1px solid #f2f2f2}.student_page .lessons-section .lesson-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.05);box-shadow:0 4px 8px rgba(0,0,0,0.05)}.student_page .lessons-section .lesson-card .card-body{padding:1.5rem}.student_page .lessons-section .lesson-card h5{margin:1rem 0 !important}.student_page .lessons-section .lesson-card .lesson-title{font-size:18px;font-weight:500;margin-top:0 !important;margin-bottom:1rem;color:#333}.student_page .lessons-section .lesson-card .lesson-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.student_page .lessons-section .lesson-card .lesson-info .badge{font-weight:500;padding:0.5rem 1rem}.student_page .lessons-section .lesson-card .lesson-info .steps-count{color:#666;font-size:14px}.student_page .lessons-section .lesson-card .lesson-info .steps-count i{margin-right:4px}.student_page .lessons-section .lesson-card .progress{height:8px;background-color:#f8f9fa}.student_page .lessons-section .lesson-card .progress .progress-bar{background-color:#036EB8}.student_page .courses-section .course-block .course-title{color:#333;font-weight:500}.student_page .courses-section .course-block .lesson-card{height:100%;text-align:left !important}.student_page .courses-section .course-block .lesson-card h5,.student_page .courses-section .course-block .lesson-card h6{text-align:left}.student_page .courses-section .course-block .lesson-card .card{height:100%;-webkit-transition:-webkit-transform 0.2s;transition:-webkit-transform 0.2s;transition:transform 0.2s;transition:transform 0.2s, -webkit-transform 0.2s;border:1px solid #f2f2f2}.student_page .courses-section .course-block .lesson-card .card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.05);box-shadow:0 4px 8px rgba(0,0,0,0.05)}.student_page .courses-section .course-block .lesson-card .lesson-title{font-size:1.1rem;font-weight:500;margin-bottom:1rem;color:#333}.student_page .courses-section .course-block .lesson-card .lesson-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.student_page .courses-section .course-block .lesson-card .lesson-info .badge{font-weight:normal;padding:0.5rem 1rem}.lessons-index{padding:2rem 0;background:#f2f2f2}.lessons-index h2{margin:3rem 0 4rem}.lessons-index h2 i{margin-right:8px;color:#036EB8}.lessons-index .row{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:16px;margin-left:16px;background:none;min-height:auto}.lessons-index .row .col-12{width:90%;margin:0 auto}.lessons-index .row .col-12 .card{border:1px solid #ccc !important;padding:8px;background:white}.lessons-index .row .col-12 .card a{text-decoration:none !important;position:relative;display:block;color:#666}.lessons-index .row .col-12 .card a::after,.lessons-index .row .col-12 .card a::before{-webkit-transition:right 0.3s ease;transition:right 0.3s ease}.lessons-index .row .col-12 .card a::after{content:"";position:absolute;top:50%;right:24px;width:48px;height:1px;background-color:#036EB8;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.lessons-index .row .col-12 .card a::before{content:"";position:absolute;top:calc(50% - 0.5px);right:24px;width:16px;height:1px;background-color:#036EB8;-webkit-transform:rotate(37deg);transform:rotate(37deg);-webkit-transform-origin:calc(100% - 0.5px) 50%;transform-origin:calc(100% - 0.5px) 50%;z-index:1}.lessons-index .row .col-12 .card a:hover::after,.lessons-index .row .col-12 .card a:hover::before{right:56px}.lessons-index .row .col-12 .card .card-body{padding:1rem;padding-right:100px}.lessons-index .row .col-12 .card .card-body .lesson-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:0.5rem}.lessons-index .row .col-12 .card .card-body .lesson-header .card-title{margin:0}.lessons-index .row .col-12 .card .card-body .lesson-header .card-title span{margin-right:16px}.lessons-index .row .col-12 .card .card-body .lesson-header .step-count{color:#666;font-size:14px}.lessons-index .row .col-12 .card .card-body .lesson-header .step-count i{margin-right:4px;color:#036EB8}.lessons-index .container{max-width:1200px;margin:0 auto}.lesson-detail{min-height:100vh;position:relative}.lesson-detail .container{max-width:960px;margin:0 auto}.lesson-detail .lesson_box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:400px;background:white;padding:4rem 2rem;border-radius:10px}.lesson-detail .lesson_box .lesson-header h2{font-size:24px;text-align:center}.lesson-detail .lesson_box .lesson-header h2 i{margin-right:8px}.lesson-detail .lesson_box h6{font-size:18px;margin:1rem 0;text-align:center}.lesson-detail .lesson_box .steps-list .btn{background:#036EB8;color:white;border-radius:5px;padding:0.5rem 1rem;margin:2rem 0;display:block;text-align:center;text-decoration:none}.student_page{background:#f2f2f2;padding:2rem 0}.student_page .container{padding:0 16px;width:1168px;margin:0 auto}.student_page .cord{background:white}.student_page .mission_information{background:white;border-radius:12px;padding:16px}.student_page .mission_information h6{font-size:18px;margin-bottom:1rem}.student_page .row{min-height:auto !important;padding:2rem 0;background:none}.student_page .courses-section{background:white;margin:2rem 0;padding:16px}.student_page .courses-section .course-title{font-size:24px;margin:1rem 0}.student_page .courses-section .course-title i{margin-right:8px}.student_page .courses-section .row .col-4 a{text-decoration:none;text-align:center}.student_page .courses-section .row .col-4 a .lesson-card{border:1px solid #ccc;border-radius:12px;padding:24px 16px}.student_page .courses-section .row .col-4 a .lesson-card .lesson-title{font-size:18px;margin-bottom:1rem}.student_page .courses-section .row .col-4 a .lesson-card .lesson-info{margin:8px 0}.student_page .courses-section .row .col-4 a .lesson-card .lesson-info p{background:#036EB8;color:white;padding:8px 8px;border-radius:4px;display:block;width:60%;margin:0 auto}#ai-feedback{padding:8px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;margin-top:3rem}#ai-feedback h3{color:#2c3e50;margin-bottom:15px}#ai-feedback .score{font-size:1.2em;font-weight:bold;color:#e67e22;margin-bottom:10px}#ai-feedback .feedback{line-height:1.6;color:#34495e}#school_student .row{margin:0}#school_student .col-2{padding:0 !important}#school_student .col-2 .card .card-body .card-title{font-size:18px;margin-bottom:1rem}#school_student .col-2 .card .card-body table{table-layout:fixed;width:100%}#school_student .col-2 .card .card-body table td,#school_student .col-2 .card .card-body table th{text-align:center;width:33.33%;font-size:14px}#school_student .col-4 .lesson-card{border:1px solid #ccc;border-radius:12px;padding:16px}#school_student .col-4 .lesson-card .lesson-title{font-size:18px;margin-bottom:1rem}#school_student .col-4 .lesson-card h5{padding:0;margin:1rem 0 !important}#school_student .col-4 .lesson-card h5 i{background:#eef8ff;padding:8px;border-radius:50%;color:#036EB8}#school_student .col-4 .lesson-card p{font-size:14px}.step-controls{padding-left:0 16px}.small-calendar .table{font-size:0.8rem}.small-calendar .table th,.small-calendar .table td{padding:0.3rem;height:2rem;width:2rem;vertical-align:middle}#clock{font-size:2rem;font-weight:bold;color:#036EB8;margin:1rem 0}.lesson-detail{padding:2rem 2rem 5rem}.lesson-detail .back-link{color:#036EB8;font-size:18px;font-weight:600;margin:1rem 0;display:block;text-decoration:none}.lesson-detail h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.lesson-detail h4 i{margin-right:12px}.lesson-detail .step_box{background:white;padding:1rem 1.5rem 2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin:1rem auto}.lesson-detail .step_box:hover{background-color:rgba(3,110,184,0.05);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.school_student_show .chart-container{padding-bottom:1rem;height:auto !important}.school_student_show .chart-container::after{content:"";display:block;clear:both}.school_student_show .chart-container canvas{width:auto !important;height:350px !important}.school_student_show h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .table{width:100%}.school_student_show .table th,.school_student_show .table td{font-size:14px;padding:12px 0}.school_student_show .table th{width:20%}.school_student_show .table td{width:80%}.school_student_show .overall-score{margin-top:3rem}.school_student_show .overall-score h3{font-size:64px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .overall-score h3 span{font-size:20px;font-weight:600;color:#272727;margin-right:16px}.school_student_show .learning-stats{text-align:center}.school_student_show .learning-stats .stat-label{font-size:14px;font-weight:600;color:#272727}.school_student_show .learning-stats .stat-value{font-size:24px;font-weight:600;color:#272727}.school_student_show .course-progress{margin-top:2rem}.school_student_show .course-progress h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .recent-submissions h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .score-items .score-item h6{font-size:20px;font-weight:600;color:#272727;margin:0}.school_student_show .score-items .score-item p{font-size:14px;font-weight:400;color:#272727;margin:0}.step_description h4{margin-top:2rem}.step_description h4 span{display:block;font-size:14px;margin-bottom:0.5rem;color:#666}.step_description p span{display:block;font-size:14px;margin:1rem 0;color:#666}.step_description ul li{display:block;list-style-type:none}.step_description ul li a{display:block;font-size:14px;margin:1rem auto;color:#036EB8;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #036EB8;padding:8px 18px;border-radius:4px;text-align:center}.quiz-section{padding:80px 0}.quiz-section .btn{margin:2rem 0;background:#036EB8;color:white;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600}.quiz-section .quiz-question{margin:2rem 0;padding:2rem 0;border-bottom:1px solid #eee}.quiz-section .quiz-question h5{font-size:16px;display:inline-block;margin-bottom:1rem;border:1px solid #272727;padding:8px 18px}.modal .modal-backdrop{background-color:rgba(0,0,0,0.5);z-index:1040}.modal .modal-dialog{z-index:1050;position:relative}.modal .modal-content{border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);background-color:white;position:relative;z-index:1051}.modal .modal-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-header .modal-title{font-size:1.25rem;font-weight:600;color:#272727}.modal .modal-header .btn-close{padding:0.5rem;margin:-0.5rem -0.5rem -0.5rem auto}.modal .modal-body{padding:1.5rem}.modal .modal-body .submission-result h6{font-size:1rem;font-weight:600;color:#272727;margin-bottom:0.5rem}.modal .modal-body .submission-result .score-display{margin-bottom:1rem}.modal .modal-body .submission-result .score-display .badge{font-size:1.2rem;padding:0.5rem 1rem;border-radius:4px}.modal .modal-body .submission-result .feedback-display{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem}.modal .modal-body .submission-result .feedback-display p{margin:0;color:#272727;line-height:1.5}.modal .modal-body .submission-result .submission-date{color:#6c757d;font-size:0.9rem}.modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-footer .btn{padding:0.5rem 1.5rem;font-weight:500;border-radius:4px}.modal .modal-footer .btn.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:white}.modal .modal-footer .btn.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}#pdfContent{height:100% !important}.history_box{background:white;padding:2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1rem;position:relative}.history_box .btn{position:absolute;right:0;top:1rem;color:#036EB8;font-size:16px;font-weight:500}.history_box h5{margin:0.5rem 0 2rem !important;font-size:20px;padding:0 !important}.history_box table{width:100%}.history_box table th,.history_box table td{font-size:14px;padding:12px 0}.history_box table th{border-bottom:1px solid #eee}.history_box table tbody{border-top:1px solid #eee !important}.history_box table td{padding:16px 0;font-size:0.75em}.history_box table td span{font-size:0.75em !important}.history_box table td .bg-info{background:none !important;color:#15be7d !important;border:1px solid #15be7d !important;padding:0.25rem 0.5rem}.history_box table td .bg-primary{background:none !important;color:#036EB8 !important;border:1px solid #036EB8 !important;padding:0.25rem 0.5rem}.history_box table td .bg-success{background:none !important;color:#15be7d !important;border:1px solid #15be7d !important;padding:0.25rem 0.5rem}.history_box table td a{position:relative;bottom:auto;right:auto;top:auto;left:auto}.step-progress{margin:1rem 0}.step-progress .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}.step-progress .steps .step{position:relative;width:30%;padding:0.1rem 0.5rem;border-radius:30px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index:3}.step-progress .steps .step.completed{background-color:rgba(3,110,184,0.1);border:1px solid #036EB8}.step-progress .steps .step.completed .step-number{color:#036EB8;font-weight:600}.step-progress .steps .step.completed .step-status{color:#28a745;margin-top:0.25rem}.step-progress .steps .step.incomplete{background-color:transparent;border:1px dashed #ccc}.step-progress .steps .step.incomplete .step-number{color:#6c757d}.step-progress .steps .step.disabled{background-color:transparent;border:1px solid #eee;opacity:0.5}.step-progress .steps .step.disabled .step-number{color:#ccc}.step-progress .steps .step .step-number{font-size:0.9rem}.feedback-list{padding:2rem 1rem;background:white}.feedback-list h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 3rem}.feedback-list h4 i{margin-right:10px;color:#036EB8}.feedback-list .table{table-layout:fixed}.feedback-list .table th{font-weight:600;color:#272727}.feedback-list .table tbody{border-top:1px solid #eee}.feedback-list .table th,.feedback-list .table td{padding:16px}.feedback-list .table th:first-of-type,.feedback-list .table td:first-of-type{width:40%}.feedback-list .table th:nth-of-type(2),.feedback-list .table th:nth-of-type(3),.feedback-list .table td:nth-of-type(2),.feedback-list .table td:nth-of-type(3){width:10%}.feedback-list .table td a{padding:0}.feedback-list .table td .bg-info{background:none !important;color:#15be7d;border:1px solid #15be7d}.feedback-list .table td .bg-primary{background:none !important;color:#036EB8;border:1px solid #036EB8}.feedback-list .table .badge{font-size:0.8rem;padding:0.4rem 0.6rem}.feedback-detail{padding:2rem 0}.feedback-detail .back-link{color:#036EB8;font-size:16px;font-weight:500;margin-bottom:1.5rem;display:inline-block;text-decoration:none}.feedback-detail .back-link:hover{text-decoration:underline}.feedback-detail .feedback-card{background:white;padding:1.5rem;margin-bottom:2rem}.feedback-detail .feedback-card .feedback-header{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-header h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 0.5rem}.feedback-detail .feedback-card .feedback-header h4 span{font-size:14px;display:block;margin:0.5rem 0 1rem;color:#666}.feedback-detail .feedback-card .feedback-header h4 i{margin-right:10px;color:#036EB8}.feedback-detail .feedback-card .feedback-header .submission-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feedback-detail .feedback-card .feedback-header .submission-info .badge{margin-right:1rem}.feedback-detail .feedback-card .feedback-header .submission-info .submission-date{color:#6c757d;font-size:0.9rem}.feedback-detail .feedback-card .feedback-header .submission-info .submission-date i{margin-right:5px}.feedback-detail .feedback-card .feedback-content{background:none}.feedback-detail .feedback-card .feedback-content h5{font-size:16px;font-weight:600;color:#272727;margin:1.5rem 0 0.75rem}.feedback-detail .feedback-card .feedback-content h5:first-child{margin-top:0}.feedback-detail .feedback-card .feedback-content .feedback-section h5{margin:1rem 0 !important;font-size:18px !important;padding:0 !important}.feedback-detail .feedback-card .feedback-content .feedback-section .feedback-display{padding:0 !important}.feedback-detail .feedback-card .feedback-content .score-display{margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-content .score-display .badge{font-size:1.2rem;padding:0.5rem 1rem;border-radius:4px}.feedback-detail .feedback-card .feedback-content .feedback-display{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-content .feedback-display p{margin:0;color:#272727;line-height:1.5}.feedback-detail .feedback-card .feedback-content .project-preview .preview-frame{border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:1rem}.feedback-detail .feedback-card .feedback-content .quiz-answers .table th{background-color:#f8f9fa;font-weight:600}.feedback-detail .feedback-card .feedback-content .quiz-answers .table .badge{font-size:0.8rem;padding:0.4rem 0.6rem}.lesson-card{padding:2rem 2rem !important;margin:3rem 0 2rem}.lesson-card h3{background:#eef8ff;display:inline-block;font-size:14px;padding:4px 6px}.lesson-title{margin:1rem 0 !important}.text-center{margin:1rem 0 !important}.history_page{padding:2rem 0 5rem}.history_page a{color:#036EB8;font-size:18px;font-weight:600;text-decoration:none}.history_page a:hover{text-decoration:underline}.history_page h5{font-size:28px !important;padding-left:0 !important}.history_page h5 i{margin-right:8px}.history_page .submission-detail{border-bottom:1px solid #eee}.history_page .submission-detail p{background:#eef8ff;color:#036EB8;padding:4px 16px;border-radius:8px;margin-bottom:1rem;display:inline-block}.history_page .submission-detail h6{margin-top:1rem;font-size:24px}.history_page .submission-detail h6 span{font-size:80%}.history_page .submission-detail h6 span:first-of-type{margin-right:1rem}.history_page .submission-detail h6 span:last-of-type{margin-left:1rem}.history_page .submission-detail h5{font-size:20px !important;margin-top:1rem !important;margin-bottom:2rem !important}.history_page .submission-detail h5 span{font-size:24px;font-weight:600;color:#036EB8;margin-left:8px;margin-right:8px}.history_page .submission-detail h5 i{font-size:16px;margin:0 !important;color:#036EB8}.history_page .project-detail{padding-top:2rem}.history_page .project-detail h6{font-size:20px;margin-bottom:1rem}.history_page .quiz-detail{padding-top:2rem}.history_page .quiz-detail h5{font-size:18px !important}.history_page .quiz-detail h5::before{content:"Q.";font-size:150%;margin-right:8px}.history_page .quiz-detail h5 span{font-size:60%;margin-left:8px}.history_page .quiz-detail p span{margin:0 16px}.lesson_box{background:white;padding:1rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin:1rem 0}.advice-content .btn{display:block;width:200px !important}.evaluation-chart{background:white;padding:20px;border-radius:8px}.chart-container{position:relative;height:300px;width:100%;margin:0 auto}.evaluation-details{padding:0 20px}.overall-score{text-align:center;margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:8px}.overall-score h2{font-size:48px;color:#036EB8;margin:0;font-weight:bold}.score-label{color:#666;margin:5px 0 0;font-size:14px}.score-items{margin-top:20px}.score-item{margin-bottom:20px;border-bottom:1px solid #eee;padding-bottom:15px}.score-item:last-child{border-bottom:none}.score-item h6{color:#036EB8;margin-bottom:8px;font-weight:bold}.score-description{font-size:0.9rem;color:#666;margin-bottom:0}.score_modal{background:white !important}.icon_btn{background:none !important;border:none !important;color:#036EB8 !important;font-size:20px}.advice-section{background:#f8f9fa;padding:20px;border-radius:8px;margin-top:20px}.advice-content{font-size:0.9rem;line-height:1.6;margin-top:15px;color:#272727 !important}.advice-content p{margin-bottom:0;padding:15px;border-radius:4px}.advice-content strong{font-size:1.1rem;margin-bottom:10px;display:block}.advice-item{border:1px solid #eee;border-radius:4px;margin-bottom:10px;overflow:hidden}.advice-header{padding:10px 15px;background:#f8f9fa;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.advice-header:hover{background:#f1f1f1}.advice-details{padding:15px;display:none;background:white}.ai-evaluation-section{border-radius:10px;padding:20px;margin-bottom:20px}.ai-evaluation-section h6{margin-bottom:10px;font-weight:bold}.ai-evaluation-section small{color:rgba(255,255,255,0.8)}.ai-evaluation-section .btn{background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3);color:white;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.ai-evaluation-section .btn:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);color:white}.ai-comment{padding:15px;border-radius:8px;margin:10px 0;font-size:1.1em;line-height:1.5}.student-file-upload .evaluation-result .result-icon-large{font-size:4rem}.student-file-upload .evaluation-result .result-icon-warning{font-size:4rem}.student-file-upload .evaluation-result .feedback-content-error{white-space:pre-line;background:#f8f9fa;padding:15px;border-radius:8px;border-left:4px solid #dc3545}.student-file-upload .evaluation-result .textbook-content-info{background:#e7f3ff;padding:15px;border-radius:8px;border-left:4px solid #0d6efd}.student-file-upload .previous-result-area .alert{border-radius:8px;border:1px solid #bee5eb;background-color:#d1ecf1}.student-file-upload .previous-result-area .alert .btn-outline-primary{border-radius:20px;padding:6px 16px;font-size:12px}.student-file-upload .previous-result-area .alert .btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:white}.student-file-upload .previous-result-area .alert .result-score .badge{font-size:14px;padding:8px 12px;border-radius:20px}.student-file-upload .previous-result-area .alert .result-status .badge{font-size:12px;padding:6px 10px;border-radius:16px}.student-file-upload .previous-result-area .alert .result-timestamp{border-top:1px solid #bee5eb;padding-top:8px;margin-top:8px}.student-file-upload .previous-result-area .alert .result-timestamp small{font-size:11px}.student-file-upload .modal .modal-content{border-radius:12px;border:none;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.student-file-upload .modal .modal-content .modal-header{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0}.student-file-upload .modal .modal-content .modal-header .modal-title{color:#272727;font-weight:600}.student-file-upload .modal .modal-content .modal-header .modal-title i{color:#007bff}.student-file-upload .modal .modal-content .modal-body{padding:24px}.student-file-upload .modal .modal-content .modal-body .result-summary{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.student-file-upload .modal .modal-content .modal-body .result-summary .result-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.student-file-upload .modal .modal-content .modal-body .result-summary .result-status.success{background-color:#d4edda;color:#155724}.student-file-upload .modal .modal-content .modal-body .result-summary .result-status.warning{background-color:#fff3cd;color:#856404}.student-file-upload .modal .modal-content .modal-body .result-summary .result-status.error{background-color:#f8d7da;color:#721c24}.student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-title{color:#272727;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px;margin-bottom:16px}.student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-title i{color:#007bff}.student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;line-height:1.6;color:#272727}.student-file-upload .modal .modal-content .modal-footer{border-top:1px solid #dee2e6;padding:16px 24px}.student-file-upload .modal .modal-content .modal-footer .btn-secondary{border-radius:6px;padding:8px 20px}.school_page{min-height:100vh}.school_page .row{margin:0 !important}.school_page .row .col-2{padding:0 !important}.school_page .row .col-10{padding:0 !important}.school_page .row .col-10 .main-content .card{-webkit-box-shadow:none !important;box-shadow:none !important}.school_page .row .col-10 .main-content .announcements-section{border-top:1px solid #eee;padding:3rem 0 0}.school_page .row .col-10 .main-content .announcements-section h5{margin:0;text-align:left;color:#333;font-size:20px}.school_page .row .col-10 .main-content .announcements-section h5 span{display:block;font-size:12px;margin-top:8px}.school_page .row .col-10 .main-content .info{width:100%;table-layout:fixed;margin:4rem 0 0 !important}.school_page .row .col-10 .main-content .info th,.school_page .row .col-10 .main-content .info td{font-size:16px;padding:12px 0}.school_page .row .col-10 .main-content .info tr{border-bottom:1px solid #eee}.school_page .row .col-10 .main-content .info th{width:20%;font-weight:500}.school_page .row .col-10 .main-content .info td{width:80%}.school_page .row .col-10 .main-content .row{min-height:auto !important;margin-bottom:2rem;height:auto !important}.school_page .row .col-10 .main-content .row .col-12{width:100%}.school_page .row .col-10 .main-content .row .col-12 .card .card-body{background:#fff}.school_page .row .col-10 .main-content .row .col-12 .card .card-body h6{font-size:18px;font-weight:600;margin-bottom:1rem}.school_page .row .col-10 .main-content .row .col-12 .card .card-body .card-title{font-size:24px}.school_page .row .col-10 .main-content .row .col-12 .card .card-body .card-title span{font-size:48px;font-weight:600;margin-left:8px}.school_page .row .col-10 .main-content .row .col-12 .card .card-body .row{background:white}.school_page .row .col-10 .main-content .row .col-12 .card .card-body .row .col-2 .grade-stat{background:#fff;border-right:1px solid #f2f2f2;border-radius:0;padding:0 16px}.student_list{padding:2rem;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.student_list h4{margin-top:2rem;margin-bottom:2rem;color:#333;font-weight:500;font-size:20px}.student_list h4 i{margin-right:8px;color:#036EB8}.student_list .link-list li{list-style-type:none;display:inline-block}.student_list .link-list li a{background:#036EB8;color:white;border-radius:4px;padding:8px 16px !important;margin-right:1rem;text-decoration:none;font-size:14px}.student_list .link-list li a i{margin-right:8px}.student_list .link-list li:last-of-type a{background:none;color:#036EB8;border:none}.student_list .accordion .accordion-item{border:1px solid #e9ecef;margin-bottom:0.5rem;border-radius:4px;overflow:hidden}.student_list .accordion .accordion-item:first-of-type{border-top-left-radius:4px;border-top-right-radius:4px}.student_list .accordion .accordion-item:last-of-type{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.student_list .accordion .accordion-item .accordion-header{margin:0}.student_list .accordion .accordion-item .accordion-header .accordion-button{padding:1rem 1.25rem;font-weight:500;color:#333;background-color:#fff;border:none;-webkit-box-shadow:none;box-shadow:none}.student_list .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color:#036EB8;background-color:#f8f9fa}.student_list .accordion .accordion-item .accordion-header .accordion-button::after{background-size:1.25rem;-webkit-transition:-webkit-transform 0.2s ease-in-out;transition:-webkit-transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out;transition:transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out}.student_list .accordion .accordion-item .accordion-header .accordion-button .badge{font-size:0.75rem;padding:0.35em 0.65em}.student_list .accordion .accordion-item .accordion-body{padding:1.25rem}.student_list .accordion .accordion-item .accordion-body .table{margin-bottom:0}.student_list .accordion .accordion-item .accordion-body .table thead th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:500;padding:0.75rem}.student_list .accordion .accordion-item .accordion-body .table tbody td{padding:0.75rem;vertical-align:middle}.student_list .accordion .accordion-item .accordion-body .btn-group .btn{padding:0.375rem 0.75rem;font-size:0.875rem;line-height:1.5;border-radius:0.2rem}.student_list .accordion .accordion-item .accordion-body .btn-group .btn:not(:last-child){margin-right:0.25rem}.student_list .accordion .accordion-item .accordion-body .btn-group .btn i{font-size:1rem}.student_list .search-form{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.student_list .search-form .form-label{font-weight:500;color:#495057;margin-bottom:0.5rem}.student_list .search-form .form-select,.student_list .search-form .form-control{border:1px solid #ced4da;border-radius:4px;padding:0.5rem 0.75rem;font-size:0.875rem}.student_list .search-form .form-select:focus,.student_list .search-form .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.student_list .search-form .btn-primary{background-color:#036EB8;border-color:#036EB8}.student_list .search-form .btn-primary:hover{background-color:#025aa5;border-color:#025aa5}.student_detail{padding:3rem 2rem;background:#fff}.student_detail .card{-webkit-box-shadow:none;box-shadow:none}.student_detail .row{background:white !important}.student_detail .icon_btn{color:white;background:#036EB8;text-decoration:none;margin-bottom:0 !important;padding:8px 10px !important;line-height:1 !important}.student_detail .icon_btn.btn-danger{background:#dc3545}.student_detail .icon_btn.btn-danger:hover{background:#c82333}.student_detail h4{font-size:24px;border-bottom:1px solid #eee;padding-bottom:8px}.student_detail h4 i{margin-right:8px}.student_detail table{width:100%;table-layout:fixed}.student_detail table th{width:20%}.student_detail table td{width:80%;text-align:left !important}.student_detail .link-list{margin-bottom:2rem 0}.student_detail .link-list li a{color:#036EB8;text-decoration:none;background:none;margin-bottom:0}.student_detail .link-list li a i{margin-right:8px}.student_detail .form-group{max-width:960px;margin:1rem auto !important}.student_detail .form-group .col-2{text-align:left !important}.student_detail .form-group .col-2 label{text-align:left}.student_detail .form-group .col-2 span{display:block;font-size:12px;color:#666}.student_detail .form-group .col-10 input,.student_detail .form-group .col-10 select{font-size:18px;padding:4px 16px;width:100%}.student_detail ul{margin:2rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.student_detail ul li{list-style-type:none;display:inline-block;padding:0 24px}.student_detail ul li a{color:#333;font-weight:500;text-decoration:none;font-size:18px}.student_detail ul li a i{margin-right:8px}.student_detail ul li .icon_btn{background:#036EB8;color:white;border-radius:4px;padding:8px 10px !important;line-height:1 !important}.student_detail h4{margin-bottom:0;color:#333;font-weight:500}.student_detail .card{background:#fff;border-radius:8px;-webkit-box-shadow:none;box-shadow:none}.student_detail .card:hover{-webkit-box-shadow:none;box-shadow:none}.student_detail .card .card-body{padding:2rem}.student_detail .card .card-body table{table-layout:fixed;width:100%}.student_detail .card .card-body table th{color:#666;font-weight:500;padding:1rem;width:20% !important;text-align:left}.student_detail .card .card-body table td{padding:1rem;width:80%}.student_detail .card .card-body table td .form-control,.student_detail .card .card-body table td .form-select{width:100%;padding:12px;border:1px solid #f2f2f2}.student_detail .card .card-body table td .input-group{width:100%}.student_detail .card .card-body table td .input-group .input-group-text{background:none;border-left:none;color:#666;border:1px solid #f2f2f2}.student_detail .learning-stats .stat-card{background:#f8f9fa;padding:1rem;border-radius:8px}.student_detail .learning-stats .stat-card .stat-label{color:#666;font-size:14px;margin-bottom:0.5rem}.student_detail .learning-stats .stat-card .stat-value{color:#333;font-size:24px;font-weight:500}.student_detail .course-progress h6{color:#666;font-weight:500}.student_detail .course-progress .progress{height:1.5rem;background-color:#f8f9fa}.student_detail .course-progress .progress .progress-bar{font-size:12px;line-height:1.5rem}.student_detail .recent-submissions h6{color:#666;font-weight:500}.student_detail .recent-submissions .table th{background:#f8f9fa;font-weight:500;font-size:14px}.student_detail .recent-submissions .table td{font-size:14px;vertical-align:middle}.student_detail .alert{margin-bottom:1.5rem}.student_detail .alert.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.student_detail .alert.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.student_detail .alert .btn-close{padding:0.75rem}.action .btn{background:#036EB8;color:white;border-radius:4px;border:none;padding:12px 40px;margin:2rem 0}.d-flex .current{padding:4px 16px !important;background:none;color:#036EB8;border:1px solid #036EB8;border-radius:0px}.d-flex a{color:#666;padding:4px 16px !important;background:none;border-radius:0px;border:1px solid #666;margin-bottom:3rem;display:inline-block;text-decoration:none}.back{background:none !important;color:#333 !important;margin:2rem 0}.csv-import-guide h5{font-size:20px;margin:2rem 0}.csv-import-guide table{margin:2rem 0 !important}.template{margin:2rem 0}.template a{background:#036EB8;color:white;border-radius:4px;border:none;padding:12px 40px;margin:2rem 0;display:inline-block;text-decoration:none}.template a i{margin-right:8px}.file-label{margin:1rem 0 !important;display:block}.input-group .btn{background:#036EB8;color:white;border-radius:4px;border:none;padding:12px 40px;margin:2rem 0 !important;display:block}#school_page .form-group{width:960px;margin:1rem 0}#school_page .form-group label{font-size:18px;width:20%;display:inline-block;float:left;padding-left:8px}#school_page .form-group input,#school_page .form-group select{font-size:18px;padding:4px 16px;width:80%;display:inline-block}#school_page .form-actions .btn{background:#036EB8;color:white;border-radius:4px;border:none;padding:12px 40px;text-align:left;margin:2rem 0 0 2rem !important}.school_student_form{padding:3rem 0}.school_student_form .form-group{width:80% !important;margin:2rem !important}.school_student_form .form-group label{font-size:18px;width:100%;display:block;padding-left:0}.school_student_form .form-group label::before{display:none}.school_student_form .form-group input,.school_student_form .form-group select{font-size:18px;padding:16px 16px;width:100%;display:block}.link{color:#036EB8;background:none;text-decoration:none;margin-bottom:0 !important;margin-top:2rem}.link:hover{color:#036EB8}.link i{color:#036EB8;margin-right:8px}.school-announcements .date-column{width:120px;white-space:nowrap}.school-announcements .announcement-link{color:#333;text-decoration:none}.school-announcements .announcement-link:hover{color:#007bff;text-decoration:underline}.announcements-section{padding:3rem 1.5rem;border-top:1px solid #f2f2f2;margin-top:3rem}.announcements-section .row .col-11{background:none !important}.announcements-section p{margin:0}.announcements-section h5{margin:0}.announcement-detail{max-width:800px;margin:2rem auto;padding:3rem 0}.announcement-detail h5{border-bottom:1px solid #eee;padding-bottom:8px}.school-announcements{padding:4rem 0}.school-announcements .container{width:1168px;margin:0 auto}.school-announcements .container h5{font-size:24px;margin:0;color:#333}.school-announcements .container h5 span{font-size:50%;display:block}.school-announcements .container table{margin:2rem 0 0;width:100%;table-layout:fixed}.school-announcements .container table th,.school-announcements .container table td{font-size:16px;padding:12px 0;border-bottom:1px solid #eee}.school-announcements .container table th{width:20%;font-weight:500;text-align:left}.school-announcements .container table td{width:80%}.school_main-content{padding:4rem 0}.school_main-content h4{font-size:20px;margin-bottom:2rem}.school_main-content h4 i{margin-right:8px;color:#036EB8}.school_main-content h6,.school_main-content h5{font-size:20px !important}.school_main-content h6 i,.school_main-content h5 i{margin-right:8px;color:#036EB8;font-size:28px;vertical-align:top}.school_main-content h3{font-size:20px}.school_main-content h3 span{font-size:40px;margin-left:8px}.school_main-content .course_detail-header a{background:none;color:#036EB8;text-decoration:none;margin-left:16px}.school_main-content .course_detail-header a i{margin-right:8px;color:#036EB8}.school_main-content .lesson_list_contents h5{font-size:20px;margin:0 0 2rem}.school_main-content .lesson_list_contents .lesson_card_link{text-decoration:none;color:inherit;display:block;width:100%;height:50px}.school_main-content .lesson_list_contents .lesson_card_link::after{content:"";display:block;clear:both}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card{border:1px solid #eee;border-radius:6px;padding:16px;margin:0;background:#fafafa;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card:hover{background-color:rgba(3,110,184,0.05);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:2rem}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body h6{font-size:18px;margin:0;color:#333;min-width:200px}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body .lesson-meta{color:#666;-webkit-box-flex:1;-ms-flex:1;flex:1}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body .lesson-meta i{color:#036EB8}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body .lesson-materials{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body .lesson-materials .btn{padding:8px 16px;pointer-events:none}.school_main-content .lesson_list_contents .lesson_card_link .lesson_card .card-body .lesson-materials .btn:hover{opacity:0.8}.school_main-content .card_box{border:1px solid #eee;border-radius:6px;padding:16px;margin:2rem 0;width:80%}.school_main-content .card_box h5{font-size:20px;margin:0}.school_main-content table{width:100%}.school_main-content table tr.clickable-row{cursor:pointer;width:80%;border:1px solid #eee;display:block;padding:16px;border-radius:6px;background:#fafafa}.school_main-content table tr.clickable-row .text-end i{margin-left:8px}.school_main-content table tr.clickable-row:hover{background-color:#f8f9fa}.school_main-content table tr.clickable-row td{color:#333}.school_main-content table tr.clickable-row td:last-child{color:#ccc}.lesson_list_contents table{width:80%;table-layout:fixed}.lesson_list_contents table tr{border:1px solid #eee;border-radius:6px;display:block}.lesson_list_contents table tr td{width:70%;padding:16px}.lesson_list_contents table tr th{width:40%;text-align:left;padding:16px}.school_lesson-content{padding:3rem 1rem !important;background:#fff;border-radius:8px}.school_lesson-content h4{font-size:24px;font-weight:600;color:#333;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #eee}.school_lesson-content h4 span{font-size:16px;color:#666;font-weight:normal;display:inline;margin-left:0.5rem}.school_lesson-content h5.card-title{font-size:18px;color:#444;margin:1.5rem 0 1rem;font-weight:500}.school_lesson-content p{color:#666;line-height:1.6;margin-bottom:2rem}.school_lesson-content ul.list-unstyled{background:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem}.school_lesson-content ul.list-unstyled li{margin-bottom:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.school_lesson-content ul.list-unstyled li:last-child{margin-bottom:0}.school_lesson-content ul.list-unstyled li span{font-weight:500;color:#444;min-width:100px}.school_lesson-content ul.list-unstyled li small.text-muted{display:block;margin-top:0.25rem;font-size:0.875rem}.school_lesson-content ol{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;margin:2rem 0;padding:0;list-style:none}.school_lesson-content ol li .btn{padding:0.75rem 1.5rem;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.school_lesson-content ol li .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.school_lesson-content ol li .btn i{font-size:1.25rem}.school_lesson-content ol li .btn-info{background:#e3f2fd;color:#1976d2;border:none}.school_lesson-content ol li .btn-info:hover{background:#bbdefb}.school_lesson-content ol li .btn-success{background:#ffa500;border:none}.school_lesson-content ol li .btn-success:hover{background:#ff8c00}.school_lesson-content ol li .btn-primary{background:#1976d2;border:none}.school_lesson-content ol li .btn-primary:hover{background:#1565c0}.school_lesson-content .link{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:#1976d2;text-decoration:none;font-weight:500;margin-top:2rem;padding:0.5rem 1rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.school_lesson-content .link:hover{background:#f5f5f5;color:#1565c0}.school_lesson-content .link i{font-size:1.25rem}.school_course-content{padding:2rem 1rem;min-height:100vh}.school_course-content .school_lesson_info{background:white;padding:1rem 1rem 2rem;border-radius:6px;margin-bottom:3rem}.school_course-content .school_lesson_info h2{font-size:20px;color:#036EB8;font-weight:600;margin:0;padding:1rem 0}.school_course-content .school_lesson_info h2 i{margin-right:8px}.school_course-content .school_lesson_info h3{font-size:24px;color:#036EB8;font-weight:600;margin:1rem 0 0}.school_course-content .school_lesson_info h3 span{font-size:16px;color:#888;margin-bottom:0.5rem;margin-right:16px}.school_course-content .school_lesson_info p{margin:0}.school_course-content .lesson-card .card{display:block;margin:0 auto 1rem;width:90%;padding:2rem 1rem;border:1px solid #eee !important;border-radius:6px}.school_course-content .lesson-card .card h3{margin:1rem 0 0;font-size:18px;font-weight:600}.school_course-content .lesson-card .card h3 i{margin-right:8px;background:#d5edfe;padding:8px;border-radius:50%;color:#036EB8}.school_course-content .lesson-card .card p{margin:1rem 0;font-size:14px}.school_course-content .lesson-card .card small{margin:8px 0;display:block}.school_course-content .lesson-card .card ul{padding:0;margin:0 0 2rem}.school_course-content .lesson-card .card ul li{list-style-type:none;margin-bottom:0;padding-bottom:0;margin:8px 0}.school_course-content .lesson-card .card ul li span{background:#036EB8;color:white;padding:4px 8px;font-size:12px;margin-right:8px}.school_course-content .lesson-card a{text-decoration:none}.steps-title{margin:2rem 0}.school_lesson_content{padding:3rem 1rem !important}.school_lesson_content h4{font-size:20px;font-weight:600;color:#272727}.school_lesson_content h4 span{font-size:14px;display:block;margin:1rem 0;color:#888;font-weight:600}.school_lesson_content h5{font-size:14px;margin:1rem 0;color:#888;font-weight:600}.school_lesson_content p{margin:8px 0}.school_lesson_content ul{margin-top:1rem}.school_lesson_content ul li{list-style-type:none;padding:8px 0}.school_lesson_content ol{margin-bottom:3rem}.school_lesson_content ol li{list-style-type:none;display:inline-block;margin:0 8px}.school_lesson_content ol li .btn{padding:8px;border:none}.school_lesson_content ol li .btn-success{background:#036EB8 !important;padding:12px 16px;border:none;border-radius:4px}.school_lesson_content ol li:first-of-type .btn{color:#036EB8;background:#d5edfe;padding:12px}.school_lesson_content ol li:first-of-type .btn i{font-size:24px}.school_lesson_content ol li:last-of-type{border-radius:4px}.school_lesson_content ol li:last-of-type a{text-decoration:none;color:#036EB8;background:none;padding:0}.school_lesson_content ol li:last-of-type .btn{background:#036EB8;color:white !important;padding:8px 24px !important;font-weight:600;line-height:1.5}.school_lesson_content .lesson-steps{margin:2rem 0;padding:2rem;background:#f8f9fa;border-radius:12px}.school_lesson_content .lesson-steps .btn{color:#1976d2;border:none;font-weight:600;font-size:16px;display:block;text-align:center}.school_lesson_content .lesson-steps .btn:hover{background:#bbdefb}.school_lesson_content .lesson-steps .steps-title{font-size:24px;color:#333;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #e9ecef}.school_lesson_content .lesson-steps .steps-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-top:1.5rem}.school_lesson_content .lesson-steps .step-card{background:white;width:90%;margin:0 auto;padding:1.5rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);-webkit-transition:-webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;transition:-webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease;transition:transform 0.2s ease, box-shadow 0.2s ease;transition:transform 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease, -webkit-box-shadow 0.2s ease}.school_lesson_content .lesson-steps .step-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.1);box-shadow:0 4px 8px rgba(0,0,0,0.1)}.school_lesson_content .lesson-steps .step-card .text-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.5;max-height:4.5em}.school_lesson_content .lesson-steps .step-card .step-icon{width:48px;height:48px;background:#e3f2fd;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:1.5rem}.school_lesson_content .lesson-steps .step-card .step-icon i{font-size:24px;color:#1976d2}.school_lesson_content .lesson-steps .step-card h6{font-size:20px;font-weight:600;color:#333;margin-bottom:1.5rem}.school_lesson_content .lesson-steps .step-card h6 span{font-size:16px;color:#888;font-weight:600;display:block;margin-bottom:8px}.school_lesson_content .lesson-steps .step-card p{font-size:14px;color:#666;margin-bottom:1rem}.school_lesson_content .lesson-steps .step-card .btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style-type:none;gap:0.5rem;padding:0.75rem;border-radius:6px;margin:2rem 0;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.school_lesson_content .lesson-steps .step-card .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.school_lesson_content .lesson-steps .step-card .btn i{font-size:1.1rem}.school_lesson_content .lesson-steps .step-card .btn-outline-primary{border-color:#1976d2;color:#1976d2}.school_lesson_content .lesson-steps .step-card .btn-outline-primary:hover{background:#1976d2;color:white}.alert{margin:1rem;padding:1rem;border-radius:4px;position:relative}.alert.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert.alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert .btn-close{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.school_students_page .container{width:1168px;margin:0 auto}.school_students_page .container h6{font-size:20px;font-weight:600;color:#272727;margin:2rem 0}#school_student h5{font-size:20px;font-weight:600;color:#272727;margin:3rem 0 1rem;padding-left:24px}#school_student h5 i{margin-right:8px}#school_student .clock_box{background:white;padding:2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1rem}#school_student .clock_box h5{margin:0}#school_student #calendar{background:white;padding:0rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1rem}#school_student #calendar h6{font-size:18px;font-weight:600;color:#272727;margin:0 0 1rem}#school_student #calendar table{width:100%}#school_student #calendar table th,#school_student #calendar table td{text-align:center}#school_student #calendar table td{padding:12px 16px}#school_student #calendar table .today{background-color:#036EB8;color:white;font-weight:bold;width:15px;border-radius:0px !important}#school_student .lesson-detail img{width:70%;margin:0 auto}#school_student .lesson-detail .row{margin-bottom:2rem}#school_student .detile_box{background:white;padding:1rem;margin:0 0 2rem;border-radius:8px}#school_student .detile_box h3{font-size:20px;font-weight:600;color:#272727;margin:1rem 0 2rem}#school_student .detile_box h3 span{font-size:16px;margin-right:12px;margin-bottom:1rem;display:block}#school_student .detile_box h3 span::before{content:"【 コース名 】";font-size:14px;color:#888;font-weight:600}#school_student .detile_box p{margin:0 0 1rem;font-size:14px;letter-spacing:0.03em;line-height:1.75;width:80%}#school_student .detile_box p span{font-size:18px;font-weight:600;color:#888}#school_student .detile_box h4{border-top:1px solid #eee;padding-top:2rem;font-size:18px;font-weight:600;color:#272727}#school_student .lesson_list a{text-decoration:none;color:#036EB8;background:none;display:block;text-align:center}#school_student .lesson_list .btn{font-weight:600;background:#036EB8;color:white}#school_student .lesson_list .lesson_card{background:white !important;padding:1rem 0.5rem 2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin:1rem auto;width:100%;position:relative;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.2);box-shadow:0 2px 10px rgba(0,0,0,0.2)}#school_student .lesson_list .lesson_card h5{font-size:16px !important;margin:1rem 0;padding-left:0 !important;display:block;text-align:left}#school_student .lesson_list .lesson_card h5 i{background:#eef8ff;padding:8px;border-radius:50%;color:#036EB8;font-weight:900;margin-right:12px;margin-bottom:1rem;display:block;width:32px}#school_student .lesson_list .lesson_card h6{font-size:14px;margin:1rem 0;text-align:center}#school_student .lesson_list .lesson_card p{margin:0 0 2rem;font-size:12px}#school_student .lesson_list .lesson_card .step-progres{margin:1rem 0}#school_student .lesson_list .lesson_card button{background:#4caf50;border:none;color:white;font-size:14px;font-weight:600;padding:4px 24px}.analog-clock{width:200px;height:200px;border-radius:50%;margin:20px auto;position:relative;background:white;border:4px solid #333}.analog-clock .clock-face{width:100%;height:100%;position:relative}.analog-clock .hand{position:absolute;bottom:50%;left:50%;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:4px}.analog-clock .hour{width:4px;height:50px;background:#333;margin-left:-2px;z-index:3}.analog-clock .minute{width:3px;height:70px;background:#666;margin-left:-1.5px;z-index:2}.analog-clock .second{width:2px;height:80px;background:#f00;margin-left:-1px;z-index:1}.analog-clock .center-dot{position:absolute;top:50%;left:50%;width:12px;height:12px;background:#333;border-radius:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:4}.analog-clock .numbers{position:absolute;width:100%;height:100%}.analog-clock .numbers .number{position:absolute;width:100%;height:100%;text-align:center;-webkit-transform:rotate(var(--rotation));transform:rotate(var(--rotation));font-size:14px;font-weight:bold;padding:5px}.small-calendar .table{font-size:0.8rem}.small-calendar .table th,.small-calendar .table td{padding:0.3rem;height:2rem;width:2rem;vertical-align:middle}.small-calendar .table .today{background-color:#036EB8;color:white;font-weight:bold;border-radius:50%}.small-calendar .table .text-muted{color:#999}.digital-clock{font-size:2.5rem;font-weight:bold;text-align:center;font-family:monospace;color:#333;padding:1rem}.digital-clock span{display:inline-block;min-width:1.5em}.step-progress{padding:10px 15px;margin-bottom:10px}.step-progress .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;margin-bottom:10px}.step-progress .steps::before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:#e9ecef;z-index:1}.step-progress .steps .step{background:white;color:#adb5bd;border:2px solid #e9ecef;border-radius:20px;padding:4px 12px;font-size:12px;position:relative;z-index:2}.step-progress .steps .step.completed{background:#036EB8;color:white;border-color:#036EB8}.description{overflow:hidden;text-overflow:ellipsis;margin-bottom:1rem}.accordion-button:not(.collapsed){background-color:#f8f9fa;color:#0d6efd}.accordion-item{margin-bottom:0.5rem}.accordion-item h2{margin:0}.lessons-list{background:#f2f2f2;padding:3rem 1rem;min-height:100vh}.lessons-list h2{margin:0 0 3rem;padding:2rem 1rem;font-weight:600}.lessons-list h2 i{margin-right:8px}.lessons-list .lesson_card{background:white;padding:2rem 1rem;border-radius:8px;width:90%;margin:2rem auto}.lessons-list .lesson_card h5{margin:1rem 0;font-size:16px !important;font-weight:600}.lessons-list .lesson_card h5 i{margin-right:8px}.lessons-list .lesson_card p{margin:1rem 0}.lessons-list .lesson_card a{display:block;margin:3rem auto 1rem;text-align:center;text-decoration:none;font-weight:600;color:#036EB8}.lessons-list .lesson_card ul{padding:0;margin:2rem 0}.lessons-list .lesson_card ul li{list-style-type:none;margin:16px 0;padding:0;font-size:14px}.lessons-list .lesson_card ul li span{background:#036EB8;color:white;padding:4px 8px;margin-right:8px}.lessons-list .lesson_card ul li span i{color:white !important}.student_list{-webkit-box-shadow:none;box-shadow:none;padding-top:3rem}.student_list h4{font-weight:600;font-size:20px}.student_list h4 i{margin-right:8px;font-size:150%}.student_list .info_table{width:100% !important}.student_list .student-name-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:12px}.student_list .student-name-link{color:#036EB8;text-decoration:none;-webkit-box-flex:1;-ms-flex:1;flex:1}.student_list .student-name-link:hover{color:#0256a3;text-decoration:underline}.student_list .edit-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;text-decoration:none;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-ms-flex-negative:0;flex-shrink:0}.student_list .edit-btn:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057;text-decoration:none}.student_list .edit-btn i{font-size:14px}.student_list .search-form-container{background:#f8f9fa;padding:20px;border-radius:8px;border:1px solid #e9ecef}.student_list .search-fields{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;margin-bottom:20px}.student_list .search-field{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:200px}.student_list .search-field .form-label{font-weight:600;margin-bottom:5px;color:#495057}.student_list .search-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}.student_list .search-buttons .btn{min-width:100px;padding:8px 20px}.accordion{border:none}.accordion .accordion-item{border:none}.accordion .accordion-item .accordion-button{background:none;color:#036EB8;font-weight:600}.file-drop-area{border:2px dashed #ccc;border-radius:8px;padding:1rem;text-align:center;background:#f8f9fa;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;cursor:pointer}.file-drop-area:hover,.file-drop-area.dragover{border-color:#036EB8;background:#f0f7fc}.drag-text{margin-bottom:0.5rem;color:#666}.drag-text i{font-size:2rem;color:#036EB8;margin-bottom:0.5rem;display:block}.drag-text small{display:block;margin:0.5rem 0;color:#999}.upload-group{max-width:500px;margin:0 auto}.upload-group .form-control{height:38px;border:1px solid #e0e0e0;border-right:none}.upload-group .btn{height:38px;padding:0 1.5rem;margin:0 !important}.test-preview{padding:2rem;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.test-preview .step_description{padding:1rem;background:#f8f9fa;border-radius:8px}.test-preview .step_description h2{font-size:20px;color:#333;margin-bottom:1rem}.test-preview .step_description p{color:#666;margin-bottom:1.5rem}.test-preview .step_description .btn{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.5rem}.test-preview .test_formContents .question-card{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem}.test-preview .test_formContents .question-card:last-child{margin-bottom:0}.test-preview .test_formContents .question-card .question-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.test-preview .test_formContents .question-card .question-header h5{font-size:18px;font-weight:600;color:#333;margin:0}.test-preview .test_formContents .question-card .question-header .question-type{font-size:0.875rem;color:#666;background:#e9ecef;padding:0.25rem 0.75rem;border-radius:4px}.test-preview .test_formContents .question-card .question-body .question-text{font-size:1.1rem;color:#333;margin-bottom:1rem}.test-preview .test_formContents .question-card .question-body .choices{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}.test-preview .test_formContents .question-card .question-body .choices .choice{background:white;padding:1rem;border-radius:6px;border:1px solid #dee2e6;position:relative}.test-preview .test_formContents .question-card .question-body .choices .choice.correct{background:#e8f5e9;border-color:#4caf50}.test-preview .test_formContents .question-card .question-body .choices .choice.correct .correct-badge{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:#4caf50;color:white;padding:0.25rem 0.75rem;border-radius:4px;font-size:0.875rem}.test-preview .test_formContents .no-questions{text-align:center;padding:3rem;background:#f8f9fa;border-radius:8px;color:#666}.entry_box{padding:2rem}.entry_box .grade-list{background:#fafafa;padding:1rem;margin:1rem;text-align:center}.entry_box .grade-list h6{font-size:16px !important}.entry_box .grade-list span{font-size:32px !important;font-weight:600}.school_indexBox{margin-top:3rem}.school_indexBox h6{margin:2rem 0}.school_indexBox p{font-size:16px;margin-top:1rem}.import_btn{margin:3rem auto;width:200px;display:block;background:#036EB8;color:white;border:none;padding:1rem;border-radius:4px}.grade-section h6{margin:2rem 0 0.5rem}.grade-section .course-name{font-size:0.8rem !important;color:#888}.grade-section .lesson-item{font-size:0.9rem !important;font-weight:800}.school_courseBox{padding:3rem 1rem;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2);width:90%;border-radius:8px;margin:0 auto}.school_courseBox h5{font-size:1.2rem !important;text-transform:capitalize;font-weight:600;margin-bottom:1rem;vertical-align:middle;line-height:1}.school_courseBox h5 i{margin-bottom:8px;background:#bbdefb;width:36px;border-radius:30px;padding:4px;display:block}.school_courseBox p{font-size:0.7rem;margin-bottom:2rem !important}.school_courseBox .small{margin:1rem 0}.school_courseBox .school_lesson_info{height:auto !important}.registra_form{padding-top:80px}.registra_form .form_fiuld{margin:1rem 0}.registra_form h4{font-size:20px;margin-bottom:3rem !important}.coding_school_editor{padding:3rem 2rem}.coding_school_editor .row{margin:2rem 0}.sidebar{padding:1rem}.sidebar h5{margin-top:1rem;border-bottom:1px solid #ccc;padding-bottom:8px}.sidebar p{font-size:14px}.sidebar p span{display:block;font-size:14px;color:#888;font-weight:600;margin-right:8px;margin-bottom:8px}.sidebar .btn{display:block;width:100%}.sidebar .back_btn{background:none;color:#036EB8;font-size:14px;display:block;text-align:center;width:100%}.sidebar .back_btn i{margin-right:8px}.scoll-setting{padding:3rem 2rem}.scoll-setting .form-container{padding:2rem 0}.scoll-setting .form-section{border:none;padding:0}.scoll-setting .form-actions{background:none;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.scoll-setting .form-actions .back-btn i{margin-right:8px}.load-more-btn{background:#036EB8;color:white;width:80%;margin-top:1rem;font-weight:600;font-size:0.8rem;padding:10px 4px;border-radius:30px;border:none}.load-more-btn i{margin-right:8px}.course-settings-info{margin-top:2rem}.course-settings-info h4{font-size:16px !important}.shop_page{min-height:100vh}.shop_page .row{margin:0;min-height:auto}.shop_page .row .col-2{background:white;padding:0;-webkit-box-shadow:1px 0 3px rgba(0,0,0,0.05);box-shadow:1px 0 3px rgba(0,0,0,0.05)}.shop_page .row .col-10{padding:0}.main-content{height:100%;padding:0 0 2rem;overflow-y:auto}.main-content .col-12,.main-content .col-10{padding:16px 8px !important}.main-content .link{color:#036EB8;background:none;text-decoration:none;margin-bottom:0 !important}.main-content .link:hover{color:#036EB8}.main-content .form-actions{border-top:none;text-align:left !important}.main-content .form-actions .btn{display:inline-block}.main-content .form-actions a{background:none;color:#036EB8;text-decoration:none;margin-left:3rem}.main-content .form-actions a:hover{color:#036EB8}.main-content .student_index_card{padding:16px}.main-content .student_index_card h4{margin:1rem 0;font-size:20px}.main-content .student_index_card h4 i{margin-right:8px;color:#036EB8}.main-content .student_index_card h4 span{margin-left:1rem;font-size:12px}.main-content .student_index_card h4 span a{background:none;color:#036EB8;text-decoration:none}.main-content .student_index_card h4 span a:hover{color:#036EB8}.main-content .student_index_card table{table-layout:fixed;text-align:left}.main-content .student_index_card table tr td{text-align:left;font-size:16px}.main-content .student_index_card table tr td ul{padding:0;margin:0}.main-content .student_index_card table tr td ul li{display:inline-block;margin-right:1rem}.main-content .student_index_card table tr td span{font-size:16px}.main-content .student_index_card table tr td::after{display:none}.main-content .student_index_card table tr td::before{display:none}.main-content .student_index_card table tr td i{font-size:18px;color:#036EB8}.main-content .announcements-section{background:white;margin:16px 8px;padding:8px 16px;border-radius:12px}.main-content .announcements-section h5{color:#666;font-size:1rem;font-weight:bold;margin-bottom:1rem}.main-content .card{border:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);margin:1rem 0;background:white;height:100%}.main-content .card:last-child{margin-bottom:0}.main-content .card .card-body{padding:1.5rem}.main-content .table{width:100%}.main-content .table th{background:#f8f9fa;padding:16px;font-weight:500;color:#666}.main-content .table td{padding:16px;vertical-align:middle}.student_card{background:white;width:100%;padding:20px;border-radius:10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.student_card h4{font-size:24px;margin:2rem 0}.student_card h4 i{color:#036EB8;margin-right:8px}.student_card h4 a{background:none;color:#036EB8;text-decoration:none;font-size:80%;margin-left:16px}.student_card h4 a i{margin-right:4px}.student_card h4 a:hover{color:#036EB8}.student_card .btn{background:#036EB8;color:white;padding:12px 40px;text-decoration:none;border:none;border-radius:4px;cursor:pointer;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;margin:2rem 0;display:block;width:200px}.student_card .btn:hover{background:#036EB8}.student_card .table-responsive .table{margin-bottom:0;width:100%}.student_card .table-responsive .table thead{text-align:left}.student_card .table-responsive .table tbody td .btn{background:none;border:none;padding:0;color:#036EB8;display:inline-block;width:auto !important;margin:0 !important}.student_card .table-responsive .table tbody td .btn:hover{background:none}.student_card form{max-width:600px}.student_card form .alert{background-color:#fff3f3;border:1px solid #ffcdd2;border-radius:4px;padding:1rem;margin-bottom:2rem}.student_card form .alert h2{color:#d32f2f;font-size:1rem;margin-bottom:1rem}.student_card form .alert ul{color:#d32f2f;margin:0;padding-left:1.5rem}.student_card form .form-group{margin-bottom:1.5rem}.student_card form .form-group .form-label{font-weight:500;color:#333;margin-bottom:0.5rem}.student_card form .form-group .form-control,.student_card form .form-group .form-select{border:1px solid #ddd;border-radius:4px;padding:0.75rem;width:100%;font-size:1rem}.student_card form .form-group .form-control:focus,.student_card form .form-group .form-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.student_card form .form-actions{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee;text-align:center}.student_card form .form-actions .btn{min-width:200px;margin:0 0.5rem;padding:0.75rem 2rem;font-weight:500}.student_card form .form-actions .btn:not(.btn-secondary){background:#036EB8;color:white}.student_card form .form-actions .btn:not(.btn-secondary):hover{background:#035f9f}.student_card form .form-actions .btn.btn-secondary{background:#f5f5f5;color:#666;border:1px solid #ddd}.student_card form .form-actions .btn.btn-secondary:hover{background:#eee}.student_card .minecraft-credentials{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:1rem 0}.student_card .minecraft-credentials .credential-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1rem}.student_card .minecraft-credentials .credential-item:last-child{margin-bottom:0}.student_card .minecraft-credentials .credential-item label{font-weight:500;color:#666;width:120px;margin-right:1rem}.student_card .minecraft-credentials .credential-item span{color:#333;font-family:monospace;font-size:1.1rem}.student_card table{width:100%;table-layout:fixed}.student_card table tr th{width:10%;text-align:left}.student_card table tr td{width:90%}.student_card .section-title{font-size:1.2rem;color:#333;margin:2rem 0 1rem;padding-bottom:0.5rem;border-bottom:2px solid #f5f5f5}.student_card .section-title i{color:#036EB8}.student_card .progress-section{margin:2rem 0}.student_card .progress-section .course-progress{margin-bottom:1.5rem}.student_card .progress-section .course-progress h6{margin-bottom:0.5rem;color:#333}.student_card .progress-section .course-progress .progress{height:0.8rem;background-color:#e9ecef;border-radius:0.4rem;margin-bottom:0.5rem}.student_card .progress-section .course-progress .progress .progress-bar{background-color:#036EB8;border-radius:0.4rem}.student_card .progress-section .course-progress small{color:#666}.student_card .submission-section{margin:2rem 0}.student_card .submission-section .table th{background-color:#f8f9fa;font-weight:500}.student_card .submission-section .table .badge{padding:0.5em 0.8em;font-weight:500}.student_card .submission-section .table .btn-sm{padding:0.25rem 0.5rem;font-size:0.875rem}.action-buttons ul li{display:inline-block;margin-right:1rem}.action-buttons ul li:last-of-type a{background:#666}.grade-stat{padding:1rem;border-radius:0.5rem;background-color:#f8f9fa}.grade-stat h6{color:#666;font-size:0.875rem}.grade-stat .h4{color:#036EB8;font-weight:500}.announcement_index_card,.announcement_show_card{background:#fff;border-radius:8px;padding:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.announcement_index_card h4,.announcement_show_card h4{margin-bottom:20px}.announcement_index_card h4 i,.announcement_show_card h4 i{margin-right:8px}.announcements .announcement-item{border-bottom:1px solid #eee;padding:15px 0}.announcements .announcement-item:last-child{border-bottom:none}.announcements .announcement-link{display:block;color:inherit;text-decoration:none}.announcements .announcement-link:hover .title{color:#007bff}.announcements .announcement-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:5px}.announcements .announcement-header .date{color:#666;font-size:0.9em}.announcements .title{margin:0;font-size:1.1em;-webkit-transition:color 0.2s;transition:color 0.2s}.announcement-show-card .announcement-header{margin-bottom:20px}.announcement-show-card .announcement-header .meta{color:#666;font-size:0.9em;margin-top:5px}.announcement-show-card .announcement-body{margin-bottom:30px;line-height:1.6}.search-area{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:500px;margin:0 2rem}.search-area .search-form{width:100%}.search-area .search-form .input-group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:white;border-radius:30px;overflow:hidden;border:1px solid #eee}.search-area .search-form .input-group .search-input{border:none;padding:0.75rem 1rem;font-size:0.9rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.search-area .search-form .input-group .search-input:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.search-area .search-form .input-group .search-input::-webkit-input-placeholder{color:#999}.search-area .search-form .input-group .search-input::-moz-placeholder{color:#999}.search-area .search-form .input-group .search-input:-ms-input-placeholder{color:#999}.search-area .search-form .input-group .search-input::-ms-input-placeholder{color:#999}.search-area .search-form .input-group .search-input::placeholder{color:#999}.search-area .search-form .input-group .btn-search{background:none;border:none;padding:0.75rem 1rem;color:#666;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.search-area .search-form .input-group .btn-search:hover{color:#036EB8}.search-area .search-form .input-group .btn-search i{font-size:1.2rem}.shop_page_content{padding:3rem 1rem;background:#f2f2f2}.shop_page_content .row .col-2,.shop_page_content .row .col-3,.shop_page_content .row .col-7,.shop_page_content .row .col-6{margin:16px 0 !important;padding:0 8px !important;background:none !important}.shop_page_content .row .box{background:white;border-radius:10px;height:100%}.shop_page_content .row .box .card-body canvas{min-height:250px}.box{background:white;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);height:100%;padding-bottom:2rem}.box h5 i{font-size:1.5rem;margin-right:8px}.box table{width:calc(100% - 32px);margin:0 auto;table-layout:fixed}.box table thead tr th{font-size:14px;text-align:left}.box table tr td{width:20%;font-size:14px}.box .box-body{padding:1.5rem;position:relative}.box .box-body .more{position:absolute;right:16px;top:2.8rem;background:none;color:#036EB8;text-decoration:none;font-size:16px;font-weight:600}.box .box-body .more:hover{color:#036EB8}.box .box-body canvas{width:100% !important}.box .box-body canvas#courseChart{height:auto !important;min-height:80px !important}.box .box-body canvas#registrationChart{min-height:auto !important;height:150px !important}.box .box-body h5.card-title{font-size:1rem;color:#333;margin-bottom:1.5rem}.shop_contents{background:#f2f2f2;padding:32px;position:relative;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.shop_contents h4{font-size:24px;margin-bottom:24px;font-weight:600}.shop_contents h5{font-size:20px;margin-bottom:2rem}.shop_contents .col-2{border:1px solid #272727;padding:0;-webkit-box-flex:0;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;overflow:hidden}.shop_contents .col-2 h6{background:#f8f9fa;text-align:center;padding:12px 4px;font-weight:bold;color:#007bff;font-size:13px;margin:0;white-space:nowrap}.shop_contents .form-check-input{float:none;padding-left:0;margin-right:4px;margin-top:0;-ms-flex-negative:0;flex-shrink:0;display:block !important;visibility:visible !important;opacity:1 !important}.shop_contents .form-check{min-height:0 !important;margin:6px 4px;padding-left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.shop_contents .form-check .form-check-input{margin-left:0 !important;position:relative;margin-bottom:0 !important}.shop_contents .form-check.form-switch{padding-left:8px}.shop_contents .form-check.form-switch .form-check-input{width:1em;height:1em;margin-right:6px}.shop_contents .form-check .form-check-label{font-size:10px;line-height:1.2;white-space:normal;word-break:break-word;margin:0;padding:0;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden}.shop_contents .holiday_input input{width:50%;margin-bottom:0 !important}.shop_contents .holiday_input .btn{line-height:1;margin-left:1rem}.shop_contents .setting_box{background:white;border:1px solid #dee2e6;border-radius:8px;padding:24px;margin-bottom:32px}.shop_contents .setting_box h6{font-size:16px;margin-bottom:1rem}.shop_contents .setting_box select{width:20%;padding:8px 16px;margin-bottom:2rem}.shop_contents .setting_box input{margin-bottom:2rem}.shop_contents .setting_box table .date_input{display:inline-block}.shop_contents .setting_box .form-switch .form-check-label{font-size:12px}.shop_contents .setting_box .day_section{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:16px}.shop_contents .setting_box .table,.shop_contents .setting_box .time_slot_table{width:100%;table-layout:fixed;margin-bottom:0}.shop_contents .setting_box .table .delete_button,.shop_contents .setting_box .time_slot_table .delete_button{background:none;color:red;padding:8px}.shop_contents .setting_box .table td,.shop_contents .setting_box .time_slot_table td{padding:4px 2px;vertical-align:middle;border:none}.shop_contents .setting_box .table td:first-child,.shop_contents .setting_box .time_slot_table td:first-child{width:45%}.shop_contents .setting_box .table td:nth-child(2),.shop_contents .setting_box .time_slot_table td:nth-child(2){width:40%}.shop_contents .setting_box .table td:last-child,.shop_contents .setting_box .time_slot_table td:last-child{width:15%}.shop_contents .setting_box .table td span,.shop_contents .setting_box .time_slot_table td span{font-size:10px;margin-left:2px;white-space:nowrap}.shop_contents .setting_box .table input,.shop_contents .setting_box .time_slot_table input{margin:0;padding:4px 2px !important;font-size:11px;width:100%;border:1px solid #ddd;border-radius:3px}.shop_contents .setting_box .table input[type=time],.shop_contents .setting_box .time_slot_table input[type=time]{padding:4px !important}.shop_contents .setting_box .table input[type=number],.shop_contents .setting_box .time_slot_table input[type=number]{padding:4px 2px !important}.shop_contents .setting_box .table .btn,.shop_contents .setting_box .time_slot_table .btn{padding:2px 4px;background:none;border:none;color:crimson;font-size:12px;min-width:auto;width:100%}.shop_contents .setting_box .table .btn i,.shop_contents .setting_box .time_slot_table .btn i{font-size:12px}.shop_contents .setting_box .add_time_button{background:#f8f9fa;color:#036EB8;display:block;margin:8px auto;font-weight:600;padding:4px 8px;font-size:11px;border:1px solid #036EB8;border-radius:3px;white-space:nowrap;width:90%}.shop_contents .setting_box .time_slots{padding:8px 4px}.shop_contents .setting_box .time_slots .text-end{text-align:center !important;margin-top:4px}.shop_contents .add_button{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#6c757d;color:white}.shop_contents .add_button i{font-size:1.1em}.shop_contents .delete_button{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#dc3545;color:white}.shop_contents .delete_button i{font-size:1.1em}.shop_contents .add_time_button{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#036EB8;color:white}.shop_contents .add_time_button i{font-size:1.1em}.shop_contents .save_button{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#28a745;color:white;min-width:200px}.shop_contents .save_button i{font-size:1.1em}.shop_contents .holiday_input .holiday_tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:12px}.shop_contents .holiday_input .holiday_tags .holiday_tag{background:#e9ecef;padding:6px 12px;border-radius:4px;font-size:14px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.shop_contents .holiday_input .holiday_tags .holiday_tag i{cursor:pointer;color:#dc3545;font-size:12px}.shop_contents .holiday_input .holiday_tags .holiday_tag i:hover{color:#bd2130}.shop_contents .modal{background:white;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:50%;padding:16px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);border-radius:6px}.shop_contents .modal .modal-header{background:none;padding:0;position:relative}.shop_contents .modal .modal-header .btn-close{top:0;padding:0}.shop_contents .modal .modal-header h5{margin:1rem 0}.shop_contents .modal .modal-body{width:100%;height:auto;margin:0;background:white;padding:1rem}.shop_contents .modal .modal-content{width:100%;height:auto;margin:0;-webkit-box-shadow:none;box-shadow:none;position:relative}.auto-message-settings{background:#f8f9fa;padding:16px;border-radius:6px}.auto-message-settings .form-check-input:checked{background-color:#036EB8;border-color:#036EB8}.message-contents h6{font-size:14px;font-weight:600;color:#495057}.message-contents .form-label{font-size:14px;color:#495057;margin-bottom:4px}.message-contents .form-control{font-size:14px}.message-contents .form-control::-webkit-input-placeholder{font-size:12px;color:#666}.message-contents .form-control::-moz-placeholder{font-size:12px;color:#666}.message-contents .form-control:-ms-input-placeholder{font-size:12px;color:#666}.message-contents .form-control::-ms-input-placeholder{font-size:12px;color:#666}.message-contents .form-control::placeholder{font-size:12px;color:#666}.lesson_contents{padding:3rem 2rem}.lesson_contents h4{margin-bottom:3rem;font-size:20px;font-weight:600}.lesson_contents h4 span{margin-left:16px;font-size:16px}.lesson_contents h4 span i{margin-right:8px}.lesson_contents h4 span a{color:#036EB8;text-decoration:none}.lesson_contents h4 span a:hover{color:#036EB8}.lesson_contents table{width:100%;table-layout:fixed}.lesson_contents table th,.lesson_contents table td{padding:16px 8px;border-bottom:1px solid #eee}.lesson_contents table td a{text-decoration:none;color:#036EB8}.lesson_contents table td a:hover{color:#036EB8}.nav-tabs{margin-bottom:1rem}.nav-tabs .nav-item{margin-bottom:-1px;list-style-type:none;display:inline-block}.nav-tabs .nav-link{color:#495057;background-color:transparent;border:none;padding:0.5rem 1rem;margin-bottom:-1px;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6;isolation:isolate}.nav-tabs .nav-link.active{color:#036EB8;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff;font-weight:500}.tab-content .tab-pane{display:none;opacity:0;-webkit-transition:opacity 0.15s linear;transition:opacity 0.15s linear}.tab-content .tab-pane.show{display:block;opacity:1}.line_table{table-layout:fixed}.line_table th,.line_table td{text-align:left;padding:8px 0}.line_table th:first-of-type,.line_table td:first-of-type{width:20%}.line_table th:nth-child(2),.line_table td:nth-child(2){width:15%}.line_table th:nth-child(3),.line_table td:nth-child(3){width:15%}.line_table th:nth-child(4),.line_table td:nth-child(4){width:15%}.line_table th:last-of-type,.line_table td:last-of-type{width:35%}.line-connection-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.line-connection-form .form-select{height:40px;padding:12px 16px;font-size:0.875rem;border:1px solid #dee2e6;border-radius:6px 0 0 6px;background-color:#fff;color:#495057}.line-connection-form .form-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.line-connection-form .btn-primary{height:40px;padding:0.375rem 0.75rem;font-size:0.875rem;background-color:#036EB8;border-color:#036EB8;border-radius:0 6px 6px 0 !important;color:#fff;white-space:nowrap;margin:0 !important}.line-connection-form .btn-primary:hover{background-color:#035f9f;border-color:#035f9f}.lesson_contents .filter-box a{background:none;margin-bottom:0;color:#036EB8;padding:7px 24px !important;font-size:16px;font-weight:600}.lesson_history_contents{padding:3rem 1rem}.lesson_history_contents h4{font-size:20px;margin-bottom:3rem}.lesson_history_contents h4 span{margin-left:8px}.lesson_history_contents h4 span a{text-decoration:none;font-size:16px;color:#036EB8}.student_card .card.mb-4{background:white;border:1px solid #e9ecef;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);margin-bottom:1.5rem !important}.student_card .card.mb-4 .card-body{padding:1.5rem}.student_card .card.mb-4 .card-body .row.g-3{margin:0}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3{margin-bottom:0}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-label{font-size:0.875rem;font-weight:500;color:#495057;margin-bottom:0.5rem}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control{height:40px;padding:0.5rem 0.75rem;font-size:0.875rem;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;color:#333;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select:focus,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);outline:none}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select::-webkit-input-placeholder,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control::-webkit-input-placeholder{color:#999}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select::-moz-placeholder,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control::-moz-placeholder{color:#999}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select:-ms-input-placeholder,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control:-ms-input-placeholder{color:#999}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select::-ms-input-placeholder,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control::-ms-input-placeholder{color:#999}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-select::placeholder,.student_card .card.mb-4 .card-body .row.g-3 .col-md-3 .form-control::placeholder{color:#999}.student_card .card.mb-4 .card-body .row.mt-3{margin-top:1rem !important;border-top:1px solid #e9ecef;padding-top:1rem}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex{gap:0.75rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn{height:40px;padding:0.5rem 1.5rem;font-size:0.875rem;font-weight:500;border-radius:6px;white-space:nowrap;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;min-width:100px}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn.btn-primary{background-color:#036EB8;border-color:#036EB8;color:white}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn.btn-primary:hover{background-color:#035f9f;border-color:#035f9f;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.3);box-shadow:0 2px 4px rgba(3,110,184,0.3)}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn.btn-outline-secondary{color:#6c757d;border-color:#dee2e6;background-color:white}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn.btn-outline-secondary:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}.student_card .alert-info{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;padding:0.75rem 1rem;margin-bottom:1.5rem;color:#004085}.student_card .alert-info i{color:#036EB8;margin-right:0.5rem}.student_card .alert-info strong{color:#036EB8;font-weight:600}.student_card .table-responsive{background:white;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);margin-top:1rem}.student_card .table-responsive .table{margin-bottom:0;width:100%}.student_card .table-responsive .table thead{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.student_card .table-responsive .table thead tr th{padding:1rem 0.75rem;font-weight:600;font-size:0.875rem;color:#495057;text-align:left;vertical-align:middle;border-bottom:2px solid #dee2e6;white-space:nowrap}.student_card .table-responsive .table thead tr th:first-child{padding-left:1.25rem}.student_card .table-responsive .table thead tr th:last-child{padding-right:1.25rem}.student_card .table-responsive .table tbody tr{-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;border-bottom:1px solid #e9ecef}.student_card .table-responsive .table tbody tr:hover{background-color:rgba(3,110,184,0.02)}.student_card .table-responsive .table tbody tr:last-child{border-bottom:none}.student_card .table-responsive .table tbody tr td{padding:1rem 0.75rem;font-size:0.875rem;color:#333;vertical-align:middle;border-bottom:1px solid #e9ecef}.student_card .table-responsive .table tbody tr td:first-child{padding-left:1.25rem;font-weight:500;color:#495057}.student_card .table-responsive .table tbody tr td:last-child{padding-right:1.25rem}.student_card .table-responsive .table tbody tr td a.text-decoration-none{color:#036EB8;font-weight:500;text-decoration:none !important;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.student_card .table-responsive .table tbody tr td a.text-decoration-none:hover{color:#025086;text-decoration:underline !important}.student_card .table-responsive .table tbody tr td a.ms-2{color:#6c757d;font-size:1rem;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.student_card .table-responsive .table tbody tr td a.ms-2:hover{color:#036EB8}.student_card .table-responsive .table tbody tr td .btn{padding:0.375rem 0.75rem;font-size:0.875rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;white-space:nowrap}.student_card .table-responsive .table tbody tr td .btn.btn-sm{padding:0.25rem 0.5rem;font-size:0.8125rem}.student_card .table-responsive .table tbody tr td .btn.btn-outline-primary{border-color:#036EB8;color:#036EB8;background-color:transparent}.student_card .table-responsive .table tbody tr td .btn.btn-outline-primary:hover{background-color:#036EB8;color:white;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.3);box-shadow:0 2px 4px rgba(3,110,184,0.3)}.student_card .table-responsive .table tbody tr td .btn.btn-outline-danger{border-color:#dc3545;color:#dc3545;background-color:transparent}.student_card .table-responsive .table tbody tr td .btn.btn-outline-danger:hover{background-color:#dc3545;color:white;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(220,53,69,0.3);box-shadow:0 2px 4px rgba(220,53,69,0.3)}.student_card .table-responsive .table tbody tr td .btn.btn-outline-danger i{font-size:1rem}.student_card .table-responsive .table tbody tr td .text-muted{color:#6c757d;font-size:0.8125rem;font-style:italic}.student_card .alert-info:last-child{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:2rem;text-align:center;color:#6c757d;font-size:0.9375rem}.student_card h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.student_card h4 i{color:#036EB8;margin-right:0.5rem;font-size:1.5rem}.student_card h4 span{margin-left:auto}.student_card h4 span a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem 1rem;background-color:#036EB8;color:white;border-radius:6px;text-decoration:none;font-size:0.875rem;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.student_card h4 span a i{margin-right:0.5rem;color:white;font-size:1rem}.student_card h4 span a:hover{background-color:#035f9f;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.3);box-shadow:0 2px 4px rgba(3,110,184,0.3)}.student_card form.d-inline{display:inline-block}.student_card h5{margin:4rem 0 2rem;font-size:20px}@media (max-width: 768px){.student_card h4{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem}.student_card h4 span{margin-left:0;width:100%}.student_card h4 span a{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.student_card .card.mb-4 .card-body .row.g-3 .col-md-3{margin-bottom:1rem}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn{width:100%;margin-bottom:0.5rem}.student_card .card.mb-4 .card-body .row.mt-3 .col-12.d-flex .btn:last-child{margin-bottom:0}.student_card .table-responsive .table thead{display:none}.student_card .table-responsive .table tbody tr{display:block;margin-bottom:1rem;border:1px solid #dee2e6;border-radius:6px;padding:1rem}.student_card .table-responsive .table tbody tr td{display:block;padding:0.5rem 0;border-bottom:1px solid #f0f0f0;text-align:left}.student_card .table-responsive .table tbody tr td:before{content:attr(data-label);font-weight:600;color:#495057;display:block;margin-bottom:0.25rem}.student_card .table-responsive .table tbody tr td:first-child{padding-left:0}.student_card .table-responsive .table tbody tr td:last-child{padding-right:0;border-bottom:none}}.student_card .search-table a{background:none !important;color:#036EB8 !important;padding:0.5rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 !important}.student_card .history_form{width:100%;table-layout:fixed}.student_card .history_form th,.student_card .history_form td{font-size:16px;padding:16px 0;vertical-align:top}.student_card .history_form th{width:20%;text-align:left}.student_card .history_form td{width:80%}.student_card .history_form td select,.student_card .history_form td input{height:45px;padding:8px 16px}.student_card .history_table{background:white;border-radius:12px;overflow:hidden;margin:4rem 0}.student_card .history_table th,.student_card .history_table td{text-align:left;padding:1.25rem;vertical-align:middle;border-bottom:1px solid #eee}.student_card .history_table th:first-of-type,.student_card .history_table td:first-of-type{width:20%}.student_card .history_table th:nth-child(2),.student_card .history_table td:nth-child(2){width:15%}.student_card .history_table th:nth-child(3),.student_card .history_table td:nth-child(3){width:15%}.student_card .history_table th:nth-child(4),.student_card .history_table td:nth-child(4){width:40%}.student_card .history_table th:last-of-type,.student_card .history_table td:last-of-type{width:10%}.student_card .history_table th{background:#f8f9fa;font-weight:500;color:#666;font-size:0.9rem}.student_card .history_table td{font-size:0.95rem;color:#333}.student_card .history_table td a{text-decoration:none;background:none !important;color:#036EB8 !important;padding:0.5rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 !important}.student_card .history_table td a:hover{background:rgba(3,110,184,0.1)}.student_card .history_table td a i{font-size:1rem}.student_card .history_table tbody tr{-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.student_card .history_table tbody tr:hover{background-color:rgba(3,110,184,0.02)}.student_card .history_table tbody tr:last-child td{border-bottom:none}.student_card .text-end{margin:2rem 0;padding:0}.student_card .text-end a{color:#036EB8;text-decoration:none;margin-left:16px;font-weight:600}.student_card .text-end ul li{display:inline-block}.student_card .search_table_contents tr{display:inline-block;background:white;padding:0 16px}.student_card .search_table_contents tr th{padding-right:8px}.student_card .search_table_contents tr td input,.student_card .search_table_contents tr td select{height:40px;padding:8px 16px;border:1px solid #eee;border-radius:4px}.student_card .search_table_contents ul{margin:2rem 0}.student_card .search_table_contents ul li{list-style-type:none;display:inline-block}.student_card .search_table_contents ul li .btn{width:150px;margin-right:16px}.student_card .search_table_contents ul li a{color:#036EB8;text-decoration:none;font-weight:600}.line_setteing{padding:3rem 1rem}.line_setteing h4{margin-bottom:3rem;font-size:20px}.line_setteing h5{font-size:18px;color:#666;margin-bottom:1rem}.line_setteing h5 span{margin-left:16px}.line_setteing h5 span a{color:#036EB8;font-size:16px;text-decoration:none}.line_setteing h6{font-size:16px;color:#666;margin-bottom:1rem}.line_setteing .mb-3{margin:2rem 0}.line_setteing .mb-3 li{list-style-type:none;padding:8px 0}.line_setteing .mb-3 .MessageTitle{display:none}.line_setteing .mb-3 .form-label{margin:1rem 0;display:block}.shop_course-content .row,.shop_lesson-content .row{min-height:auto !important}.shop_course-content h4,.shop_lesson-content h4{font-size:1.5rem;font-weight:600;color:#343a40;margin-bottom:1.5rem}.shop_course-content h4 i,.shop_lesson-content h4 i{color:#036EB8}.shop_course-content h3,.shop_lesson-content h3{font-size:1.35rem;font-weight:600;color:#343a40;margin-bottom:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.shop_course-content h3 i,.shop_lesson-content h3 i{color:#036EB8}.shop_course-content h3 span,.shop_lesson-content h3 span{font-size:60%}.shop_course-content h3 .badge,.shop_lesson-content h3 .badge{font-size:0.9rem;font-weight:500;padding:0.5em 0.8em}.shop_course-content .course-title,.shop_lesson-content .course-title{background:#eef8ff;display:inline-block;padding:8px 16px;border-radius:4px;margin-bottom:1rem;font-size:16px;color:#036EB8}.shop_course-content .course-title::before,.shop_lesson-content .course-title::before{content:"コース名:";font-weight:600;margin-right:8px}.shop_course-content .lesson-title,.shop_lesson-content .lesson-title{font-size:20px}.shop_course-content .lessons,.shop_lesson-content .lessons{margin:4rem 0 2rem}.shop_course-content .lessons .row,.shop_lesson-content .lessons .row{margin:3rem 0;min-height:auto !important}.shop_course-content .lessons .row .col-3,.shop_lesson-content .lessons .row .col-3{border:1px solid #eee;border-radius:4px;padding:3rem 1rem;margin-bottom:16px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.shop_course-content .lessons .row .col-3:hover,.shop_lesson-content .lessons .row .col-3:hover{background:#f8f9fa}.shop_course-content .steps-grid,.shop_lesson-content .steps-grid{margin-bottom:3rem}.shop_course-content .steps-grid i,.shop_lesson-content .steps-grid i{margin:0 16px}.shop_course-content .lesson-steps,.shop_lesson-content .lesson-steps{padding:3rem 0}.shop_course-content .lesson-steps h5,.shop_lesson-content .lesson-steps h5{font-size:20px}.shop_course-content .lesson-steps h5 i,.shop_lesson-content .lesson-steps h5 i{margin-right:8px}.shop_course-content .lesson-steps h5 span,.shop_lesson-content .lesson-steps h5 span{font-size:60%}.shop_course-content .back_btn,.shop_lesson-content .back_btn{color:#036EB8}.shop_course-content .card,.shop_lesson-content .card{border:none;border-radius:10px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.shop_course-content .card:hover,.shop_lesson-content .card:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.shop_course-content .card .card-body,.shop_lesson-content .card .card-body{padding:1.5rem}.shop_course-content .card .card-body h4,.shop_lesson-content .card .card-body h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#343a40}.shop_course-content .card .card-body p,.shop_lesson-content .card .card-body p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.shop_course-content .lesson-meta,.shop_lesson-content .lesson-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;margin-bottom:1.5rem}.shop_course-content .lesson-meta .badge,.shop_lesson-content .lesson-meta .badge{font-size:0.9rem;font-weight:500;padding:0.5em 0.8em;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.4rem}.shop_course-content .lesson-meta .badge i,.shop_lesson-content .lesson-meta .badge i{font-size:1.1em}.shop_course-content .lesson-meta .badge.bg-info,.shop_lesson-content .lesson-meta .badge.bg-info{background-color:rgba(23,162,184,0.1) !important;color:#17a2b8}.shop_course-content .lesson-meta .badge.bg-primary,.shop_lesson-content .lesson-meta .badge.bg-primary{background-color:rgba(3,110,184,0.1) !important;color:#036EB8}.shop_course-content .lesson-actions,.shop_lesson-content .lesson-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #dee2e6;display:-webkit-box;display:-ms-flexbox;display:flex}.shop_course-content .lesson-actions a,.shop_lesson-content .lesson-actions a{padding:8px 0}.shop_course-content .lesson-actions .btn,.shop_lesson-content .lesson-actions .btn{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:12px;padding:8px;margin:0 4px}.shop_course-content .lesson-actions .btn i,.shop_lesson-content .lesson-actions .btn i{font-size:1.1em}.shop_course-content .lesson-actions .btn-outline-primary,.shop_lesson-content .lesson-actions .btn-outline-primary{border:1px solid #036EB8;color:#036EB8}.shop_course-content .lesson-actions .btn-outline-primary:hover,.shop_lesson-content .lesson-actions .btn-outline-primary:hover{background:#036EB8;color:white}.shop_course-content .lesson-actions .btn-outline-info,.shop_lesson-content .lesson-actions .btn-outline-info{border:1px solid #17a2b8;color:#17a2b8}.shop_course-content .lesson-actions .btn-outline-info:hover,.shop_lesson-content .lesson-actions .btn-outline-info:hover{background:#17a2b8;color:white}.shop_course-content .lesson-actions .btn-outline-secondary,.shop_lesson-content .lesson-actions .btn-outline-secondary{border:1px solid #6c757d;color:#6c757d}.shop_course-content .lesson-actions .btn-outline-secondary:hover,.shop_lesson-content .lesson-actions .btn-outline-secondary:hover{background:#6c757d;color:white}.shop_courses .table{background:white;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.05)}.shop_courses .table tbody tr{cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-bottom:1px solid #dee2e6}.shop_courses .table tbody tr:last-child{border-bottom:none}.shop_courses .table tbody tr:hover{background-color:rgba(3,110,184,0.02)}.shop_courses .table tbody tr td{padding:1.25rem;vertical-align:middle}.shop_courses .table tbody tr td h5{font-size:1.1rem;font-weight:600;color:#343a40;margin-bottom:0.5rem}.shop_courses .table tbody tr td p{color:#6c757d;margin:0;font-size:0.9rem}.shop_courses .table tbody tr td:last-child{color:#036EB8;width:50px;text-align:right}.shop_courses .table tbody tr td:last-child i{font-size:1.2rem}.lesson-resources .card{height:100%}.lesson-resources .card .card-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:#343a40}.lesson-resources .card .card-title i{color:#036EB8;font-size:1.3em}.lesson-resources .card .btn{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1rem}.lesson-resources .card .btn i{font-size:1.1em}.lesson-resources .card .btn-primary{background:#036EB8;border:none;color:white}.lesson-resources .card .btn-primary:hover{background:#035f9f}.lesson-resources .card .btn-info{background:#17a2b8;border:none;color:white}.lesson-resources .card .btn-info:hover{background:#148ea1}.test-questions .question-item:not(:last-child){border-bottom:1px solid #dee2e6;margin-bottom:2rem;padding-bottom:2rem}.test-questions .question-item h4{font-size:1.1rem;font-weight:600;color:#343a40}.test-questions .question-item h4 .badge{background:rgba(3,110,184,0.1);color:#036EB8;font-weight:500;padding:0.5em 0.8em}.test-questions .question-item .options .form-check{margin-bottom:1rem}.test-questions .question-item .options .form-check:last-child{margin-bottom:0}.test-questions .question-item .options .form-check .form-check-input:checked{background-color:#28a745;border-color:#28a745}.test-questions .question-item .options .form-check .form-check-label{color:#343a40}.test-questions .question-item .options .form-check .form-check-label.text-success{color:#28a745 !important}.test-questions .question-item .options .form-check .form-check-label i{font-size:1.1em}.modal .modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-header .modal-title{font-size:1.2rem;font-weight:600;color:#343a40;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.modal .modal-header .modal-title i{color:#036EB8}.modal .modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-footer .btn-secondary{padding:0.5rem 1rem;border-radius:6px;font-weight:500;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#6c757d;border:none;color:white}.modal .modal-footer .btn-secondary i{font-size:1.1em}.modal .modal-footer .btn-secondary:hover{background:#60686f}.lesson_info{padding:3rem 1rem;position:relative;min-height:90vh}.lesson_info h2{font-size:20px !important}.lesson_info h2 i{margin-right:8px}.lesson_info h2 span{display:block;font-size:14px;color:#888;margin-top:8px}.lesson_info .btn{display:block;margin:2rem auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#036EB8;color:white;padding:8px 24px;border-radius:4px;text-decoration:none}.lesson_info .btn:hover{background:#036EB8}.lesson_info a{color:#036EB8;background:none;position:absolute;width:75%;bottom:2rem;font-weight:600;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.shop_course-content{padding:3rem 2rem}.shop_course-content .box{border:none;-webkit-box-shadow:none;box-shadow:none;margin:0 !important;padding:2rem 0}.shop_course-content .row{margin:3rem 0}.shop_course-content .row .lesson_box{border-radius:4px;padding:3rem 1rem 2rem;margin-bottom:16px;background:white;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.shop_course-content .row .lesson_box:hover{background:white !important}.shop_course-content .row .lesson_box h5{font-size:20px;font-weight:600;margin-bottom:1rem;text-transform:capitalize}.shop_course-content .row .lesson_box h5 i{background:#eef8ff;padding:8px;border-radius:50%;margin-right:8px;color:#036EB8}.shop_course-content .row .lesson_box p{font-size:14px}.shop_course-content .row .lesson_box .show_btn{background:none;color:#036EB8;padding:8px 16px;border-radius:4px;text-decoration:none;display:block;margin:2rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600}.shop_course-content .row .lesson_box .show_btn:hover{background:#036EB8;color:white}.test-questions{background:white;padding:4rem 2rem}.test-questions h6{font-size:18px;display:inline-block;margin-bottom:1rem;border:1px solid #272727;padding:4px 16px}.test-questions .quiz-question{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #eee;width:60%}.filter-box{background:white;padding:1.5rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05);margin-bottom:2rem}.filter-box h5{font-size:1.1rem;color:#333;margin-bottom:1.5rem;padding-bottom:0.5rem;border-bottom:2px solid #f5f5f5}.filter-box h5 i{color:#036EB8;margin-right:8px}.filter-box .form-group{margin-bottom:0}.filter-box .form-group .form-label{font-size:0.9rem;color:#666;margin-bottom:0.5rem;font-weight:500}.filter-box .form-group .form-select,.filter-box .form-group .form-control{height:40px;padding:0.5rem 1rem;font-size:0.9rem;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;color:#333}.filter-box .form-group .form-select:focus,.filter-box .form-group .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.filter-box .form-group .form-select::-webkit-input-placeholder,.filter-box .form-group .form-control::-webkit-input-placeholder{color:#999}.filter-box .form-group .form-select::-moz-placeholder,.filter-box .form-group .form-control::-moz-placeholder{color:#999}.filter-box .form-group .form-select:-ms-input-placeholder,.filter-box .form-group .form-control:-ms-input-placeholder{color:#999}.filter-box .form-group .form-select::-ms-input-placeholder,.filter-box .form-group .form-control::-ms-input-placeholder{color:#999}.filter-box .form-group .form-select::placeholder,.filter-box .form-group .form-control::placeholder{color:#999}.filter-box .btn{height:40px;padding:0.5rem 1.5rem;font-size:0.9rem;font-weight:500;border-radius:6px}.filter-box .btn-primary{background-color:#036EB8;border-color:#036EB8}.filter-box .btn-primary:hover{background-color:#035f9f;border-color:#035f9f}.filter-box .btn-outline-secondary{color:#666;border-color:#dee2e6}.filter-box .btn-outline-secondary:hover{background-color:#f8f9fa;color:#333}@media (max-width: 768px){.filter-box .col-3{margin-bottom:1rem}.filter-box .d-flex.align-items-end{margin-top:1rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.students-table_contants{background:white}.students-table_contants .index_table thead{border-bottom:1px solid #ccc}.students-table_contants .index_table thead th,.students-table_contants .index_table thead td,.students-table_contants .index_table tbody th,.students-table_contants .index_table tbody td{font-size:12px}.students-table_contants .index_table thead th:first-of-type,.students-table_contants .index_table thead td:first-of-type,.students-table_contants .index_table tbody th:first-of-type,.students-table_contants .index_table tbody td:first-of-type{width:10%}.students-table_contants .index_table thead th:nth-of-type(2),.students-table_contants .index_table thead td:nth-of-type(2),.students-table_contants .index_table tbody th:nth-of-type(2),.students-table_contants .index_table tbody td:nth-of-type(2){width:10%}.students-table_contants .index_table thead th:nth-of-type(3),.students-table_contants .index_table thead td:nth-of-type(3),.students-table_contants .index_table tbody th:nth-of-type(3),.students-table_contants .index_table tbody td:nth-of-type(3){width:10%}.students-table_contants .index_table thead th:nth-of-type(4),.students-table_contants .index_table thead td:nth-of-type(4),.students-table_contants .index_table tbody th:nth-of-type(4),.students-table_contants .index_table tbody td:nth-of-type(4){width:10%}.students-table_contants .index_table thead th:nth-of-type(5),.students-table_contants .index_table thead td:nth-of-type(5),.students-table_contants .index_table tbody th:nth-of-type(5),.students-table_contants .index_table tbody td:nth-of-type(5){width:15%}.students-table_contants .index_table thead th:nth-of-type(6),.students-table_contants .index_table thead td:nth-of-type(6),.students-table_contants .index_table tbody th:nth-of-type(6),.students-table_contants .index_table tbody td:nth-of-type(6){width:10%;color:#272727}.students-table_contants .index_table thead th:nth-of-type(7),.students-table_contants .index_table thead td:nth-of-type(7),.students-table_contants .index_table tbody th:nth-of-type(7),.students-table_contants .index_table tbody td:nth-of-type(7){width:10%}.students-table_contants .index_table thead th:nth-of-type(8),.students-table_contants .index_table thead td:nth-of-type(8),.students-table_contants .index_table tbody th:nth-of-type(8),.students-table_contants .index_table tbody td:nth-of-type(8){width:15%}.students-table_contants .index_table thead th .btn,.students-table_contants .index_table thead td .btn,.students-table_contants .index_table tbody th .btn,.students-table_contants .index_table tbody td .btn{background:none;padding:0;margin-left:8px}.students-table_contants .student-name-link{color:#1976d2;text-decoration:none;font-weight:500}.students-table_contants .student-name-link:hover{color:#1565c0;text-decoration:underline}.students-table_contants .edit-icon{color:#666;font-size:14px}.students-table_contants .edit-icon:hover{color:#1976d2}.students-table_contants .line-connected{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e8f5e8;border:1px solid #4caf50;border-radius:4px;padding:4px 8px;font-size:12px;color:#2e7d32}.students-table_contants .line-connected i{margin-right:4px}.students_contents{padding:3rem 2rem;background:#f2f2f2}.students_contents h4{margin-bottom:3rem;font-size:24px}.students_contents h4 i{margin-right:8px}.students_contents h4 span{margin-left:16px;font-size:60%}.students_contents h4 span i{margin-right:0}.shop-detail{padding:2rem}.shop-detail .shop_info h5{margin:2rem 0}.shop-detail .shop_info h5 span{font-size:80%;color:#888;padding-right:8px}.shop-detail .shop_info ul{margin:2rem 0}.shop-detail .shop_info ul li{margin-bottom:1rem}.shop-detail .shop_info ul li span{font-size:16px;margin-right:8px}.shop-detail .shop_info ul li strong{font-size:32px;font-weight:500;margin-right:8px}.shop-detail .trash_btn{color:crimson;font-size:24px;background:none}.shop-detail .btn{background:none;color:#036EB8;font-size:24px;padding:0;margin:0 2rem}.shop-detail .btn:hover{background:none}.shop_student_table thead tr th{padding:16px 0;border-bottom:1px solid #eee}.shop_student_table tbody tr:nth-of-type(odd){background:#f8f9fa}.shop_student_table tbody tr td{padding:16px;border-bottom:1px solid #eee}.reservation-detail-modal .modal-content{border-radius:18px;-webkit-box-shadow:0 8px 32px rgba(3,110,184,0.15);box-shadow:0 8px 32px rgba(3,110,184,0.15);border:2px solid #036EB8;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);max-width:400px;height:400px !important;z-index:999}.reservation-detail-modal .modal-header{background:#036EB8;color:#fff;border-bottom:none;border-radius:18px 18px 0 0}.reservation-detail-modal .modal-header .modal-title{font-size:1.3rem;color:white}.reservation-detail-modal .modal-header .modal-title i{margin-right:8px}.reservation-detail-modal .modal-header .btn-close{-webkit-filter:invert(1);filter:invert(1)}.reservation-detail-modal .modal-body{background:white;color:#222;font-size:1.1rem;padding:1rem}.reservation-detail-modal .modal-body p{margin-bottom:1.2em}.reservation-detail-modal .modal-body p span{font-weight:bold;color:#036EB8}.show-reservation-detail{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:auto !important;min-width:80px;height:40px;padding:0 18px;background:#036EB8 !important;color:#fff !important;border-radius:8px;font-weight:600;font-size:1rem;border:none;margin:0 8px 0 0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:background 0.2s;transition:background 0.2s}.show-reservation-detail i{margin-right:6px;font-size:1.2em}.show-reservation-detail:hover{background:#025a97 !important;color:#fff !important}.monthly-calendar{background:white;border-radius:8px;overflow:hidden;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.monthly-calendar .calendar-header{background:#036EB8;color:white;padding:16px}.monthly-calendar .calendar-header .month-title{font-size:18px;font-weight:600;text-align:center;margin-bottom:12px}.monthly-calendar .calendar-header .weekdays{display:grid;grid-template-columns:repeat(7, 1fr)}.monthly-calendar .calendar-header .weekdays .weekday{text-align:center;font-weight:600;font-size:14px;padding:8px}.monthly-calendar .calendar-grid .calendar-week{display:grid;grid-template-columns:repeat(7, 1fr);border-bottom:1px solid #e9ecef}.monthly-calendar .calendar-grid .calendar-week:last-child{border-bottom:none}.monthly-calendar .calendar-grid .calendar-week .calendar-day{min-height:100px;border-right:1px solid #e9ecef;padding:8px;position:relative}.monthly-calendar .calendar-grid .calendar-week .calendar-day:last-child{border-right:none}.monthly-calendar .calendar-grid .calendar-week .calendar-day.other-month{background:#f8f9fa;color:#999}.monthly-calendar .calendar-grid .calendar-week .calendar-day .date-number{font-weight:600;font-size:14px;margin-bottom:4px;color:#333}.monthly-calendar .calendar-grid .calendar-week .calendar-day .day-slots .slot-count{background:#e3f2fd;border:1px solid #bbdefb;border-radius:3px;padding:2px 4px;margin-bottom:2px;font-size:10px;text-align:center;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.monthly-calendar .calendar-grid .calendar-week .calendar-day .day-slots .slot-count:hover{background:#bbdefb;border-color:#1976d2;-webkit-transform:scale(1.05);transform:scale(1.05)}.monthly-calendar .calendar-grid .calendar-week .calendar-day .day-slots .slot-count .count{font-weight:600;color:#1976d2;font-size:12px}.monthly-calendar .calendar-grid .calendar-week .calendar-day .day-slots .slot-count .label{color:#666;font-size:8px;margin-left:2px}.payment-content{background:#f2f2f2;padding:2rem}.payment-content h4{font-size:20px;margin:1rem 0}.payment-content .col-2{background:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}.payment-content .year_select{margin-bottom:2rem}.payment-content .payment_box{padding:40px 0;background:none !important}.payment-content .payment_box .col-2{background:none;-webkit-box-shadow:0 !important;box-shadow:0 !important}.payment-content .payment_box .col-2 .card{width:90%;margin:0 auto}.payment-content .payment_box .col-2 .card h4{margin:0}.payment-content .month_paymentBox{background:white;padding:1rem}.payment-content .month_paymentBox table{width:100%}.payment-content .month_paymentBox table th{text-align:left}.payment-content .month_paymentBox table tbody td{padding:8px 0}.payment-content .month_paymentBox .btn{background:#036EB8;color:white;border-radius:30px;display:block;margin:1rem auto;width:60%;text-align:center;font-size:12px}.lesson-prices-container{background:#f2f2f2;padding:3rem 2rem}.lesson-prices-container .table_box{background:white;padding:1rem;margin:2rem 0}.lesson-prices-container .table{width:100%}.lesson-prices-container .table th{text-align:left}.lesson-prices-container .table td{padding:8px 0}.trial-contents{background:#f2f2f2;padding:3rem 2rem}.trial-contents .trial_detile{margin:3rem 0;background:white;padding:1rem}.trial-contents .trial_detile .table{width:100%}.trial-contents .trial_detile .table th{text-align:left}.trial-contents .trial_detile .table th,.trial-contents .trial_detile .table td{font-size:14px}.trial-contents .trial_detile .table th:first-of-type,.trial-contents .trial_detile .table td:first-of-type{width:20%}.trial-contents .trial_detile .table th:nth-of-type(2),.trial-contents .trial_detile .table td:nth-of-type(2){width:20%}.trial-contents .trial_detile .table th:nth-of-type(3),.trial-contents .trial_detile .table td:nth-of-type(3){width:15%}.trial-contents .trial_detile .table th:nth-of-type(4),.trial-contents .trial_detile .table td:nth-of-type(4){width:10%}.trial-contents .trial_detile .table th:nth-of-type(5),.trial-contents .trial_detile .table td:nth-of-type(5){width:15%}.trial-contents .trial_detile .table th:nth-of-type(6),.trial-contents .trial_detile .table td:nth-of-type(6){width:10%}.trial-contents .trial_detile .table th:last-of-type,.trial-contents .trial_detile .table td:last-of-type{width:5%}.lesson_history_contents{background:#f2f2f2}.lesson_history_contents .inner_contents{background:white;padding:1rem}.lesson_history_contents table th,.lesson_history_contents table td{width:100% !important;display:block;padding:0 !important}.lesson_history_contents table th{padding:16px 0 8px !important;font-size:14px !important;color:#888}.lesson_history_contents table td{padding:8px 0 16px !important;border-bottom:1px solid #f2f2f2}.lesson_history_contents .btn_group{display:-webkit-box;display:-ms-flexbox;display:flex;margin:3rem 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.lesson_history_contents .btn_group .btn:nth-of-type(2){background:#036EB8;color:white;padding:8px 40px}#flash-toast{position:fixed;top:32px;right:32px;z-index:9999;min-width:300px;max-width:400px}#flash-toast .flash-message{-webkit-animation:fadeIn 0.5s;animation:fadeIn 0.5s}#flash-toast .alert-success{background-color:#d1f2eb;border-color:#a8e6cf;color:#0f5132}#flash-toast .alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.trial_entry{background:#f2f2f2;padding:3rem 2rem}.trial_entry .inner_contents{background:white;padding:2rem;margin-top:4rem}.trial_entry .inner_contents .mb-3{margin:2rem 0}.line_customContents{background:#f2f2f2;padding:3rem 2rem}.line_customContents .btn-group{display:block}.line_customContents h4{margin-bottom:3rem}.line_customContents h5{font-style:20px;margin:2rem 0}.line_customContents ul{margin-bottom:3rem}.line_customContents ul li{display:inline-block}.line_customContents ul li:last-of-type a{background:#ff9900}.line_customContents ul li a{text-decoration:none;background:#036EB8;color:white;padding:12px 24px;font-size:14px;font-weight:600}.line_customContents .table-responsive{background:white}.line_customContents table{width:100%;color:#272727}.line_customContents table th:first-of-type,.line_customContents table td:first-of-type{width:10%}.line_customContents table th:nth-of-type(2),.line_customContents table td:nth-of-type(2){width:10%}.line_customContents table th:nth-of-type(3),.line_customContents table td:nth-of-type(3){width:30%}.line_customContents .half{width:47%;display:block}.line_customContents ul li{display:inline-block}.line_customContents .check-box{margin-top:2rem}.line_customContents .btn-Box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem}.line_customContents .btn-Box .back-btn{color:#036EB8;padding:8px 24px}.line_customContents .btn-Box .cancel-btn{color:red}.line_customContents .btn-Box .btn{background:#036EB8;color:white;padding:8px 40px}.sidebar-submenu{width:90%;background:white;border-right:1px solid #e0e0e0;-webkit-box-shadow:2px 0 5px rgba(0,0,0,0.1);box-shadow:2px 0 5px rgba(0,0,0,0.1);left:0;position:relative;display:block}.sidebar-submenu i{color:#036EB8;margin-right:16px !important}.line_connections_contents{background:#f2f2f2;padding:3rem 2rem;min-height:100%}.line_connections_contents h5{margin:3rem 0 1rem}.line_connections_contents .index_table{background:white;padding:1rem;margin:2rem 0}.line_connections_contents .btn{background:#036EB8;color:white;padding:8px 40px;border-radius:6px;text-decoration:none;display:block;margin:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.line_connections_contents .text{text-align:left}.line_connections_contents .btn-Box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:2rem}.line_connections_contents .btn-Box a{display:inline-block;margin-right:1rem;color:#036EB8;padding:8px 24px;border-radius:6px;text-decoration:none;background:none}.announcements{background:#f2f2f2;padding:3rem 2rem;min-height:100vh;height:100%}.announcements .inner_contents{background:white;padding:2rem;margin-top:4rem}.Message-setting{background:#f2f2f2;padding:3rem 2rem;min-height:100vh}.Message-setting .inner_contents{background:white;padding:2rem;margin-top:4rem}.history_index{padding:2rem}.history_index h4 span{font-size:50%;margin-left:16px}.history_index .row:first-of-type{margin:2rem 0 0 !important}.history_index .row .col-3{padding:0 8px !important}.history_index .row .col-3 label{padding-left:0}.history_index .row .col-3 label::before{display:none}.history_index .row .col-3 select{padding:15px}.history_index .row .col-12{text-align:center}.history_index .row .col-12 input,.history_index .row .col-12 a{padding:8px 16px;border-radius:6px;color:#333;font-size:0.8rem;font-weight:500;display:inline-block}.history_index .row .col-12 input{background:#007bff;color:white}.history_index .row .col-12 a{border:none}.reserve_contents{padding:4rem 2rem;background:white;position:relative}.reserve_contents h2{margin:0 0 2rem;font-size:20px;position:relative}.reserve_contents h2 span{position:absolute;right:16px;margin-left:16px;font-size:16px;font-weight:600;background:#036EB8;color:white !important;text-decoration:none;padding:12px 24px}.reserve_contents h2 span a{color:white}.reserve_contents .col-12{padding:0}.reserve_contents .filter-box{background:white;padding:2rem 1.5rem;margin:2rem 0;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.reserve_contents .filter-box h5{font-size:18px;font-weight:600;margin-bottom:1.5rem;color:#333}.reserve_contents .filter-box h5 i{margin-right:8px;color:#036EB8}.reserve_contents .filter-box .row.g-3{margin:0}.reserve_contents .filter-box .row.g-3 .col-3{padding:0 8px}.reserve_contents .filter-box .row.g-3 .col-3 .form-group{margin-bottom:0}.reserve_contents .filter-box .row.g-3 .col-3 .form-group .form-label{font-size:14px;font-weight:500;color:#495057;margin-bottom:0.5rem;display:block}.reserve_contents .filter-box .row.g-3 .col-3 .form-group .form-control,.reserve_contents .filter-box .row.g-3 .col-3 .form-group .form-select{height:40px;padding:0.5rem 0.75rem;font-size:14px;border:1px solid #dee2e6;border-radius:6px;background-color:#fff;color:#333;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;width:100%}.reserve_contents .filter-box .row.g-3 .col-3 .form-group .form-control:focus,.reserve_contents .filter-box .row.g-3 .col-3 .form-group .form-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);outline:none}.reserve_contents .filter-box .btn_submit{margin:0 8px;padding:8px 32px;background:#FFA500;border:none;color:#272727;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;height:40px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents .filter-box .btn_submit:hover{background:#ff8c00;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(255,165,0,0.3);box-shadow:0 2px 4px rgba(255,165,0,0.3)}.reserve_contents .filter-box a{text-decoration:none;color:#036EB8;font-size:16px;font-weight:600;padding:8px 16px;display:inline-block;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents .filter-box a:hover{color:#025a9a}.reserve_contents .filter-box a i{margin-right:4px}.reserve_contents .reserve-table_contants{background:white;padding:1.5rem;border-radius:8px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.reserve_contents .reserve-table_contants h6{font-size:20px;margin-bottom:1rem}.reserve_contents .reserve-table_contants .table-responsive{overflow-x:auto}.reserve_contents .reserve-table_contants table{table-layout:fixed;width:100%;margin-bottom:0}.reserve_contents .reserve-table_contants table th:first-of-type,.reserve_contents .reserve-table_contants table td:first-of-type{width:20%}.reserve_contents .reserve-table_contants table th:nth-of-type(2),.reserve_contents .reserve-table_contants table td:nth-of-type(2){width:15%}.reserve_contents .reserve-table_contants table th:nth-of-type(3),.reserve_contents .reserve-table_contants table td:nth-of-type(3){width:35%}.reserve_contents .reserve-table_contants table th:nth-of-type(4),.reserve_contents .reserve-table_contants table td:nth-of-type(4){width:20%}.reserve_contents .reserve-table_contants table th:last-of-type,.reserve_contents .reserve-table_contants table td:last-of-type{width:10%;text-align:center}.reserve_contents .reserve-table_contants table thead{background-color:#f8f9fa}.reserve_contents .reserve-table_contants table thead th{text-align:left;padding:16px;border-bottom:2px solid #dee2e6;font-size:14px;font-weight:600;color:#495057}.reserve_contents .reserve-table_contants table tbody tr{border-bottom:1px solid #eee;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.reserve_contents .reserve-table_contants table tbody tr:hover{background-color:#f8f9fa}.reserve_contents .reserve-table_contants table tbody tr:last-child{border-bottom:none}.reserve_contents .reserve-table_contants table tbody td{text-align:left;padding:16px;border-bottom:1px solid #eee;font-size:14px;vertical-align:middle}.reserve_contents .reserve-table_contants table tbody td a{color:#036EB8;text-decoration:none;font-weight:500;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.reserve_contents .reserve-table_contants table tbody td a:hover{color:#025a9a;text-decoration:underline}.reserve_contents .reserve-table_contants table tbody td .ms-2{color:#6c757d;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.reserve_contents .reserve-table_contants table tbody td .ms-2:hover{color:#036EB8}.reserve_contents .reserve-table_contants table tbody td .badge{padding:6px 12px;font-size:12px;font-weight:500;border-radius:4px}.reserve_contents .reserve-table_contants table tbody td .badge.bg-primary{background-color:#036EB8 !important}.reserve_contents .reserve-table_contants table tbody td .badge.bg-warning{background-color:#ffc107 !important;color:#000 !important}.reserve_contents .reserve-table_contants table tbody td .badge i{margin-left:4px}.reserve_contents .reserve-table_contants table tbody td .btn-danger{background-color:#dc3545;border-color:#dc3545;color:white;padding:6px 12px;font-size:14px;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents .reserve-table_contants table tbody td .btn-danger:hover{background-color:#c82333;border-color:#bd2130;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(220,53,69,0.3);box-shadow:0 2px 4px rgba(220,53,69,0.3)}.reserve_contents .reserve-table_contants table tbody td .btn-danger i{margin-right:0}.reserve_contents .reserve-table_contants table tbody td .text-muted{color:#6c757d}.reserve_contents .reserve-table_contants table tbody td .text-warning{color:#ffc107}.reserve_contents .reserve-table_contants table tbody td .text-info{color:#17a2b8}.reserve_contents .reserve-table_contants table tbody td form{display:inline-block}.reserve_contents .reserve-table_contants table tbody td form .form-select-sm{height:32px;padding:4px 8px;font-size:12px}.reserve_contents .reserve-table_contants table tbody td form .btn-sm{padding:4px 8px;font-size:12px}.reserve_contents .d-flex.justify-content-center{margin-top:2rem;padding:1rem 0}.reserve_contents .reservation-detail-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.reserve_contents .reservation-detail-modal .modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5)}.reserve_contents .reservation-detail-modal .modal-content{position:relative;background:white;border-radius:8px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,0.3);box-shadow:0 4px 20px rgba(0,0,0,0.3);max-width:500px;width:90%;z-index:10000}.reserve_contents .reservation-detail-modal .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid #dee2e6;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reserve_contents .reservation-detail-modal .modal-content .modal-header .modal-title{font-size:18px;font-weight:600;color:#333;margin:0}.reserve_contents .reservation-detail-modal .modal-content .modal-header .modal-title i{margin-right:8px;color:#dc3545}.reserve_contents .reservation-detail-modal .modal-content .modal-header .modal-close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.reserve_contents .reservation-detail-modal .modal-content .modal-header .modal-close:hover{color:#333}.reserve_contents .reservation-detail-modal .modal-content .modal-body{padding:1.5rem}.reserve_contents .reservation-detail-modal .modal-content .modal-body p{margin-bottom:1rem;font-size:14px;color:#495057}.reserve_contents .reservation-detail-modal .modal-content .modal-body p span{font-weight:600;color:#333}.reserve_contents .reservation-detail-modal .modal-content .modal-body form{margin-top:1.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.reserve_contents .reservation-detail-modal .modal-content .modal-body form .btn{padding:8px 16px;font-size:14px;font-weight:500;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents .reservation-detail-modal .modal-content .modal-body form .btn.btn-danger{background-color:#dc3545;border-color:#dc3545;color:white}.reserve_contents .reservation-detail-modal .modal-content .modal-body form .btn.btn-danger:hover{background-color:#c82333;border-color:#bd2130}.reserve_contents .reservation-detail-modal .modal-content .modal-body form .btn.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:white}.reserve_contents .reservation-detail-modal .modal-content .modal-body form .btn.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}.reserve_contents .reserve_contents{background:white !important}.reserve_contents .reserve_form{margin:4rem 0}.reserve_contents .reserve_form input,.reserve_contents .reserve_form select,.reserve_contents .reserve_form input[type=date]{display:block;height:50px;padding:12px 16px;width:100%;border:1px solid #eee;border-radius:4px;font-size:14px;color:#333}.reserve_contents .reserve_form input:focus,.reserve_contents .reserve_form select:focus,.reserve_contents .reserve_form input[type=date]:focus{outline:none;border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.reserve_contents .reserve_form .row{margin:2rem 0}.reserve_contents .reserve_form .row .col-4{padding:8px}.reserve_contents .reserve_form .row .col-4 label{margin-bottom:1rem;font-weight:500;color:#495057}.reserve_contents .reserve_form .row .col-4 label::before{display:none}.reserve_contents .reserve_form .form-label{font-weight:500;color:#495057;margin-bottom:0.5rem}.reserve_contents .reserve_form .form-select,.reserve_contents .reserve_form .form-control{height:50px;padding:12px 16px;font-size:14px;border:1px solid #eee;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents .reserve_form .form-select:focus,.reserve_contents .reserve_form .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);outline:none}.reserve_contents .reserve_form .form-text{font-size:12px;color:#6c757d;margin-top:0.25rem}.reserve_contents .reserve_form .form-text.text-muted{color:#6c757d}.reserve_contents .reserve_form .is-valid{border-color:#28a745}.reserve_contents .reserve_form .is-warning{border-color:#ffc107}.reserve_contents #timeSlots{padding:0 16px;margin-top:2rem}.reserve_contents #timeSlots .entry_btn{background:#036EB8;color:white;border:none;border-radius:4px;cursor:pointer;height:auto;width:200px;padding:12px 24px;font-size:16px;font-weight:600;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents #timeSlots .entry_btn:hover{background:#025a9a;-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(3,110,184,0.3);box-shadow:0 2px 4px rgba(3,110,184,0.3)}.reserve_contents #timeSlotsContainer{margin:1rem 0 2rem}.reserve_contents #timeSlotsContainer .btn{background:white !important;border:1px solid #036EB8 !important;padding:8px 16px;color:#036EB8 !important;font-size:16px;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.reserve_contents #timeSlotsContainer .btn:hover{background:#f8f9fa !important;border-color:#025a9a !important;color:#025a9a !important}.reserve_contents .mt-4.text-center{margin-top:2rem;text-align:center;max-width:200px}.reserve_contents .mt-4.text-center input{background:#036EB8;color:white;margin-top:4rem;border-radius:30px}.scratch-editor-container .sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;height:calc(100vh - 60px);overflow-y:auto;padding:15px}.scratch-editor-container .sidebar .card{margin-bottom:1rem}.scratch-editor-container .sidebar .card .card-body{padding:1rem}.scratch-editor-container #scratch-editor{width:100%;height:100%}.scratch-editor-container #scratch-editor iframe{border:none;background:white;width:100%;height:100%}.card{margin-bottom:1rem;border:none !important}.card .card-body{padding:0.5rem !important}.card .card-body .card-title{background:none;font-size:16px;padding:0}.card .card-body .btn{background:#036EB8;color:white;padding:8px 32px;border-radius:30px;font-size:14px;font-weight:bold;cursor:pointer;text-decoration:none;margin:1rem 0;border:none;display:block;margin:0 auto 2rem;width:140px}.step-card{border:1px solid #f2f2f2;border-radius:10px;padding:1rem;margin:1rem 0}.d-grid h6{font-size:14px;margin-bottom:1rem}.deco-file{margin-bottom:1rem}.deco-file p{font-size:0.6rem;margin:8px 0}.deco-file label{display:inline-block;border:2px solid #1E88E5;color:#1E88E5;text-align:center;padding:8px 24px;border-radius:4px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;width:100%;font-size:14px}.deco-file label:hover{cursor:pointer;background-color:#1E88E5;color:white}.deco-file input[type=file]{display:none}.deco-file .file-names{margin-top:0.5rem;font-size:0.875rem;color:#666;word-break:break-all}.step-info{padding:1rem}.step-info .btn-info{background:#17a2b8;color:white;border:none;padding:8px 16px;margin-top:10px;border-radius:4px}.step-info .btn-info i{margin-right:8px}.step-info .btn-info:hover{background:#138496}.modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;position:relative;padding:1rem}.modal-title{font-size:1.1rem;color:#666}.close-button{position:absolute;right:1rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);background:none;border:none;font-size:24px;color:#666;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;padding:0;opacity:0.5;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.close-button:hover{opacity:1}.modal-dialog.modal-lg{max-width:80%;margin:1.75rem auto}.modal-body{background:#fff}.modal-body iframe{width:100%;border:none}.pdf-error{padding:2rem;text-align:center}.pdf-error .pdf-options{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pdf-error .pdf-options .btn i{margin-right:0.5rem}@media print{*{display:none !important}}.step-info h4{font-size:18px;margin-bottom:0.5rem;color:#666}.step-info h4 span{font-size:12px;display:block;margin-top:1rem}.file-controls{margin:1rem 0 2rem;padding:0 16px}.file-controls h6{font-size:16px;margin-bottom:1.5rem}.file-controls .action-buttons{margin-top:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;border-radius:6px}.file-controls .action-buttons .btn{font-size:0.8rem !important;padding:0.5rem 1rem;margin:0 8px 0}.file-controls .action-buttons #save-button{border:1px solid #036EB8;color:#036EB8;background:none}.file-controls .action-buttons #save-button i{margin-right:8px}.file-controls .action-buttons #submit-button{background:#036EB8;color:white;border:none}.file-controls .action-buttons #submit-button i{margin-right:8px}.feedback-content{background:#f8f9fa;padding:8px;border-radius:5px;margin:1rem 0}.feedback-content h6{font-size:16px}.score{font-size:1.2em;font-weight:bold;color:#28a745;margin-bottom:10px}.message{color:#666;line-height:1.4;font-size:14px}.next-step-button{text-align:center}.steps-list a{text-decoration:none}.steps-list .row{padding:0 16px}.steps-list .row .col-3{padding:1rem 0 !important}.steps-list .row .col-3 .step-card{width:90%;margin:0 auto !important;display:block;height:100%;background:white;border:1px solid #f2f2f2;border-radius:10px;padding:2rem 1rem;margin:0;position:relative;border:1px solid #ddd;border-radius:8px}.steps-list .row .col-3 .step-card .status-label{display:block;margin-top:10px;font-weight:bold;-webkit-box-sizing:border-box;box-sizing:border-box}.steps-list .row .col-3 .step-card .status-label span{padding:10px 8px;border-radius:4px;display:block;text-align:center}.steps-list .row .col-3 .step-card .status-label span.submitted{background-color:#28a745;color:white}.steps-list .row .col-3 .step-card .status-label span.in-progress{background-color:#ffc107;color:#000}.steps-list .row .col-3 .step-card .status-label span.start{background-color:#007bff;color:white}.steps-list .row .col-3 .step-card h6{font-size:12px;margin:1rem 0 0}.steps-list .row .col-3 .step-card h5{margin:0.5rem 0 1rem !important;padding-left:0 !important;font-size:16px !important}.steps-list .row .col-3 .step-card h5 span{font-size:12px;color:#666;display:block;margin-bottom:0.5rem}.steps-list .row .col-3 .step-card h5 i{color:#036EB8;background:#eef8ff;padding:6px;border-radius:50%;margin-right:8px}.steps-list .row .col-3 .step-card p{margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:2.8rem;font-size:14px !important}.steps-list .row .col-3 .step-card .step-description{margin-top:10px;color:#666;line-height:1.5}.steps-list .row .col-3 .step-card small{position:relative;font-size:12px;color:#666;font-weight:600;display:block}.step-progress{padding:0 !important;margin:1rem 0 2rem}.step-progress .steps{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;margin:15px 0;padding:0 !important}.step-progress .steps .step{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center;padding:5px 12px;border-radius:30px;font-size:10px}.step-progress .steps .step.completed{background-color:#036EB8;color:white;border:1px solid #036EB8}.step-progress .steps .step.in-progress{background-color:transparent;color:#28a745;border:2px solid #28a745}.small-calendar .table{font-size:0.8rem}.small-calendar .table th,.small-calendar .table td{padding:0.3rem;height:2rem;width:2rem;vertical-align:middle}#clock{font-size:2rem;font-weight:bold;color:#036EB8;margin:1rem 0}.lesson-detail{padding:2rem 2rem 5rem}.lesson-detail .back-link{color:#036EB8;font-size:16px;font-weight:600;margin:1rem 0;display:block;text-decoration:none;text-align:center}.lesson-detail .back-link i{margin-right:8px}.lesson-detail h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.lesson-detail h4 i{margin-right:12px}.lesson-detail h5{text-align:left}.lesson-detail .step_box{background:white;padding:1rem 1.5rem 2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin:1rem auto}.lesson-detail .step_box:hover{background-color:rgba(3,110,184,0.05);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.school_student_show .chart-container{padding-bottom:1rem;height:auto !important}.school_student_show .chart-container::after{content:"";display:block;clear:both}.school_student_show .chart-container canvas{width:auto !important;height:350px !important}.school_student_show h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .table{width:100%}.school_student_show .table th,.school_student_show .table td{font-size:14px;padding:12px 0}.school_student_show .table th{width:20%}.school_student_show .table td{width:80%}.school_student_show .overall-score{margin-top:3rem}.school_student_show .overall-score h3{font-size:64px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .overall-score h3 span{font-size:20px;font-weight:600;color:#272727;margin-right:16px}.school_student_show .learning-stats{text-align:center}.school_student_show .learning-stats .stat-label{font-size:14px;font-weight:600;color:#272727}.school_student_show .learning-stats .stat-value{font-size:24px;font-weight:600;color:#272727}.school_student_show .course-progress{margin-top:2rem}.school_student_show .course-progress h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .recent-submissions h6{font-size:20px;font-weight:600;color:#272727;margin:0 0 1rem}.school_student_show .score-items .score-item h6{font-size:20px;font-weight:600;color:#272727;margin:0}.school_student_show .score-items .score-item p{font-size:14px;font-weight:400;color:#272727;margin:0}.step_description h4{margin-top:2rem;font-size:16px}.step_description h4 span{display:block;font-size:14px;margin-bottom:0.5rem;color:#666}.step_description p{font-size:12px}.step_description p span{display:block;font-size:14px;margin:1rem 0;color:#666}.step_description ul li{display:block;list-style-type:none}.step_description ul li a{display:block;font-size:14px;margin:1rem auto;color:#036EB8;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:1px solid #036EB8;padding:8px 18px;border-radius:4px;text-align:center}.quiz-section{padding:40px 0}.quiz-section .btn{margin:2rem 0;background:#036EB8;color:white;border:none;padding:12px 24px;border-radius:4px;font-size:16px;font-weight:600}.quiz-section .quiz-question{margin:2rem 0;padding:2rem 0;border-bottom:1px solid #eee}.quiz-section .quiz-question h5{font-size:16px;display:inline-block;margin-bottom:1rem;border:1px solid #272727;padding:8px 18px !important}.modal .modal-backdrop{background-color:rgba(0,0,0,0.5);z-index:1040}.modal .modal-dialog{z-index:1050;position:relative}.modal .modal-content{border-radius:8px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);background-color:white;position:relative;z-index:1051}.modal .modal-header{background-color:#036EB8;border-bottom:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-header .modal-title{font-size:1.25rem;font-weight:600;color:white}.modal .modal-header .btn-close{padding:0.5rem;margin:-2rem -0.5rem -0.5rem auto;color:white}.modal .modal-body{padding:1.5rem}.modal .modal-body .submission-result h6{font-size:1rem;font-weight:600;color:#272727;margin-bottom:0.5rem}.modal .modal-body .submission-result .score-display{margin-bottom:1rem}.modal .modal-body .submission-result .score-display .badge{font-size:1.2rem;padding:0.5rem 1rem;border-radius:4px}.modal .modal-body .submission-result .feedback-display{background-color:#f8f9fa;padding:1rem;border-radius:4px;margin-bottom:1rem}.modal .modal-body .submission-result .feedback-display p{margin:0;color:#272727;line-height:1.5}.modal .modal-body .submission-result .submission-date{color:#6c757d;font-size:0.9rem}.modal .modal-footer{border-top:1px solid #dee2e6;padding:1rem 1.5rem}.modal .modal-footer .btn{padding:0.5rem 1.5rem;font-weight:500;border-radius:4px}.modal .modal-footer .btn.btn-secondary{background-color:#6c757d;border-color:#6c757d;color:white}.modal .modal-footer .btn.btn-secondary:hover{background-color:#5a6268;border-color:#545b62}#pdfContent{height:100% !important}.history_box{background:white;padding:2rem;border-radius:8px;-webkit-box-shadow:none;box-shadow:none;margin-bottom:1rem;position:relative}.history_box a{position:absolute;right:0;top:1rem;color:#036EB8;font-size:16px;font-weight:500}.history_box h5{margin:0.5rem 0 2rem !important;font-size:20px;padding:0 !important}.history_box table{width:100%}.history_box table th,.history_box table td{font-size:14px;padding:12px 0}.history_box table th{border-bottom:1px solid #eee}.history_box table tbody{border-top:1px solid #eee !important}.history_box table td{padding:16px 0}.history_box table td .bg-info{background:none !important;color:#15be7d !important;border:1px solid #15be7d !important}.history_box table td .bg-primary{background:none !important;color:#036EB8 !important;border:1px solid #036EB8 !important}.history_box table td .bg-success{background:none !important;color:#15be7d !important;border:1px solid #15be7d !important}.step-progress{margin:1rem 0}.step-progress .steps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:1rem}.step-progress .steps .step{position:relative;width:30%;padding:0.1rem 0.5rem;border-radius:30px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;z-index:3}.step-progress .steps .step.completed{border:1px solid #036EB8;font-size:12px}.step-progress .steps .step.completed .step-number{color:white;font-weight:600}.step-progress .steps .step.completed .step-status{color:#28a745;margin-top:0.25rem}.step-progress .steps .step.incomplete{background-color:white;border:1px dashed #ccc}.step-progress .steps .step.incomplete .step-number{color:#036EB8;font-size:8px}.step-progress .steps .step.disabled{background-color:white;border:1px solid #eee;opacity:0.8}.step-progress .steps .step.disabled .step-number{color:#036EB8}.step-progress .steps .step .step-number{font-size:8px}.feedback-list{padding:2rem 1rem;background:white}.feedback-list h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 3rem}.feedback-list h4 i{margin-right:10px;color:#036EB8}.feedback-list .table{table-layout:fixed}.feedback-list .table th{font-weight:600;color:#272727}.feedback-list .table tbody{border-top:1px solid #eee}.feedback-list .table th,.feedback-list .table td{padding:16px}.feedback-list .table th:first-of-type,.feedback-list .table td:first-of-type{width:40%}.feedback-list .table th:nth-of-type(2),.feedback-list .table th:nth-of-type(3),.feedback-list .table td:nth-of-type(2),.feedback-list .table td:nth-of-type(3){width:10%}.feedback-list .table td a{padding:0}.feedback-list .table td .bg-info{background:none !important;color:#15be7d;border:1px solid #15be7d}.feedback-list .table td .bg-primary{background:none !important;color:#036EB8;border:1px solid #036EB8}.feedback-list .table .badge{font-size:0.8rem;padding:0.4rem 0.6rem}.feedback-detail{padding:2rem 0}.feedback-detail .back-link{color:#036EB8;font-size:16px;font-weight:500;margin-bottom:1.5rem;display:inline-block;text-decoration:none}.feedback-detail .back-link:hover{text-decoration:underline}.feedback-detail .feedback-card{background:white;padding:1.5rem;margin-bottom:2rem}.feedback-detail .feedback-card .feedback-header{border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-header h4{font-size:20px;font-weight:600;color:#272727;margin:0 0 0.5rem}.feedback-detail .feedback-card .feedback-header h4 span{font-size:14px;display:block;margin:0.5rem 0 1rem;color:#666}.feedback-detail .feedback-card .feedback-header h4 i{margin-right:10px;color:#036EB8}.feedback-detail .feedback-card .feedback-header .submission-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feedback-detail .feedback-card .feedback-header .submission-info .badge{margin-right:1rem}.feedback-detail .feedback-card .feedback-header .submission-info .submission-date{color:#6c757d;font-size:0.9rem}.feedback-detail .feedback-card .feedback-header .submission-info .submission-date i{margin-right:5px}.feedback-detail .feedback-card .feedback-content{background:none}.feedback-detail .feedback-card .feedback-content h5{font-size:16px;font-weight:600;color:#272727;margin:1.5rem 0 0.75rem}.feedback-detail .feedback-card .feedback-content h5:first-child{margin-top:0}.feedback-detail .feedback-card .feedback-content .feedback-section h5{margin:1rem 0 !important;font-size:18px !important;padding:0 !important}.feedback-detail .feedback-card .feedback-content .feedback-section .feedback-display{padding:0 !important}.feedback-detail .feedback-card .feedback-content .score-display{margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-content .score-display .badge{font-size:1.2rem;padding:0.5rem 1rem;border-radius:4px}.feedback-detail .feedback-card .feedback-content .feedback-display{padding:1rem;border-radius:4px;margin-bottom:1.5rem}.feedback-detail .feedback-card .feedback-content .feedback-display p{margin:0;color:#272727;line-height:1.5}.feedback-detail .feedback-card .feedback-content .project-preview .preview-frame{border:1px solid #eee;border-radius:4px;overflow:hidden;margin-bottom:1rem}.feedback-detail .feedback-card .feedback-content .quiz-answers .table th{background-color:#f8f9fa;font-weight:600}.feedback-detail .feedback-card .feedback-content .quiz-answers .table .badge{font-size:0.8rem;padding:0.4rem 0.6rem}.control-panel-content{padding:1rem 0 !important}.control-panel-content .col-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.control-panel-content .col-2 .step-controls{padding:0;border-radius:0}.control-panel-content .col-2 .step-controls .feedback-content{padding:0 !important}.control-panel-content .col-2 .step-controls .feedback-content span{font-size:12px}.quiz-form{margin-bottom:80px}.quiz-submit .btn{background:#036EB8;color:white;padding:8px 32px}html,body{margin:0;padding:0}.quiz-loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:99999;opacity:1;-webkit-transition:opacity 0.8s ease-in-out;transition:opacity 0.8s ease-in-out;margin:0;padding:0}.quiz-loading-overlay.fade-out{opacity:0;pointer-events:none}.quiz-loading-content{text-align:center;color:white;width:100%;max-width:400px;padding:2rem}.quiz-loading-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,0.3);border-top:6px solid white;border-radius:50%;-webkit-animation:quiz-spin 1s linear infinite;animation:quiz-spin 1s linear infinite;margin:0 auto 30px}.quiz-loading-text{font-size:24px;font-weight:600;margin:0;opacity:0;-webkit-animation:quiz-fade-in 0.8s ease-in-out 0.3s forwards;animation:quiz-fade-in 0.8s ease-in-out 0.3s forwards;text-shadow:0 2px 4px rgba(0,0,0,0.3)}@-webkit-keyframes quiz-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes quiz-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes quiz-fade-in{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes quiz-fade-in{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.quiz-main-content{-webkit-transition:opacity 1.2s ease-in-out;transition:opacity 1.2s ease-in-out}.quiz-main-content.fade-in{opacity:1}.quiz-step-container{-webkit-animation:quiz-slide-up 1s ease-out 0.5s both;animation:quiz-slide-up 1s ease-out 0.5s both}@-webkit-keyframes quiz-slide-up{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes quiz-slide-up{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.quiz-question{opacity:0;-webkit-animation:quiz-question-fade-in 0.6s ease-out forwards;animation:quiz-question-fade-in 0.6s ease-out forwards}.quiz-question:nth-child(1){-webkit-animation-delay:0.9s;animation-delay:0.9s}.quiz-question:nth-child(2){-webkit-animation-delay:1s;animation-delay:1s}.quiz-question:nth-child(3){-webkit-animation-delay:1.1s;animation-delay:1.1s}.quiz-question:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}.quiz-question:nth-child(5){-webkit-animation-delay:1.3s;animation-delay:1.3s}.quiz-question:nth-child(6){-webkit-animation-delay:1.4s;animation-delay:1.4s}.quiz-question:nth-child(7){-webkit-animation-delay:1.5s;animation-delay:1.5s}.quiz-question:nth-child(8){-webkit-animation-delay:1.6s;animation-delay:1.6s}.quiz-question:nth-child(9){-webkit-animation-delay:1.7s;animation-delay:1.7s}.quiz-question:nth-child(10){-webkit-animation-delay:1.8s;animation-delay:1.8s}@-webkit-keyframes quiz-question-fade-in{from{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes quiz-question-fade-in{from{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}html,body{overflow-x:hidden;overflow-y:auto}.quiz-page-container{min-height:100vh;background:#f8f9fa;padding:2rem 0;overflow-y:auto}.quiz-title{font-size:2.5rem;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.quiz-description{font-size:1.2rem;color:#6c757d;text-align:center;margin-bottom:3rem;line-height:1.6}.quiz-container{max-width:800px;margin:0 auto;background:white;border-radius:15px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.1);padding:2rem;overflow:visible}.quiz-question{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.quiz-question:hover{border-color:#007bff;-webkit-box-shadow:0 5px 15px rgba(0,123,255,0.1);box-shadow:0 5px 15px rgba(0,123,255,0.1)}.quiz-question.border-danger{border-color:#dc3545;background:#fff5f5}.quiz-question h6{color:#007bff;font-weight:600;margin-bottom:1rem;font-size:1.1rem}.question-text{font-size:1.1rem;color:#495057;line-height:1.6;margin-bottom:1.5rem}.answer-options{margin-top:1rem}.form-check{margin-bottom:0.75rem}.form-check:last-child{margin-bottom:0}.form-check-input{width:1.2rem;height:1.2rem;margin-top:0.2rem}.form-check-input:checked{background-color:#007bff;border-color:#007bff}.form-check-label{font-size:1rem;color:#495057;margin-left:0.5rem;cursor:pointer;line-height:1.4}.form-check-label:hover{color:#007bff}.quiz-actions{text-align:center;padding-top:2rem;border-top:2px solid #e9ecef;margin-top:2rem}.btn{padding:0.75rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.btn-primary{background:linear-gradient(135deg, #007bff 0%, #0056b3 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg, #0056b3 0%, #004085 100%)}.btn-outline-secondary{border:2px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background:#6c757d;border-color:#6c757d;color:white}@media (max-width: 768px){.quiz-page-container{padding:1rem 0}.quiz-title{font-size:2rem}.quiz-container{margin:0 1rem;padding:1.5rem}.quiz-question{padding:1rem}.btn{padding:0.6rem 1.5rem;font-size:1rem}}.alert{border-radius:10px;border:none;padding:1.5rem}.alert.alert-warning{background:#fff3cd;color:#856404;border-left:4px solid #ffc107}.quiz-container{-webkit-animation:quiz-slide-up 0.8s ease-out;animation:quiz-slide-up 0.8s ease-out}@keyframes quiz-slide-up{from{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.quiz-question{-webkit-animation:quiz-question-fade-in 0.6s ease-out forwards;animation:quiz-question-fade-in 0.6s ease-out forwards}.quiz-question:nth-child(1){-webkit-animation-delay:0.3s;animation-delay:0.3s}.quiz-question:nth-child(2){-webkit-animation-delay:0.4s;animation-delay:0.4s}.quiz-question:nth-child(3){-webkit-animation-delay:0.5s;animation-delay:0.5s}.quiz-question:nth-child(4){-webkit-animation-delay:0.6s;animation-delay:0.6s}.quiz-question:nth-child(5){-webkit-animation-delay:0.7s;animation-delay:0.7s}.quiz-question:nth-child(6){-webkit-animation-delay:0.8s;animation-delay:0.8s}.quiz-question:nth-child(7){-webkit-animation-delay:0.9s;animation-delay:0.9s}.quiz-question:nth-child(8){-webkit-animation-delay:1s;animation-delay:1s}.quiz-question:nth-child(9){-webkit-animation-delay:1.1s;animation-delay:1.1s}.quiz-question:nth-child(10){-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes quiz-question-fade-in{from{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.school-student-file-upload .file-select-label{display:inline-block;padding:12px 24px;background-color:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;text-align:center;font-weight:500}.school-student-file-upload .file-select-label:hover{background-color:#e9ecef;border-color:#adb5bd;color:#495057}.school-student-file-upload .file-select-label.file-selected{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.school-student-file-upload .file-input{display:none}.school-student-file-upload .file-name{margin-top:12px;padding:8px 12px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;color:#495057;font-size:14px;font-weight:500}.school-student-file-upload .file-status{margin-top:8px;padding:6px 12px;background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:6px;color:#0056b3;font-size:12px;font-weight:500;display:none}.school-student-file-upload .file-status.show{display:block}.school-student-file-upload .file-upload-info{font-size:12px}.school-student-file-upload .file-debug{margin-top:8px;background:#f8f9fa;padding:8px;border-radius:4px;font-size:11px;display:block}.school-student-file-upload .btn{margin-right:8px;border-radius:6px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.school-student-file-upload .btn.btn-success{background-color:none;color:linear-gradient(135deg, #48bb78 0%, #38a169 100%)}.school-student-file-upload .btn.btn-success:hover{background-color:#218838;border-color:#1e7e34}.school-student-file-upload .btn.btn-primary{background-color:#007bff;border-color:#007bff}.school-student-file-upload .btn.btn-primary:hover{background-color:#0069d9;border-color:#0062cc}.school-student-file-upload .btn.btn-secondary{background-color:#6c757d;border-color:#6c757d;cursor:not-allowed;opacity:0.6}.school-student-file-upload .btn:disabled{cursor:not-allowed;opacity:0.6}.school-student-file-upload .evaluation-result-container .result-header .result-icon i{font-size:3rem;color:#28a745}.school-student-file-upload .evaluation-result-container .result-header .result-title{color:#28a745;font-weight:700}.school-student-file-upload .evaluation-result-container .result-message .alert{border-radius:10px;border:none;background:linear-gradient(135deg, #d4edda 0%, #c3e6cb 100%)}.school-student-file-upload .evaluation-result-container .result-message .alert .d-flex i{font-size:1.5rem;color:#155724}.school-student-file-upload .evaluation-result-container .result-message .alert .d-flex h6{color:#155724;font-weight:600}.school-student-file-upload .evaluation-result-container .result-message .alert .d-flex p{color:#155724}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-header .feedback-title{color:#495057;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-header .feedback-title i{color:#007bff}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:20px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.05);box-shadow:0 2px 4px rgba(0,0,0,0.05)}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center{padding:40px 20px}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center i{font-size:3rem;color:#6c757d}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center p{color:#6c757d}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center p.mb-0{font-size:16px}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center p.mt-2{font-size:12px}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box .feedback-text{color:#495057;line-height:1.8;font-size:14px;max-height:400px;overflow-y:auto}.school-student-file-upload .submission-status .message .alert{margin-top:8px}.school-student-file-upload .submission-status .message .alert .btn-outline-primary{border-radius:20px;padding:8px 20px}.school-student-file-upload #showPreviousResultBtn{border-radius:20px;padding:8px 20px}.school-student-file-upload .previous-result-area .alert{border-radius:8px;border:1px solid #bee5eb;background-color:#d1ecf1}.school-student-file-upload .previous-result-area .alert .btn-outline-primary{border-radius:20px;padding:6px 16px;font-size:12px}.school-student-file-upload .previous-result-area .alert .btn-outline-primary:hover{background-color:#007bff;border-color:#007bff;color:white}.school-student-file-upload .previous-result-area .alert .result-score .badge{font-size:14px;padding:8px 12px;border-radius:20px}.school-student-file-upload .previous-result-area .alert .result-status .badge{font-size:12px;padding:6px 10px;border-radius:16px}.school-student-file-upload .previous-result-area .alert .result-timestamp{border-top:1px solid #bee5eb;padding-top:8px;margin-top:8px}.school-student-file-upload .previous-result-area .alert .result-timestamp small{font-size:11px}.school-student-file-upload .modal .modal-content{border-radius:12px;border:none;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.1);box-shadow:0 10px 30px rgba(0,0,0,0.1)}.school-student-file-upload .modal .modal-content .modal-header{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom:1px solid #dee2e6;border-radius:12px 12px 0 0}.school-student-file-upload .modal .modal-content .modal-header .modal-title{color:#272727;font-weight:600}.school-student-file-upload .modal .modal-content .modal-header .modal-title i{color:#007bff}.school-student-file-upload .modal .modal-content .modal-body{padding:24px}.school-student-file-upload .modal .modal-content .modal-body .result-summary{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px}.school-student-file-upload .modal .modal-content .modal-body .result-summary .result-status{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.school-student-file-upload .modal .modal-content .modal-body .result-summary .result-status.success{background-color:#d4edda;color:#155724}.school-student-file-upload .modal .modal-content .modal-body .result-summary .result-status.warning{background-color:#fff3cd;color:#856404}.school-student-file-upload .modal .modal-content .modal-body .result-summary .result-status.error{background-color:#f8d7da;color:#721c24}.school-student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-title{color:#272727;font-weight:600;border-bottom:2px solid #007bff;padding-bottom:8px;margin-bottom:16px}.school-student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-title i{color:#007bff}.school-student-file-upload .modal .modal-content .modal-body .feedback-details .feedback-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;line-height:1.6;color:#272727}.school-student-file-upload .modal .modal-content .modal-footer{border-top:1px solid #dee2e6;padding:16px 24px}.school-student-file-upload .modal .modal-content .modal-footer .btn-secondary{border-radius:6px;padding:8px 20px}@media (max-width: 768px){.school-student-file-upload .file-select-label{padding:10px 16px;font-size:14px}.school-student-file-upload .btn{margin-bottom:8px;width:100%}.school-student-file-upload .evaluation-result-container .result-header .result-icon i{font-size:2.5rem}.school-student-file-upload .evaluation-result-container .result-header .result-title{font-size:1.25rem}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box{padding:16px}.school-student-file-upload .evaluation-result-container .feedback-section .feedback-content .feedback-box.text-center{padding:30px 16px}}.quiz-page-container{padding:2rem;min-height:100vh;background-color:#f8f9fa}.quiz-container{max-width:800px;margin:0 auto;background:white;border-radius:12px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);overflow:hidden}.quiz-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:2rem;text-align:center}.quiz-title{font-size:2.5rem;font-weight:700;margin-bottom:0.5rem;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.quiz-description{font-size:1.1rem;opacity:0.9;margin:0}.quiz-form{padding:2rem}.quiz-question{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin-bottom:1.5rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.quiz-question:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.1);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.question-number{color:#007bff;font-weight:600;margin-bottom:0.5rem;font-size:1.1rem}.question-text{font-size:1.1rem;line-height:1.6;margin-bottom:1rem;color:#333}.answer-options{margin-top:1rem}.form-check{margin-bottom:0.75rem;padding:0.75rem;border-radius:6px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.form-check:hover{background-color:#e9ecef}.form-check-input{margin-right:0.75rem;-webkit-transform:scale(1.2);transform:scale(1.2)}.form-check-input:checked{background-color:#007bff;border-color:#007bff}.form-check-label{font-size:1rem;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#495057;font-weight:500}.answer-option{background-color:#f0f8f0;border-radius:6px;padding:0.5rem;margin-bottom:0.5rem;border:1px solid #e0e8e0}.answer-option:hover{background-color:#e8f5e8}.correct-answer{background-color:#d4edda !important;border:2px solid #28a745 !important;border-radius:6px !important;padding:0.5rem !important;display:inline-block !important;color:#155724 !important;font-weight:600 !important;position:relative}.correct-answer::before{content:"✓ 正解";position:absolute;top:-8px;right:-8px;background-color:#28a745;color:white;padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:bold}.explanation{background-color:#f8f9fa}.explanation h6{color:#17a2b8;font-weight:600}.quiz-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #dee2e6}.btn{padding:0.75rem 2rem;font-size:1.1rem;font-weight:600;border-radius:8px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.btn-primary{background:linear-gradient(135deg, #007bff 0%, #0056b3 100%);border:none}.btn-primary:hover{background:linear-gradient(135deg, #0056b3 0%, #004085 100%)}.btn-outline-secondary{border:2px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover{background-color:#6c757d;border-color:#6c757d;color:white}.alert{border-radius:8px;border:none;padding:1.5rem;margin:2rem}.alert-info{background-color:#d1ecf1;color:#0c5460;font-size:0.8rem}@media (max-width: 768px){.quiz-page-container{padding:1rem}.quiz-header{padding:1.5rem}.quiz-title{font-size:2rem}.quiz-form{padding:1.5rem}.quiz-actions{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn{width:100%;max-width:300px}}.step-controls h4{font-size:1rem}.announcement-detail{max-width:800px;margin:2rem auto}.announcement-detail .card{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.announcement-detail .card-header{background-color:#f8f9fa}.announcement-link{color:#333;text-decoration:none}.announcement-link:hover{color:#007bff;text-decoration:underline}.admin_course_contents{padding:2rem}.admin_course_contents h6{font-size:1.5rem;font-weight:600;color:#2c3e50;margin-bottom:1.5rem;padding-bottom:0.5rem}.admin_course_contents h5{font-size:1.25rem;font-weight:500;color:#495057;margin:2rem 0 1rem}.admin_course_contents .create_btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem 1rem;background-color:#0d6efd;color:#fff;border-radius:4px;text-decoration:none;font-weight:500;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.admin_course_contents .create_btn:hover{background-color:#0b5ed7;color:#fff}.admin_course_contents .create_btn i{margin-left:0.5rem}.admin_course_contents .table{margin-top:1rem;background:#fff;border-radius:8px;overflow:hidden}.admin_course_contents .table thead{background-color:#f8f9fa}.admin_course_contents .table thead th{padding:1rem;font-weight:600;color:#495057;border-bottom:2px solid #dee2e6}.admin_course_contents .table tbody tr{-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.admin_course_contents .table tbody tr:hover{background-color:#f8f9fa}.admin_course_contents .table tbody tr td{padding:1rem;vertical-align:middle;color:#212529;border-bottom:1px solid #dee2e6}.admin_course_contents .table tbody tr td:first-child{font-weight:500}.admin_course_contents .table tbody tr td:first-child a{color:#0d6efd;text-decoration:none;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.admin_course_contents .table tbody tr td:first-child a:hover{color:#0a58ca}.admin_course_contents .table tbody tr td:first-child a i{margin-left:0.5rem;font-size:0.875rem}.admin_course_contents .btn{padding:0.375rem 0.75rem;font-size:0.875rem;border-radius:4px;-webkit-transition:all 0.2s;transition:all 0.2s}.admin_course_contents .btn.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.admin_course_contents .btn.btn-outline-primary:hover{background-color:#0d6efd;color:#fff}.admin_course_contents .btn.btn-outline-danger{color:#dc3545;border-color:#dc3545}.admin_course_contents .btn.btn-outline-danger:hover{background-color:#dc3545;color:#fff}.admin_steps_content{background:white}.admin_steps_content .container-fluid{max-width:100%}.admin_steps_content .step_description{padding:2rem 1rem;position:relative;min-height:90vh}.admin_steps_content .step_description h2{font-size:20px;font-weight:600}.admin_steps_content .step_description .curriculum_btn{background:#0d6efd;color:white;border:none;display:block;width:80%;margin:1rem auto;border-radius:4px;padding:0.5rem 1rem;font-size:14px;font-weight:600;margin-bottom:1rem}.admin_steps_content .step_description .mt-3{margin:2rem 0;width:80%;position:absolute;text-align:center;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.admin_steps_content .step_description .mt-3 a:first-of-type{background:none;color:#0d6efd;font-weight:600}.codingPage{padding:3rem 2rem}.CodeMirror{height:180px;border:1px solid #2b2b2b;font-size:13px}.nav-tabs .nav-link{cursor:pointer}.code-pane .CodeMirror{height:60vh}.small-nav .card-title{font-size:14px}.small-nav .small{font-size:12px}.phone-wrapper{width:100%}.phone-frame{position:relative;width:100%;max-width:260px;aspect-ratio:9/19.5;margin:0 auto;background:#000;border-radius:32px;padding:8px !important;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.35);box-shadow:0 10px 30px rgba(0,0,0,0.35);border:4px solid #111;height:auto !important}.phone-notch{position:absolute;top:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:120px;height:18px;background:#111;border-bottom-left-radius:12px;border-bottom-right-radius:12px;z-index:2}.phone-screen{position:relative;width:100%;height:100%;border:none;border-radius:24px;background:#fff;overflow:hidden}#hintContent .alert-heading{font-size:14px}#hintContent .alert{display:block !important;margin:0 !important}#hintContent .alert ul li{font-size:12px;list-style-type:none}.evaluationModal .modal-dialog{max-width:400px}.evaluationModal .modal-content{border-radius:12px;border:none;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3)}.evaluationModal .evaluation-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-bottom:none;border-radius:12px 12px 0 0}.evaluationModal .evaluation-header .modal-title{font-weight:600;font-size:1.1rem}.evaluationModal .evaluation-header .btn-close{-webkit-filter:invert(1);filter:invert(1)}.evaluationModal .evaluation-body{padding:1.5rem}.evaluationModal .evaluation-body .alert{margin-bottom:0;border-radius:8px;border:none;padding:1rem}.evaluationModal .evaluation-body .alert-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.evaluationModal .evaluation-body .alert-danger{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.evaluationModal .evaluation-body .btn{margin:0.25rem}.evaluationModal .evaluation-footer{border-top:none;padding:1rem 1.5rem 1.5rem}.evaluationModal .evaluation-footer .btn{border-radius:8px;font-weight:500}.evaluation-result-area{display:none}.hint-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1050;display:none}.hint-modal .hint-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);cursor:pointer}.hint-modal .hint-modal-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:90%;max-width:500px;background:white;border-radius:12px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3);overflow:hidden}.hint-modal .hint-modal-header{background:linear-gradient(135deg, #ff9a9e 0%, #fecfef 100%);color:#333;padding:1rem 1.5rem;border-bottom:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hint-modal .hint-modal-header .hint-modal-title{margin:0;font-weight:600;font-size:1.1rem}.hint-modal .hint-modal-header .hint-modal-title i{color:#ff6b6b;margin-right:0.5rem}.hint-modal .hint-modal-header .hint-close-btn{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:30px;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:50%;-webkit-transition:background-color 0.2s;transition:background-color 0.2s}.hint-modal .hint-modal-header .hint-close-btn:hover{background-color:rgba(255,255,255,0.3);color:#333}.hint-modal .hint-modal-body{padding:1.5rem}.hint-modal .hint-modal-body .alert{margin-bottom:0;border-radius:8px;border:none;padding:1rem}.hint-modal .hint-modal-body .alert-info{background-color:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.hint-modal .hint-modal-body .alert-warning{background-color:#fff3cd;color:#856404;border-left:4px solid #ffc107}.hint-modal .hint-modal-body .hint-text{font-size:0.95rem;line-height:1.6}.hint-modal .hint-modal-body .hint-text ul{margin:1rem 0;padding-left:1.5rem}.hint-modal .hint-modal-body .hint-text ul li{margin:0.5rem 0}.hint-modal .hint-modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #dee2e6;text-align:right}.hint-modal .hint-modal-footer .btn{border-radius:8px;font-weight:500}.evaluation-result-area .alert-info{background-color:#d1ecf1;color:#0c5460;border-left:4px solid #17a2b8}.header-section{padding:1rem}.lesson-info{padding-bottom:0.75rem}.sub-step-selector{margin-top:1rem}.sub-step-selector .form-label{font-weight:600;color:#495057}.sub-step-selector .form-select{border:2px solid #ced4da;border-radius:6px;font-size:0.875rem;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out}.sub-step-selector .form-select:focus{border-color:#007bff;-webkit-box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25);box-shadow:0 0 0 0.2rem rgba(0,123,255,0.25)}.sub-step-selector .form-select option{font-size:0.875rem;padding:0.5rem}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.5);z-index:1040}.modal.show{display:block !important;z-index:1050}.modal-body02{background:white !important;margin:0}.modal-body02 #evaluationResult .alert-danger{border-left:none !important}.modal-body02 .alert{display:block !important;text-align:left;margin:0}.modal-body02 .alert h4{font-size:18px}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal-dialog{margin:1.75rem auto;max-width:500px}.modal-content{position:relative;background-color:#fff;border:1px solid rgba(0,0,0,0.2);border-radius:0.3rem;-webkit-box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.5);box-shadow:0 0.25rem 0.5rem rgba(0,0,0,0.5);height:auto !important}.modal-sm{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important;margin:0 !important}.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6}.modal-body{position:relative;padding:1rem}.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:0.75rem;border-top:1px solid #dee2e6}.btn-close{background:transparent;border:0;font-size:1.5rem;cursor:pointer}.btn-close:hover{opacity:0.75}.evaluation-result-modal{max-width:400px !important;margin:2rem auto !important}.evaluation-result-modal .modal-content{border-radius:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,0.3);box-shadow:0 8px 32px rgba(0,0,0,0.3);border:2px solid #e9ecef}.evaluation-header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;border-radius:10px 10px 0 0;padding:0.75rem 1rem;border-bottom:none}.evaluation-header .modal-title{font-size:1rem;font-weight:600;margin:0}.evaluation-header .btn-close{color:white;opacity:0.8;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.evaluation-header .btn-close:hover{opacity:1}.evaluation-body{padding:1.25rem;background-color:#f8f9fa;border-radius:0}.evaluation-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:0.75rem 1rem;border-radius:0 0 10px 10px}.evaluation-footer .btn{padding:0.375rem 0.75rem;font-size:0.875rem;border-radius:6px;margin-left:0.5rem}.evaluation-footer .btn-secondary{background-color:#6c757d;border-color:#6c757d}.evaluation-footer .btn-primary{background-color:#007bff;border-color:#007bff}#evaluationResult{text-align:center;font-size:0.95rem;line-height:1.5}#evaluationResult .alert{margin-bottom:0;border-radius:8px;border:none;padding:1rem}#evaluationResult .alert-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}#evaluationResult .alert-danger{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.sub-step-navigation{border-top:1px solid #dee2e6;padding-top:10px}.sub-step-navigation .nav-link{display:block;padding:8px 12px;margin-bottom:5px;border-radius:6px;text-decoration:none;font-size:12px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.sub-step-navigation .nav-link.completed{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.sub-step-navigation .nav-link.completed:hover{background-color:#c3e6cb}.sub-step-navigation .nav-link.active{background-color:#cce7ff;color:#004085;border:1px solid #b3d9ff;font-weight:bold}.sub-step-navigation .nav-link.active:hover{background-color:#b3d9ff}.sub-step-navigation .nav-link.pending{background-color:#f8f9fa;color:#6c757d;border:1px solid #dee2e6}.sub-step-navigation .nav-link.pending:hover{background-color:#e9ecef}.sub-step-navigation .nav-link:hover{text-decoration:none;-webkit-transform:translateX(2px);transform:translateX(2px)}.sub-step-navigation .nav-link i{margin-right:6px;width:14px}.code-tabs-wrapper{margin-bottom:0}.code-editor-container{background:#1a202c;border-radius:12px;-webkit-box-shadow:0 8px 25px rgba(0,0,0,0.15);box-shadow:0 8px 25px rgba(0,0,0,0.15);overflow:hidden;border:1px solid #4a5568}.code-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;background:#2d3748;border-radius:12px 12px 0 0;padding:4px 4px 0 4px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);border:1px solid #4a5568;border-bottom:none}.code-tab{-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;border:none;color:#a0aec0;padding:12px 16px;border-radius:8px;cursor:pointer;-webkit-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-weight:500;font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px;position:relative;overflow:hidden}.code-tab:hover{color:#e2e8f0;background:rgba(255,255,255,0.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.code-tab.active{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;-webkit-box-shadow:0 4px 12px rgba(102,126,234,0.4);box-shadow:0 4px 12px rgba(102,126,234,0.4);-webkit-transform:translateY(-2px);transform:translateY(-2px);border-bottom-left-radius:0;border-bottom-right-radius:0}.code-tab.active::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.05) 100%);border-radius:8px 8px 0 0}.code-tab.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#1a202c;z-index:1}.code-tab i{font-size:16px;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.code-tab.active i{-webkit-transform:scale(1.1);transform:scale(1.1)}.code-tab span{font-weight:600;letter-spacing:0.5px}.code-pane{background:#1a202c;border-radius:0 0 12px 12px;padding:16px;border:1px solid #4a5568;border-top:none;-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1);box-shadow:0 4px 6px rgba(0,0,0,0.1);-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-animation:tabSlideIn 0.3s ease-out;animation:tabSlideIn 0.3s ease-out}.code-pane:hover{-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.15);box-shadow:0 6px 12px rgba(0,0,0,0.15);border-color:#667eea}.code-pane textarea{background-color:#1a202c !important;color:#e2e8f0 !important;border:none !important;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace !important;font-size:14px !important;line-height:1.5 !important}.code-pane .btn-xs{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;color:white;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 2px 4px rgba(102,126,234,0.3);box-shadow:0 2px 4px rgba(102,126,234,0.3)}.code-pane .btn-xs:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 8px rgba(102,126,234,0.4);box-shadow:0 4px 8px rgba(102,126,234,0.4)}.btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border:none;-webkit-box-shadow:0 4px 12px rgba(102,126,234,0.3);box-shadow:0 4px 12px rgba(102,126,234,0.3);-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.btn-primary:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 6px 16px rgba(102,126,234,0.4);box-shadow:0 6px 16px rgba(102,126,234,0.4)}.btn-success{background:none !important}@-webkit-keyframes tabSlideIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes tabSlideIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.CodeMirror{background-color:#1a202c !important;color:#e2e8f0 !important;border:none !important;height:auto !important;min-height:350px;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace;font-size:14px;line-height:1.5}.CodeMirror.CodeMirror{background-color:#1a202c !important;color:#e2e8f0 !important}.CodeMirror .CodeMirror-code{color:#e2e8f0 !important}.CodeMirror .CodeMirror-selected{background-color:transparent !important}.CodeMirror .CodeMirror-focused .CodeMirror-selected{background-color:transparent !important}.CodeMirror .CodeMirror-cursor{border-left-color:#e2e8f0 !important;border-left-width:2px !important}.CodeMirror .CodeMirror-activeline-background{background-color:transparent !important}.CodeMirror .CodeMirror-matchingbracket{background-color:transparent !important;color:#e2e8f0 !important}.CodeMirror .CodeMirror-nonmatchingbracket{background-color:transparent !important;color:#e2e8f0 !important}.CodeMirror .CodeMirror-searching{background-color:transparent !important}.CodeMirror-gutters{background-color:#2d3748 !important;border-right:1px solid #4a5568 !important}.CodeMirror-linenumber{color:#a0aec0 !important}.cm-error{background-color:transparent !important;color:#e2e8f0 !important}.cm-warning{background-color:transparent !important;color:#e2e8f0 !important}#htmlInput,#cssInput,#jsInput{background-color:#1a202c !important;color:#e2e8f0 !important;border:1px solid #4a5568 !important;font-family:"Monaco", "Menlo", "Ubuntu Mono", monospace !important;font-size:14px !important;line-height:1.5 !important}.phone-frame{background:linear-gradient(145deg, #2c2c2c, #1a1a1a);border:8px solid #1a1a1a;border-radius:25px;padding:20px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);position:relative;max-width:100%;margin:0 auto;height:600px;overflow:hidden}.phone-notch{position:absolute;top:-8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:8px;background:-webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#000));background:linear-gradient(180deg, #1a1a1a, #000);border-radius:0 0 8px 8px;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1)}.phone-screen{width:100%;height:100%;border:none;border-radius:12px;background:#ffffff;overflow:auto;-webkit-box-shadow:inset 0 0 20px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.1);box-shadow:inset 0 0 20px rgba(0,0,0,0.1),0 2px 8px rgba(0,0,0,0.1);position:relative}.phone-screen body{margin:0;padding:15px;font-size:14px;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.phone-screen h1{font-size:18px;margin:0 0 10px 0;line-height:1.2}.phone-screen h2{font-size:16px;margin:15px 0 8px 0;line-height:1.2}.phone-screen p{font-size:14px;margin:8px 0;line-height:1.4}.phone-screen ul,.phone-screen ol{margin:8px 0;padding-left:20px}.phone-screen li{font-size:14px;margin:4px 0;line-height:1.3}.phone-screen img{max-width:100%;height:auto;margin:10px 0}.phone-screen a{font-size:14px;word-break:break-all}@media (max-width: 1200px){.phone-frame{padding:15px;border-width:6px;height:500px}}@media (max-width: 768px){.code-tabs{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.code-tab{padding:10px 12px}.code-tab span{font-size:13px}.phone-frame{padding:10px;border-width:4px;border-radius:15px;height:450px}.phone-screen{border-radius:6px}.phone-screen body{padding:12px;font-size:13px}.phone-screen h1{font-size:16px}.phone-screen h2{font-size:14px}.phone-screen p,.phone-screen li{font-size:13px}.phone-notch{width:40px;height:6px}}ul{padding-left:0 !important}.withdrawal-field-hidden{display:none !important}#top_page{background:#036EB8;padding:2rem 0;min-height:100vh}#top_page .container{max-width:1200px;margin:0 auto;padding:0 1rem;text-align:center}#top_page .container .enter_box{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#top_page .container .enter_box .btn{background:yellow;color:#000;border-radius:30px;padding:10px 40px;font-weight:bold;cursor:pointer;text-decoration:none}#top_page .container .enter_box .button_wrap{margin:20px;display:inline-block}#top_page .container .enter_box .button{display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0.3rem;padding:1.2rem 1rem;text-decoration:none;background:yellow;border-radius:50%;color:#272727;text-align:center;position:relative;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-weight:bold;font-size:0.8rem}#top_page .container .enter_box .button i{font-size:1.2rem;color:#272727;display:block}#top_page .container .enter_box .button:hover{background:#f0f000;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.2);box-shadow:0 4px 8px rgba(0,0,0,0.2)}#top_page .container .enter_box .button:before,#top_page .container .enter_box .button:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:rgba(255,255,0,0.4);-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);z-index:-1;pointer-events:none}#top_page .container .enter_box .button:before{-webkit-animation:ripple 4s ease-out infinite;animation:ripple 4s ease-out infinite}#top_page .container .enter_box .button:after{-webkit-animation:ripple 4s ease-out 1.5s infinite;animation:ripple 4s ease-out 1.5s infinite}@-webkit-keyframes ripple{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.8}50%{opacity:0.4}100%{-webkit-transform:translate(-50%, -50%) scale(3);transform:translate(-50%, -50%) scale(3);opacity:0}}@keyframes ripple{0%{-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.8}50%{opacity:0.4}100%{-webkit-transform:translate(-50%, -50%) scale(3);transform:translate(-50%, -50%) scale(3);opacity:0}}#top_page .logo{max-width:300px;margin-bottom:3rem}#login_page{position:relative;min-height:100vh}#login_page .login_contents{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:400px;background:#fff}#login_page .login_contents h6{font-size:24px;font-weight:bold;margin-bottom:2rem;width:100%;border:none;cursor:pointer;text-align:center}#login_page .login_form{border-radius:10px;border:1px solid #ccc;padding:2rem}#login_page .login_form .logo{max-width:80%;margin:2rem auto 3rem;text-align:center}#login_page .login_form .btn{padding:12px 40px;font-weight:bold;cursor:pointer;text-decoration:none;font-size:16px;background:#036EB8;color:#fff;border-radius:5px;border:none;margin:0;width:100%}#login_page .login_form .form-group{margin:1rem 0}#login_page .login_form .form-group label{font-size:16px;font-weight:bold;margin:1rem 0;display:block;text-align:left}#login_page .login_form .form-group input{width:100%;padding:10px;border-radius:5px;border:1px solid #ccc}header{border-bottom:1px solid #eee;position:relative;z-index:10}header .header-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .header-top .sidebar-toggle-container-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 1rem}header .header-top .sidebar-toggle-container-header .sidebar-toggle-header{background:rgba(0,123,255,0.1);border:1px solid rgba(0,123,255,0.3);color:#007bff;border-radius:20px;padding:0.4rem 0.8rem;font-size:0.8rem;font-weight:500;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .header-top .sidebar-toggle-container-header .sidebar-toggle-header:hover{background:rgba(0,123,255,0.2);border-color:rgba(0,123,255,0.5);-webkit-transform:translateY(-1px);transform:translateY(-1px)}header .header-top .sidebar-toggle-container-header .sidebar-toggle-header i{margin-right:0.4rem;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}header .header-top form{height:auto !important}header .header-top form input{padding:16px}header .header-top form .form-control{padding:12px 24px;height:auto !important;line-height:1 !important}header .header-top .nav-list{vertical-align:middle}header .header-top .nav-list i{font-size:24px !important;color:#272727}header .header-top .nav-list .user i{color:#036EB8;background:#f8f9fa;padding:8px;border-radius:50%;margin-right:16px}header .header-top .nav-list li{margin:0 !important;padding:8px 16px}header .header-top .nav-list li:last-of-type{border-left:1px solid #f2f2f2}header .header-top .nav-list li:last-of-type i{color:#036EB8}header .header-top .nav-list button{background:none;border:none;padding:0;margin:0}header .header-top .search-area{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:400px;margin:0 2rem}header .header-top .search-form{width:100%}header .header-top .input-group{position:relative;height:auto !important;border-radius:24px;overflow:hidden;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .header-top .search-input{border:1px solid #e0e0e0;border-right:none;padding:0.9rem 1rem;font-size:0.95rem;border-radius:24px 0 0 24px !important;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}header .header-top .search-input:focus{outline:none;border-color:#036EB8;-webkit-box-shadow:none;box-shadow:none}header .header-top .btn-search{background-color:#fff;border:1px solid #e0e0e0;border-left:none;padding:0 1.25rem;color:#666;border-radius:0 24px 24px 0 !important;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;margin:0 !important}header .header-top .btn-search:hover{background-color:#f8f9fa;color:#036EB8}header .header-top .btn-search i{font-size:1.2rem}header .container-fluid{max-width:100%;margin:0 auto;padding:0 2rem}header .logo-icon{background:#036EB8;padding:16px}header .logo-icon img{width:50px}header .logo{max-width:200px}header .logo img{width:100%;height:auto}header nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2rem}header nav .main-nav{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;padding:0;margin:0;gap:1.5rem}header nav .main-nav li a,header nav .main-nav li button{color:#333;text-decoration:none;font-weight:bold;font-size:16px}header nav .main-nav li a:hover,header nav .main-nav li button:hover{color:#036EB8}header nav .main-nav li .btn-link{border:none;background:none;padding:0}header nav .user-nav{display:inline-block;list-style-type:none;margin:0}header nav .user-nav .btn{background:#036EB8;color:#fff;border-radius:5px;border:none;padding:12px 40px;font-weight:bold;cursor:pointer;text-decoration:none}header nav .user-nav .btn i{margin-left:8px}header nav .user-nav .btn:hover{background:#025086}header nav .header-right .btn{background:#036EB8;color:#fff;border-radius:5px;border:none;padding:12px 40px;font-weight:bold;cursor:pointer}.card{border-radius:10px;border:1px solid #eee;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.1);box-shadow:0 5px 15px rgba(0,0,0,0.1)}.card .card-body{padding:1.5rem}.card .card-body .card-title{color:#666;font-size:1rem;font-weight:bold;margin-bottom:1rem}.card .card-body .card-title i{margin-right:0.5rem;color:#036EB8}.card .card-body .card-text{color:#333;font-weight:bold;margin-bottom:0.5rem}.card .card-body .card-subtitle{font-size:0.9rem}.system_card h5{margin:2rem 0 1.5rem}.system_card h5::before{content:"■";margin-right:8px}.system_card .btn{margin-bottom:2rem}.student_page{position:relative;z-index:1}.student_page .container{position:relative;z-index:2}.student_page a,.student_page button{position:relative;z-index:3}.student_page .lesson-card{cursor:pointer}.student_page .lesson-card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}header .nav-list{position:relative;z-index:11;margin:0 !important}header .nav-list li{display:inline-block;padding:0 16px}.school-layout{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer{margin-top:auto}.side-menu{min-height:100vh;height:100%}.side-menu .list-group{margin:0 auto}.side-menu .list-group li{margin:8px 0 !important;padding:8px 0 !important;list-style-type:none}.side-menu .list-group li a{text-decoration:none}.side-menu .list-group-item{padding-left:0 !important}.side-menu .list-group-item.dropdown-toggle{width:100%;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:none;border:none;cursor:pointer}.side-menu .list-group-item.dropdown-toggle::after{content:"\f107";font-family:"Line Awesome Free";font-weight:900;margin-left:auto;-webkit-transition:-webkit-transform 0.3s ease;transition:-webkit-transform 0.3s ease;transition:transform 0.3s ease;transition:transform 0.3s ease, -webkit-transform 0.3s ease}.side-menu .list-group-item.dropdown-toggle[aria-expanded=true]{color:#036EB8}.side-menu .list-group-item.dropdown-toggle[aria-expanded=true]::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.side-menu .list-group-item.dropdown-toggle i{margin-right:0.75rem;color:#036EB8}.side-menu .collapse{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;max-height:0;overflow:hidden}.side-menu .collapse.show{max-height:500px}.side-menu .collapse .sub-menu{padding:0 !important;list-style:none}.side-menu .collapse .sub-menu .list-group-item{border:none;opacity:1;-webkit-transform:none;transform:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.side-menu .sub-menu .list-group{padding:0 !important}.side-menu .sub-menu ul{padding:0 !important}.side-menu .sub-menu li{margin:0 !important}.side-menu .sub-menu li:first-of-type a{padding-top:0.5rem !important}.side-menu .sub-menu li a{padding-left:2.3rem !important;margin:0 !important;display:block;color:#333;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.side-menu .sub-menu li a:hover{color:#036EB8}.side-menu .list-group-item{position:relative;border:none;color:#333;cursor:pointer;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.side-menu i{font-size:150%;margin-right:16px;color:#036EB8}.index_table{margin:40px 0;text-align:left;width:100% !important;table-layout:fixed}.index_table th{border-bottom:2px solid #272727 !important}.index_table tbody tr:nth-of-type(odd){background:#f8f8f8}.index_table th,.index_table td{padding:16px 8px}.index_table th:first-of-type,.index_table td:first-of-type{width:15%}.index_table th:nth-of-type(2),.index_table td:nth-of-type(2){width:15%}.index_table th:nth-of-type(3),.index_table td:nth-of-type(3){width:35%}.index_table th:nth-of-type(4),.index_table td:nth-of-type(4){width:10%}.index_table th:nth-of-type(5),.index_table td:nth-of-type(5){width:10%}.index_table th:last-of-type,.index_table td:last-of-type{width:10%}.index_table th:last-of-type ul,.index_table td:last-of-type ul{margin:0}.index_table th:last-of-type ul li,.index_table td:last-of-type ul li{display:inline-block;margin-bottom:0}.index_table th:last-of-type ul li i,.index_table td:last-of-type ul li i{font-size:24px}.index_table th:last-of-type ul li a,.index_table td:last-of-type ul li a{padding-right:8px}.index_table th:last-of-type ul li .btn,.index_table td:last-of-type ul li .btn{padding:0;background:none;color:crimson}.info_table{margin:40px 0;text-align:left;width:70% !important;table-layout:fixed}.info_table th{border-bottom:2px solid #272727 !important}.info_table tbody tr:nth-of-type(odd){background:#f8f8f8}.info_table th,.info_table td{padding:16px 8px}.info_table th:first-of-type,.info_table td:first-of-type{width:30%}.info_table th:nth-of-type(2),.info_table td:nth-of-type(2){width:10%}.info_table th:nth-of-type(3),.info_table td:nth-of-type(3){width:10%}.info_table th:nth-of-type(4),.info_table td:nth-of-type(4){width:10%}.info_table th:last-of-type,.info_table td:last-of-type{width:20%}.info_table th:last-of-type ul,.info_table td:last-of-type ul{margin:0}.info_table th:last-of-type ul li,.info_table td:last-of-type ul li{display:inline-block;margin-bottom:0}.info_table th:last-of-type ul li i,.info_table td:last-of-type ul li i{font-size:24px}.info_table th:last-of-type ul li a,.info_table td:last-of-type ul li a{padding-right:8px}.info_table th:last-of-type ul li .btn,.info_table td:last-of-type ul li .btn{padding:0;background:none;color:crimson}.course_indexBox{margin-top:80px}.course_indexBox .courseBox{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1);padding:2rem 1rem;border-radius:10px;margin-bottom:1rem}.course_indexBox .courseBox .course-title{font-size:20px;font-weight:600;margin:1rem 0 !important}.course_indexBox .courseBox .course-title i{margin-right:8px;background:#eef8ff;padding:8px;border-radius:50%}.course_indexBox .courseBox p.course-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.2}.course_indexBox .courseBox .text{margin:3rem 0}.course_form,.message_form{margin:0 !important}.course_form h4,.message_form h4{margin-bottom:80px !important}.message_form,.lesson_form,.course_form{padding:0 2rem}.message_form h4,.lesson_form h4,.course_form h4{margin:0 0 2rem}.message_form h4 i,.lesson_form h4 i,.course_form h4 i{margin-right:8px}.message_form label,.lesson_form label,.course_form label{font-weight:600 !important;margin-bottom:1rem !important;padding-left:0 !important}.message_form label::before,.lesson_form label::before,.course_form label::before{display:none}.message_form h6,.lesson_form h6,.course_form h6{font-size:16px;display:block;font-weight:600;margin-bottom:1.5rem !important;color:#666}.message_form .form-check,.lesson_form .form-check,.course_form .form-check{padding-left:0 !important;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:2rem}.message_form .form-check label,.lesson_form .form-check label,.course_form .form-check label{margin-bottom:0 !important;margin-left:8px}.message_form .courseSelect,.lesson_form .courseSelect,.course_form .courseSelect{font-size:18px;display:block;margin-bottom:2rem;font-weight:900}.message_form .courseSelect span,.lesson_form .courseSelect span,.course_form .courseSelect span{font-size:150%;color:#666}.message_form .form-group,.lesson_form .form-group,.course_form .form-group{margin-bottom:2rem}.message_form .form-group h5,.lesson_form .form-group h5,.course_form .form-group h5{font-size:18px;font-weight:600;margin-bottom:2rem}.message_form .form-group h6,.lesson_form .form-group h6,.course_form .form-group h6{font-size:16px;font-weight:600;margin-bottom:1.5rem;color:#666}.message_form .form-group label,.lesson_form .form-group label,.course_form .form-group label{font-weight:500;color:#333;margin-bottom:0.5rem;display:block}.message_form .form-group .form-control,.lesson_form .form-group .form-control,.course_form .form-group .form-control{width:100%;padding:0.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;-webkit-transition:border-color 0.15s ease-in-out;transition:border-color 0.15s ease-in-out}.message_form .form-group .form-control:focus,.lesson_form .form-group .form-control:focus,.course_form .form-group .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.message_form .form-group .form-select,.lesson_form .form-group .form-select,.course_form .form-group .form-select{width:100%;padding:0.75rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem;background-color:#fff;-webkit-transition:border-color 0.15s ease-in-out;transition:border-color 0.15s ease-in-out;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:16px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.message_form .form-group .form-select:focus,.lesson_form .form-group .form-select:focus,.course_form .form-group .form-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25);box-shadow:0 0 0 0.2rem rgba(3,110,184,0.25)}.message_form .form-group .form-select option,.lesson_form .form-group .form-select option,.course_form .form-group .form-select option{padding:0.5rem;background-color:#fff}.message_form .actions,.lesson_form .actions,.course_form .actions{margin-top:2rem;text-align:right}.message_form .actions a,.lesson_form .actions a,.course_form .actions a{color:#036EB8;font-weight:600;font-size:14px;margin-left:8px;background:none}.message_form .actions .btn,.lesson_form .actions .btn,.course_form .actions .btn{padding:0.75rem 1.5rem;font-size:1rem;border-radius:4px;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.lesson_detileBox ol li{display:block;letter-spacing:0.03em;font-size:14px;width:80%}.lesson_detileBox ol li span{font-weight:bold;display:block;color:#666;margin-bottom:8px}.filter-box .row{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.filter-box .col-3 a{margin:0 !important;background:none !important;border:none !important;color:#036EB8 !important;font-size:1rem !important;font-weight:600 !important;text-decoration:none !important;padding:0 24px !important}#gradeSelectionPopup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5) !important;z-index:1000}#gradeSelectionPopup .popup-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:white !important;padding:20px;border-radius:8px;width:90%;max-width:500px}#gradeSelectionPopup .popup-content h4{font-size:20px;margin-bottom:2rem}#gradeSelectionPopup .popup-content h4 i{margin-right:8px}#gradeSelectionPopup .popup-content .btn{margin-top:2rem}#gradeSelectionPopup .close-popup{position:absolute;top:10px;right:10px;background:none;border:none;color:#036EB8;font-size:1.5rem;cursor:pointer}.modal-xl{max-width:100%;margin:0 auto}.modal-body{padding:0}.modal-body iframe{width:100%;height:100%}.modal-content{border-radius:8px;width:calc(100% - 32px);background:transparent !important;height:100vh;display:block;margin:0 auto;overflow:hidden}.modal-dialog{margin:0 auto}.modal-header{border-bottom:none !important;padding:1rem;position:relative;color:#fff;z-index:1100}.modal-header .btn-close{position:absolute;top:1rem;right:1rem;padding:0.5rem;margin:0;background-color:transparent;border:0;color:#036EB8;font-size:1.5rem;cursor:pointer}.modal-title{font-weight:600;color:#495057}.modal{display:none;background-color:rgba(0,0,0,0.8)}.modal-backdrop{background-color:rgba(0,0,0,0.8)}.step-controls{padding:3rem 0.3rem}.step-controls .lesson-info h4{font-size:20px;margin-bottom:1rem}.step-controls .lesson-info h4 span{font-size:14px;color:#666;display:block;margin-bottom:8px}.step-controls .lesson-info p{font-size:14px;margin-bottom:1rem;font-weight:600;line-height:1.5;letter-spacing:0.03em}.step-controls .lesson-info p span{font-size:14px;color:#666;display:block;margin-bottom:8px}.step-controls .lesson-info .btn-info{background:#036EB8;color:#fff;font-size:14px;font-weight:600;line-height:1.5;padding:8px 16px;border-radius:4px;margin-top:2rem}.step-controls .lesson-info .btn-info i{margin-right:8px}.step-controls .lesson-info .lesson-actions{margin-top:2rem}.step-controls .lesson-info .lesson-actions a{background:none;border:none;color:#036EB8;font-size:14px;font-weight:600;line-height:1.5;padding:0}.text-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.flash-popup{position:fixed;top:20px;right:20px;z-index:9999;padding:15px 25px;border-radius:4px;-webkit-box-shadow:0 2px 10px rgba(0,0,0,0.1);box-shadow:0 2px 10px rgba(0,0,0,0.1);-webkit-animation:fadeInOut 3s ease-in-out forwards;animation:fadeInOut 3s ease-in-out forwards;max-width:400px;width:auto}.flash-popup.notice{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.flash-popup.alert{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.flash-popup .flash-content{font-size:14px;font-weight:500}@-webkit-keyframes fadeInOut{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeInOut{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}10%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}90%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.announcements{padding:4rem 2rem}.announcements h4 i{margin-right:8px}.announcements table{width:80%}.announcements table th:first-child,.announcements table td:first-child{width:80%}.announcements table th:nth-child(2),.announcements table td:nth-child(2){width:10%}.announcements table th:nth-child(3),.announcements table td:nth-child(3){width:10%}.no-announcements{padding:3rem 2rem}.no-announcements i{font-size:24px}.announcements-footer{margin-left:2rem}.announcements-footer a{background:none;border:none;color:#036EB8;font-size:14px;font-weight:600;line-height:1.5;padding:0}.announcements-footer a i{margin-right:8px}.school_contents_title{font-size:24px !important;font-weight:600 !important;line-height:1.5 !important;margin-top:2rem !important;margin-bottom:3rem !important;border-bottom:none !important;padding-left:1rem}.school_contents_title i{margin-right:8px}.template .btn{width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;padding:12px 24px !important;font-size:14px !important;font-weight:600 !important;line-height:1.5 !important;border-radius:4px !important;background:#036EB8 !important;color:#fff !important;margin:3rem 0 !important}.import_btn{width:-webkit-fit-content !important;width:-moz-fit-content !important;width:fit-content !important;padding:12px 48px !important;font-size:14px !important;font-weight:600 !important;line-height:1.5 !important;border-radius:4px !important;background:#036EB8 !important;margin:3rem 0 !important}.side-menu{border-right:1px solid #dee2e6}.side-menu .list-group-item{border:none;padding:0.75rem 1rem}.side-menu .list-group-item:hover{background-color:#e9ecef}.side-menu .list-group-item.active{background-color:#0d6efd;color:white}.side-menu .submenu{max-height:0;overflow:hidden;-webkit-transition:max-height 0.3s ease-out;transition:max-height 0.3s ease-out}.side-menu .submenu.show{max-height:500px;-webkit-transition:max-height 0.3s ease-in;transition:max-height 0.3s ease-in}.side-menu .sub-menu{padding-left:1rem}.side-menu .sub-menu .list-group-item{padding:0.5rem 1rem;font-size:0.9rem}.shop-header{position:fixed;top:0;left:0;right:0;height:60px;background-color:white;border-bottom:1px solid #dee2e6;z-index:1000;padding:0 20px}.flash-messages{position:fixed;top:70px;right:20px;z-index:1000}#flash-toast{position:fixed;top:32px;right:32px;z-index:9999;min-width:300px;max-width:400px}#flash-toast .flash-message{-webkit-animation:fadeIn 0.5s;animation:fadeIn 0.5s}#flash-toast .alert-success{background-color:#d1f2eb;border-color:#a8e6cf;color:#0f5132}#flash-toast .alert-danger{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.nav-tabs{margin-bottom:20px}.card{margin-bottom:20px;-webkit-box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075);box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.075)}.btn-primary{background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.form-control:focus{border-color:#86b7fe;-webkit-box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25)}.table{margin-bottom:0}.table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6}.alert{margin-bottom:20px;border-radius:0.25rem}.modal-content{border-radius:0.5rem}.modal-header{border-bottom:1px solid #dee2e6}.modal-footer{border-top:1px solid #dee2e6}.withdrawal-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:9999}.withdrawal-modal .withdrawal-modal-dialog{position:relative;width:auto;margin:1.75rem auto;max-width:400px}.withdrawal-modal .withdrawal-modal-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;background-color:#fff;border-radius:0.5rem;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.withdrawal-modal .withdrawal-modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.withdrawal-modal .withdrawal-modal-header .withdrawal-modal-title{font-size:1.1rem;font-weight:600;margin:0}.withdrawal-modal .withdrawal-modal-header .btn-close{padding:0.5rem;margin:-0.5rem -0.5rem -0.5rem auto;background:transparent;border:0;font-size:1.5rem;line-height:1;color:#000;opacity:0.5;cursor:pointer}.withdrawal-modal .withdrawal-modal-header .btn-close:hover{opacity:0.75}.withdrawal-modal .withdrawal-modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;padding:1.5rem}.withdrawal-modal .withdrawal-modal-body .form-group{margin-bottom:1rem}.withdrawal-modal .withdrawal-modal-body .form-group .form-label{font-weight:500;margin-bottom:0.5rem;display:block}.withdrawal-modal .withdrawal-modal-body .form-group .form-control{display:block;width:100%;padding:0.375rem 0.75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;border:1px solid #ced4da;border-radius:0.375rem;-webkit-transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out}.withdrawal-modal .withdrawal-modal-body .form-group .form-control:focus{border-color:#86b7fe;-webkit-box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);box-shadow:0 0 0 0.25rem rgba(13,110,253,0.25);outline:0}.withdrawal-modal .withdrawal-modal-body .form-text{font-size:0.875rem;color:#6c757d;margin-top:0.25rem}.withdrawal-modal .withdrawal-modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #dee2e6;gap:0.5rem}.withdrawal-modal .withdrawal-modal-footer .btn{display:inline-block;font-weight:400;line-height:1.5;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0.5rem 1rem;font-size:0.875rem;border-radius:0.375rem;-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out}.withdrawal-modal .withdrawal-modal-footer .btn.btn-primary{color:#fff;background-color:#0d6efd;border:1px solid #0d6efd}.withdrawal-modal .withdrawal-modal-footer .btn.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca}.withdrawal-modal .withdrawal-modal-footer .btn.btn-secondary{color:#fff;background-color:#6c757d;border:1px solid #6c757d}.withdrawal-modal .withdrawal-modal-footer .btn.btn-secondary:hover{background-color:#5c636a;border-color:#565e64}.modal_small{max-width:400px}.modal_small .modal-content{border-radius:0.5rem;-webkit-box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15);box-shadow:0 0.5rem 1rem rgba(0,0,0,0.15)}.modal_small .modal-header{padding:1rem 1.5rem;border-bottom:1px solid #dee2e6}.modal_small .modal-body{padding:1.5rem}.modal_small .modal-footer{padding:1rem 1.5rem;border-top:1px solid #dee2e6}.modal_small .form-label{font-weight:600;margin-bottom:0.5rem}.modal_small .form-control{border-radius:0.375rem}.modal_small .btn{border-radius:0.375rem;padding:0.5rem 1rem}.line-page{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;margin:0;padding:16px;background-color:#f5f5f5}.line-container{max-width:400px;margin:0 auto;background:white;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden}.line-container .header{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:20px;text-align:center}.line-container .header h1{margin:0;font-size:24px;font-weight:600}.line-container .content{padding:20px}.line-container .status-card{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:20px;border-left:4px solid #667eea}.line-container .status-connected{border-left-color:#28a745}.line-container .status-disconnected{border-left-color:#dc3545}.line-container .btn{display:block;width:100%;padding:12px 24px;border:none;border-radius:6px;font-size:16px;cursor:pointer;text-decoration:none;text-align:center;margin-bottom:12px;-webkit-box-sizing:border-box;box-sizing:border-box}.line-container .btn-primary{background:#667eea;color:white}.line-container .btn-primary:hover{background:#5a6fd8}.line-container .btn-secondary{background:#95a5a6;color:white}.line-container .btn-secondary:hover{background:#7f8c8d}.line-container .debug-info{background:#e9ecef;border-radius:6px;padding:12px;margin-top:16px;font-family:monospace;font-size:12px;color:#495057}.form-label{font-weight:500}.form-select,.form-control{max-width:100%}textarea.form-control{resize:vertical}#other_lesson_container,.other-lesson-container{display:none;margin-top:10px}.other-lesson-visible{display:block !important;margin-top:10px}footer{background:#036EB8 !important;padding:3rem 0;color:white !important;text-align:center}.school_mail_setteing{padding:3rem 2rem}.school_mail_setteing h3{font-size:1.5rem}.school_mail_setteing .card{-webkit-box-shadow:none;box-shadow:none;-webkit-transition:none;transition:none}.school_mail_setteing .card:hover{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none}.school_mail_setteing .school_mail_setteing_content{padding:3rem 0}.school_mail_setteing .school_mail_setteing_content .card{margin:80px 0}.school_mail_setteing .school_mail_setteing_content .card:first-of-type{margin-top:0}.school_mail_setteing .school_mail_setteing_content table{width:100%;table-layout:fixed}.school_mail_setteing .school_mail_setteing_content table th:first-of-type,.school_mail_setteing .school_mail_setteing_content table td:first-of-type{width:30%}.school_mail_setteing .school_mail_setteing_content table th:nth-of-type(2),.school_mail_setteing .school_mail_setteing_content table td:nth-of-type(2){width:50%}.school_mail_setteing .school_mail_setteing_content table th:nth-of-type(3),.school_mail_setteing .school_mail_setteing_content table td:nth-of-type(3){width:10%}.school_mail_setteing .school_mail_setteing_content table th:last-of-type,.school_mail_setteing .school_mail_setteing_content table td:last-of-type{width:5%;text-align:center}.school_mail_setteing .school_mail_setteing_content table th:last-of-type .btn,.school_mail_setteing .school_mail_setteing_content table td:last-of-type .btn{background:none;padding:0;color:red}#email-fields-container table{table-layout:fixed;width:100%}#email-fields-container .btn{background:none !important}#email-fields-container .btn:hover{-webkit-box-shadow:none;box-shadow:none}#email-fields-container .btn-primary{background:linear-gradient(135deg, #036EB8 0%, #1a8fd9 100%) !important;font-size:0.8rem}