.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){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)~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;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-header .modal-title i{color:white !important}.modal .modal-content .modal-body{color:#272727}.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}.step-show-container .col-10:has(.scratch-editor-container){overflow:visible;-webkit-overflow-scrolling:touch;max-height:none}.scratch-editor-container .scratch-editor-frame,.scratch-editor-container .scratch-project-container,.scratch-editor-container .editor-loading-container{overflow:visible;-webkit-overflow-scrolling:touch;max-height:none}.scratch-editor-container .scratch-editor-frame{min-width:0}.scratch-editor-container .editor-loading-container{min-width:0;width:100%;max-width:none}@media (max-width: 768px){.step-show-container .col-10:has(.scratch-editor-container){overflow:auto;max-height:calc(100vh - 80px)}.scratch-editor-container .scratch-editor-frame,.scratch-editor-container .scratch-project-container,.scratch-editor-container .editor-loading-container{overflow:auto;max-height:calc(100vh - 100px)}}.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}.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}.feedback-section .feedback-content{color:#272727 !important}.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{padding-left:1rem;padding-right:1rem}.coding-editor-container .row .col-2{padding-left:1.25rem !important;padding-right:1rem !important}.coding-editor-container .row .col-2 .step-header{margin-bottom:1rem}.coding-editor-container .row .col-2 .step-header .step-info h4{font-size:1rem;font-weight:600;color:#1a1a1a;margin-bottom:0.35rem}.coding-editor-container .row .col-2 .step-header .step-description{font-size:0.8125rem;color:#555;line-height:1.45;margin-bottom:0.75rem}.coding-editor-container .row .col-2 .step-header .alert.alert-warning{font-size:0.75rem;padding:0.5rem 0.6rem;margin-bottom:0;border-radius:6px;background:#fef9e7;border-color:#f0e6c8;color:#856404}.coding-editor-container .row .col-2 .solution-copy-card{border-radius:8px;overflow:hidden;margin-bottom:1rem;border:1px solid #e0e8eb;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.06)}.coding-editor-container .row .col-2 .solution-copy-card-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:0.5rem 0.75rem;background:#b8d4d9;color:#2d6a73;font-size:0.8125rem;font-weight:600}.coding-editor-container .row .col-2 .solution-copy-card-icon{width:16px;height:16px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232d6a73' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3Cpolyline points='10 9 9 9 8 9'/%3E%3C/svg%3E") no-repeat center;-ms-flex-negative:0;flex-shrink:0}.coding-editor-container .row .col-2 .solution-copy-card-filename{-webkit-box-flex:1;-ms-flex:1;flex:1}.coding-editor-container .row .col-2 .solution-copy-card-body{background:#fff;padding:0.75rem 0.9rem}.coding-editor-container .row .col-2 .solution-copy-instruction{font-size:0.8125rem;color:#333;line-height:1.5;margin-bottom:0.6rem}.coding-editor-container .row .col-2 .solution-copy-chip{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0;margin:0.25rem 0.25rem 0.25rem 0;border:1px solid #dee2e6;border-radius:6px;background:#f1f3f4;overflow:hidden}.coding-editor-container .row .col-2 .solution-copy-code{padding:0.35rem 0.5rem;font-size:0.8rem;font-family:ui-monospace, monospace;color:#333;border:none;background:transparent}.coding-editor-container .row .col-2 .solution-copy-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:28px;height:28px;padding:0;border:none;border-left:1px solid #dee2e6;background:#f1f3f4;color:#5f6368;cursor:pointer;-webkit-transition:background 0.15s, color 0.15s;transition:background 0.15s, color 0.15s;-ms-flex-negative:0;flex-shrink:0}.coding-editor-container .row .col-2 .solution-copy-btn:hover{background:#e8eaed;color:#333}.coding-editor-container .row .col-2 .solution-copy-btn.solution-copy-btn-copied{background:#d1e7dd;color:#198754}.coding-editor-container .row .col-2 .solution-copy-btn.solution-copy-btn-copied .solution-copy-icon{display:none}.coding-editor-container .row .col-2 .solution-copy-btn.solution-copy-btn-copied::after{content:"";display:inline-block;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23198754' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center}.coding-editor-container .row .col-2 .solution-copy-icon{display:block}.coding-editor-container .row .col-2 #submission-status{margin-top:1rem}.coding-editor-container .row .col-2 #submission-status .status-content{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:0.75rem 0.9rem}.coding-editor-container .row .col-2 #submission-status .status-content h6{font-size:0.8125rem;font-weight:600;color:#333;margin-bottom:0.5rem}.coding-editor-container .row .col-2 #submission-status .status-content .btn-secondary.disabled,.coding-editor-container .row .col-2 #submission-status .status-content .btn-secondary:disabled{font-size:0.8rem;padding:0.4rem 0.6rem;border-radius:6px;opacity:0.9}.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 .main-contents{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.coding-editor-container .row .col-10 .editor-body-only-hint{padding:0 6px;font-size:0.75rem;line-height:1.35;color:#6c757d}.coding-editor-container .row .col-10 .editor-area{height:600px;user-select:text !important;-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;border-radius:8px 8px 0 0;overflow:hidden;border:none;background:#fff;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.06);box-shadow:0 1px 3px rgba(0,0,0,0.06)}.coding-editor-container .row .col-10 .editor-file-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;min-height:40px;padding:0;background:#f1f3f4;border-bottom:1px solid #dee2e6;gap:0}.coding-editor-container .row .col-10 .editor-file-tab{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;padding:8px 14px 10px;margin:0;border:none;background:transparent;color:#5f6368;font-size:13px;font-family:inherit;cursor:pointer;-webkit-transition:background 0.15s, color 0.15s;transition:background 0.15s, color 0.15s;position:relative;top:1px}.coding-editor-container .row .col-10 .editor-file-tab.active{background:white !important;color:#004085 !important;font-weight:700 !important;margin-bottom:-2px;z-index:2;-webkit-box-shadow:0 0 0 1px rgba(13,110,253,0.3);box-shadow:0 0 0 1px rgba(13,110,253,0.3)}.coding-editor-container .row .col-10 .editor-file-tab:hover:not(.active){background:rgba(255,255,255,0.7);color:#202124}.coding-editor-container .row .col-10 .editor-file-tab-icon{font-size:14px;line-height:1}.coding-editor-container .row .col-10 .editor-file-tab-name{white-space:nowrap}.coding-editor-container .row .col-10 .editor-panes{min-height:200px;background:#fff;height:100%}.coding-editor-container .row .col-10 .editor-area .CodeMirror-selected,.coding-editor-container .row .col-10 .editor-area .CodeMirror-focused .CodeMirror-selected{background:rgba(59,130,246,0.5) !important}.coding-editor-container .row .col-10 .editor-area .CodeMirror-line::-moz-selection,.coding-editor-container .row .col-10 .editor-area .CodeMirror-line *::-moz-selection,.coding-editor-container .row .col-10 .editor-area .code-pane textarea::-moz-selection{background:rgba(59,130,246,0.5) !important;color:inherit !important}.coding-editor-container .row .col-10 .editor-area .CodeMirror-line::selection,.coding-editor-container .row .col-10 .editor-area .CodeMirror-line *::selection,.coding-editor-container .row .col-10 .editor-area .code-pane textarea::selection{background:rgba(59,130,246,0.5) !important;color:inherit !important}.coding-editor-container .row .col-10 .mt-2{margin-top:0 !important}.coding-editor-container .row .col-10 .coding-editor-run-box{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 0 2rem;padding:0;background:#1a202c;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.coding-editor-container .row .col-10 .coding-editor-run-box .coding-editor-run-btn{min-width:auto;margin:8px;padding:8px 24px;background:#198754 !important;color:white}.coding-editor-container .row .col-10 .coding-editor-run-box .coding-editor-run-btn .coding-editor-run-btn-label{margin-left:0.35em}.coding-editor-container .row .col-10 .run-output{padding:8px 12px;border-radius:6px;background:#f8f9fa;border:1px solid #e9ecef;color:#495057;min-height:2.5em}.coding-editor-container .row .col-10 .run-output:not(:empty){margin-bottom:0.5rem}.coding-editor-container .row .col-10 .preview-live-wrap #preview-live-slot iframe{display:block;max-width:100%}.coding-editor-container .row .col-10 .editor-area #monaco-editor{border-radius:8px;overflow:hidden}.coding-editor-container .row .col-10 .editor-area .CodeMirror,.coding-editor-container .row .col-10 .editor-area .code-pane textarea{user-select:text !important;-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important}.coding-editor-container .row .col-10 .coding-editor-phone-frame{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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:200px;margin:0 auto;padding:0;overflow:hidden;border:8px solid #303030;border-radius:24px;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-box-shadow:0 12px 24px -6px rgba(0,12,66,0.25);box-shadow:0 12px 24px -6px rgba(0,12,66,0.25);background:#303030}.coding-editor-container .row .col-10 .coding-editor-phone-notch{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;width:60px;height:18px;border-radius:0 0 14px 14px;background-color:#303030}.coding-editor-container .row .col-10 .coding-editor-phone-screen{width:100%;height:360px;border:none;background:#fff;display:block}.coding-editor-container .row .col-10 .coding-editor-phone-screen-wrap{width:100%;height:360px;border:none;background:#fff;display:block;overflow:hidden}.coding-editor-container .row .col-10 .coding-editor-phone-screen-wrap iframe{width:100%;height:100%;border:none;display:block}.coding-editor-container .row .col-10 .coding-editor-phone-home{position:absolute;bottom:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:56px;height:4px;border-radius:20px;background-color:rgba(255,255,255,0.85)}.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 .main-contents .col-9,.coding-editor-container .row .col-10 .main-contents .col-3{max-width:100%;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%}.coding-editor-container .row .col-10 .coding-editor-phone-frame{max-width:220px}.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: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 .modal-title i{color:white !important}#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;margin-right:8px !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;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 .btn{padding:0.5rem 0.5rem !important}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 0.5rem !important;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 16px !important}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)}}.notification-btn{position:relative}.notification-btn .notification-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background-color:#ff4444;border-radius:10px;color:white;font-size:10px;font-weight:bold;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;padding:0 4px;border:2px solid white;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2)}.notification-btn .notification-badge[data-count="99+"]{min-width:22px;font-size:9px}.notification-btn-65{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:center;align-self:center;position:relative;width:36px;height:36px;padding:0;margin:0;border:none;border-radius:50%;background-color:#f2f2f2;color:#aaaaaa;text-decoration:none;line-height:1;vertical-align:middle;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background-color 0.2s, color 0.2s;transition:background-color 0.2s, color 0.2s}.notification-btn-65:hover{background-color:#e8e8e8;color:#2589d0}.notification-btn-65__icon{width:20px;height:20px;fill:currentColor}.notification-btn-65__badge{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;position:absolute;top:-12%;right:-12%;min-width:16px;height:16px;padding:0 3px;border-radius:50%;background-color:#2589d0;color:#fff;font-size:0.65rem;font-weight:600;line-height:1;-webkit-box-sizing:border-box;box-sizing:border-box}.nav-list li:has(.notification-btn-65){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-top:0;padding-bottom:0}.notification-modal{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;min-height:100%;padding:1rem;-webkit-box-sizing:border-box;box-sizing:border-box}.notification-modal .modal-dialog{margin:0;max-width:100%;width:50% !important;position:absolute !important;top:50% !important;left:50% !important;-webkit-transform:translate(-50%, -50%) !important;transform:translate(-50%, -50%) !important}.notification-modal .notification-modal__content{border-radius:12px;border:none;outline:none !important;outline-offset:0 !important}.notification-modal .notification-modal__header{padding:1rem 1.25rem;border-bottom:1px solid #eee;background:#036EB8 !important}.notification-modal .notification-modal__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.125rem;font-weight:600;margin:0}.notification-modal .notification-modal__title-icon{font-size:1.25rem;color:#2589d0}.notification-modal .notification-modal__body{padding:0}.notification-modal .notification-modal__empty{padding:1.5rem 1.25rem;margin:0;color:#666;font-size:0.9375rem}.notification-modal .notification-modal__list{list-style:none;margin:0;padding:0}.notification-modal .notification-modal__item{border-bottom:1px solid #f0f0f0}.notification-modal .notification-modal__item:last-child{border-bottom:none}.notification-modal .notification-modal__link{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.25rem;color:#333;text-decoration:none;-webkit-transition:background-color 0.15s;transition:background-color 0.15s}.notification-modal .notification-modal__link:hover{background-color:#f8f9fa;color:#333}.notification-modal .notification-modal__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:0.9375rem}.notification-modal .notification-modal__label i:first-child{color:#2589d0;font-size:1.125rem;width:1.25rem;text-align:center}.notification-modal .notification-modal__badge{min-width:1.5rem;padding:0 6px;border-radius:10px;background-color:#2589d0;color:#fff;font-size:0.75rem;font-weight:600;line-height:1.5;text-align:center}.notification-modal .notification-modal__badge--zero{background-color:#e9ecef;color:#6c757d}.notification-modal .notification-modal__arrow{color:#999;font-size:1rem}.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,.period-selector[style*="display: block"]{display:block !important;background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem 1.25rem;margin:1rem 0}#custom_period_selector .date_input,.period-selector .date_input{min-width:200px;margin:0 8px}#custom_period_selector .date_input .form-label,.period-selector .date_input .form-label{font-size:1rem;margin-bottom:0.5rem;font-weight:500}#custom_period_selector .date_input .form-control[type=date],.period-selector .date_input .form-control[type=date]{min-width:200px;width:100%;padding:0.2rem 0.75rem;font-size:1.1rem;border-radius:6px;border:1px solid #ced4da;min-height:48px}.period-input{width:200px}.holiday-input{width:200px}.holiday_input-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:1rem;margin-bottom:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.holiday_input-row .holiday_date-field{-webkit-box-flex:0;-ms-flex:0 1 auto;flex:0 1 auto;min-width:180px}.holiday_input-row .holiday_date-field .form-label{display:block;margin-bottom:0.35rem}.holiday_input-row .holiday_date-field .holiday-input{width:100%;min-width:180px;max-width:220px;min-height:36px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0.4rem 1rem !important;margin-left:0 !important}.holiday_input-row .holiday_add-btn-wrap{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.holiday_input-row .holiday_add-btn-wrap .btn{white-space:nowrap;min-height:38px;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;padding:0.375rem 0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box;background:#036EB8 !important;color:white !important;border:none !important;border-radius:0.25rem !important;font-size:0.875rem !important;font-weight:500 !important;cursor:pointer !important;-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important;margin-left:0 !important}.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:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0.25rem}.holiday_tags .holiday_tag .holiday_tag-remove{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;padding:0.2rem;margin-left:0.35rem;background:transparent;border:none;color:#495057;cursor:pointer;border-radius:4px;line-height:1}.holiday_tags .holiday_tag .holiday_tag-remove i{font-size:1rem}.holiday_tags .holiday_tag .holiday_tag-remove:hover{color:#dc3545;background:rgba(0,0,0,0.06)}.setting_box{background:#f8f9fa;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}.page-reservation-slots .reservation-slots-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}.page-reservation-slots .reservation-slots-header h4{margin-bottom:0;font-size:1.5rem;font-weight:600;color:#212529}.page-reservation-slots .reservation-slots-header h4 i{margin-right:0.5rem;color:#036EB8}.page-reservation-slots .reservation-slots-header .btn-outline-primary{padding:0.5rem 1rem;font-weight:500}.page-reservation-slots .reservation-slots-header .btn-outline-primary i{margin-right:0.35rem}.page-reservation-slots .reservation-slots-section{background:#fff;border-radius:10px;padding:1.75rem;margin-bottom:2rem}.page-reservation-slots .reservation-slots-section h5{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.1rem;margin-bottom:1.5rem;color:#333}.page-reservation-slots .reservation-slots-section h5 i{margin-right:0.5rem;color:#036EB8;-ms-flex-negative:0;flex-shrink:0}.page-reservation-slots .reservation-slots-days .col-2{border:1px solid #e9ecef;border-radius:8px;padding:1rem !important;background:#fafbfc}.page-reservation-slots .reservation-slots-days .col-2 h6{background:transparent;color:#495057;font-size:0.95rem;padding:0 0 0.5rem;border-bottom:1px solid #e9ecef;margin-bottom:0.75rem}.page-reservation-slots .reservation-slots-submit{text-align:center;margin-top:2rem;padding-top:1.5rem}.page-reservation-slots .reservation-slots-submit .save_button{min-width:220px;padding:0.75rem 2rem;font-weight:600;border-radius:8px}.page-reservation-slots .holiday_tag{padding:0.5rem 0.75rem;border-radius:6px;font-size:0.9rem}.page-reservation-slots .add_time_button{padding:0.4rem 0.75rem;border-radius:6px;font-size:0.875rem;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}.time-slots-detail-modal{z-index:1060;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);min-height:auto;padding:1.75rem 0;height:auto}.time-slots-detail-modal.show{z-index:1060;display:block}.time-slots-detail-modal .modal-dialog{z-index:1061;margin:auto;max-width:420px}.time-slots-detail-modal .modal-content{background:#fff !important;border:1px solid rgba(0,0,0,0.08);border-radius:12px;-webkit-box-shadow:0 25px 50px -12px rgba(0,0,0,0.15);box-shadow:0 25px 50px -12px rgba(0,0,0,0.15);outline-offset:0 !important}.time-slots-detail-modal .modal-header{padding:1rem 1rem !important;border-bottom:1px solid rgba(0,0,0,0.08);background:white !important;border-radius:12px 12px 0 0}.time-slots-detail-modal .modal-header .modal-title{font-size:1.1rem;font-weight:600;color:#333 !important;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.time-slots-detail-modal .modal-header .modal-title .las.la-clock{margin-right:0.35rem;font-size:1.15rem}.time-slots-detail-modal .modal-header .btn-close{padding:0.5rem;opacity:0.6}.time-slots-detail-modal .modal-header .btn-close:hover{opacity:1}.time-slots-detail-modal .modal-body{padding:0rem 1rem 1.5rem !important;background:transparent;border-radius:0 0 12px 12px;color:#333 !important}.time-slots-detail-modal .modal-body .time-slots-detail-date{margin-bottom:1rem;font-size:0.95rem;color:#495057}.time-slots-detail-modal .modal-body .time-slots-detail-date span{padding-left:8px;font-size:1.1rem;color:#333}.time-slots-detail-modal .modal-body .time-slots-detail-date strong{color:#212529}.time-slots-detail-modal .modal-body .table{margin-bottom:0;width:100%}.time-slots-detail-modal .modal-body .table th{font-weight:600;color:#212529 !important;border-bottom-width:1px;background:none !important}.time-slots-detail-modal .modal-body .table td{vertical-align:middle;text-align:center;padding:8px 0}.time-slots-detail-modal .modal-body .table .slot-action .slot-action-btn-icon{padding:0.35rem 0.5rem;line-height:1}.time-slots-detail-modal .modal-body .table .slot-action .slot-action-btn-icon i{font-size:0.8rem}.time-slots-detail-modal .modal-body .table .slot-action .btn-outline-danger{color:#dc3545;border:none}.time-slots-detail-modal .modal-body .table .slot-action .btn-outline-danger:hover{color:#fff;background-color:#dc3545}.time-slots-detail-modal .modal-body .table .slot-action .btn-outline-secondary{color:#6c757d;border-color:#6c757d}.time-slots-detail-modal .modal-body .table .slot-action .btn-outline-secondary:hover{color:#fff;background-color:#6c757d}.time-slots-detail-modal .modal-body .table-secondary{background-color:rgba(0,0,0,0.03)}.page-show-slots .page-show-slots-header h4{margin-bottom:0;font-size:1.5rem;font-weight:600}.page-show-slots .page-show-slots-info p{margin-bottom:0.5rem}.page-show-slots .page-show-slots-back-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.35rem;background:#036EB8;font-size:0.8rem;border:none;padding:8px 24px}.page-show-slots .page-show-slots-back-btn .las{font-size:1.1rem}.page-show-slots .page-show-slots-back-btn:hover{color:#fff}.page-show-slots .page-show-slots-calendar .calendar-month-nav{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:1rem;margin-bottom:12px}.page-show-slots .page-show-slots-calendar .month-title{margin-bottom:0;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.page-show-slots .page-show-slots-calendar .calendar-nav-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.25rem;padding:0.4rem 0.75rem;font-size:0.9rem;color:#fff;background:none;border:none;border-radius:6px;text-decoration:none;-webkit-transition:background 0.2s, border-color 0.2s;transition:background 0.2s, border-color 0.2s}.page-show-slots .page-show-slots-calendar .calendar-nav-btn:hover{background:rgba(255,255,255,0.3);border-color:#fff;color:#fff}.page-show-slots .page-show-slots-calendar .calendar-nav-btn .las{font-size:1rem}.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}.mood-selector .mood-buttons{width:100%;display:block}.mood-selector .mood-buttons .row .col-2{padding:8px !important}.mood-selector .mood-buttons .health-log-form{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mood-selector .mood-buttons .mood-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:white;border:0 !important;border-radius:12px;padding:1rem;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;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:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.mood-selector .mood-buttons .mood-btn:hover{border-color:#036EB8;background-color:#f0f8ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.mood-selector .mood-buttons .mood-btn.active{border-color:#036EB8;background-color:#eef8ff;-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}.mood-selector .mood-buttons .mood-btn span{font-size:14px;font-weight:500;color:#272727}.health-condition-selector .health-condition-buttons .health-condition-btn{-webkit-transition:all 0.3s ease;transition:all 0.3s ease;font-size:14px}.health-condition-selector .health-condition-buttons .health-condition-btn: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)}.health-condition-selector .health-condition-buttons .health-condition-btn.active{-webkit-box-shadow:0 4px 8px rgba(13,110,253,0.3);box-shadow:0 4px 8px rgba(13,110,253,0.3)}.weather-selector .weather-buttons{width:100%;display:block}.weather-selector .weather-buttons .row .col-2{padding:8px !important}.weather-selector .weather-buttons .mental-health-log-form{width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.weather-selector .weather-buttons .weather-btn{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;background:white;border:0 !important;border-radius:12px;padding:1rem;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;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:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.weather-selector .weather-buttons .weather-btn:hover{border-color:#036EB8;background-color:#f0f8ff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.weather-selector .weather-buttons .weather-btn.active{border-color:#036EB8;background-color:#eef8ff;-webkit-box-shadow:0 4px 8px rgba(3,110,184,0.2);box-shadow:0 4px 8px rgba(3,110,184,0.2)}.weather-selector .weather-buttons .weather-btn span{font-size:14px;font-weight:500;color:#272727}.lesson-evaluation-container{background:#fff;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:24px;margin:20px 0}.evaluation-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;padding-bottom:16px;border-bottom:2px solid #e9ecef}.evaluation-title{color:#2c3e50;margin:0;font-size:1.5rem;font-weight:600}.overall-score{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:white;padding:8px 16px;border-radius:20px;font-weight:600}.evaluation-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:20px;margin-bottom:24px}.evaluation-item{background:#f8f9fa;border-radius:8px;padding:20px;border-left:4px solid #007bff}.evaluation-item-title{color:#495057;margin:0 0 16px 0;font-size:1.1rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.evaluation-item-title i{color:#007bff}.evaluation-scores{margin-bottom:16px}.score-item{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:8px;padding:8px 0}.score-label{font-weight:500;color:#495057}.score-value{font-weight:600;padding:4px 12px;border-radius:16px;font-size:0.9rem}.score-excellent{background:#d4edda;color:#155724}.score-good{background:#d1ecf1;color:#0c5460}.score-average{background:#fff3cd;color:#856404}.score-poor{background:#f8d7da;color:#721c24}.score-very-poor{background:#f5c6cb;color:#721c24}.step2-details,.step3-details{background:white;padding:12px;border-radius:6px;margin-top:12px}.quiz-info,.project-info{margin:0 0 8px 0;font-size:0.9rem;color:#6c757d}.project-feedback{margin-top:12px;padding-top:12px;border-top:1px solid #dee2e6}.project-feedback h5{margin:0 0 8px 0;color:#495057;font-size:0.9rem}.project-feedback p{margin:0;font-size:0.85rem;color:#6c757d;line-height:1.4}.detailed-feedback,.improvement-suggestions{background:#f8f9fa;border-radius:8px;padding:20px;margin-top:20px}.feedback-title,.suggestions-title{color:#495057;margin:0 0 16px 0;font-size:1.1rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.feedback-title i,.suggestions-title i{color:#28a745}.suggestions-list{list-style:none;padding:0;margin:0}.suggestion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;margin-bottom:8px;padding:8px 0;color:#495057}.suggestion-item i{color:#007bff;margin-top:2px}.no-feedback,.no-suggestions{color:#6c757d;font-style:italic;margin:0}@media (max-width: 768px){.evaluation-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.evaluation-grid{grid-template-columns:1fr}.lesson-evaluation-container{padding:16px}}#admin_dashboard .admin-dashboard{padding:2rem 1rem;min-height:0}#admin_dashboard .admin-dashboard .col-6{padding:0 8px}#admin_dashboard .admin-dashboard .col-lg-6{padding:0 8px}#admin_dashboard .admin-dashboard .col-lg-7{padding:0 8px}#admin_dashboard .admin-dashboard__header{margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:2px solid #036EB8}#admin_dashboard .admin-dashboard__page-title{font-size:1.35rem;font-weight:800;color:#0d1321;margin:0 0 0.2rem 0;letter-spacing:0.02em}#admin_dashboard .admin-dashboard__page-desc{font-size:0.8125rem;color:#495057;margin:0;line-height:1.3}#admin_dashboard .admin-dashboard__summary{margin-bottom:0.75rem}#admin_dashboard .admin-dashboard__summary .dash-stat-card{margin:0}#admin_dashboard .dash-stat-card__icon--purple{background:#f3e8ff;color:#6f42c1}#admin_dashboard .dash-stat-card__icon--teal{background:#ccfbf1;color:#0d9488}#admin_dashboard .admin-dashboard__card{background:#fff;border-radius:10px;padding:1.5rem;-webkit-box-shadow:0 4px 14px rgba(0,0,0,0.06);box-shadow:0 4px 14px rgba(0,0,0,0.06);border:1px solid #e0e4e9}#admin_dashboard .admin-dashboard__card--compact{padding:0.75rem 1rem}#admin_dashboard .admin-dashboard__card--equal{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}#admin_dashboard .admin-dashboard__row-equal{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}#admin_dashboard .admin-dashboard__row-equal .admin-dashboard__quick-actions,#admin_dashboard .admin-dashboard__row-equal .admin-dashboard__shortcut-links{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-line-pack:start;align-content:flex-start}#admin_dashboard .admin-dashboard__card-title{font-size:1.1875rem;font-weight:700;color:#0d1321;margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:2px solid #e2e6ea}#admin_dashboard .admin-dashboard__card-title i{margin-right:0.5rem;color:#036EB8;font-size:1.3rem}#admin_dashboard .admin-dashboard__card-title--compact{font-size:1rem;margin-bottom:0.5rem;padding-bottom:0.5rem}#admin_dashboard .admin-dashboard__figure{margin:0}#admin_dashboard .admin-dashboard__figcaption{font-size:1rem;color:#212529;margin-bottom:0.75rem;line-height:1.5}#admin_dashboard .admin-dashboard__figcaption strong{color:#0d1321}#admin_dashboard .admin-dashboard__figcaption--compact{font-size:0.875rem;margin-bottom:0.4rem;line-height:1.35}#admin_dashboard .admin-dashboard__chart-summary{display:inline-block;margin-top:0.35rem;font-size:0.875rem;color:#495057;font-weight:500}#admin_dashboard .admin-dashboard__chart-summary em{font-style:normal;font-weight:700;color:#036EB8}#admin_dashboard .admin-dashboard__chart-wrap{width:100%;height:380px;background:#fafbfc;border-radius:10px;padding:0.75rem;-webkit-box-sizing:border-box;box-sizing:border-box}#admin_dashboard .admin-dashboard__chart-wrap--sm{height:340px}#admin_dashboard .admin-dashboard__chart-wrap--compact{height:200px;padding:0.5rem;border-radius:8px}#admin_dashboard .admin-dashboard__chart-wrap--compact.admin-dashboard__chart-wrap--sm{height:200px}#admin_dashboard .admin-dashboard__chart-wrap canvas{display:block}#admin_dashboard .admin-dashboard__table-wrap{width:100%;overflow-x:auto;background:#fafbfc;border-radius:10px;padding:0.75rem}#admin_dashboard .admin-dashboard__table{width:100%;border-collapse:collapse;font-size:0.9375rem}#admin_dashboard .admin-dashboard__table th,#admin_dashboard .admin-dashboard__table td{padding:0.6rem 0.75rem;border-bottom:1px solid #e9ecef;vertical-align:middle}#admin_dashboard .admin-dashboard__table th{font-weight:700;color:#495057;background:#f1f3f5}#admin_dashboard .admin-dashboard__table td{color:#212529}#admin_dashboard .admin-dashboard__table tbody tr:hover td{background:#f8f9fa}#admin_dashboard .admin-dashboard__bar-cell{width:40%;min-width:120px;padding-left:1rem !important}#admin_dashboard .admin-dashboard__bar-track{height:1.25rem;background:#e9ecef;border-radius:6px;overflow:hidden}#admin_dashboard .admin-dashboard__bar-fill{display:block;height:100%;background:#036EB8;border-radius:6px;min-width:2px;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}#admin_dashboard .admin-dashboard__quick-actions{display:grid;grid-template-columns:repeat(3, 1fr);gap:0.5rem}@media (max-width: 768px){#admin_dashboard .admin-dashboard__quick-actions{grid-template-columns:1fr 1fr}}@media (max-width: 400px){#admin_dashboard .admin-dashboard__quick-actions{grid-template-columns:1fr}}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__quick-actions{gap:0.4rem}#admin_dashboard .admin-dashboard__quick-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;gap:0.4rem;padding:0.85rem 1rem;font-size:0.9375rem;font-weight:700;color:#036EB8;background:#e8f4fd;border:2px solid #036EB8;border-radius:12px;text-decoration:none;-webkit-transition:background 0.2s, color 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s;transition:background 0.2s, color 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s;transition:background 0.2s, color 0.2s, transform 0.15s, box-shadow 0.2s;transition:background 0.2s, color 0.2s, transform 0.15s, box-shadow 0.2s, -webkit-transform 0.15s, -webkit-box-shadow 0.2s}#admin_dashboard .admin-dashboard__quick-btn i{font-size:1.35rem}#admin_dashboard .admin-dashboard__quick-btn:hover{background:#036EB8;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(3,110,184,0.35);box-shadow:0 4px 12px rgba(3,110,184,0.35)}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__quick-btn{padding:0.5rem 0.65rem;font-size:0.8125rem;border-radius:8px}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__quick-btn i{font-size:1.1rem}#admin_dashboard .admin-dashboard__progress{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}#admin_dashboard .admin-dashboard__progress-item{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:110px;padding:1.1rem;border-radius:12px;text-align:center;border:2px solid transparent}#admin_dashboard .admin-dashboard__progress-item--done{background:#d4edda;color:#0f5132;border-color:#badbcc}#admin_dashboard .admin-dashboard__progress-item--draft{background:#cce5ff;color:#084298;border-color:#9ec5fe}#admin_dashboard .admin-dashboard__progress-item--none{background:#e9ecef;color:#495057;border-color:#dee2e6}#admin_dashboard .admin-dashboard__progress-label{display:block;font-size:0.8125rem;font-weight:700;margin-bottom:0.4rem;color:inherit;opacity:0.95}#admin_dashboard .admin-dashboard__progress-value{font-size:1.6rem;font-weight:800}#admin_dashboard .admin-dashboard__tabs{border-bottom:2px solid #dee2e6;margin-bottom:1rem}#admin_dashboard .admin-dashboard__tabs .nav-link{font-size:0.9375rem;font-weight:600;color:#495057;border:none;padding:0.65rem 1rem}#admin_dashboard .admin-dashboard__tabs .nav-link.active{color:#036EB8;font-weight:700;border-bottom:3px solid #036EB8;background:#f8fbff;margin-bottom:-2px;border-radius:8px 8px 0 0}#admin_dashboard .admin-dashboard__tab-content{min-height:160px;background:#fafbfc;border-radius:0 0 10px 10px;padding:0.5rem 0}#admin_dashboard .admin-dashboard__tab-content .list-group-item{font-size:0.9375rem;padding:0.75rem 1rem;border:none;border-bottom:1px solid #eee;background:transparent}#admin_dashboard .admin-dashboard__tab-content .list-group-item a{color:#0d1321;font-weight:600}#admin_dashboard .admin-dashboard__tab-content .list-group-item small{font-size:0.8125rem}#admin_dashboard .admin-dashboard__tab-content .list-group-item:last-child{border-bottom:none}#admin_dashboard .admin-dashboard__empty{text-align:center;color:#6c757d;padding:2rem 1rem !important;margin:0;font-size:0.9375rem}#admin_dashboard .admin-dashboard__empty i{font-size:2rem;display:block;margin-bottom:0.5rem;opacity:0.6}#admin_dashboard .admin-dashboard__activity-list{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}#admin_dashboard .admin-dashboard__activity-item{display:grid;grid-template-columns:1fr 1.5fr auto auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;font-size:0.9375rem;padding:0.85rem 1rem;border-bottom:1px solid #e9ecef}#admin_dashboard .admin-dashboard__activity-item:last-child{border-bottom:none}#admin_dashboard .admin-dashboard__activity-item--alt{background:#f8f9fb}@media (max-width: 576px){#admin_dashboard .admin-dashboard__activity-item{grid-template-columns:1fr auto}#admin_dashboard .admin-dashboard__activity-item .admin-dashboard__activity-what{grid-column:1/-1}}#admin_dashboard .admin-dashboard__activity-item .badge{font-size:0.7rem;font-weight:700;padding:0.35rem 0.6rem}#admin_dashboard .admin-dashboard__activity-who{font-weight:700;color:#0d1321}#admin_dashboard .admin-dashboard__activity-what{color:#495057;font-size:0.875rem}#admin_dashboard .admin-dashboard__activity-date{font-size:0.8125rem;color:#6c757d}#admin_dashboard .admin-dashboard__shortcuts .admin-dashboard__card-title{border-bottom:none;padding-bottom:0;margin-bottom:1rem}#admin_dashboard .admin-dashboard__shortcuts .admin-dashboard__card-title--compact{margin-bottom:0.5rem}#admin_dashboard .admin-dashboard__shortcut-links{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__shortcut-links{gap:0.4rem}#admin_dashboard .admin-dashboard__shortcut-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.4rem;padding:0.6rem 1rem;font-size:0.9375rem;font-weight:600;color:#495057;background:#f1f3f5;border:1px solid #dee2e6;border-radius:10px;text-decoration:none;-webkit-transition:background 0.2s, color 0.2s, border-color 0.2s;transition:background 0.2s, color 0.2s, border-color 0.2s}#admin_dashboard .admin-dashboard__shortcut-link i{font-size:1.2rem;color:#036EB8}#admin_dashboard .admin-dashboard__shortcut-link:hover{background:#e8f4fd;color:#036EB8;border-color:#036EB8}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__shortcut-link{padding:0.4rem 0.75rem;font-size:0.8125rem;border-radius:8px}.admin-dashboard__card--compact #admin_dashboard .admin-dashboard__shortcut-link i{font-size:1rem}#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:24px;font-weight:600;color:#272727;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}#admin_dashboard .pageTitle i{color:#036EB8;margin-right:8px}#admin_dashboard .pageTitle span{margin-left:16px}#admin_dashboard .pageTitle a{color:#036EB8;text-decoration:none;font-size:14px}#admin_dashboard .admin_main-content{padding:2rem;background:#f8f9fa;min-height:calc(100vh - 200px)}#admin_dashboard .admin-system-desc{font-size:0.9375rem}#admin_dashboard .admin-system-state-label{font-size:0.8125rem;font-weight:600}#admin_dashboard .admin-system-badge{font-size:0.875rem;padding:0.35rem 0.75rem}#admin_dashboard .admin-system-alert.alert-warning{background:#fff8e6 !important}#admin_dashboard .admin-system-alert.alert-info{background:#e8f4fd !important}#admin_dashboard .system-settings-card{border:none;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1);border-radius:10px;overflow:hidden}#admin_dashboard .system-settings-card .card-header{background:linear-gradient(135deg, #036EB8 0%, #0284c7 100%);border:none;padding:1.25rem 1.5rem}#admin_dashboard .system-settings-card .card-header h5{font-size:1.25rem;font-weight:600}#admin_dashboard .system-settings-card .card-body{padding:2rem}#admin_dashboard .system-settings-card .disaster-mode-control{background:#f8f9fa;padding:1.25rem;border-radius:10px;border:1px solid #e9ecef}#admin_dashboard .system-settings-card .disaster-mode-control h6{font-size:0.9rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:1rem}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-container{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;margin:1rem 0}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-label{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input{position:absolute;opacity:0;width:0;height:0}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:checked+.disaster-mode-switch-slider{background-color:#dc3545}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:checked+.disaster-mode-switch-slider:before{-webkit-transform:translateX(60px);transform:translateX(60px)}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:checked~.disaster-mode-switch-text .switch-label-off{opacity:0}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:checked~.disaster-mode-switch-text .switch-label-on{opacity:1}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:not(:checked)~.disaster-mode-switch-text .switch-label-off{opacity:1}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:not(:checked)~.disaster-mode-switch-text .switch-label-on{opacity:0}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:disabled{cursor:not-allowed}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-input:disabled+.disaster-mode-switch-slider{opacity:0.6;cursor:not-allowed}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-slider{position:relative;width:120px;height:60px;background-color:#ccc;border-radius:60px;-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease;-webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.1);box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-slider:before{content:"";position:absolute;width:52px;height:52px;left:4px;top:4px;background-color:white;border-radius:50%;-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;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2)}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-text{position:absolute;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;pointer-events:none;font-weight:600;font-size:1rem;color:white;text-shadow:0 1px 2px rgba(0,0,0,0.2)}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-text .switch-label-off,#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-text .switch-label-on{-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-text .switch-label-off{padding-left:8px}#admin_dashboard .system-settings-card .disaster-mode-control .disaster-mode-switch-text .switch-label-on{padding-right:8px}#admin_dashboard .system-settings-card .alert{border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:0}#admin_dashboard .system-settings-card .alert i{-ms-flex-negative:0;flex-shrink:0}#admin_dashboard .system-settings-card #changeDisasterModeBtn{min-width:250px;font-weight:600;border-radius:8px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;border:none}#admin_dashboard .system-settings-card #changeDisasterModeBtn:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15);box-shadow:0 4px 12px rgba(0,0,0,0.15)}#admin_dashboard .system-settings-card #changeDisasterModeBtn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}#admin_dashboard .system-settings-card #changeDisasterModeBtn:disabled{opacity:0.7;cursor:not-allowed}#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:200px !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:0rem}#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}#admin_dashboard .lesson-show-container{width:100%;max-width:100%}#admin_dashboard .lesson-show-container .lesson-content,#admin_dashboard .lesson-show-container .lesson_detileBox{width:100%;max-width:100%;display:block !important}.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}.course_indexBox .col-3{max-width:calc(25% - 16px);margin:0 auto}.course_indexBox .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}.course_indexBox .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;margin-right:8px !important}.admin-steps-content{padding:3rem 0}.admin-steps-content .admin-step-show{max-width:960px;margin:0 auto}.admin-steps-content .admin-step-show__title{margin:0 0 0.5rem;color:#212529;font-size:1.5rem;font-weight:700;line-height:1.35}.admin-steps-content .admin-step-show__desc{margin:0 0 1.5rem;color:#343a40;font-size:1.05rem;line-height:1.6}.admin-steps-content .admin-step-show__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem;margin-top:1.75rem;padding-top:1rem;border-top:1px solid #dee2e6}.admin-steps-content .admin-step-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;padding:0.5rem 1.1rem;font-size:0.9375rem;font-weight:600;text-decoration:none;border-radius:8px;border:1px solid transparent;-webkit-transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease;transition:background 0.15s ease, color 0.15s ease, border-color 0.15s ease}.admin-steps-content .admin-step-btn--secondary{background:#e9ecef;color:#212529 !important;border-color:#ced4da}.admin-steps-content .admin-step-btn--secondary:hover{background:#dee2e6;color:#000 !important}.admin-steps-content .admin-step-btn--primary{background:#0d6efd;color:#fff !important;border-color:#0d6efd}.admin-steps-content .admin-step-btn--primary:hover{background:#0b5ed7;border-color:#0a58ca;color:#fff !important}.admin-steps-content .admin-step-panel{margin-bottom:1.5rem;background:#fff;border:1px solid #dee2e6;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.06);box-shadow:0 1px 4px rgba(0,0,0,0.06);overflow:hidden}.admin-steps-content .admin-step-panel__head{padding:0.75rem 1.125rem;background:#f1f3f5;border-bottom:1px solid #dee2e6}.admin-steps-content .admin-step-panel__title{margin:0;font-size:1.1rem;font-weight:600;color:#212529}.admin-steps-content .admin-step-panel__title i{margin-right:0.4rem;color:#495057}.admin-steps-content .admin-step-panel__body{padding:1.125rem 1.25rem}.admin-steps-content .admin-step-panel__body--flush{padding:0}.admin-steps-content .admin-step-task{margin-bottom:1rem;padding:1rem 1.125rem;border:1px solid #dee2e6;border-radius:10px;background:#fafbfc}.admin-steps-content .admin-step-task:last-child{margin-bottom:0}.admin-steps-content .admin-step-task__title{margin:0 0 0.5rem;font-size:1rem;font-weight:700;color:#212529}.admin-steps-content .admin-step-task__body{margin:0;color:#343a40;line-height:1.55}.admin-steps-content .admin-step-msg{padding:0.75rem 1rem;border-radius:10px;margin-bottom:1rem;line-height:1.55;font-size:0.9375rem}.admin-steps-content .admin-step-msg:last-child{margin-bottom:0}.admin-steps-content .admin-step-msg i{margin-right:0.35rem}.admin-steps-content .admin-step-msg--info{background:#e7f1ff;border:1px solid #9ec5fe;color:#052c65}.admin-steps-content .admin-step-msg--warning{background:#fff3cd;border:1px solid #e0c36a;color:#664d03}.admin-steps-content .admin-step-msg__link{font-weight:700;text-decoration:underline;color:inherit}.admin-steps-content .admin-step-quiz-preview{margin-bottom:1.5rem;background:#fff;border:1px solid #dee2e6;border-radius:12px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.06);box-shadow:0 1px 4px rgba(0,0,0,0.06);overflow:hidden}.admin-steps-content .admin-step-quiz-preview__header{padding:0.75rem 1.125rem;background:#0d6efd;color:#fff}.admin-steps-content .admin-step-quiz-preview__title{margin:0;font-size:1.1rem;font-weight:600;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;color:#fff !important}.admin-steps-content .admin-step-quiz-preview__title i{opacity:0.95;font-size:1.05rem}.admin-steps-content .admin-step-quiz-preview__body{padding:1.125rem 1.25rem;background:#f1f5f9}.admin-steps-content .admin-step-quiz-question{margin-bottom:1rem;padding:1rem 1.125rem;background:#fff;border:1px solid #ced4da;border-radius:10px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.06);box-shadow:0 1px 4px rgba(0,0,0,0.06)}.admin-steps-content .admin-step-quiz-question:last-child{margin-bottom:0}.admin-steps-content .admin-step-quiz-question__head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem 1rem;margin-bottom:0.65rem}.admin-steps-content .admin-step-quiz-question__num{margin:0;font-size:1rem;font-weight:700;color:#212529}.admin-steps-content .admin-step-quiz-question__tag{display:inline-block;padding:0.2rem 0.55rem;font-size:0.75rem;font-weight:600;color:#fff;background:#6c757d;border-radius:999px;line-height:1.2}.admin-steps-content .admin-step-quiz-qtext{margin:0 0 1rem;color:#212529;font-size:1.0625rem;line-height:1.65;font-weight:500}.admin-steps-content .admin-step-quiz-options{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}.admin-steps-content .admin-step-quiz-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;padding:0.75rem 1.125rem;border:1px solid #dee2e6;border-radius:10px;background:#fff;-webkit-transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease}.admin-steps-content .admin-step-quiz-option:hover{border-color:#86b7fe;-webkit-box-shadow:0 0 0 1px rgba(13,110,253,0.15);box-shadow:0 0 0 1px rgba(13,110,253,0.15)}.admin-steps-content .admin-step-quiz-option--correct{border-color:#0d6efd;border-width:2px;background:-webkit-gradient(linear, left top, right top, from(#eef6ff), color-stop(60%, #fff));background:linear-gradient(90deg, #eef6ff 0%, #fff 60%);-webkit-box-shadow:0 0 0 1px rgba(13,110,253,0.12);box-shadow:0 0 0 1px rgba(13,110,253,0.12)}.admin-steps-content .admin-step-quiz-option--correct:hover{border-color:#0a58ca;-webkit-box-shadow:0 2px 10px rgba(13,110,253,0.16);box-shadow:0 2px 10px rgba(13,110,253,0.16)}.admin-steps-content .admin-step-quiz-option--correct .admin-step-quiz-option-letter{color:#0a58ca;font-weight:800}.admin-steps-content .admin-step-quiz-option--correct .admin-step-quiz-option__input:checked:disabled{accent-color:#0d6efd;opacity:1}.admin-steps-content .admin-step-quiz-option__label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;margin:0;cursor:default}.admin-steps-content .admin-step-quiz-option__input{width:1.25rem;height:1.25rem;margin:0;-ms-flex-negative:0;flex-shrink:0;accent-color:#495057;cursor:default}.admin-steps-content .admin-step-quiz-option__input:disabled{opacity:0.95;cursor:default}.admin-steps-content .admin-step-quiz-option__text{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#1a1a1a;font-size:1rem;line-height:1.5}.admin-steps-content .admin-step-quiz-option-letter{font-weight:700;color:#0d6efd;margin-right:0.35rem}.admin-steps-content .admin-step-quiz-option-mark{margin-left:auto;-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;padding:0.35rem 0.7rem;background:#0d6efd;color:#fff !important;font-size:0.75rem;font-weight:700;letter-spacing:0.04em;border-radius:999px;line-height:1.2;white-space:nowrap;-webkit-box-shadow:0 1px 3px rgba(13,110,253,0.35);box-shadow:0 1px 3px rgba(13,110,253,0.35)}.admin-steps-content .admin-step-quiz-option-mark i{font-size:0.875rem}.admin-steps-content .admin-step-quiz-answer-key{margin-top:1rem;padding:1rem 1.25rem;background:linear-gradient(135deg, #e7f1ff 0%, #d3e8ff 100%);border:2px solid #0d6efd;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(13,110,253,0.12);box-shadow:0 2px 8px rgba(13,110,253,0.12)}.admin-steps-content .admin-step-quiz-answer-key__main{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem 1rem;margin-bottom:0.5rem}.admin-steps-content .admin-step-quiz-answer-key__tag{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;padding:0.35rem 0.75rem;background:#0d6efd;color:#fff !important;font-weight:700;font-size:0.875rem;letter-spacing:0.02em;border-radius:999px;-ms-flex-negative:0;flex-shrink:0}.admin-steps-content .admin-step-quiz-answer-key__tag i{font-size:1rem;opacity:0.95}.admin-steps-content .admin-step-quiz-answer-key__letter{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;color:#0d6efd !important;font-size:1.5rem;font-weight:800;line-height:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.08);box-shadow:0 1px 3px rgba(0,0,0,0.08);-ms-flex-negative:0;flex-shrink:0}.admin-steps-content .admin-step-quiz-answer-key__value{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:12rem;color:#052c65 !important;font-size:1.0625rem;font-weight:600;line-height:1.5}.admin-steps-content .admin-step-quiz-answer-key__value--fallback{color:#495057 !important;font-weight:500;font-size:1rem}.admin-steps-content .admin-step-quiz-answer-key__hint{margin:0;color:#495057 !important;font-size:0.8125rem !important;font-weight:500 !important;padding-top:0.35rem;border-top:1px solid rgba(13,110,253,0.2)}.admin-quiz-edit-page{max-width:960px;margin:0 auto;padding:0 0.25rem}.admin-quiz-edit-page__head{margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:1px solid #dee2e6}.admin-quiz-edit-page__title{margin:0;font-size:1.35rem;font-weight:700;color:#212529;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.admin-quiz-edit-page__title i{color:#0d6efd}.admin-quiz-edit-page__main{margin-top:0.5rem}.admin-quiz-settings__panel{background:#fff;border:1px solid #dee2e6;border-radius:14px;-webkit-box-shadow:0 4px 24px rgba(15,23,42,0.06);box-shadow:0 4px 24px rgba(15,23,42,0.06);overflow:hidden}.admin-quiz-settings__panel-head{padding:0.9rem 1.25rem;background:linear-gradient(135deg, #0d6efd 0%, #0a58ca 100%);color:#fff}.admin-quiz-settings__panel-title{margin:0;font-size:1.15rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;letter-spacing:0.02em}.admin-quiz-settings__panel-title i{opacity:0.95}.admin-quiz-settings__panel-body{padding:1.35rem 1.35rem 1.5rem;background:#f8fafc}.admin-quiz-settings__form{margin:0}.admin-quiz-settings__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:1.25rem 1.5rem;margin-bottom:1.25rem}@media (max-width: 640px){.admin-quiz-settings__grid{grid-template-columns:1fr}}.admin-quiz-settings__field{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.45rem}.admin-quiz-settings__field--full{margin-bottom:1.25rem}.admin-quiz-settings__label{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.9375rem;font-weight:700;color:#212529}.admin-quiz-settings__label-bar{width:4px;height:1.1em;border-radius:2px;background:#0d6efd;-ms-flex-negative:0;flex-shrink:0}.admin-quiz-settings__label-text{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem}.admin-quiz-settings__label-text i{color:#0d6efd;font-size:0.9em}.admin-quiz-settings__input,.admin-quiz-settings__select,.admin-quiz-settings__textarea{width:100%;padding:0.6rem 0.85rem;font-size:1rem;line-height:1.5;color:#212529;background:#fff;border:1px solid #ced4da;border-radius:10px;-webkit-transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, -webkit-box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease;transition:border-color 0.15s ease, box-shadow 0.15s ease, -webkit-box-shadow 0.15s ease}.admin-quiz-settings__input:focus,.admin-quiz-settings__select:focus,.admin-quiz-settings__textarea:focus{outline:none;border-color:#86b7fe;-webkit-box-shadow:0 0 0 3px rgba(13,110,253,0.18);box-shadow:0 0 0 3px rgba(13,110,253,0.18)}.admin-quiz-settings__input:disabled,.admin-quiz-settings__select:disabled,.admin-quiz-settings__textarea:disabled{opacity:0.65;cursor:not-allowed}.admin-quiz-settings__textarea{min-height:6rem;resize:vertical}.admin-quiz-settings__hint{margin:0;font-size:0.8125rem;color:#6c757d;line-height:1.45}.admin-quiz-settings__hint-inline{display:block;margin-top:0.35rem;font-size:0.8125rem;color:#6c757d}.admin-quiz-settings__actions{text-align:center;padding-top:0.25rem}.admin-quiz-settings__submit{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;gap:0.5rem;padding:0.75rem 1.75rem;font-size:1.05rem;font-weight:700;color:#fff !important;background:-webkit-gradient(linear, left top, left bottom, from(#3d8bfd), to(#0d6efd));background:linear-gradient(180deg, #3d8bfd 0%, #0d6efd 100%);border:1px solid #0a58ca;border-radius:999px;cursor:pointer;-webkit-box-shadow:0 2px 8px rgba(13,110,253,0.35);box-shadow:0 2px 8px rgba(13,110,253,0.35);-webkit-transition:-webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease;transition:-webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease;transition:transform 0.12s ease, box-shadow 0.12s ease;transition:transform 0.12s ease, box-shadow 0.12s ease, -webkit-transform 0.12s ease, -webkit-box-shadow 0.12s ease}.admin-quiz-settings__submit:hover:not(:disabled){-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 14px rgba(13,110,253,0.4);box-shadow:0 4px 14px rgba(13,110,253,0.4)}.admin-quiz-settings__submit:disabled{opacity:0.75;cursor:not-allowed;-webkit-transform:none;transform:none}.admin-quiz-settings__actions-note{margin:0.65rem 0 0;font-size:0.875rem;color:#6c757d}.admin-quiz-settings__status{margin-top:1.25rem}.admin-quiz-settings__status-box{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.65rem 1rem;padding:0.85rem 1rem;border-radius:10px;border:1px solid transparent}.admin-quiz-settings__status-box--info{background:#e7f1ff;border-color:#9ec5fe;color:#052c65}.admin-quiz-settings__status-box--success{background:#d1e7dd;border-color:#a3cfbb;color:#0a3622}.admin-quiz-settings__status-box--danger{background:#f8d7da;border-color:#f1aeb5;color:#58151c}.admin-quiz-settings__status-icon{-ms-flex-negative:0;flex-shrink:0;font-size:1.25rem;line-height:1}.admin-quiz-settings__status-msg{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:12rem;font-size:0.9375rem;line-height:1.5}.admin-quiz-settings__status-msg--error{font-weight:600}.admin-quiz-settings__status-actions{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.admin-quiz-settings__retry{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;padding:0.4rem 0.85rem;font-size:0.8125rem;font-weight:700;color:#664d03 !important;background:#ffecb5;border:1px solid #e0a800;border-radius:8px;cursor:pointer}.admin-quiz-settings__retry:hover{background:#ffe066}.admin-quiz-generated{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid #dee2e6}.admin-quiz-generated__panel{border:1px solid #badbcc;border-radius:14px;overflow:hidden;background:#fff;-webkit-box-shadow:0 2px 12px rgba(25,135,84,0.08);box-shadow:0 2px 12px rgba(25,135,84,0.08)}.admin-quiz-generated__head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.5rem 1rem;padding:0.85rem 1.15rem;background:linear-gradient(135deg, #198754 0%, #146c43 100%);color:#fff}.admin-quiz-generated__title{margin:0;font-size:1.05rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.45rem}.admin-quiz-generated__count{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.25rem 0.65rem;font-size:0.8125rem;font-weight:700;color:#198754;background:#fff;border-radius:999px}.admin-quiz-generated__body{padding:1.15rem 1.25rem 1.35rem;background:#f8fff9}.admin-quiz-generated__summary{margin-bottom:1.25rem}.admin-quiz-generated__summary-box{padding:1rem 1.1rem;background:#d1e7dd;border:1px solid #a3cfbb;border-radius:10px;color:#0a3622}.admin-quiz-generated__summary-title{margin:0 0 0.65rem;font-size:1rem;font-weight:700}.admin-quiz-generated__summary-list{margin:0;padding-left:1.2rem;font-size:0.9rem;line-height:1.65}.admin-quiz-generated__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.admin-quiz-generated__loading{text-align:center;padding:2rem 1rem;color:#6c757d}.admin-quiz-generated__loading i{font-size:2rem;margin-bottom:0.5rem}.admin-quiz-generated__loading p{margin:0}.admin-quiz-qcard{border:1px solid #9ec5fe;border-radius:12px;overflow:hidden;background:#fff;-webkit-box-shadow:0 1px 6px rgba(13,110,253,0.08);box-shadow:0 1px 6px rgba(13,110,253,0.08)}.admin-quiz-qcard__head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.5rem;padding:0.65rem 1rem;background:-webkit-gradient(linear, left top, right top, from(#0d6efd), to(#0a58ca));background:linear-gradient(90deg, #0d6efd 0%, #0a58ca 100%);color:#fff}.admin-quiz-qcard__title{margin:0;font-size:1rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.4rem}.admin-quiz-qcard__badge{font-size:0.75rem;font-weight:700;padding:0.2rem 0.55rem;background:rgba(255,255,255,0.95);color:#0d6efd;border-radius:999px}.admin-quiz-qcard__body{padding:1rem 1.1rem}.admin-quiz-qcard__block{margin-bottom:1rem}.admin-quiz-qcard__block:last-of-type{margin-bottom:0.75rem}.admin-quiz-qcard__subhead{margin:0 0 0.4rem;font-size:0.8125rem;font-weight:700;color:#0d6efd;text-transform:uppercase;letter-spacing:0.04em}.admin-quiz-qcard__subhead--choices{color:#198754}.admin-quiz-qcard__subhead--explain{color:#0dcaf0}.admin-quiz-qcard__text{margin:0;color:#212529;line-height:1.6}.admin-quiz-qcard__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.5rem}.admin-quiz-qcard__choice{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.55rem 0.75rem;border:1px solid #dee2e6;border-radius:8px;background:#fff}.admin-quiz-qcard__choice--correct{border-color:#198754;background:-webkit-gradient(linear, left top, right top, from(#e8f5e9), to(#fff));background:linear-gradient(90deg, #e8f5e9 0%, #fff 100%)}.admin-quiz-qcard__choice-text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:0.9375rem;color:#343a40}.admin-quiz-qcard__choice--correct .admin-quiz-qcard__choice-text{font-weight:700;color:#146c43}.admin-quiz-qcard__correct-mark{-ms-flex-negative:0;flex-shrink:0;padding:0.15rem 0.5rem;font-size:0.7rem;font-weight:800;letter-spacing:0.06em;color:#fff;background:#198754;border-radius:999px}.admin-quiz-qcard__meta{margin-top:0.75rem;padding-top:0.65rem;border-top:1px dashed #dee2e6;font-size:0.78rem;color:#6c757d}.admin-quiz-actions{margin-top:1.25rem;padding:1.1rem 1.15rem;background:#f1f3f5;border:1px solid #dee2e6;border-radius:12px}.admin-quiz-actions__title{margin:0 0 0.85rem;font-size:1rem;font-weight:700;color:#0d6efd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.4rem}.admin-quiz-actions__buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.6rem}.admin-quiz-actions__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;gap:0.4rem;padding:0.55rem 1.1rem;font-size:0.9375rem;font-weight:700;border-radius:10px;border:1px solid transparent;cursor:pointer;-webkit-transition:-webkit-filter 0.12s ease, -webkit-transform 0.12s ease;transition:-webkit-filter 0.12s ease, -webkit-transform 0.12s ease;transition:filter 0.12s ease, transform 0.12s ease;transition:filter 0.12s ease, transform 0.12s ease, -webkit-filter 0.12s ease, -webkit-transform 0.12s ease}.admin-quiz-actions__btn:hover:not(:disabled){-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.admin-quiz-actions__btn:disabled{opacity:0.7;cursor:not-allowed;-webkit-transform:none;transform:none}.admin-quiz-actions__btn--save{color:#fff !important;background:#198754;border-color:#146c43}.admin-quiz-actions__btn--preview{color:#fff !important;background:#0dcaf0;border-color:#0aa2c0}.admin-quiz-actions__btn--regen{color:#664d03 !important;background:#ffc107;border-color:#e0a800}.admin-quiz-actions__btn--clear{color:#fff !important;background:#6c757d;border-color:#565e64}.admin-quiz-dialog{border:none;padding:0;width:96vw;max-width:960px;background:transparent}.admin-quiz-dialog::-ms-backdrop{background:rgba(15,23,42,0.55)}.admin-quiz-dialog::backdrop{background:rgba(15,23,42,0.55)}.admin-quiz-dialog__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:88vh;max-height:900px;background:#fff;border-radius:14px;overflow:hidden;-webkit-box-shadow:0 20px 50px rgba(0,0,0,0.25);box-shadow:0 20px 50px rgba(0,0,0,0.25)}.admin-quiz-dialog__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;gap:1rem;padding:0.85rem 1.1rem;background:linear-gradient(135deg, #0dcaf0 0%, #0aa2c0 100%);color:#fff}.admin-quiz-dialog__title{margin:0;font-size:1.05rem;font-weight:700;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.45rem}.admin-quiz-dialog__close{-ms-flex-negative:0;flex-shrink:0;width:2.25rem;height:2.25rem;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;padding:0;font-size:1.5rem;line-height:1;color:#fff;background:rgba(255,255,255,0.2);border:none;border-radius:8px;cursor:pointer}.admin-quiz-dialog__close:hover{background:rgba(255,255,255,0.35)}.admin-quiz-dialog__body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:auto;padding:1.1rem 1.25rem;background:#f8fafc}.admin-quiz-dialog__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:0.6rem;padding:0.85rem 1.1rem;border-top:1px solid #dee2e6;background:#fff}.admin-quiz-dialog__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.35rem;padding:0.5rem 1.1rem;font-size:0.9375rem;font-weight:700;border-radius:10px;border:1px solid transparent;cursor:pointer}.admin-quiz-dialog__btn--secondary{color:#212529 !important;background:#e9ecef;border-color:#ced4da}.admin-quiz-dialog__btn--primary{color:#fff !important;background:#198754;border-color:#146c43}.admin-quiz-preview__intro{padding:0.85rem 1rem;margin-bottom:1rem;background:#e7f1ff;border:1px solid #9ec5fe;border-radius:10px;color:#052c65}.admin-quiz-preview__intro-title{margin:0 0 0.35rem;font-size:1rem;font-weight:700}.admin-quiz-preview__intro-text{margin:0;font-size:0.9rem;line-height:1.5}.admin-quiz-preview__questions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.admin-quiz-preview__question{padding:1rem;background:#fff;border:1px solid #dee2e6;border-radius:10px}.admin-quiz-preview__qhead{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.5rem;margin-bottom:0.65rem}.admin-quiz-preview__qtitle{margin:0;font-size:1rem;font-weight:700;color:#0d6efd}.admin-quiz-preview__qbadge{font-size:0.75rem;font-weight:700;padding:0.2rem 0.55rem;background:#e9ecef;color:#495057;border-radius:999px}.admin-quiz-preview__qbody{margin:0 0 0.85rem;font-weight:600;color:#212529;line-height:1.55}.admin-quiz-preview__choices-title{margin:0 0 0.45rem;font-size:0.8125rem;font-weight:700;color:#198754}.admin-quiz-preview__choice-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.5rem}@media (max-width: 560px){.admin-quiz-preview__choice-grid{grid-template-columns:1fr}}.admin-quiz-preview__choice{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;padding:0.5rem 0.65rem;border:1px solid #dee2e6;border-radius:8px;font-size:0.875rem}.admin-quiz-preview__choice--correct{border-color:#198754;background:#e8f5e9}.admin-quiz-preview__choice-label{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.admin-quiz-preview__choice--correct .admin-quiz-preview__choice-label{font-weight:700;color:#146c43}.admin-quiz-preview__correct-tag{-ms-flex-negative:0;flex-shrink:0;padding:0.1rem 0.45rem;font-size:0.65rem;font-weight:800;color:#fff;background:#198754;border-radius:999px}.admin-quiz-preview__summary{margin-top:1.25rem;padding:1rem;background:#f1f3f5;border-radius:10px;border:1px solid #dee2e6}.admin-quiz-preview__summary-title{margin:0 0 0.65rem;font-size:1rem;font-weight:700}.admin-quiz-preview__summary-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.5rem 1rem;font-size:0.875rem}@media (max-width: 480px){.admin-quiz-preview__summary-grid{grid-template-columns:1fr}}.admin-broadcast-announcements{padding:3rem 2rem;min-height:0}.admin-broadcast-announcements .admin-broadcast-announcements__header{margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:2px solid #036EB8}.admin-broadcast-announcements .admin-broadcast-announcements__header-inner{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:0.5rem}.admin-broadcast-announcements .admin-broadcast-announcements__title{font-size:1.35rem;font-weight:800;color:#0d1321;margin:0 0 0.2rem 0;letter-spacing:0.02em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.admin-broadcast-announcements .admin-broadcast-announcements__title i{color:#036EB8}.admin-broadcast-announcements .admin-broadcast-announcements__desc{font-size:0.8125rem;color:#495057;margin:0;line-height:1.3}.admin-broadcast-announcements .admin-broadcast-announcements__header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.admin-broadcast-announcements .admin-broadcast-announcements__btn-new{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;padding:0.4rem 0.75rem;font-size:0.875rem;font-weight:600;color:#fff;background:#036EB8;border:1px solid #036EB8;border-radius:8px;text-decoration:none;-webkit-transition:background 0.2s, border-color 0.2s;transition:background 0.2s, border-color 0.2s}.admin-broadcast-announcements .admin-broadcast-announcements__btn-new:hover{background:#025a9a;border-color:#025a9a;color:#fff}.admin-broadcast-announcements .admin-broadcast-announcements__btn-new--secondary{background:#6c757d;border-color:#6c757d}.admin-broadcast-announcements .admin-broadcast-announcements__btn-new--secondary:hover{background:#5a6268;border-color:#545b62;color:#fff}.admin-broadcast-announcements .admin-broadcast-announcements__summary{margin-bottom:1rem}.admin-broadcast-announcements .admin-broadcast-announcements__summary-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.admin-broadcast-announcements .admin-broadcast-announcements__stat-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;padding:0.6rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.05);-webkit-transition:-webkit-box-shadow 0.2s;transition:-webkit-box-shadow 0.2s;transition:box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s}.admin-broadcast-announcements .admin-broadcast-announcements__stat-card:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.08);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.admin-broadcast-announcements .admin-broadcast-announcements__stat-icon{width:36px;height:36px;border-radius:10px;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;font-size:1.1rem;-ms-flex-negative:0;flex-shrink:0}.admin-broadcast-announcements .admin-broadcast-announcements__stat-icon--blue{background:#e3f2fd;color:#036EB8}.admin-broadcast-announcements .admin-broadcast-announcements__stat-icon--green{background:#e8f5e9;color:#28a745}.admin-broadcast-announcements .admin-broadcast-announcements__stat-icon--orange{background:#fff3e0;color:#e67e22}.admin-broadcast-announcements .admin-broadcast-announcements__stat-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.admin-broadcast-announcements .admin-broadcast-announcements__stat-value{font-size:1.25rem;font-weight:700;color:#212529;line-height:1.2}.admin-broadcast-announcements .admin-broadcast-announcements__stat-label{font-size:0.7rem;color:#6c757d;font-weight:500}.admin-broadcast-announcements .admin-broadcast-announcements__card{background:#fff;border-radius:10px;padding:0;overflow:hidden;margin-top:3rem}.admin-broadcast-announcements .admin-broadcast-announcements__card--padded{padding:1.5rem;margin-top:0}.admin-broadcast-announcements .admin-broadcast-announcements__table-wrap{overflow-x:auto}.admin-broadcast-announcements .admin-broadcast-announcements__table{width:100%;margin-bottom:0;font-size:0.9375rem}.admin-broadcast-announcements .admin-broadcast-announcements__table thead{background:#f8f9fa}.admin-broadcast-announcements .admin-broadcast-announcements__table thead tr th{padding:0.65rem 0.75rem;font-weight:700;color:#495057;border-bottom:2px solid #e9ecef}.admin-broadcast-announcements .admin-broadcast-announcements__table tbody tr{-webkit-transition:background 0.15s;transition:background 0.15s}.admin-broadcast-announcements .admin-broadcast-announcements__table tbody tr:hover{background:#f8f9fa}.admin-broadcast-announcements .admin-broadcast-announcements__table tbody tr td{padding:0.65rem 0.75rem;border-bottom:1px solid #eee;vertical-align:middle}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__cell--right{text-align:right;width:8%}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__title-link{color:#036EB8;text-decoration:none;font-weight:500}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__title-link:hover{text-decoration:underline}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__col--narrow{width:15%;white-space:nowrap;min-width:0}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__col--status{min-width:8%}.admin-broadcast-announcements .admin-broadcast-announcements__table .admin-broadcast-announcements__col--date{min-width:15%}.admin-broadcast-announcements .admin-broadcast-announcements__badge{font-size:0.75rem;padding:0.25rem 0.5rem;font-weight:600}.admin-broadcast-announcements .admin-broadcast-announcements__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.admin-broadcast-announcements .admin-broadcast-announcements__btn-edit,.admin-broadcast-announcements .admin-broadcast-announcements__btn-delete{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;padding:0.35rem 0.5rem;font-size:0.875rem;border-radius:6px;text-decoration:none;border:1px solid;-webkit-transition:background 0.2s, color 0.2s;transition:background 0.2s, color 0.2s}.admin-broadcast-announcements .admin-broadcast-announcements__btn-edit{color:#036EB8;background:#fff;border-color:#036EB8}.admin-broadcast-announcements .admin-broadcast-announcements__btn-edit:hover{background:#036EB8;color:#fff}.admin-broadcast-announcements .admin-broadcast-announcements__btn-delete{color:#dc3545;background:#fff;border-color:#dc3545;cursor:pointer;font:inherit}.admin-broadcast-announcements .admin-broadcast-announcements__btn-delete:hover{background:#dc3545;color:#fff}.admin-broadcast-announcements .admin-broadcast-announcements__show-meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem;margin-bottom:1rem;font-size:0.875rem}.admin-broadcast-announcements .admin-broadcast-announcements__show-meta-item{margin-left:0.75rem;color:#6c757d}.admin-broadcast-announcements .admin-broadcast-announcements__show-title{font-size:1.5rem;font-weight:700;color:#212529;margin:0 0 1rem 0;padding-bottom:0.75rem;border-bottom:1px solid #e9ecef}.admin-broadcast-announcements .admin-broadcast-announcements__show-content{font-size:0.9375rem;line-height:1.7;color:#495057;white-space:pre-wrap}.admin-broadcast-announcements .admin-broadcast-announcements__show-content p{margin-bottom:0.75rem}.admin-broadcast-announcements .admin-broadcast-announcements__show-content p:last-child{margin-bottom:0}.admin-broadcast-announcements .admin-broadcast-announcements__empty{text-align:center;color:#6c757d;padding:2.5rem 1rem}.admin-broadcast-announcements .admin-broadcast-announcements__empty i{font-size:2rem;display:block;margin-bottom:0.5rem;opacity:0.7}.admin-broadcast-announcements .admin-broadcast-announcements__empty p{margin:0 0 1rem 0;font-size:0.9375rem}.admin-list-page{padding:3rem 2rem;min-height:0;max-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.admin-list-page .admin-list-page__header{margin-bottom:0.75rem;padding-bottom:0.5rem;border-bottom:2px solid #036EB8}.admin-list-page .admin-list-page__header-inner{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:0.5rem}.admin-list-page .admin-list-page__title{font-size:1.35rem;font-weight:800;color:#0d1321;margin:0 0 0.2rem 0;letter-spacing:0.02em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.admin-list-page .admin-list-page__title i{color:#036EB8}.admin-list-page .admin-list-page__desc{font-size:0.8125rem;color:#495057;margin:0;line-height:1.3}.admin-list-page .admin-list-page__btn-new{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;padding:0.4rem 0.75rem;font-size:0.875rem;font-weight:600;color:#fff;background:#036EB8;border:1px solid #036EB8;border-radius:8px;text-decoration:none;-webkit-transition:background 0.2s, border-color 0.2s;transition:background 0.2s, border-color 0.2s}.admin-list-page .admin-list-page__btn-new:hover{background:#025a9a;border-color:#025a9a;color:#fff}.admin-list-page .admin-list-page__search{margin-bottom:1rem;padding:0.75rem 1rem}.admin-list-page .admin-list-page__search .admin-list-page__search-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.admin-list-page .admin-list-page__search .admin-list-page__search-input{padding:0.35rem 0.65rem;font-size:0.875rem;border:1px solid #dee2e6;border-radius:6px;min-width:180px}.admin-list-page .admin-list-page__search .admin-list-page__search-select{padding:0.35rem 0.65rem;font-size:0.875rem;border:1px solid #dee2e6;border-radius:6px;min-width:140px}.admin-list-page .admin-list-page__search .admin-list-page__search-btn{padding:0.35rem 0.75rem;font-size:0.875rem;font-weight:600;border-radius:6px;border:1px solid #dee2e6;background:#fff;color:#495057;cursor:pointer}.admin-list-page .admin-list-page__search .admin-list-page__search-btn:hover{background:#e9ecef}.admin-list-page .admin-list-page__search .admin-list-page__search-btn--primary{background:#036EB8;border-color:#036EB8;color:#fff}.admin-list-page .admin-list-page__search .admin-list-page__search-btn--primary:hover{background:#025a9a;border-color:#025a9a;color:#fff}.admin-list-page .admin-list-page__summary{margin-bottom:1rem}.admin-list-page .admin-list-page__summary-row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.admin-list-page .admin-list-page__stat-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;padding:0.6rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:10px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.05);box-shadow:0 2px 8px rgba(0,0,0,0.05);-webkit-transition:-webkit-box-shadow 0.2s;transition:-webkit-box-shadow 0.2s;transition:box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s}.admin-list-page .admin-list-page__stat-card:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.08);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.admin-list-page .admin-list-page__stat-icon{width:36px;height:36px;border-radius:10px;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;font-size:1.1rem;-ms-flex-negative:0;flex-shrink:0}.admin-list-page .admin-list-page__stat-icon--blue{background:#e3f2fd;color:#036EB8}.admin-list-page .admin-list-page__stat-icon--green{background:#e8f5e9;color:#28a745}.admin-list-page .admin-list-page__stat-icon--orange{background:#fff3e0;color:#e67e22}.admin-list-page .admin-list-page__stat-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.admin-list-page .admin-list-page__stat-value{font-size:1.25rem;font-weight:700;color:#212529;line-height:1.2}.admin-list-page .admin-list-page__stat-label{font-size:0.7rem;color:#6c757d;font-weight:500}.admin-list-page .admin-list-page__card{background:#fff;border-radius:10px;padding:0;overflow:hidden;margin-top:0.5rem;max-width:100%}.admin-list-page .admin-list-page__table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-list-page .admin-list-page__table{width:100%;margin-bottom:0;font-size:0.9375rem}.admin-list-page .admin-list-page__table thead{background:#f8f9fa}.admin-list-page .admin-list-page__table thead tr th{padding:0.65rem 0.75rem;font-weight:700;color:#495057;border-bottom:2px solid #e9ecef}.admin-list-page .admin-list-page__table tbody tr{-webkit-transition:background 0.15s;transition:background 0.15s}.admin-list-page .admin-list-page__table tbody tr:hover{background:#f8f9fa}.admin-list-page .admin-list-page__table tbody tr td{padding:0.65rem 0.75rem;border-bottom:1px solid #eee;vertical-align:middle}.admin-list-page .admin-list-page__table .admin-list-page__title-link{color:#036EB8;text-decoration:none;font-weight:500}.admin-list-page .admin-list-page__table .admin-list-page__title-link:hover{text-decoration:underline}.admin-list-page .admin-list-page__table .admin-list-page__col--name{width:15%;min-width:8rem}.admin-list-page .admin-list-page__table .admin-list-page__col--manager{width:10%;white-space:nowrap;min-width:7rem}.admin-list-page .admin-list-page__table .admin-list-page__col--area{width:10%;min-width:12rem}.admin-list-page .admin-list-page__table .admin-list-page__col--phone{width:13%;white-space:nowrap;min-width:8rem}.admin-list-page .admin-list-page__table .admin-list-page__col--count{width:10%;white-space:nowrap;min-width:6rem;text-align:right}.admin-list-page .admin-list-page__table .admin-list-page__col--actions{width:5%;white-space:nowrap;min-width:6rem;text-align:right}.admin-list-page .admin-list-page__table .admin-list-page__col--prefecture{width:10%;white-space:nowrap;min-width:6rem}.admin-list-page .admin-list-page__table .admin-list-page__col--city{width:10%;white-space:nowrap;min-width:7rem}.admin-list-page .admin-list-page__table .admin-list-page__col--email{width:10%;min-width:10rem}.admin-list-page .admin-list-page__badge{font-size:0.75rem;padding:0.25rem 0.5rem;font-weight:600}.admin-list-page .admin-list-page__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.admin-list-page .admin-list-page__btn-edit,.admin-list-page .admin-list-page__btn-delete{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;padding:0.35rem 0.5rem;font-size:0.875rem;border-radius:6px;text-decoration:none;border:1px solid;-webkit-transition:background 0.2s, color 0.2s;transition:background 0.2s, color 0.2s;cursor:pointer;font:inherit}.admin-list-page .admin-list-page__btn-edit{color:#036EB8;background:#fff;border-color:#036EB8}.admin-list-page .admin-list-page__btn-edit:hover{background:#036EB8;color:#fff}.admin-list-page .admin-list-page__btn-delete{color:#dc3545;background:#fff;border-color:#dc3545}.admin-list-page .admin-list-page__btn-delete:hover{background:#dc3545;color:#fff}.admin-list-page .admin-list-page__pagination{margin-top:1rem;padding:0 0.75rem 0.75rem}.admin-list-page .admin-list-page__empty{text-align:center;color:#6c757d;padding:2.5rem 1rem}.admin-list-page .admin-list-page__empty i{font-size:2rem;display:block;margin-bottom:0.5rem;opacity:0.7}.admin-list-page .admin-list-page__empty p{margin:0 0 1rem 0;font-size:0.9375rem}.side-menu{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100vh;z-index:1000}.side-menu i{color:#036EB8;margin:0 !important}.sidebar-icons{width:34%;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:#036EB8}.sidebar-icon:hover i{color:white !important}.sidebar-icon.active{background:#036EB8}.sidebar-icon.active i{color:white !important}.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}.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%}.button_to .btn{min-width:180px}.admin-api-settings .pageTitle{font-size:1.5rem;font-weight:600;color:#272727;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:2px solid #e2e8f0}.admin-api-settings .pageTitle i{color:#036EB8;margin-right:0.5rem}.admin-api-settings>.card{border:none;-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.06);border-radius:10px;overflow:hidden;margin-bottom:1.5rem}.admin-api-settings>.card .card-header{background:linear-gradient(135deg, #036EB8 0%, #0284c7 100%);color:#fff;border:none;padding:1rem 1.25rem;font-weight:600}.admin-api-settings>.card .card-header h5{margin:0;font-size:1.1rem;font-weight:600}.admin-api-settings>.card .card-header h5 i{opacity:0.95;margin-right:0.35rem}.admin-api-settings>.card .card-body{padding:1.5rem 1.25rem}.admin-api-settings .alert-success,.admin-api-settings .alert-warning{border-radius:8px;border:none;padding:0.875rem 1rem}.admin-api-settings .alert-success code,.admin-api-settings .alert-warning code{background:rgba(0,0,0,0.06);padding:0.2em 0.45em;border-radius:4px;font-size:0.9em}.admin-api-settings .alert-success{background:#ecfdf5;color:#065f46}.admin-api-settings .alert-warning{background:#fffbeb;color:#92400e}.admin-api-settings .api-endpoint-group{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid #e2e8f0}.admin-api-settings .api-endpoint-group:first-of-type{margin-top:1rem;padding-top:0;border-top:none}.admin-api-settings .api-endpoint-group>h6{font-size:0.95rem;font-weight:600;color:#334155;margin-bottom:0.35rem}.admin-api-settings .api-endpoint-group>h6::before{content:"■";padding-right:8px}.admin-api-settings .api-endpoint-group>p.small{margin-bottom:0.75rem;color:#64748b;line-height:1.5;font-size:14px}.admin-api-settings .table{border-radius:8px;overflow:hidden;border:1px solid #e2e8f0;margin-bottom:1rem;width:100%}.admin-api-settings .table thead th{background:#f8fafc;font-weight:600;font-size:0.8rem;color:#475569;padding:0.6rem 0.75rem;border-bottom:1px solid #e2e8f0}.admin-api-settings .table tbody tr{-webkit-transition:background 0.15s ease;transition:background 0.15s ease}.admin-api-settings .table tbody tr:hover{background:#f8fafc}.admin-api-settings .table tbody tr td{padding:0.6rem 0.75rem;vertical-align:middle;font-size:0.9rem}.admin-api-settings .table code{background:#f1f5f9;padding:0.2em 0.4em;border-radius:4px;font-size:0.8rem;word-break:break-all;display:inline-block;max-width:100%;color:#333}.admin-api-settings .table th:first-child,.admin-api-settings .table td:first-child{width:15% !important;word-break:break-all}.admin-api-settings .table th:nth-child(2),.admin-api-settings .table td:nth-child(2){width:65% !important;word-break:break-all}.admin-api-settings .table th:last-child,.admin-api-settings .table td:last-child{width:20%;text-align:center}.admin-api-settings .copy-api-url{white-space:nowrap;font-size:0.8rem;padding:8px 0 !important;border-radius:6px;-webkit-transition:background 0.2s, color 0.2s;transition:background 0.2s, color 0.2s}.admin-api-settings .copy-api-url i{font-size:0.9rem;margin-right:0.25rem}.admin-api-settings .card.border-info{border-radius:8px;border-color:#bae6fd !important;overflow:hidden;color:white !important}.admin-api-settings .card.border-info .card-header{background:#f0f9ff !important;color:#0c4a6e;font-size:0.95rem}.admin-api-settings .card.border-info .card-header code{color:white}.admin-api-settings .card.border-info .card-body{font-size:0.875rem}.admin-api-settings .card.border-info .table td code{background:#f1f5f9;padding:0.15em 0.35em;border-radius:4px}.admin-api-settings .card.border-info pre{border-radius:6px;font-size:0.75rem;margin:0}.admin-api-settings .api-response-examples{margin-top:1.5rem;padding-top:1.25rem;border-top:1px dashed #e2e8f0}.admin-api-settings .api-response-examples h6{font-size:0.9rem;font-weight:600;color:#475569;margin-bottom:0.5rem}.admin-api-settings .api-response-examples pre{background:#1e293b;color:#333;padding:1rem 1.25rem;border-radius:8px;font-size:0.75rem;line-height:1.5;overflow-x:auto;margin-bottom:1rem;border:1px solid #334155}.admin-api-settings .api-response-examples pre code{background:none;color:inherit;padding:0}.admin-api-settings .card-header.bg-secondary{background:linear-gradient(135deg, #475569 0%, #64748b 100%) !important;color:#fff;border:none}.admin-api-settings .admin-api-settings-webhook-form{max-width:36rem}.admin-api-settings .admin-api-settings-webhook-form .form-label{font-weight:600;color:#334155}.admin-api-settings .admin-api-settings-webhook-form .form-control{border-radius:6px;border-color:#e2e8f0}.admin-api-settings .admin-api-settings-webhook-form .form-control:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 3px rgba(3,110,184,0.15);box-shadow:0 0 0 3px rgba(3,110,184,0.15)}.admin-api-settings .admin-api-settings-webhook-form .form-text{font-size:0.8rem;color:#64748b;margin-top:0.35rem}.admin-api-settings .admin-api-settings-webhook-form .btn-primary{background:#036EB8;border-color:#036EB8;border-radius:6px;padding:0.5rem 1.25rem}.admin-api-settings .admin-api-settings-webhook-form .btn-primary:hover{background:#035c9a;border-color:#035c9a}.text-light code{color:white !important}.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{padding:3rem 2rem}.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{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{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;border:none !important;font-weight:600}.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{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{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}.transfer-graduation-radios .transfer-radios-wrap{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.25rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.transfer-graduation-radios .transfer-radio-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;cursor:pointer;margin:0}.transfer-graduation-radios .transfer-radio-input{width:1rem;height:1rem;margin:0;-ms-flex-negative:0;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(0,0,0,0.25);border-radius:50%;background-color:#fff;cursor:pointer}.transfer-graduation-radios .transfer-radio-input:checked{border-width:0.35rem;border-color:#0d6efd;background-color:#fff}.transfer-graduation-radios .transfer-radio-label{margin:0;padding:0;white-space:nowrap}.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}.student-transfer-section{width:80%;margin:1rem 2rem 0;padding-top:1.5rem;border-top:1px solid #e9ecef}.student-form-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;margin:2rem}.student-form-buttons .btn{border-radius:4px !important}.student-form-buttons a{background:none !important;color:#036EB8 !important}.student-delete-icon{color:#dc3545 !important;font-size:20px !important;padding:0.25rem;line-height:1;text-decoration:none !important;background:none !important}.student-delete-icon:hover{color:#a71d2a !important}.stu-status-cell{white-space:nowrap}.stu-status-select{width:auto;min-width:90px;font-size:13px;padding:0.2rem 1.8rem 0.2rem 0.5rem;border-radius:4px;border:1px solid #dee2e6;background-color:#fff;cursor:pointer}.stu-status-select:focus{border-color:#036EB8;-webkit-box-shadow:0 0 0 0.15rem rgba(3,110,184,0.2);box-shadow:0 0 0 0.15rem rgba(3,110,184,0.2)}.stu-transfer-info{display:block;font-size:11px;color:#e67e22;margin-top:3px;font-weight:600}.stu-transfer-dialog{max-width:480px}.stu-transfer-header{background:#f8f9fa;border-bottom:1px solid #e9ecef}.stu-transfer-body .form-label{font-weight:600;font-size:14px}.stu-transfer-body .form-select,.stu-transfer-body .form-control{font-size:14px}.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:2rem}.school_main-content .col-6{padding:8px 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_page .school-lesson-card-meta{width:100%;margin:0;padding:0;font-size:0.75rem;color:#6b7280}.school_page .school-lesson-card-meta .school-lesson-card-meta__row{margin:0.15rem 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem}.school_page .school-lesson-card-meta .school-lesson-card-meta__label{-ms-flex-negative:0;flex-shrink:0;font-weight:600;color:#374151}.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:1rem 0;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}.student_list h4{font-weight:600;font-size:20px}.student_list h4 i{margin-right:8px;font-size:150%}.student_list .student-status-badge{color:#333 !important}.student_list .info_table{width:100% !important;table-layout:auto !important;min-width:1000px}.student_list .info_table th,.student_list .info_table td{white-space:nowrap;padding:16px 12px !important}.student_list .info_table th:nth-of-type(2),.student_list .info_table td:nth-of-type(2){min-width:150px}.student_list .info_table th:nth-of-type(3),.student_list .info_table td:nth-of-type(3){min-width:100px}.student_list .info_table th:nth-of-type(4),.student_list .info_table td:nth-of-type(4){min-width:80px}.student_list .info_table th:nth-of-type(5),.student_list .info_table td:nth-of-type(5){min-width:120px}.student_list .info_table th:nth-of-type(6),.student_list .info_table td:nth-of-type(6){min-width:200px}.student_list .info_table th:nth-of-type(7),.student_list .info_table td:nth-of-type(7){min-width:200px}.student_list .info_table th:last-of-type,.student_list .info_table td:last-of-type{min-width:150px}.student_list .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.student_list .table-responsive::-webkit-scrollbar{height:8px}.student_list .table-responsive::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.student_list .table-responsive::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.student_list .table-responsive::-webkit-scrollbar-thumb:hover{background:#555}.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-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:6px 48px;background:#036EB8}.student_list .search-buttons a{border:none !important;color:#036EB8 !important;background:none !important;padding:6px 24px !important}.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}.dashboard-comment-section{padding:1.5rem}.dashboard-comment-section .dashboard-comment-title{font-size:1.1rem;font-weight:600;color:#212529;margin-bottom:0.25rem}.dashboard-comment-section .dashboard-comment-title i{margin-right:0.35rem;color:#036EB8}.dashboard-comment-section .dashboard-comment-desc{color:#6c757d;margin-bottom:1rem;font-size:14px;margin:1rem 0 2rem !important}.dashboard-comment-section .dashboard-grade-label{display:block;font-size:0.8125rem;font-weight:600;color:#495057;margin-bottom:0.35rem;text-align:center}.dashboard-comment-section .dashboard-comment-card{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:1rem 0.75rem;border-radius:8px;min-height:80px;color:#212529;-webkit-transition:background 0.2s, border-color 0.2s, color 0.2s;transition:background 0.2s, border-color 0.2s, color 0.2s}.dashboard-comment-section .dashboard-comment-card:hover{background:#e7f1fa;border-color:#036EB8;color:#036EB8}.dashboard-comment-section .dashboard-comment-card.has-comments{border-color:#036EB8;background:#f0f7fc}.dashboard-comment-section .dashboard-comment-count{font-size:2rem;font-weight:700;line-height:1.2}.dashboard-comment-section .dashboard-comment-count::after{content:"件";font-size:0.85rem;font-weight:500;color:#6c757d;margin-left:0.15rem}.dashboard-comment-section .dashboard-comment-unit{font-size:0.85rem;font-weight:500;color:#6c757d;margin-top:0.15rem}.dashboard-comment-card:hover .dashboard-comment-section .dashboard-comment-unit{color:inherit}.mental-health-alerts-table{font-size:0.9375rem;margin-bottom:0}.mental-health-alerts-table .mental-health-alerts-th-date{width:4rem;white-space:nowrap}.mental-health-alerts-table .mental-health-alerts-th-name{width:8rem;white-space:nowrap}.mental-health-alerts-table .mental-health-alerts-th-icon{width:4rem}.mental-health-alerts-table .mental-health-alerts-th-comment{min-width:10rem}.mental-health-alerts-table .mental-health-alerts-td-date{width:4rem;vertical-align:middle;font-size:0.8125rem}.mental-health-alerts-table .mental-health-alerts-td-name{width:8rem;vertical-align:middle;padding:16px}.mental-health-alerts-table .mental-health-alerts-td-icon{width:4rem;vertical-align:middle;text-align:center}.mental-health-alerts-table .mental-health-alerts-td-comment{vertical-align:middle;font-size:0.8125rem}.mental-health-loadmore-wrap{position:relative}.mental-health-loadmore-area{text-align:center;margin-bottom:12px}#mental-health-loadmore-btn{font-size:0.8125rem;padding:4px 20px;border-radius:20px;-webkit-transition:background-color 0.2s, color 0.2s;transition:background-color 0.2s, color 0.2s}#mental-health-loadmore-btn:hover{background-color:#036EB8;color:#fff;border-color:#036EB8}.school-dashboard__message-list-link,.school-dashboard__mental-health-link{background:#036EB8;color:white !important;border:none !important;padding:1rem;border-radius:4px;display:block;max-width:200px;margin:3rem auto;text-align:center;font-size:14px !important;font-weight:600;border-radius:30px;padding:8px 16px !important;text-decoration:none;-webkit-transition:all 0.3s ease;transition:all 0.3s ease}.school-dashboard__mental-health-link{max-width:270px}.dash-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;gap:1rem;padding:0.5rem 0;border-bottom:2px solid #e9ecef}.dash-header__greeting{font-size:1.15rem;font-weight:600;color:#212529;margin:0}.dash-header__icon{color:#f59e0b;margin-right:0.25rem}.dash-header__date{font-size:0.85rem;color:#6c757d}.dash-stat-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;margin:8px;background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:1rem 1.1rem;-webkit-transition:-webkit-transform 0.15s, -webkit-box-shadow 0.15s;transition:-webkit-transform 0.15s, -webkit-box-shadow 0.15s;transition:transform 0.15s, box-shadow 0.15s;transition:transform 0.15s, box-shadow 0.15s, -webkit-transform 0.15s, -webkit-box-shadow 0.15s}.dash-stat-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.08);box-shadow:0 4px 12px rgba(0,0,0,0.08)}.dash-stat-card--alert{border-left:3px solid #e67e22}.dash-stat-card--danger{border-left:3px solid #dc3545}.dash-stat-card--keyword-comment{border:2px solid #dc3545;-webkit-box-shadow:0 0 0 1px rgba(220,53,69,0.12);box-shadow:0 0 0 1px rgba(220,53,69,0.12)}.dash-stat-card__icon{width:44px;height:44px;border-radius:10px;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;font-size:1.35rem;-ms-flex-negative:0;flex-shrink:0}.dash-stat-card__icon--blue{background:#e3f2fd;color:#036EB8}.dash-stat-card__icon--green{background:#e8f5e9;color:#28a745}.dash-stat-card__icon--orange{background:#fff3e0;color:#e67e22}.dash-stat-card__icon--red{background:#fce4ec;color:#dc3545}.dash-stat-card__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.dash-stat-card__value{font-size:1.5rem;font-weight:700;color:#212529;line-height:1.2}.dash-stat-card__label{font-size:0.75rem;color:#6c757d;font-weight:500}.dash-widget{background:#fff;border:1px solid #e9ecef;border-radius:10px;margin:8px;padding:1.25rem;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}.dash-widget__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}.dash-widget__title{font-size:0.95rem;font-weight:600;color:#212529;margin:0}.dash-widget__title i{margin-right:0.3rem}.dash-widget__link{font-size:0.75rem;color:#036EB8;text-decoration:none;white-space:nowrap}.dash-widget__link:hover{text-decoration:underline}.dash-widget__desc{font-size:0.8rem;color:#6c757d;margin-bottom:0.75rem}.toggle-switch{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;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-switch__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.toggle-switch__track{display:inline-block;width:2.5rem;height:1.25rem;background:#dee2e6;border-radius:9999px;position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-transition:background 0.2s ease;transition:background 0.2s ease}.toggle-switch__track::after{content:"";position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);background:#fff;border-radius:50%;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.2);-webkit-transition:-webkit-transform 0.2s ease;transition:-webkit-transform 0.2s ease;transition:transform 0.2s ease;transition:transform 0.2s ease, -webkit-transform 0.2s ease}.toggle-switch__input:checked+.toggle-switch__track{background:#036EB8}.toggle-switch__input:checked+.toggle-switch__track::after{-webkit-transform:translateX(1.25rem);transform:translateX(1.25rem)}.toggle-switch__input:focus-visible+.toggle-switch__track{outline:2px solid #036EB8;outline-offset:2px}.toggle-switch__label{font-size:0.875rem;font-weight:600;color:#212529}.toggle-switch--block{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.dash-widget__mini-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.dash-mini-stat{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;background:#f8f9fa;border-radius:8px;padding:0.5rem 1rem;-webkit-box-flex:1;-ms-flex:1;flex:1}.dash-mini-stat__value{font-size:1.35rem;font-weight:700;color:#212529;line-height:1.2}.dash-mini-stat__value small{font-size:0.7rem;font-weight:500;color:#6c757d}.dash-mini-stat__label{font-size:0.7rem;color:#6c757d}.dash-course-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.dash-course-bar__name{width:110px;-ms-flex-negative:0;flex-shrink:0;color:#495057;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-course-bar__track{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.dash-course-bar__fill{height:100%;background:#28a745;border-radius:4px;min-width:2px;-webkit-transition:width 0.3s;transition:width 0.3s}.dash-course-bar__count{width:40px;text-align:right;color:#495057;-ms-flex-negative:0;flex-shrink:0}.dash-top-list{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.35rem}.dash-top-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.3rem 0}.dash-top-item__rank{width:22px;height:22px;border-radius:50%;background:#e3f2fd;color:#036EB8;font-size:0.75rem;font-weight:700;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;-ms-flex-negative:0;flex-shrink:0}.dash-top-item__name{font-size:0.85rem;color:#212529;font-weight:500}.dash-top-item__name:hover{color:#036EB8}.dash-top-item__score{margin-left:auto;font-size:0.7rem}.dash-comment-chip{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:20px;padding:0.35rem 0.75rem;-webkit-transition:all 0.15s;transition:all 0.15s}.dash-comment-chip:hover{background:#e7f1fa;border-color:#036EB8}.dash-comment-chip--active{background:#e3f2fd;border-color:#036EB8}.dash-comment-chip--priority-1{border-width:2px;border-color:#ffc107;background:#fffbeb}.dash-comment-chip--priority-2{border-width:2px;border-color:#fd7e14;background:#fff4ed}.dash-comment-chip--priority-3{border-width:2px;border-color:#dc3545;background:#fff5f5}.dash-comment-chip__flag{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1rem;line-height:1;margin-left:0.15rem}.dash-comment-chip__grade{font-size:0.8rem;color:#495057;font-weight:500}.dash-comment-chip__count{font-size:0.9rem;font-weight:700;color:#036EB8}.dash-comment-chip__count::after{content:"件";font-size:0.65rem;font-weight:400;color:#6c757d;margin-left:1px}.dash-consent-list{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.35rem;padding:8px 0}.dash-consent-item{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:0.4rem 0;border-bottom:1px solid #f2f2f2}.dash-consent-item:last-child{border-bottom:none}.dash-consent-item__title{font-size:0.85rem;color:#212529;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-consent-item__title:hover{color:#036EB8}.dash-consent-item__meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-ms-flex-negative:0;flex-shrink:0;font-size:14px}.dash-grade-bars{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.5rem}.dash-grade-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.dash-grade-row__label{width:80px;-ms-flex-negative:0;flex-shrink:0;color:#495057}.dash-grade-row__track{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;background:#e9ecef;border-radius:5px;overflow:hidden}.dash-grade-row__fill{height:100%;background:#036EB8;border-radius:5px;min-width:3px;-webkit-transition:width 0.3s;transition:width 0.3s}.dash-grade-row__count{width:40px;text-align:right;color:#495057;-ms-flex-negative:0;flex-shrink:0}.dash-announce-list{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.25rem}.dash-announce-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;padding:0.4rem 0;border-bottom:1px solid #f2f2f2}.dash-announce-item:last-child{border-bottom:none}.dash-announce-item__date{font-size:0.75rem;-ms-flex-negative:0;flex-shrink:0;width:40px}.dash-announce-item__title{font-size:0.85rem;color:#212529;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-announce-item__title:hover{color:#036EB8}.chatbot-container--inline{height:220px;border-radius:8px;border:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chatbot-container--inline .chatbot-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:0.75rem}.chatbot-container--inline .chatbot-input--disabled{border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 8px 8px}.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;color:#212529}.scoll-setting .pageTitle{color:#212529}.scoll-setting .form-container{padding:2rem 0}.scoll-setting .form-section{border:none;padding:0}.scoll-setting .section-header{color:#212529}.scoll-setting .section-header h5{color:#212529}.scoll-setting .section-header i{color:#036EB8}.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}.scoll-setting .settings-status-box{color:#212529}.scoll-setting .settings-status-box .col-2{border:1px solid #f2f2f2;padding-top:1rem !important;border-radius:8px}.scoll-setting .settings-status-title{color:#212529;font-weight:600}.scoll-setting .settings-status-desc{color:#495057}.scoll-setting .settings-status-empty{color:#6c757d}.scoll-setting .settings-grade-label{display:block;font-size:0.875rem;font-weight:600;color:#212529;margin-bottom:0.5rem;text-align:center}.scoll-setting .settings-grade-card{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:1rem 0.75rem;color:#212529;min-height:88px;-webkit-transition:background 0.2s, border-color 0.2s;transition:background 0.2s, border-color 0.2s}.scoll-setting .settings-grade-card.settings-grade-card-link{color:#212529}.scoll-setting .settings-grade-card.settings-grade-card-link:hover{background:#e9ecef;border-color:#036EB8;color:#036EB8}.scoll-setting .settings-grade-count{font-size:2.25rem;font-weight:700;line-height:1.2;color:#212529}.scoll-setting .settings-grade-count::after{content:"名";font-size:0.85rem;font-weight:500;color:#6c757d}.settings-grade-card-link .scoll-setting .settings-grade-count{color:inherit}.scoll-setting .settings-grade-unit{font-size:0.9rem;font-weight:500;color:#495057;margin-top:0.15rem}.settings-grade-card-link .scoll-setting .settings-grade-unit{color:inherit}.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}.chatbot-container{background:white;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:600px;max-height:80vh;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)}.chatbot-container .chatbot-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;background:#f8f9fa}.chatbot-container .chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-container .chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chatbot-container .chatbot-messages .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;margin-bottom:0.25rem}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chatbot-container .chatbot-messages .message .message-content{max-width:75%;padding:0.75rem 1rem;border-radius:18px;word-wrap:break-word;line-height:1.5;font-size:14px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);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;gap:0.5rem}.chatbot-container .chatbot-messages .message .message-content .bot-icon{font-size:1.2rem;color:#036EB8}.chatbot-container .chatbot-messages .message .message-content .message-text{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.chatbot-container .chatbot-messages .message .message-content .message-link{margin-top:0.5rem}.chatbot-container .chatbot-messages .message .message-content .message-link a{background-color:#036EB8 !important;color:white !important;text-decoration:none;padding:0.375rem 0.75rem;border-radius:0.375rem;display:inline-block;font-size:0.875rem;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease}.chatbot-container .chatbot-messages .message .message-content .message-link a:hover{background-color:#025a9a !important;color:white !important}.chatbot-container .chatbot-messages .message.bot-message .message-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.chatbot-container .chatbot-messages .message.bot-message .message-content .message-text{-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}.chatbot-container .chatbot-messages .message.user-message{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatbot-container .chatbot-messages .message.user-message .message-content{background-color:#036EB8 !important;color:white !important;border-bottom-right-radius:4px}.chatbot-container .chatbot-messages .message.bot-message{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chatbot-container .chatbot-messages .message.bot-message .message-content{background-color:white !important;color:#272727 !important;border-bottom-left-radius:4px;border:1px solid #e9ecef !important}.chatbot-container .chatbot-input{padding:0.75rem 1rem;border-top:1px solid #e9ecef;background-color:white;border-radius:0 0 12px 12px}.chatbot-container .chatbot-input .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#f8f9fa;border-radius:24px;border:1px solid #d1d5db;padding:0.5rem 0.5rem 0.5rem 1rem;-webkit-transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s}.chatbot-container .chatbot-input .input-wrapper:focus-within{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);background:#fff}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:14px;line-height:1.5;resize:none;padding:0.25rem 0;min-height:24px;max-height:120px;overflow-y:auto;font-family:inherit}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-webkit-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-moz-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn{-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#036EB8;color:#fff;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;font-size:16px;cursor:pointer;-webkit-transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, transform 0.1s;transition:background-color 0.2s, transform 0.1s, -webkit-transform 0.1s}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:hover{background:#025a9a;-webkit-transform:scale(1.05);transform:scale(1.05)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:disabled{background:#adb5bd;cursor:not-allowed;-webkit-transform:none;transform:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn i{margin:0;line-height:1}.chatbot-container{background:white;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:500px;max-height:70vh;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)}.chatbot-container .chatbot-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;background:#f8f9fa}.chatbot-container .chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-container .chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chatbot-container .chatbot-messages .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;margin-bottom:0.25rem}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chatbot-container .chatbot-messages .message .message-content{max-width:75%;padding:0.75rem 1rem;border-radius:18px;word-wrap:break-word;line-height:1.5;font-size:14px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.chatbot-container .chatbot-messages .message .message-content .bot-icon{font-size:1.2rem;color:#036EB8}.chatbot-container .chatbot-messages .message.user-message{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatbot-container .chatbot-messages .message.user-message .message-content{background-color:#036EB8 !important;color:white !important;border-bottom-right-radius:4px}.chatbot-container .chatbot-messages .message.bot-message{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chatbot-container .chatbot-messages .message.bot-message .message-content{background-color:white !important;color:#272727 !important;border-bottom-left-radius:4px;border:1px solid #e9ecef !important}.chatbot-container .chatbot-input{padding:1rem 1.25rem;border-top:1px solid #e9ecef;background-color:white}.chatbot-container .chatbot-input--disabled{background-color:#f8f9fa}.chatbot-container .chatbot-input--disabled .input-wrapper{background:#f1f3f5;border-color:#dee2e6;cursor:not-allowed}.chatbot-container .chatbot-input .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#f8f9fa;border-radius:24px;border:1px solid #d1d5db;padding:0.5rem 0.5rem 0.5rem 1rem;-webkit-transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s}.chatbot-container .chatbot-input .input-wrapper:focus-within{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);background:#fff}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:14px;line-height:1.5;resize:none;padding:0.25rem 0;min-height:24px;max-height:120px;overflow-y:auto;font-family:inherit}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-webkit-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-moz-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn{-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#036EB8;color:#fff;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;font-size:16px;cursor:pointer;-webkit-transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, transform 0.1s;transition:background-color 0.2s, transform 0.1s, -webkit-transform 0.1s}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:hover{background:#025a9a;-webkit-transform:scale(1.05);transform:scale(1.05)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:disabled{background:#adb5bd;cursor:not-allowed;-webkit-transform:none;transform:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn i{margin:0;line-height:1}.school_student_comments_index{padding:3rem 2rem}.school_student_comments_index #student_comments_filter_form .col-2,.school_student_comments_index #student_comments_filter_form .col-3,.school_student_comments_index #student_comments_filter_form .col-4{padding:0 8px !important}.school_student_comments_index #student_comments_filter_form .form-control,.school_student_comments_index #student_comments_filter_form .form-select{height:calc(1.5em + 0.75rem + 10px);-webkit-box-sizing:border-box;box-sizing:border-box}.consent-forms-page{padding:2rem}.consent-forms-page .consent-forms-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:1.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.consent-forms-page .consent-forms-header h4{margin:0;font-weight:600;color:#333}.consent-forms-page .consent-forms-header h4 i{color:#036EB8;margin-right:0.4rem}.consent-forms-page .consent-forms-header .consent-new-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.3rem}.consent-forms-page .consent-header-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.consent-forms-page .consent-forms-table:first-of-type th,.consent-forms-page .consent-forms-table:first-of-type td{text-align:left}.consent-forms-page .consent-forms-table th{font-size:0.85rem;font-weight:600;color:#555;border-bottom:2px solid #dee2e6;white-space:nowrap}.consent-forms-page .consent-forms-table td{vertical-align:middle;font-size:0.9rem}.consent-forms-page .consent-forms-table td .btn-primary{background:none !important;color:#036EB8 !important;border:none !important;padding:0 8px !important;font-size:14px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important;-webkit-box-shadow:none !important;box-shadow:none !important}.consent-forms-page .consent-forms-table td .btn-primary:hover{background:none !important;color:#025aa5 !important}.consent-forms-page .consent-forms-table .consent-form-link{color:#036EB8;text-decoration:none;font-weight:500}.consent-forms-page .consent-forms-table .consent-form-link:hover{text-decoration:underline}.consent-forms-page .consent-forms-table .consent-actions{white-space:nowrap;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem}.consent-forms-page .consent-forms-table .consent-actions button.btn{color:red !important;padding:0 8px !important}.consent-forms-page .consent-forms-table .consent-actions .btn{background:none !important;color:#036EB8 !important;border:none !important;padding:0 8px !important;font-size:18px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important}.consent-forms-page .consent-forms-table .consent-actions .btn:hover{background:none !important;color:#025aa5 !important}.consent-forms-page .consent-empty{text-align:center;padding:4rem 2rem;color:#999}.consent-forms-page .consent-empty i{font-size:3rem;display:block;margin-bottom:1rem}.consent-forms-page .consent-empty p{font-size:1rem;margin-bottom:1.5rem}.consent-forms-page .consent-detail-card{padding:1.5rem;margin-bottom:1.5rem}.consent-forms-page .consent-detail-card h5{font-size:1rem;font-weight:600;color:#333;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #f0f0f0}.consent-forms-page .consent-detail-info{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:1rem}.consent-forms-page .consent-info-item{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.25rem}.consent-forms-page .consent-info-item:first-of-type{grid-column:span 1;width:100px}.consent-forms-page .consent-info-label{font-size:0.8rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:0.02em}.consent-forms-page .consent-response-count{font-size:1.1rem;font-weight:600;color:#036EB8}.consent-forms-page .consent-url-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #f0f0f0}.consent-forms-page .consent-url-copy{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.5rem;margin-top:0.5rem}.consent-forms-page .consent-url-copy input{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:0.85rem;background:#f8f9fa}.consent-forms-page .consent-description{line-height:1.8;color:#444}.consent-forms-page .consent-summary-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.consent-forms-page .consent-stat-box{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:120px;text-align:center;padding:1.2rem 1rem;border-radius:10px;background:#f8f9fa}.consent-forms-page .consent-stat-box .consent-stat-number{display:block;font-size:2rem;font-weight:700;line-height:1.2}.consent-forms-page .consent-stat-box .consent-stat-label{display:block;font-size:0.8rem;color:#666;margin-top:0.25rem}.consent-forms-page .consent-stat-box.consent-stat-agreed{background:#e8f5e9}.consent-forms-page .consent-stat-box.consent-stat-agreed .consent-stat-number{color:#2e7d32}.consent-forms-page .consent-stat-box.consent-stat-disagreed{background:#fce4ec}.consent-forms-page .consent-stat-box.consent-stat-disagreed .consent-stat-number{color:#c62828}.consent-forms-page .consent-stat-box.consent-stat-total{background:#e3f2fd}.consent-forms-page .consent-stat-box.consent-stat-total .consent-stat-number{color:#1565c0}.consent-forms-page .consent-responses-table th{font-size:0.85rem;font-weight:600;color:#555;white-space:nowrap}.consent-forms-page .consent-responses-table td{vertical-align:middle;font-size:0.9rem}.consent-forms-page .consent-empty-responses{text-align:center;padding:2rem}.consent-forms-page .consent-form-edit{max-width:860px}.consent-forms-page .consent-form-edit .form-label{font-weight:500;color:#444}.consent-forms-page .consent-form-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;margin-top:2rem}.consent-forms-page .consent-form-actions a{background:none !important;color:#036EB8 !important;border:none !important;padding:4px 16px !important;font-size:14px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important;line-height:30px}.consent-forms-page .consent-form-actions a:hover{background:none !important;color:#025aa5 !important}.consent-forms-page .consent-field-builder{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e9ecef}.consent-forms-page .consent-field-builder-header{margin-bottom:1rem}.consent-forms-page .consent-field-builder-header h5{font-weight:600;color:#333;margin-bottom:0.25rem}.consent-forms-page .consent-field-builder-header h5 i{color:#036EB8;margin-right:0.3rem}.consent-forms-page .consent-field-builder-header p{font-size:0.85rem;margin-bottom:0}.consent-forms-page .consent-field-row{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:0.75rem;overflow:hidden;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s}.consent-forms-page .consent-field-row:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.06)}.consent-forms-page .consent-field-row .btn{background:none !important;color:red !important;border:none !important;padding:0 !important;font-size:18px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important}.consent-forms-page .consent-field-row .btn:hover{background:none !important;color:#025aa5 !important}.consent-forms-page .consent-field-row-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:10px 12px;background:#e9ecef}.consent-forms-page .consent-field-drag-handle{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;cursor:-webkit-grab;cursor:grab;color:#999;font-size:1.2rem;-ms-flex-negative:0;flex-shrink:0;padding:0 2px;-webkit-transition:color 0.15s;transition:color 0.15s}.consent-forms-page .consent-field-drag-handle:hover{color:#555}.consent-forms-page .consent-field-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.consent-forms-page .consent-field-row-number{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:24px;height:24px;min-width:24px;border-radius:50%;background:#036EB8;color:#fff;font-size:0.75rem;font-weight:600;-ms-flex-negative:0;flex-shrink:0}.consent-forms-page .consent-field-row.consent-field-dragging{opacity:0.4}.consent-forms-page .consent-field-row.consent-field-dragover{border-color:#036EB8;border-style:dashed}.consent-forms-page .consent-field-label-input{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.consent-forms-page .consent-field-required-check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.3rem;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.consent-forms-page .consent-field-required-check .form-check-input{margin-top:0;margin-right:0 !important}.consent-forms-page .consent-field-required-check .form-check-label{font-size:0.85rem;color:#555;margin-left:0 !important}.consent-forms-page .consent-field-row-actions{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.25rem;-ms-flex-negative:0;flex-shrink:0}.consent-forms-page .consent-field-row-bottom{padding:10px 12px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.75rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.consent-forms-page .consent-field-row-bottom .consent-field-type-select{width:160px;-ms-flex-negative:0;flex-shrink:0}.consent-forms-page .consent-field-options-area{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.consent-forms-page .consent-field-add-area{display:block;margin:1rem 0 3rem;padding-top:1rem}.consent-forms-page .consent-field-quick-add{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:2rem 0}.consent-forms-page .consent-field-quick-add span.text-muted{font-size:0.8rem}.consent-forms-page .consent-field-quick-add .btn{background:none !important;color:#036EB8 !important;border:none !important;padding:0 16px !important;font-size:14px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important}.consent-forms-page .consent-field-quick-add .btn:hover{background:none !important;color:#025aa5 !important}.consent-forms-page .consent-fields-preview{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.5rem}.consent-forms-page .consent-field-preview-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:0.9rem}.consent-forms-page .consent-field-preview-type{font-size:0.8rem;color:#036EB8;font-weight:500;white-space:nowrap}.consent-forms-page .consent-field-preview-type i{margin-right:0.2rem}.consent-forms-page .consent-field-preview-label{font-weight:500;color:#333}.consent-forms-page .consent-radio-summary{margin-bottom:1.5rem}.consent-forms-page .consent-radio-summary:last-child{margin-bottom:0}.consent-forms-page .consent-radio-summary h6{font-weight:600;color:#444}.consent-forms-page .consent-footer{margin-top:1rem}.consent-forms-page{padding:2rem 3rem}.consent-forms-page .btn{font-size:14px !important;background:#036EB8 !important;color:white !important;border:none !important;padding:8px 16px !important;border-radius:4px !important;-webkit-transition:all 0.3s ease !important;transition:all 0.3s ease !important}.consent-forms-page .btn:hover{background:#025aa5 !important}.consent-forms-page .consent-header-actions form,.consent-forms-page .consent-actions form{display:inline}.consent-forms-page .table-responsive table{width:100%}.consent-forms-page .table-responsive table td{text-align:center}.consent-forms-page .table-responsive table th,.consent-forms-page .table-responsive table td{padding:16px 8px}.consent-forms-page .table-responsive table th{background:none !important}.consent-forms-page .table-responsive table th:first-of-type{width:15%}.consent-forms-page .table-responsive table th:nth-of-type(2){width:40%}.consent-forms-page .table-responsive table th:nth-of-type(3){width:10%}.consent-forms-page .table-responsive table th:nth-of-type(4){width:15%}.consent-forms-page .table-responsive table th:nth-of-type(5){width:10%}.consent-forms-page .table-responsive table th:last-of-type{width:10%}.consent-forms-page .table-responsive table td:first-of-type{width:15%}.consent-forms-page .table-responsive table td:nth-of-type(2){width:40%;text-align:left !important}.consent-forms-page .table-responsive table td:nth-of-type(3){width:10%}.consent-forms-page .table-responsive table td:nth-of-type(4){width:15%}.consent-forms-page .table-responsive table td:nth-of-type(5){width:10%}.consent-forms-page .table-responsive table td:last-of-type{width:10%}.consent-forms-page .table-responsive table td:last-of-type .btn{min-width:20px !important;padding:0 !important;border:none !important}.consent-forms-page .consent-response-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;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem;margin-bottom:1rem}.consent-forms-page .consent-response-list-header h5{margin-bottom:0;border-bottom:none;padding-bottom:0}.consent-forms-page .consent-filter-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0.4rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.consent-forms-page .consent-response-detail-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:1rem}.consent-forms-page .consent-response-detail-item{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.2rem}.consent-forms-page .consent-response-detail-label{font-size:0.8rem;font-weight:600;color:#888}.consent-forms-page .consent-response-detail-value{font-size:0.95rem;color:#333;font-weight:500}.consent-forms-page .consent-response-answers{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}.consent-forms-page .consent-response-answer-item{padding:1rem 0;border-bottom:1px solid #f0f0f0}.consent-forms-page .consent-response-answer-item:last-child{border-bottom:none}.consent-forms-page .consent-response-answer-label{font-size:0.85rem;font-weight:600;color:#555;margin-bottom:0.4rem}.consent-forms-page .consent-response-answer-label .badge{font-size:0.7rem;vertical-align:middle;margin-left:0.3rem}.consent-forms-page .consent-response-answer-value{font-size:0.95rem;color:#333}.consent-forms-page .consent-response-check-list{list-style:none;padding:0;margin:0}.consent-forms-page .consent-response-check-list li{padding:2px 0}.consent-forms-page .consent-response-check-list li i{color:#28a745;margin-right:0.3rem}.consent-forms-page .consent-response-text-block{background:#f8f9fa;border-radius:6px;padding:10px 14px;line-height:1.7;white-space:pre-wrap}.school-announcements-list{padding:1.5rem;border-radius:8px}.school-announcements-list__heading{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#036EB8}.school-announcements-list__heading span{font-size:40%;display:block;color:#888;font-weight:600;margin-top:8px}.school-announcements-list__category-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;margin-bottom:3rem;font-size:1rem}.school-announcements-list__category-link{color:#555;text-decoration:none;font-size:16px;padding:0 8px;margin:0 8px;font-weight:600}.school-announcements-list__category-link.is-active{color:#036EB8;text-decoration:none;position:relative}.school-announcements-list__category-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-bottom:1px solid #036EB8}.school-announcements-list__category-link:not(.is-active):hover{color:#333}.school-announcements-list__year-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem;padding-bottom:0.75rem;margin-bottom:0.75rem;border-bottom:1px solid #e0e0e0;font-size:0.9rem}.school-announcements-list__year-sep{color:#888;pointer-events:none}.school-announcements-list__year-link{color:#555;text-decoration:none;font-size:14px;margin:0 8px;padding:0 8px}.school-announcements-list__year-link.is-active{color:#036EB8;font-weight:500}.school-announcements-list__year-link:hover{color:#333}.school-announcements-list__items{list-style:none;padding:0;margin:0;background:#fff;border-radius:6px;overflow:hidden}.school-announcements-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid #eee}.school-announcements-list__item:last-child{border-bottom:1px solid #eee}.school-announcements-list__date{color:#666;font-size:0.9rem;-ms-flex-negative:0;flex-shrink:0;padding-right:16px}.school-announcements-list__badge{display:inline-block;padding:0.2em 0.8em;font-size:0.75rem;font-weight:500;color:#fff;background:#036EB8;border-radius:4px;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.school-announcements-list__title{color:#333;text-decoration:none;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:16px;font-weight:500}.school-announcements-list__title:hover{color:#036EB8;text-decoration:underline}.school-announcements-list__pagination{margin-top:1.5rem}.school-grade-section{padding:0.75rem 0 0;border-top:1px solid #e9ecef}.school-grade-section:first-of-type{border-top:none;padding-top:0}.school-grade-section__title{margin:0 0 0.75rem;font-weight:700;color:#212529;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem}.education_board_page{padding:2rem}.education_board_page .container{max-width:100%}.education_board_main-content{padding:0}.education_board_main-content .pageTitle,.education_board_main-content .eb-page-subtitle{font-size:1.35rem;font-weight:700;color:#333;margin:0 0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.education_board_main-content .pageTitle i,.education_board_main-content .eb-page-subtitle i{color:#036EB8}.education_board_main-content .row .col-3 .btn{width:90% !important;margin:1rem auto}.education_board_main-content .row .col-3 .btn i{margin-right:8px}.eb-section{padding:1rem 1.25rem;border-radius:0.375rem;background:#fff}.eb-stat-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 1.25rem;border:1px solid #e9ecef;border-radius:0.375rem;background:#fff;min-height:80px;-webkit-transition:border-color 0.2s, background-color 0.2s;transition:border-color 0.2s, background-color 0.2s}.eb-stat-block:hover{border-color:#dee2e6;background:#f8f9fa}.eb-stat-block__icon{width:48px;height:48px;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;font-size:1.5rem;-ms-flex-negative:0;flex-shrink:0;margin-right:1rem}.eb-stat-block--blue .eb-stat-block__icon{background:rgba(3,110,184,0.12);color:#036EB8}.eb-stat-block--green .eb-stat-block__icon{background:rgba(40,167,69,0.12);color:#28a745}.eb-stat-block--purple .eb-stat-block__icon{background:rgba(102,126,234,0.12);color:#667eea}.eb-stat-block__body{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.15rem}.eb-stat-block__value{display:block;font-size:1.5rem;font-weight:700;color:#333}.eb-stat-block__label{font-size:0.9rem;color:#6c757d}.education-board-page{padding:1.5rem 0 2rem}.education-board-page .main-content{max-width:100%}.eb-registration-page{padding:3rem 1rem}.eb-registration-page .container{max-width:42rem}.eb-registration-page .btn-primary{background:#036EB8;border:none;color:#fff;font-size:1rem;font-weight:600;line-height:1.5;padding:0.5rem 2rem;border-radius:0.375rem}.eb-registration-page .btn-outline-secondary{background:none;border:none !important;color:#036EB8 !important;font-size:1rem;font-weight:600;line-height:1.5;padding:0.5rem 2rem}.eb-registration-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.eb-registration-title i{color:#036EB8}.eb-registration-desc{margin:0}.eb-registration-section{padding:1.5rem 1.25rem}.eb-registration-section-heading{font-size:1rem;font-weight:600;color:#495057;margin:0 0 1rem;padding-bottom:0.5rem;border-bottom:1px solid #e9ecef}.eb-registration-section-heading:not(:first-child){margin-top:1.5rem}.eb-registration-field{margin-bottom:1.25rem}.eb-registration-field .form-text{margin:0}.eb-registration-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e9ecef}.eb-registration-back{margin-top:1.5rem;padding-bottom:1rem}.education-board-edit h4{font-size:1.35rem;font-weight:700;color:#333;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.education-board-edit h4 i{color:#036EB8}.education-board-edit .table th{font-weight:600;color:#495057}.eb-announcements-page{padding:2rem}.eb-announcements-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.eb-announcements-header-inner{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.eb-announcements-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 0.35rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.eb-announcements-title i{color:#036EB8}.eb-announcements-desc{font-size:0.95rem;color:#6c757d;margin:0}.eb-announcements-new-btn{-ms-flex-negative:0;flex-shrink:0}.eb-announcements-new-btn i{margin-right:0.35rem}.eb-announcements-list{margin:1.5rem 0;border-radius:0.375rem;overflow:hidden;background:#fff}.eb-announcements-table{font-size:0.95rem}.eb-announcements-table td{padding:24px 16px}.eb-announcements-table thead th{font-weight:600;color:#495057;padding:0.75rem 1rem;border-bottom:1px solid #dee2e6;background:#f8f9fa}.eb-announcements-table tbody td{vertical-align:middle;border-bottom:1px solid #e9ecef}.eb-announcements-table tbody tr:hover{background-color:#f8f9fa}.eb-announcements-th-date,.eb-announcements-td-date{white-space:nowrap;width:1%}.eb-announcements-th-title,.eb-announcements-td-title{min-width:180px}.eb-announcements-link{color:#036EB8;font-weight:500;text-decoration:none}.eb-announcements-link:hover{color:#024a86;text-decoration:underline}.eb-announcements-th-actions,.eb-announcements-td-actions{width:1%;white-space:nowrap}.eb-announcements-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem}.eb-announcements-actions .eb-announcements-action-btn{padding:0.25rem 0.5rem;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;border:none !important}.eb-announcements-actions .eb-announcements-delete-form{display:inline-block;margin:0}.eb-announcements-empty{margin:1.5rem 0;padding:3rem 1.5rem;text-align:center;border:1px solid #e9ecef;border-radius:0.375rem;background:#f8f9fa}.eb-announcements-empty-icon{font-size:3rem;color:#dee2e6;margin-bottom:0.75rem;display:block}.eb-announcements-empty-text{font-size:1.1rem;color:#495057;margin:0}.eb-announcement-show-page .pageTitle{font-size:1.5rem;font-weight:700;color:#333;margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.eb-announcement-show-page .pageTitle i{color:#036EB8}.eb-announcement-show-page .btn-outline-secondary{border:2px solid #036EB8 !important;color:#036EB8 !important}.eb-announcement-show-page .eb-announcement-edit-icon{padding:0.35rem 0.5rem;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;border:none;color:#036EB8;font-size:1.5rem;font-weight:600;line-height:1.5;padding:0.5rem 1rem;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.eb-announcement-show-page .eb-announcement-show-back{margin-top:1.5rem;padding-bottom:1rem}.eb-announcement-form-page .eb-announcement-form-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 0.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.eb-announcement-form-page .eb-announcement-form-title i{color:#036EB8}.eb-announcement-form-page .eb-announcement-form-desc{margin:0}.eb-announcement-form-page .eb-announcement-form-section{padding:1.5rem 1.25rem}.eb-announcement-form-page .eb-announcement-form-field{margin-bottom:1.25rem}.eb-announcement-form-page .eb-announcement-form-field:last-of-type{margin-bottom:0}.eb-announcement-form-page .eb-announcement-form-row{margin-bottom:0}.eb-announcement-form-page .eb-announcement-form-row .eb-announcement-form-field{margin-bottom:1.25rem}.eb-announcement-form-page .eb-announcement-form-actions{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e9ecef;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.5rem}.eb-announcement-form-page .eb-announcement-form-back{margin-top:1.5rem;padding-bottom:1rem}.education_board-schools-page{padding:1.5rem 0 2rem}.education_board-schools-header{margin-bottom:1.5rem}.education_board-schools-title{font-size:1.5rem;font-weight:700;color:#333;margin:0 0 0.35rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem}.education_board-schools-title i{color:#036EB8}.education_board-schools-desc{font-size:0.95rem;color:#6c757d;margin:0}.education_board-schools-filters{padding:1rem 1.25rem}.education_board-schools-filter-form .form-label{font-size:0.8rem}.education_board-schools-list{padding:0;overflow:hidden}.education_board-schools-list .table-responsive{margin:0}.education_board-schools-table{font-size:0.95rem}.education_board-schools-table thead th{font-weight:600;color:#495057;white-space:nowrap;padding:0.75rem 1rem;border-bottom:1px solid #dee2e6}.education_board-schools-table tbody tr{border-bottom:1px solid #eee}.education_board-schools-table tbody td{padding:0.85rem 1rem;vertical-align:middle}.education_board-schools-table tbody tr:hover{background-color:#f8f9fa}.education_board-schools-th-name,.education_board-schools-td-name{min-width:180px}.education_board-schools-th-type,.education_board-schools-th-place{min-width:100px}.education_board-schools-th-students{min-width:80px}.education_board-schools-th-action{min-width:120px}.education_board-schools-link{color:#036EB8;font-weight:600;text-decoration:none}.education_board-schools-link:hover{color:#024a86;text-decoration:underline}.education_board-schools-badge-type{font-weight:500;font-size:0.8rem}.education_board-schools-empty-icon{font-size:3.5rem;color:#dee2e6;margin-bottom:0.75rem}.education_board-schools-empty-text{font-size:1.05rem;color:#495057;margin:0}.education_board-schools-footer{font-size:0.9rem}@media (max-width: 768px){.education_board-schools-table{font-size:0.875rem}.education_board-schools-table thead th,.education_board-schools-table tbody td{padding:0.6rem 0.5rem}.education_board-schools-th-place,.education_board-schools-th-manager{display:none}.education_board-schools-table tbody td:nth-child(3),.education_board-schools-table tbody td:nth-child(4){display:none}}.chat-logs-page .btn-outline-secondary{background:#036EB8 !important;color:white !important;border:none !important;padding:6px 24px;font-size:16px;font-weight:600;text-decoration:none;border-radius:4px;cursor:pointer}.chat-logs-page .btn-outline-secondary i{padding-right:8px}.chat-logs-page .chat-logs-filter__row{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.chat-logs-page .chat-logs-filter__row .col-3,.chat-logs-page .chat-logs-filter__row .col-4{padding:0 8px !important}.chat-logs-page .chat-logs-filter__row .chat-logs-filter__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:0.5rem;padding-bottom:0}.chat-logs-page .chat-logs-filter__row .chat-logs-filter__actions .btn{height:calc(1.5em + 0.75rem + 10px);padding-top:0;padding-bottom:0;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;-webkit-box-sizing:border-box;box-sizing:border-box}.chat-logs-page .chat-logs-filter__row .chat-logs-filter__actions .btn-outline-secondary{background:none !important;color:#036EB8 !important}.chat-logs-page .chat-logs-filter .form-label{font-size:0.875rem;font-weight:500;margin-bottom:0.25rem}.chat-logs-page .chat-logs-filter .form-select,.chat-logs-page .chat-logs-filter .form-control{font-size:0.875rem;height:calc(1.5em + 0.75rem + 10px);-webkit-box-sizing:border-box;box-sizing:border-box}.chat-logs-page .chat-logs-filter .chat-logs-filter__submit{font-size:0.875rem;background:#036EB8;color:white}.chat-logs-page .chat-logs-filter .chat-logs-filter__reset{font-size:0.875rem}.chat-logs-page .chat-log-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1.25rem}.chat-logs-page .chat-log-card{border:1px solid #dee2e6;border-radius:8px;overflow:hidden;background:#fff;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.05);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.chat-logs-page .chat-log-card--priority-3{border-color:#f1aeb5;-webkit-box-shadow:0 0 0 1px rgba(220,53,69,0.12);box-shadow:0 0 0 1px rgba(220,53,69,0.12)}.chat-logs-page .chat-log-card--priority-3 .chat-log-card-head{background:#f8d7da}.chat-logs-page .chat-log-card--priority-2{border-color:#ffecb5;-webkit-box-shadow:0 0 0 1px rgba(255,193,7,0.2);box-shadow:0 0 0 1px rgba(255,193,7,0.2)}.chat-logs-page .chat-log-card--priority-2 .chat-log-card-head{background:#fff3cd}.chat-logs-page .chat-log-card--priority-1{border-color:#ffe69c;-webkit-box-shadow:0 0 0 1px rgba(255,193,7,0.12);box-shadow:0 0 0 1px rgba(255,193,7,0.12)}.chat-logs-page .chat-log-card--priority-1 .chat-log-card-head{background:#fff8e1}.chat-logs-page .chat-log-card-head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem 1rem;padding:0.5rem 1rem;background:#f8f9fa;border-bottom:1px solid #eee;font-size:0.8125rem;color:#495057}.chat-logs-page .chat-log-card-head a{color:#0d6efd;text-decoration:none}.chat-logs-page .chat-log-card-time{color:#6c757d}.chat-logs-page .chat-log-card-body{padding:1rem 1.25rem;font-size:0.9375rem;line-height:1.6}.chat-logs-page .chat-log-line{margin-bottom:0.75rem;word-break:break-word}.chat-logs-page .chat-log-line:last-child{margin-bottom:0}.chat-logs-page .chat-log-line .chat-log-prefix{font-weight:600;margin-right:0.35rem}.chat-logs-page .chat-log-line--student .chat-log-prefix{color:#0d6efd}.chat-logs-page .chat-log-line--ai .chat-log-prefix{color:#495057}.chat-logs-page .chat-log-line p,.chat-logs-page .chat-log-line .chat-log-body{margin:0;display:inline}.chat-logs-page .chat-log-line span br{display:block;content:"";margin-top:0.25rem}.school-step-quiz-page{width:100%;max-width:880px;margin-left:auto;margin-right:auto;padding:3rem 1rem 1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}@media (min-width: 992px){.school-step-quiz-page{max-width:920px;padding-left:1.25rem;padding-right:1.25rem}}.school-step-quiz-page__inner{width:100%}.school-step-quiz-page__header{text-align:left}.school-step-quiz-page__header .step-title-text{margin-top:0.35rem}.school-quiz-compact{width:100%}.school-quiz-compact__hero{margin-bottom:1.25rem;padding:1rem 1.15rem;background:linear-gradient(135deg, #e8f4fc 0%, #f0f7ff 50%, #f8fafc 100%);border:1px solid #c5ddf5;border-radius:14px;-webkit-box-shadow:0 2px 12px rgba(13,110,253,0.06);box-shadow:0 2px 12px rgba(13,110,253,0.06)}.school-quiz-compact__hero-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem 1.25rem;-ms-flex-wrap:wrap;flex-wrap:wrap}.school-quiz-compact__hero-icon-wrap{-ms-flex-negative:0;flex-shrink: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}.school-quiz-compact__hero-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:220px}@media (max-width: 576px){.school-quiz-compact__hero-body{min-width:100%}}.school-quiz-compact__hero-meta{-ms-flex-negative:0;flex-shrink:0;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;margin-left:auto}@media (max-width: 576px){.school-quiz-compact__hero-meta{width:100%;margin-left:0;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.school-quiz-compact__icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg, #3d8bfd 0%, #0d6efd 100%);color:#fff;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;font-size:1.65rem;-webkit-box-shadow:0 4px 12px rgba(13,110,253,0.25);box-shadow:0 4px 12px rgba(13,110,253,0.25)}.school-quiz-compact__label{margin:0 0 0.35rem;font-size:0.72rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:#495057}.school-quiz-compact__lead{margin:0;font-size:0.95rem;line-height:1.6;color:#212529}.school-quiz-compact__count{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;min-height:2.25rem;padding:0.4rem 1rem;font-size:0.95rem;font-weight:800;letter-spacing:0.03em;border-radius:999px;white-space:nowrap}.school-quiz-compact__count--ok{color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#20c997), to(#198754));background:linear-gradient(180deg, #20c997 0%, #198754 100%);border:1px solid #146c43;-webkit-box-shadow:0 2px 8px rgba(25,135,84,0.25);box-shadow:0 2px 8px rgba(25,135,84,0.25)}.school-quiz-compact__count--zero{color:#fff;background:#6c757d;border:1px solid #565e64}.school-quiz-compact__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}.school-quiz-compact__q{margin:0;padding:1.1rem 1.2rem 1.2rem;background:#fff;border:1px solid #dee2e6;border-radius:12px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.04);box-shadow:0 2px 8px rgba(0,0,0,0.04)}.school-quiz-compact__q-head{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:0.5rem 1rem;margin-bottom:0.65rem;padding-bottom:0.5rem;border-bottom:1px solid #e9ecef}.school-quiz-compact__q-title{margin:0;font-size:1.05rem;font-weight:800;color:#0d6efd}.school-quiz-compact__q-type{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.25rem 0.65rem;font-size:0.75rem;font-weight:700;color:#495057;background:#e9ecef;border:1px solid #ced4da;border-radius:999px}.school-quiz-compact__q-text{margin:0 0 1rem;padding-left:0;font-size:0.98rem;line-height:1.65;color:#212529;font-weight:500}.school-quiz-compact__options{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.6rem}.school-quiz-compact__option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.55rem 0.65rem;padding:0.65rem 0.9rem;border-radius:10px;border:1px solid #dee2e6;background:#fff;font-size:0.94rem;line-height:1.45;color:#212529}.school-quiz-compact__option--correct{border-color:#a3cfbb;background:-webkit-gradient(linear, left top, right top, from(#d1e7dd), color-stop(45%, #ecf8f0), to(#fff));background:linear-gradient(90deg, #d1e7dd 0%, #ecf8f0 45%, #fff 100%);font-weight:600}.school-quiz-compact__option-mark{-ms-flex-negative:0;flex-shrink:0;font-weight:800;color:#0d6efd;min-width:1.85rem}.school-quiz-compact__option--correct .school-quiz-compact__option-mark{color:#146c43}.school-quiz-compact__option-check{-ms-flex-negative:0;flex-shrink:0;font-size:1.25rem;color:#198754;line-height:1}.school-quiz-compact__option-body{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.school-quiz-compact__warn{margin:0;padding:0.65rem 0.85rem;font-size:0.875rem;color:#664d03;background:#fff3cd;border:1px solid #ffc107;border-radius:8px}.school-quiz-compact__tf{margin:0;font-size:0.9rem;color:#212529}.school-quiz-compact__explain{margin-top:1rem;padding:0.65rem 0.85rem 0.65rem 1rem;font-size:0.875rem;line-height:1.55;color:#055160;background:#e7f6f8;border-left:4px solid #0dcaf0;border-radius:0 8px 8px 0}.school-quiz-compact__explain i{margin-right:0.35rem;vertical-align:-0.05em}.school-quiz-compact__empty{padding:1.25rem 1.2rem;background:#fffbeb;border:1px solid #f0d78c;border-radius:12px}.school-quiz-compact__empty-title{margin:0 0 0.65rem;font-size:1.05rem;font-weight:800;color:#212529}.school-quiz-compact__empty-title i{color:#e0a800;margin-right:0.35rem}.school-quiz-compact__empty-text{margin:0 0 1rem;font-size:0.92rem;line-height:1.6;color:#343a40}.school-quiz-compact__empty-actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.6rem}.school-quiz-compact__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.4rem;padding:0.5rem 1rem;font-size:0.875rem;font-weight:700;text-decoration:none;border-radius:10px;border:1px solid transparent;-webkit-transition:-webkit-filter 0.15s ease, -webkit-transform 0.12s ease;transition:-webkit-filter 0.15s ease, -webkit-transform 0.12s ease;transition:filter 0.15s ease, transform 0.12s ease;transition:filter 0.15s ease, transform 0.12s ease, -webkit-filter 0.15s ease, -webkit-transform 0.12s ease}.school-quiz-compact__btn:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.school-quiz-compact__btn--primary{color:#fff !important;background:#0d6efd;border-color:#0a58ca}.school-quiz-compact__btn--secondary{color:#212529 !important;background:#fff;border-color:#ced4da}.school-student-step2-quiz .school-student-quiz-question,.school-student-quiz-page .school-student-quiz-question{background:#fff;border-color:#dee2e6 !important}.school-student-step2-quiz .school-student-quiz-empty,.school-student-quiz-page .school-student-quiz-empty{background-color:#fff3cd}.le-header-card{padding:18px 24px;margin:2rem 0}.le-header-inner{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;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:16px}.le-header-student{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px}.le-avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg, #667eea, #764ba2);color:#fff;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;font-weight:700;font-size:1.15em;-ms-flex-negative:0;flex-shrink:0}.le-student-name{font-size:1.05rem;font-weight:600;color:#212529}.le-student-meta{font-size:0.82rem;color:#868e96}.le-header-lesson{text-align:right}.le-lesson-label{font-size:0.75rem;color:#adb5bd;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:2px}.le-lesson-title{font-size:0.95rem;font-weight:600;color:#212529}.le-lesson-meta{font-size:0.8rem;color:#868e96;margin-top:1px}.le-badge{display:inline-block;font-size:0.68rem;font-weight:600;padding:2px 8px;border-radius:4px;vertical-align:middle;margin-left:6px}.le-badge--test{background:#fff3cd;color:#856404}.le-badge--normal{background:#d1ecf1;color:#0c5460}.le-header-lesson-only{padding:4px 0}.le-header-lesson-only .le-lesson-label{margin-bottom:4px}.le-header-lesson-only .le-lesson-title{font-size:1rem}.le-header-lesson-only .le-lesson-meta{margin-top:2px}.le-overall-simple{background:white;border:1px solid #e9ecef;border-radius:12px;padding:24px 32px;margin-bottom:24px;text-align:center;max-width:200px}.le-overall-simple-num{font-size:3rem;font-weight:700;color:#036EB8;line-height:1.1}.le-overall-simple-label{font-size:0.85rem;color:#868e96;margin-top:6px}.le-section-card{padding:24px;margin-bottom:20px}.le-section-title{font-size:1rem;font-weight:700;color:#343a40;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f1f3f5}.le-section-title i{color:#667eea}.le-chart-wrap{max-width:340px;margin:0 auto}.le-scores-list{padding-top:4px}.le-score-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:4px}.le-score-label{width:100px;font-size:0.82rem;font-weight:600;color:#495057;-ms-flex-negative:0;flex-shrink:0}.le-score-bar-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;height:8px;background:#f1f3f5;border-radius:4px;overflow:hidden}.le-score-bar{height:100%;border-radius:4px;background:-webkit-gradient(linear, left top, right top, from(#667eea), to(#5a67d8));background:linear-gradient(90deg, #667eea, #5a67d8);-webkit-transition:width 0.6s ease;transition:width 0.6s ease}.le-score-bar--teal{background:-webkit-gradient(linear, left top, right top, from(#38b2ac), to(#319795));background:linear-gradient(90deg, #38b2ac, #319795)}.le-score-bar--orange{background:-webkit-gradient(linear, left top, right top, from(#ed8936), to(#dd6b20));background:linear-gradient(90deg, #ed8936, #dd6b20)}.le-score-bar--purple{background:-webkit-gradient(linear, left top, right top, from(#9f7aea), to(#805ad5));background:linear-gradient(90deg, #9f7aea, #805ad5)}.le-score-bar--green{background:-webkit-gradient(linear, left top, right top, from(#48bb78), to(#38a169));background:linear-gradient(90deg, #48bb78, #38a169)}.le-score-num{width:36px;text-align:right;font-size:0.9rem;font-weight:700;color:#212529;-ms-flex-negative:0;flex-shrink:0}.le-score-num span{font-size:0.7rem;font-weight:400;color:#adb5bd}.le-score-desc{font-size:0.72rem;color:#adb5bd;margin:0 0 14px 110px}.le-info-banner{margin-top:16px;padding:10px 16px;background:#f0f4ff;border-radius:8px;font-size:0.82rem;color:#495057;border-left:3px solid #667eea}.le-info-banner i{color:#667eea}.le-detail-card{padding:20px;height:100%;position:relative}.le-detail-icon{width:36px;height:36px;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:white;font-size:0.9rem;margin-bottom:10px}.le-detail-icon--blue{background:linear-gradient(135deg, #667eea, #5a67d8)}.le-detail-icon--purple{background:linear-gradient(135deg, #9f7aea, #805ad5)}.le-detail-title{font-size:0.9rem;font-weight:600;color:#343a40;margin:0 0 14px}.le-detail-stats{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;margin-bottom:14px}.le-stat{background:white;border-radius:8px;padding:10px 16px;text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.le-stat-value{font-size:1.3rem;font-weight:700;color:#212529}.le-stat-label{font-size:0.72rem;color:#868e96;margin-top:2px}.le-detail-submitted{display:inline-block;background:#d4edda;color:#155724;padding:4px 12px;border-radius:6px;font-size:0.82rem;font-weight:600;margin-bottom:12px}.le-detail-feedback{background:white;border-radius:8px;padding:12px;margin-bottom:12px}.le-detail-feedback-label{font-size:0.78rem;font-weight:600;color:#667eea;margin-bottom:6px}.le-detail-feedback p{margin:0;font-size:0.82rem;color:#495057;line-height:1.5}.le-detail-comments{border-top:1px solid #e9ecef;padding-top:12px}.le-detail-comments p{margin:0 0 4px;font-size:0.8rem;color:#495057;line-height:1.5}.le-detail-comments strong{color:#5a67d8}.le-overall{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:28px}.le-overall-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg, #667eea, #764ba2);color:white;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;-ms-flex-negative:0;flex-shrink:0}.le-overall-num{font-size:2.2rem;font-weight:700;line-height:1}.le-overall-max{font-size:0.85rem;opacity:0.75}.le-overall-text h6{margin:0 0 4px;font-size:0.95rem;font-weight:600;color:#343a40}.le-overall-text p{margin:0;font-size:0.85rem;color:#868e96;line-height:1.5}.le-score-card{padding:24px;text-align:center;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;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.le-score-card-status{margin-bottom:4px}.le-status{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:5px 14px;border-radius:20px;font-size:0.85rem;font-weight:600}.le-status--done{background:#d4edda;color:#155724}.le-status--pending{background:#fff3cd;color:#856404}.le-score-card-body{padding:20px 28px;width:100%}.le-score-card-body--empty{background:#f1f3f5;color:#adb5bd;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:8px;font-size:0.85rem;padding:24px;border-radius:12px;width:100%}.le-score-card-body--empty i{font-size:1.4rem}.le-score-card-label{font-size:0.78rem;color:#555;margin-bottom:4px}.le-score-card-value{font-size:2.6rem;font-weight:700;color:#2e7d32;line-height:1.1}.le-score-card-value span{font-size:1rem;font-weight:400;color:#666}.le-score-card-note{font-size:0.72rem;color:#888;margin-top:6px}.le-reflect-card{padding:24px;height:100%}.le-reflect-title{font-size:0.9rem;font-weight:600;color:#343a40;margin:0 0 16px}.le-reflect-title i{color:#667eea}.le-reflect-items{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;margin-bottom:16px}.le-reflect-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:12px 14px}.le-reflect-item-icon{width:32px;height:32px;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:white;font-size:0.8rem;-ms-flex-negative:0;flex-shrink:0}.le-reflect-item-icon--blue{background:linear-gradient(135deg, #667eea, #5a67d8)}.le-reflect-item-icon--green{background:linear-gradient(135deg, #48bb78, #38a169)}.le-reflect-item-name{font-size:0.82rem;font-weight:600;color:#343a40}.le-reflect-item-desc{font-size:0.75rem;color:#868e96;margin-top:1px}.le-reflect-item-weight{margin-left:auto;font-size:1.05rem;font-weight:700;color:#667eea;-ms-flex-negative:0;flex-shrink:0}.le-reflect-note{text-align:center;font-size:0.78rem;color:#adb5bd;padding-top:12px;border-top:1px solid #e9ecef}.le-reflect-note i{color:#667eea}.le-back-wrap{text-align:center;margin-top:32px;margin-bottom:24px}.le-back-btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 24px;background:#036EB8;color:#fff;border-radius:8px;text-decoration:none;font-weight:500;-webkit-transition:background 0.2s;transition:background 0.2s}.le-back-btn:hover{background:#025a9e;color:#fff}@media (max-width: 768px){.le-header-inner{-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}.le-header-lesson{text-align:left}.le-overall{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.le-score-desc{margin-left:0}.le-detail-stats{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:8px}}.school_student_show .health-calendar{padding:0 1rem}.school_student_show .health-calendar .calendar-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;gap:0.5rem}.school_student_show .health-calendar .calendar-header__btn{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:2.25rem;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;padding:0.375rem 0.5rem;font-size:1rem;line-height:1;color:#036EB8;background-color:transparent;border:1px solid #dee2e6;border-radius:0.25rem;text-decoration:none;-webkit-transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;transition:color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease}.school_student_show .health-calendar .calendar-header__btn:hover{color:#025aa5;background-color:rgba(3,110,184,0.08);border-color:#036EB8}.school_student_show .health-calendar .calendar-header__title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:18px;font-weight:600;color:#272727;margin:0;text-align:center}.school_student_show .health-calendar .health-calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:0}.school_student_show .health-calendar .health-calendar-table{width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:100%;table-layout:fixed}.school_student_show .health-calendar .health-calendar-table .health-calendar-th-label,.school_student_show .health-calendar .health-calendar-table .health-calendar-td-label{position:sticky;left:0;background-color:#f8f9fa;font-weight:600;min-width:52px;width:52px;z-index:2;-webkit-box-shadow:2px 0 4px rgba(0,0,0,0.06);box-shadow:2px 0 4px rgba(0,0,0,0.06)}.school_student_show .health-calendar .health-calendar-table .health-calendar-td-label{background-color:#fff}.school_student_show .health-calendar .health-calendar-table .health-calendar-th-day{min-width:40px;width:40px;font-size:12px;padding:4px 2px;background-color:#f8f9fa}.school_student_show .health-calendar .health-calendar-table .health-calendar-td-value{min-width:40px;width:40px;font-size:12px;padding:4px 2px;vertical-align:middle}.school_student_show .health-calendar .health-calendar-table .health-calendar-td-value.today{background-color:#fff3cd;font-weight:bold}.school_student_show .health-calendar .mood-legend{margin-top:1rem;padding-top:1rem;border-top:1px solid #e0e0e0}.school_student_show .health-calendar .mood-legend .mood-legend-item{display:inline-block;margin-right:1rem;font-size:12px}.school_student_show .health-calendar .mood-legend .mood-legend-item i{margin-right:0.25rem}.school_student_show #health-calendar-period-form .form-select{width:auto}.school_student_show .mental-chart-container{position:relative;height:320px;width:100%;padding:0 1rem}.school_student_show .student-show__chat-history{margin:3rem 1rem}.school_student_show .student-show__chat-history-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.375rem 0.75rem;font-size:0.875rem;font-weight:500;color:white;background-color:#036EB8;border-radius:0.25rem;text-decoration:none;-webkit-transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 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}.school_student_show .student-show__chat-history-btn:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.school_student_show .student-show__chat-history-btn-icon{margin-right:0.25rem}.school_student_show .student-show__chat-history-caption{margin-left:0.5rem;font-size:0.875rem;color:#6c757d}.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 1rem;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 .dashboard-total-students{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:0;text-align:center}.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;padding:8px}.box table tr{border-bottom:1px solid #eee}.box table tr td{width:20%;font-size:14px;padding:8px}.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{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-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}.shop_contents .add_button i{font-size:1.1em}.shop_contents .add_button{background:#6c757d;color:white}.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}.shop_contents .delete_button i{font-size:1.1em}.shop_contents .delete_button{background:#dc3545;color:white}.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}.shop_contents .add_time_button i{font-size:1.1em}.shop_contents .add_time_button{background:#036EB8;color:white}.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}.shop_contents .save_button i{font-size:1.1em}.shop_contents .save_button{background:#28a745;color:white;min-width:200px}.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:#036EB8;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:white !important;font-size:12px}.shop_contents .holiday_input .holiday_tags .holiday_tag i:hover{color:#bd2130}.shop_contents .modal:not(.time-slots-detail-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:not(.time-slots-detail-modal) .modal-header{background:none;padding:0;position:relative}.shop_contents .modal:not(.time-slots-detail-modal) .modal-header .btn-close{top:0;padding:0}.shop_contents .modal:not(.time-slots-detail-modal) .modal-header h5{margin:1rem 0}.shop_contents .modal:not(.time-slots-detail-modal) .modal-body{width:100%;height:auto;margin:0;background:white;padding:1rem}.shop_contents .modal:not(.time-slots-detail-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 .row .col-3,.shop_lesson-content .row .col-3{max-width:calc(25% - 16px);margin:0 auto}.shop_course-content h4,.shop_lesson-content h4{font-size:1.2rem;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-uiverse-cards,.shop_lesson-content .lessons .row.shop-uiverse-cards{min-height:auto !important}.shop-uiverse-card{width:100%;max-width:90%;min-height:350px;background:#f5f5f5;border:#036EB8 1.5px solid !important;border-radius:10px;padding:50px 30px 30px;position:relative;overflow:hidden;-webkit-box-shadow:0 0 10px rgba(68,68,68,0.3);box-shadow:0 0 10px rgba(68,68,68,0.3);cursor:pointer;-webkit-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:block;color:inherit}.shop-uiverse-card__number,.shop-uiverse-card__icon,.shop-uiverse-card__heading,.shop-uiverse-card__content,.shop-uiverse-card__meta,.shop-uiverse-card__actions{position:relative;z-index:5;-webkit-transition:all 0.5s;transition:all 0.5s}.shop-uiverse-card__number{position:absolute;top:-70px;right:-85px;padding:80px 100px 30px 30px;background:#036EB8;border-radius:100%;z-index:5}.shop-uiverse-card__number::after{content:"";width:50px;height:50px;background:#036EB8;position:absolute;border-radius:100%;top:50%;right:50%;-webkit-transition:all 0.5s;transition:all 0.5s;-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%);z-index:-1}.shop-uiverse-card__number-text{font-size:28px;font-weight:600;color:#fff}.shop-uiverse-card__icon{width:40px;margin:3rem 0 0;color:#036EB8;font-size:3.5rem;line-height:1}.shop-uiverse-card__icon i{display:block}.shop-uiverse-card__heading{font-size:20px;font-weight:800;margin-bottom:20px;line-height:1.3;color:#333}.shop-uiverse-card__content{margin-top:0;margin-bottom:24px;font-size:14px;line-height:1.5;color:#555}.shop-uiverse-card__meta{font-size:13px;color:#666;margin-bottom:12px}.shop-uiverse-card__actions{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:8px}.shop-uiverse-card__btn{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;padding:6px 12px;border-radius:8px;background:#036EB8;color:#fff;text-decoration:none;font-weight:600;-webkit-transition:all 0.2s;transition:all 0.2s;margin-bottom:0 !important}.shop-uiverse-card__btn:hover{color:#fff;opacity:0.95}.shop-uiverse-card__btn--outline{background:transparent;color:#036EB8;border:1.5px solid #036EB8}.shop-uiverse-card__btn--outline:hover{color:#036EB8;background:rgba(3,110,184,0.1)}.shop-uiverse-card:hover{scale:1.02;-webkit-box-shadow:0 5px 20px rgba(68,68,68,0.35);box-shadow:0 5px 20px rgba(68,68,68,0.35)}.shop-uiverse-card:hover .shop-uiverse-card__number::after{width:900px;height:900px}.shop-uiverse-card:hover .shop-uiverse-card__icon,.shop-uiverse-card:hover .shop-uiverse-card__heading,.shop-uiverse-card:hover .shop-uiverse-card__content,.shop-uiverse-card:hover .shop-uiverse-card__meta{color:#f5f5f5 !important;fill:#f5f5f5}.shop-uiverse-card:hover .shop-uiverse-card__icon i{color:#f5f5f5 !important}.shop-uiverse-card--clickable{cursor:default}.shop-uiverse-card--clickable .shop-uiverse-card__btn{cursor:pointer}.shop-uiverse-cards{margin:2rem -0.5rem 3rem}.shop-light-dingo-card{position:relative;border-radius:12px;overflow:hidden;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-shadow:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -2px rgba(0,0,0,0.05);box-shadow:0 4px 6px -1px rgba(0,0,0,0.08),0 2px 4px -2px rgba(0,0,0,0.05);background:#fff;border:1px solid rgba(0,0,0,0.06);-webkit-transition:-webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;transition:-webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease;transition:box-shadow 0.2s ease, transform 0.2s ease;transition:box-shadow 0.2s ease, transform 0.2s ease, -webkit-box-shadow 0.2s ease, -webkit-transform 0.2s ease}.shop-light-dingo-card:hover{-webkit-box-shadow:0 12px 20px -5px rgba(0,0,0,0.1),0 6px 10px -5px rgba(0,0,0,0.04);box-shadow:0 12px 20px -5px rgba(0,0,0,0.1),0 6px 10px -5px rgba(0,0,0,0.04);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.shop-light-dingo-card__strip{height:10rem;width:100%;background:#036EB8;border-radius:12px 12px 0 0}.shop-light-dingo-card__body{position:relative;z-index:10;margin-top:-2.5rem;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;padding:0 1.25rem 1.25rem;width:100%}.shop-light-dingo-card__icon-wrap{width:4.5rem;height:4.5rem;border-radius:50%;background:#fff;border:2px solid rgba(3,110,184,0.25);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-box-shadow:0 2px 8px rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.08);-ms-flex-negative:0;flex-shrink:0}.shop-light-dingo-card__icon{font-size:2.25rem;line-height:1;color:#036EB8}.shop-light-dingo-card__num{font-size:0.7rem;font-weight:600;color:#9ca3af;margin:0;letter-spacing:0.02em}.shop-light-dingo-card__title{font-size:1rem;font-weight:700;color:#111;margin:0;text-align:center;line-height:1.3}.shop-light-dingo-card__desc{font-size:0.75rem;color:#6b7280;margin:0;text-align:center;line-height:1.45}.shop-light-dingo-card__meta{font-size:0.75rem;color:#9ca3af;margin:0}.shop-light-dingo-card__actions{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;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0.25rem}.shop-light-dingo-card__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.25rem;font-size:0.875rem;color:#fff;padding:6px 14px;border-radius:9999px;background:#036EB8;text-decoration:none;font-weight:600;-webkit-transition:background 0.2s ease, color 0.2s ease;transition:background 0.2s ease, color 0.2s ease}.shop-light-dingo-card__btn:hover{color:#fff;background:#025690}.shop-light-dingo-card__btn--secondary{background:rgba(229,231,235,0.8);color:#374151;border:1px solid rgba(0,0,0,0.06)}.shop-light-dingo-card__btn--secondary:hover{background:#e5e7eb;color:#111}.shop-light-dingo-cards{margin:2rem -0.5rem 3rem}.shop_course-content .steps-grid{margin-bottom:3rem}.shop_course-content .steps-grid i{margin:0 16px}.shop_course-content .lesson-steps{padding:3rem 0}.shop_course-content .lesson-steps h5{font-size:20px}.shop_course-content .lesson-steps h5 i{margin-right:8px}.shop_course-content .lesson-steps h5 span{font-size:60%}.shop_course-content .back_btn{color:#036EB8}.shop_course-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{-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{padding:1.5rem}.shop_course-content .card .card-body h4{font-size:1.2rem;font-weight:600;margin-bottom:1rem;color:#343a40}.shop_course-content .card .card-body p{color:#6c757d;line-height:1.6;margin-bottom:1rem}.shop_course-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{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{font-size:1.1em}.shop_course-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{background-color:rgba(3,110,184,0.1) !important;color:#036EB8}.shop_course-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{padding:8px 0}.shop_course-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}.shop_course-content .lesson-actions .btn i{font-size:1.1em}.shop_course-content .lesson-actions .btn{font-size:12px;padding:8px;margin:0 4px}.shop_course-content .lesson-actions .btn-outline-primary{border:1px solid #036EB8;color:#036EB8}.shop_course-content .lesson-actions .btn-outline-primary:hover{background:#036EB8;color:white}.shop_course-content .lesson-actions .btn-outline-info{border:1px solid #17a2b8;color:#17a2b8}.shop_course-content .lesson-actions .btn-outline-info:hover{background:#17a2b8;color:white}.shop_course-content .lesson-actions .btn-outline-secondary{border:1px solid #6c757d;color:#6c757d}.shop_course-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}.lesson-resources .card .btn i{font-size:1.1em}.lesson-resources .card .btn{width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:1rem}.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}.modal .modal-footer .btn-secondary i{font-size:1.1em}.modal .modal-footer .btn-secondary{background:#6c757d;border:none;color:white}.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}}.page-shop-students-index .students-table_contants .index_table{width:100%;font-size:14px}.page-shop-students-index .students-table_contants .index_table th,.page-shop-students-index .students-table_contants .index_table td{padding:10px 12px}.page-shop-students-index .students-table_contants .index_table th:nth-of-type(6),.page-shop-students-index .students-table_contants .index_table td:nth-of-type(6){width:20%}.page-shop-students-index .students-table_contants .index_table th:nth-of-type(8),.page-shop-students-index .students-table_contants .index_table td:nth-of-type(8){width:8%}.page-shop-students-index .filter-box .filter-selectbox{position:relative;display:block}.page-shop-students-index .filter-box .filter-selectbox::before,.page-shop-students-index .filter-box .filter-selectbox::after{position:absolute;right:15px;width:9px;height:6px;background-color:#535353;content:"";pointer-events:none}.page-shop-students-index .filter-box .filter-selectbox::before{top:calc(50% - 9px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.page-shop-students-index .filter-box .filter-selectbox::after{top:calc(50% + 3px);bottom:auto;clip-path:polygon(0 0, 50% 100%, 100% 0)}.page-shop-students-index .filter-box .filter-selectbox select.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-width:0;height:2.8em;padding:0.4em calc(0.8em + 30px) 0.4em 0.8em;border:1px solid #d0d0d0;border-radius:3px;background-color:#fff;color:#333333;font-size:1em;cursor:pointer}.page-shop-students-index .filter-box .form-group input.form-control{height:2.8em;padding:0.4em 0.8em;border:1px solid #d0d0d0;border-radius:3px;font-size:1em;-webkit-box-sizing:border-box;box-sizing:border-box}.page-shop-students-index .filter-box .filter-buttons-row{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;gap:0.5rem;margin:2rem 0}.page-shop-students-index .filter-box .filter-buttons-row .btn{min-height:38px;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;padding:0.375rem 0.75rem;background:#036EB8 !important;padding:4px 40px !important}.page-shop-students-index .filter-box .filter-buttons-row a{background:none !important;border:none !important;padding:8 16px;margin-left:15px}.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 td .btn-group .btn{padding:4px 10px;font-size:12px;border-radius:6px;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;margin-left:4px}.students-table_contants td .btn-group .btn-warning{background-color:transparent !important;color:#036EB8;border:none}.students-table_contants td .btn-group .btn-warning:hover{background-color:#e0a800}.students-table_contants td .btn-group .btn-danger{background-color:transparent;color:#dc3545;min-width:20px !important;border:none;font-size:16px}.students-table_contants td .btn-group .btn-danger:hover{background-color:#c82333}.students-table_contants td>span.bg-success,.students-table_contants td>span.bg-warning,.students-table_contants td>span.bg-secondary,.students-table_contants td>span.bg-light{display:inline-block;padding:4px 10px;border-radius:0px;color:white}.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 td a.btn-primary.btn-sm{padding:4px 12px;font-size:12px;border-radius:0px;font-weight:500;background:#036EB8;-webkit-box-shadow:none;box-shadow:none}.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:6px;padding:6px 10px;font-size:12px;color:#2e7d32}.students-table_contants .line-connected i.las.la-link{margin-right:6px}.students-table_contants .line-connected .btn.btn-link{padding:0 4px;margin-left:4px;font-size:14px;color:#c62828;min-height:auto;line-height:1}.students-table_contants .line-connected .btn.btn-link:hover{color:#b71c1c}.students-table_contants .bg-success{background-color:#28a745 !important}.students_contents{padding:3rem 2rem}.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}.students_contents .col-3{padding:0 8px !important}.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:80px;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{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;-webkit-box-shadow:none !important;box-shadow:none !important}.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,.payment-content .month_paymentBox table td{padding:16px !important}.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{padding:3rem 2rem}.lesson-prices-container .table_box{background:white;padding:1rem;margin:2rem 0}.lesson-prices-container .btn{background:#036EB8;color:white;border-radius:6px;display:block;margin:0 auto;width:150px;text-align:center;font-size:14px}.lesson-prices-container .table{width:100%}.lesson-prices-container .table th{text-align:left}.lesson-prices-container .table td{padding:8px 0}.trial-contents{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 .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;padding:2rem 0.5rem}.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{padding:3rem 2rem;min-height:100vh;height:100%}.announcements .inner_contents{background:white;padding:2rem;margin-top:4rem}.announcements h4{color:#036EB8;font-size:2.5rem}.announcements h4 span{display:block;font-size:14px;color:#888;font-weight:500}.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:14px;font-weight:500;display:inline-block}.history_index .row .col-12 input{background:#036EB8;color:white}.history_index .row .col-12 a{border:none}.bg-white{background:white !important;border-radius:6px;padding:16px;margin:2rem 0}.selectbox-double-arrow{position:relative;display:block}.selectbox-double-arrow::before,.selectbox-double-arrow::after{position:absolute;right:12px;width:9px;height:6px;background-color:#535353;content:"";pointer-events:none}.selectbox-double-arrow::before{top:calc(50% - 9px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.selectbox-double-arrow::after{top:calc(50% + 3px);bottom:auto;clip-path:polygon(0 0, 50% 100%, 100% 0)}.selectbox-double-arrow select.form-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-height:38px;padding:0.375rem 2.25rem 0.375rem 0.75rem;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff;color:#333;font-size:1rem;cursor:pointer}.selectbox-double-arrow select.form-select:focus{outline:none;border-color:#036EB8}.selectbox-double-arrow.selectbox-period-type{width:30%}.selectbox-double-arrow.selectbox-period-type::before{top:calc(25% - 9px);clip-path:polygon(50% 0, 100% 100%, 0 100%)}.selectbox-double-arrow.selectbox-period-type::after{top:calc(25% + 3px);bottom:auto;clip-path:polygon(0 0, 50% 100%, 100% 0)}.trial-new-register-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.35rem;background:#036EB8;color:#fff;border:none;padding:8px 24px !important;border-radius:4px !important;font-size:14px !important;font-weight:500;cursor:pointer}.trial-new-register-btn::before{content:"+";font-size:1.1em;font-weight:600;line-height:1}.trial-new-register-btn:hover{background:#02548a}.trial-delete-btn{width:20px !important;height:20px;min-width:20px !important;padding:0 !important;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:12px;background:none !important;border:none !important}.trial-delete-btn .las{font-size:inherit;color:red}.reservation-submit-btn{background:#036EB8;color:#fff !important;border:none;padding:4px 32px !important;border-radius:4px !important;font-size:14px !important;font-weight:600;cursor:pointer}.reservation-back-to-list-btn{color:#036EB8 !important;border:none !important;padding:4px 24px !important;border-radius:4px !important;font-size:14px !important;font-weight:600;cursor:pointer}.reservation-back-to-list-btn:hover{color:#025a97 !important;background:none !important}.shop-lesson-histories-index .lesson-history-actions{width:20px !important}.shop-lesson-histories-index .lesson-history-actions .btn{min-width:20px !important;border:none !important;padding:8px !important}.trial-users-list-wrap .trial-users-list-table th{padding-left:8px !important;background:none !important}.trial-users-list-wrap .trial-users-list-table td,.trial-users-list-wrap .trial-users-list-table th{padding:16px 8px}.trial-users-list-wrap .trial-users-list-table td .form-select{padding:8px !important}.shop-announcements-list{padding:1.5rem;border-radius:8px}.shop-announcements-list__heading{font-size:2.5rem;font-weight:700;margin-bottom:3rem;color:#036EB8}.shop-announcements-list__heading span{font-size:40%;display:block;color:#888;font-weight:600;margin-top:8px}.shop-announcements-list__category-nav{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem;margin-bottom:3rem;font-size:1rem}.shop-announcements-list__category-link{color:#555;text-decoration:none;font-size:16px;padding:0 8px;margin:0 8px;font-weight:600}.shop-announcements-list__category-link.is-active{color:#036EB8;text-decoration:none;position:relative}.shop-announcements-list__category-link.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-bottom:1px solid #036EB8}.shop-announcements-list__category-link:not(.is-active):hover{color:#333}.shop-announcements-list__year-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.25rem;padding-bottom:0.75rem;margin-bottom:0.75rem;border-bottom:1px solid #e0e0e0;font-size:0.9rem}.shop-announcements-list__year-sep{color:#888;pointer-events:none}.shop-announcements-list__year-link{color:#555;text-decoration:none;font-size:14px;margin:0 8px;padding:0 8px}.shop-announcements-list__year-link.is-active{color:#036EB8;font-weight:500}.shop-announcements-list__year-link:hover{color:#333}.shop-announcements-list__items{list-style:none;padding:0;margin:0;background:#fff;border-radius:6px;overflow:hidden}.shop-announcements-list__item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem 1rem;padding:1rem 1.25rem;border-bottom:1px solid #eee}.shop-announcements-list__item:last-child{border-bottom:1px solid #eee}.shop-announcements-list__date{color:#666;font-size:0.9rem;-ms-flex-negative:0;flex-shrink:0;padding-right:16px}.shop-announcements-list__badge{display:inline-block;padding:0.2em 0.8em;font-size:0.75rem;font-weight:500;color:#fff;background:#036EB8;border-radius:4px;-ms-flex-negative:0;flex-shrink:0;margin-right:16px}.shop-announcements-list__title{color:#333;text-decoration:none;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;font-size:16px;font-weight:500}.shop-announcements-list__title:hover{color:#036EB8;text-decoration:underline}.shop-announcements-list__pagination{margin-top:1.5rem}.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 .reservation-form-actions{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;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}.reserve_contents .reservation-form-actions input[type=submit],.reserve_contents .reservation-form-actions .entry_btn{display:inline-block !important;width:auto !important}.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}.safety_box{background-color:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;margin:2rem 0}.safety_box h5 i{color:#ff6b6b;margin:0.5rem 0 !important}.safety_box .btn-success{background:#15be7d !important}.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}.health_box{background:white;padding:1.5rem}.health_box .health-record-summary .text-muted{font-size:0.875rem}.health_box .health-fadable-block{max-height:400px;overflow:hidden;-webkit-transition:opacity 0.6s ease-out, max-height 0.5s ease-out, margin 0.5s ease-out, padding 0.5s ease-out;transition:opacity 0.6s ease-out, max-height 0.5s ease-out, margin 0.5s ease-out, padding 0.5s ease-out}.health_box .health-fadable-block.health-block-faded{opacity:0;pointer-events:none;max-height:0;margin-top:0 !important;margin-bottom:0 !important;padding-top:0 !important;padding-bottom:0 !important}.health_box h5{font-size:18px;font-weight:600;color:#272727;margin-bottom:1rem;line-height:1.5;padding:0 !important}.health_box .comment-form input.btn-save-comment[type=submit]{display:inline-block !important;font-weight:400 !important;line-height:1.5 !important;text-align:center !important;text-decoration:none !important;vertical-align:middle !important;cursor:pointer !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;border:1px solid #036EB8 !important;padding:0.3rem 1rem !important;font-size:0.875rem !important;border-radius:0.375rem !important;-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 !important;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 !important;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 !important;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 !important;background-color:#036EB8 !important;border-color:#036EB8 !important;color:white !important;min-width:80px !important;font-family:inherit !important;margin:0 !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important}.health_box .comment-form input.btn-save-comment[type=submit]:hover{background-color:#025a9a !important;border-color:#025a9a !important;color:white !important;text-decoration:none !important}.health_box .comment-form input.btn-save-comment[type=submit]:focus{background-color:#036EB8 !important;border-color:#036EB8 !important;color:white !important;-webkit-box-shadow:0 0 0 0.25rem rgba(3,110,184,0.25) !important;box-shadow:0 0 0 0.25rem rgba(3,110,184,0.25) !important;outline:0 !important}.health_box .comment-form input.btn-save-comment[type=submit]:active{background-color:#025a9a !important;border-color:#025a9a !important;color:white !important}.health_box .comment-form input.btn-save-comment[type=submit]:disabled{opacity:0.65 !important;cursor:not-allowed !important;pointer-events:none !important}.floating-image{-webkit-animation:floatUpDown 4s ease-in-out infinite;animation:floatUpDown 4s ease-in-out infinite;will-change:transform}@-webkit-keyframes floatUpDown{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes floatUpDown{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.chatbot-container{background:white;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:600px;max-height:80vh;overflow:hidden}.chatbot-container .chatbot-messages{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;padding:1.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem;background:#f8f9fa}.chatbot-container .chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-container .chatbot-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}.chatbot-container .chatbot-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chatbot-container .chatbot-messages .message{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-animation:fadeIn 0.3s ease-in;animation:fadeIn 0.3s ease-in;margin-bottom:0.25rem}@keyframes fadeIn{from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.chatbot-container .chatbot-messages .message .message-content{max-width:75%;background-color:#036EB8 !important;color:white !important;padding:0.75rem 1rem;border-radius:18px;word-wrap:break-word;line-height:1.5;font-size:14px;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);position:relative}.chatbot-container .chatbot-messages .message.user-message{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.chatbot-container .chatbot-messages .message.user-message .message-content{border-bottom-right-radius:4px}.chatbot-container .chatbot-messages .message.bot-message{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.chatbot-container .chatbot-messages .message.bot-message .message-content{background-color:white !important;color:#272727 !important;border-bottom-left-radius:4px;border:1px solid #e9ecef !important}.chatbot-container .chatbot-input{padding:0.75rem 1rem;border-top:1px solid #e9ecef;background-color:white;border-radius:0 0 12px 12px}.chatbot-container .chatbot-input .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;background:#f8f9fa;border-radius:24px;border:1px solid #d1d5db;padding:0.5rem 0.5rem 0.5rem 1rem;-webkit-transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, -webkit-box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s;transition:border-color 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s}.chatbot-container .chatbot-input .input-wrapper:focus-within{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);background:#fff}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea{-webkit-box-flex:1;-ms-flex:1;flex:1;border:none;background:transparent;font-size:14px;line-height:1.5;resize:none;padding:0.25rem 0;min-height:24px;max-height:120px;overflow-y:auto;font-family:inherit}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:focus{outline:none;-webkit-box-shadow:none;box-shadow:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-webkit-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-moz-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea:-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::-ms-input-placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-textarea::placeholder{color:#adb5bd}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn{-ms-flex-negative:0;flex-shrink:0;width:36px;height:36px;border-radius:50%;border:none;background:#036EB8;color:#fff;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;font-size:16px;cursor:pointer;-webkit-transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, -webkit-transform 0.1s;transition:background-color 0.2s, transform 0.1s;transition:background-color 0.2s, transform 0.1s, -webkit-transform 0.1s}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:hover{background:#025a9a;-webkit-transform:scale(1.05);transform:scale(1.05)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:active{-webkit-transform:scale(0.95);transform:scale(0.95)}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn:disabled{background:#adb5bd;cursor:not-allowed;-webkit-transform:none;transform:none}.chatbot-container .chatbot-input .input-wrapper .chatbot-send-btn i{margin:0;line-height:1}.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:0rem}.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}.chatbot-container{margin:3rem 0}.comment-form .form-label{font-size:1rem !important;margin-bottom:0.25rem !important}.comment-form .form-control{font-size:0.75rem !important;padding:0.25rem 0.5rem !important;height:32px !important;line-height:1.5 !important}.comment-form .d-flex{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.comment-form input.btn-save-comment[type=submit],input.btn-save-comment[type=submit],.health_box .comment-form input.btn-save-comment[type=submit]{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important;-webkit-box-pack:center !important;-ms-flex-pack:center !important;justify-content:center !important;font-weight:400 !important;line-height:1 !important;text-align:center !important;text-decoration:none !important;vertical-align:middle !important;cursor:pointer !important;-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important;border:1px solid #036EB8 !important;padding:0.25rem 1rem !important;height:32px !important;font-size:0.75rem !important;border-radius:0.375rem !important;-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 !important;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 !important;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 !important;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 !important;background-color:#036EB8 !important;border-color:#036EB8 !important;color:white !important;min-width:80px !important;font-family:inherit !important;margin:0 !important;appearance:none !important;-webkit-appearance:none !important;-moz-appearance:none !important;-webkit-box-sizing:border-box !important;box-sizing:border-box !important}.comment-form input.btn-save-comment[type=submit]:hover,input.btn-save-comment[type=submit]:hover,.health_box .comment-form input.btn-save-comment[type=submit]:hover{background-color:#025a9a !important;border-color:#025a9a !important;color:white !important;text-decoration:none !important}.comment-form input.btn-save-comment[type=submit]:focus,input.btn-save-comment[type=submit]:focus,.health_box .comment-form input.btn-save-comment[type=submit]:focus{background-color:#036EB8 !important;border-color:#036EB8 !important;color:white !important;-webkit-box-shadow:0 0 0 0.25rem rgba(3,110,184,0.25) !important;box-shadow:0 0 0 0.25rem rgba(3,110,184,0.25) !important;outline:0 !important}.comment-form input.btn-save-comment[type=submit]:active,input.btn-save-comment[type=submit]:active,.health_box .comment-form input.btn-save-comment[type=submit]:active{background-color:#025a9a !important;border-color:#025a9a !important;color:white !important}.comment-form input.btn-save-comment[type=submit]:disabled,input.btn-save-comment[type=submit]:disabled,.health_box .comment-form input.btn-save-comment[type=submit]:disabled{opacity:0.65 !important;cursor:not-allowed !important;pointer-events:none !important}.lesson_list .row{margin-bottom:0.5rem}.lesson_list .row .col-4{padding-left:0.375rem;padding-right:0.375rem}.lesson_list .lesson_card{background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border:2px solid #dee2e6;border-radius:12px;padding:0.625rem 0.75rem;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.08);box-shadow:0 2px 8px rgba(0,0,0,0.08)}.lesson_list .lesson_card .lesson_card_icon{font-size:80px;line-height:1;margin-bottom:0.5rem;display:block}.lesson_list .lesson_card .lesson_card_icon i{font-size:inherit}.lesson_list .lesson_card .lesson_card_icon.lesson_card_icon_coding{color:#036EB8}.lesson_list .lesson_card .lesson_card_icon.lesson_card_icon_scratch{color:#f7a81b}.lesson_list .lesson_card .lesson_card_heading{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;margin:0 0 0.5rem;font-size:1rem;font-weight:600}.lesson_list .lesson_card .lesson_card_heading i{-ms-flex-negative:0;flex-shrink:0;display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important}.lesson_list .lesson_card .lesson_card_heading .lesson_card_title_text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.lesson_list .lesson_card:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 6px 20px rgba(3,110,184,0.15);box-shadow:0 6px 20px rgba(3,110,184,0.15);border-color:#036EB8;background:linear-gradient(135deg, #fff 0%, #f0f7ff 100%)}.lesson_list .lesson_card .lesson-icon-wrapper{-ms-flex-negative:0;flex-shrink:0}.lesson_list .lesson_card .lesson-icon-wrapper i{font-size:1.5rem;color:#036EB8;background:rgba(3,110,184,0.1);padding:0.5rem;border-radius:50%;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:2.5rem;height:2.5rem}.lesson_list .lesson_card .lesson-title{font-size:0.9375rem;font-weight:600;color:#272727;line-height:1.3;-webkit-box-flex:1;-ms-flex:1;flex:1}.lesson_list .lesson_card .lesson-description{font-size:0.75rem;color:#6c757d;line-height:1.4;margin-top:0.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson_list .lesson_card .description.lesson_card_description_2lines,.lesson_list .lesson_card p.description.lesson_card_description_2lines{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;white-space:normal !important;max-height:3.5rem}#school_student .lesson_list .lesson_card h5.lesson_card_heading{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important;-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-box-align:center !important;-ms-flex-align:center !important;align-items:center !important}.health_box .col-2 .speech-bubble,.health_box .speech-bubble,.speech-bubble{background:#fff !important;border:2px solid #036EB8 !important;border-radius:12px !important;padding:0.75rem 1rem !important;-webkit-box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;min-width:200px !important;max-width:250px !important;margin-bottom:1rem !important;position:relative !important;display:block !important}.health_box .col-2 .speech-bubble::after,.health_box .speech-bubble::after,.speech-bubble::after{content:"" !important;position:relative !important;display:block !important;margin:0.5rem auto 0 auto !important;width:0 !important;height:0 !important;border-left:12px solid transparent !important;border-right:12px solid transparent !important;border-top:12px solid #036EB8 !important}.health_box .col-2 .speech-bubble::before,.health_box .speech-bubble::before,.speech-bubble::before{content:"" !important;position:relative !important;display:block !important;margin:-14px auto 0 auto !important;width:0 !important;height:0 !important;border-left:10px solid transparent !important;border-right:10px solid transparent !important;border-top:10px solid #fff !important;z-index:1 !important}.health_box .col-2 .speech-bubble p,.health_box .speech-bubble p,.speech-bubble p{font-size:0.875rem !important;font-weight:600 !important;color:#272727 !important;text-align:center !important;line-height:1.4 !important;margin:0 !important}.school_student_comments_index .row{margin:2rem 0 !important}.school_student_comments_index .col-3,.school_student_comments_index .col-2,.school_student_comments_index .col-4{padding:0 8px !important}.school_student_comments_index .student-comments-table-wrap{width:100%}.school_student_comments_index .student-comments-table{width:100% !important}.school_student_comments_index .student-comments-table th:first-child,.school_student_comments_index .student-comments-table td:first-child{white-space:nowrap}.school_student_comments_index .student-comments-table p{margin-bottom:0}.school_student_comments_index .student-comments-table .student-name-cell{max-width:160px;width:160px}.school_student_comments_index .student-comments-table .student-comments-mood-cell{white-space:nowrap;vertical-align:middle}.school_student_comments_index .student-comments-table th:last-child,.school_student_comments_index .student-comments-table td:last-child{text-align:center}.school_student_comments_index .col-12.d-flex{padding:0 8px !important}.school_student_comments_index .col-12.d-flex .btn{padding:8px 32px !important;width:160px;background:#036EB8;color:white;border:none;border-radius:4px;font-size:16px;font-weight:600;text-align:center;margin:1rem auto !important;display:block}#afternoon-observation-settings h6{font-weight:600}#afternoon-observation-settings p{font-size:14px}.coding-editor-container .editor-area,.coding-editor-container .editor-area *,.coding-editor-container .CodeMirror,.coding-editor-container .CodeMirror *,.coding-editor-container .code-pane,.coding-editor-container .code-pane textarea{-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important}.coding-editor-container .editor-area{margin:0 0 0}.coding_area{margin:2rem 0 0 !important}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:#28a745;border-color:#28a745}.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;color:#888}.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}}.shop-quiz-page{padding:1.5rem;min-height:100vh;background:#f1f3f5}.shop-quiz{max-width:720px;margin:0 auto;background:#fff;border-radius:12px;-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.06);box-shadow:0 2px 12px rgba(0,0,0,0.06);overflow:hidden}.shop-quiz__header{padding:1.75rem 2rem;background:#036EB8;color:#fff;position:relative}.shop-quiz__breadcrumb{margin-bottom:0.75rem}.shop-quiz__back{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem;font-size:0.9rem;color:rgba(255,255,255,0.9);text-decoration:none;-webkit-transition:color 0.2s;transition:color 0.2s}.shop-quiz__back:hover{color:#fff}.shop-quiz__badge{display:inline-block;padding:0.25rem 0.6rem;font-size:0.75rem;font-weight:600;background:rgba(255,255,255,0.2);border-radius:6px;margin-bottom:0.75rem;letter-spacing:0.02em}.shop-quiz__title{font-size:1.5rem;font-weight:700;margin:0 0 0.25rem;letter-spacing:-0.02em}.shop-quiz__description{font-size:0.95rem;opacity:0.95;margin:0;line-height:1.45}.shop-quiz__meta{margin-top:0.5rem;font-size:0.85rem;opacity:0.85}.shop-quiz__body{padding:1.5rem 2rem 2rem}.shop-quiz__list{list-style:none;padding:0;margin:0}.shop-quiz__item{margin-bottom:1.25rem}.shop-quiz__item:last-of-type{margin-bottom:0}.shop-quiz-card{background:#fff;border:1px solid #dee2e6;border-radius:10px;padding:1.25rem 1.5rem;-webkit-transition:-webkit-box-shadow 0.2s;transition:-webkit-box-shadow 0.2s;transition:box-shadow 0.2s;transition:box-shadow 0.2s, -webkit-box-shadow 0.2s}.shop-quiz-card:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.06);box-shadow:0 2px 8px rgba(0,0,0,0.06)}.shop-quiz-card__head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75rem;margin-bottom:0.75rem}.shop-quiz-card__number{font-size:0.9rem;font-weight:600;color:#036EB8}.shop-quiz-card__type{font-size:0.75rem;color:#6c757d;background:#f1f3f5;padding:0.15rem 0.5rem;border-radius:4px}.shop-quiz-card__question{font-size:1rem;line-height:1.6;color:#212529;margin:0 0 1rem}.shop-quiz-card__options{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.5rem}.shop-quiz-option{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:0.5rem;padding:0.6rem 0.85rem;border-radius:8px;background:#f8f9fa;border:1px solid transparent;font-size:0.95rem;line-height:1.45}.shop-quiz-option__mark{-ms-flex-negative:0;flex-shrink:0;font-weight:600;color:#6c757d}.shop-quiz-option__icon{-ms-flex-negative:0;flex-shrink:0;margin-top:0.1rem;color:#198754;font-size:1.15rem}.shop-quiz-option__text{-webkit-box-flex:1;-ms-flex:1;flex:1;color:#212529}.shop-quiz-option--correct{background:#d1e7dd;border-color:rgba(25,135,84,0.35);color:#0f5132}.shop-quiz-option--correct .shop-quiz-option__mark{color:#0f5132}.shop-quiz-option--correct .shop-quiz-option__text{color:#0f5132;font-weight:500}.shop-quiz-card__answer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;padding:0.6rem 0.85rem;border-radius:8px;background:#e8f2fa;border:1px solid rgba(3,110,184,0.2);margin-bottom:0.5rem}.shop-quiz-card__answer-label{font-size:0.8rem;font-weight:600;color:#036EB8}.shop-quiz-card__answer-value{font-size:0.95rem;color:#212529;font-weight:500}.shop-quiz-card__explanation{margin-top:1rem;padding:1rem 1.1rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #0dcaf0}.shop-quiz-card__explanation-title{font-size:0.85rem;font-weight:600;color:#087990;margin:0 0 0.4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.35rem}.shop-quiz-card__explanation-text{font-size:0.9rem;line-height:1.55;color:#212529;margin:0}.shop-quiz__footer{margin-top:1.75rem;padding-top:1.5rem;border-top:1px solid #dee2e6;text-align:center}.shop-quiz__btn-back{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.6rem 1.25rem;font-size:0.95rem;font-weight:500;color:#036EB8;background:#fff;border:1px solid #036EB8;border-radius:8px;text-decoration:none;-webkit-transition:background 0.2s, color 0.2s;transition:background 0.2s, color 0.2s}.shop-quiz__btn-back:hover{background:#036EB8;color:#fff}.shop-quiz-empty{text-align:center;padding:2.5rem 1.5rem}.shop-quiz-empty__icon{font-size:3rem;color:#6c757d;margin-bottom:1rem;opacity:0.7}.shop-quiz-empty__text{font-size:1rem;color:#6c757d;margin:0 0 1.5rem}.shop-quiz-empty .shop-quiz__btn-back{margin:0 auto}.step-controls h4{font-size:1rem}@media (max-width: 768px){.shop-quiz-page{padding:1rem}.shop-quiz__header,.shop-quiz__body{padding-left:1.25rem;padding-right:1.25rem}.shop-quiz__title{font-size:1.3rem}.shop-quiz-card{padding:1rem 1.2rem}}.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;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-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-radius:0 !important}.code-tab.active::before{content:"";position:absolute;top:0;left:0;right:0;bottom: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;padding:16px;height:100%;border:none !important;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 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;user-select:text !important;-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important}.CodeMirror.CodeMirror{background-color:#1a202c !important;color:#e2e8f0 !important}.CodeMirror .CodeMirror-code{color:#e2e8f0 !important}.CodeMirror .CodeMirror-selected{background:rgba(59,130,246,0.4) !important}.CodeMirror .CodeMirror-focused .CodeMirror-selected{background:rgba(59,130,246,0.5) !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}}.coding-editor-container .editor-area,.coding-editor-container .editor-area .CodeMirror,.coding-editor-container .editor-area .CodeMirror-scroll,.coding-editor-container .editor-area .CodeMirror-sizer,.coding-editor-container .editor-area .CodeMirror-gutters,.coding-editor-container .editor-area .CodeMirror-lines,.coding-editor-container .editor-area .CodeMirror-code .CodeMirror-line,.coding-editor-container .editor-area .code-pane,.coding-editor-container .editor-area .code-pane textarea{-webkit-user-select:text !important;-moz-user-select:text !important;-ms-user-select:text !important;user-select:text !important}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:#ffdc00;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.4rem 1rem;text-decoration:none;background:#ffdc00;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:#ffdc00;-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:400px;width:400px;margin-bottom:1rem}#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:90%;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.header-top--logo-only{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0.5rem 1rem}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{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;list-style:none;margin:0;padding:0;vertical-align:middle}header .header-top .nav-list .btn{padding:0.5rem 0.5rem !important}header .header-top .nav-list .btn:hover{-webkit-box-shadow:none !important;box-shadow:none !important;-webkit-transform:none !important;transform:none !important}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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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 .nav-list .logout-btn{width:44px !important;min-width:44px}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{padding:16px}header .logo-icon img{width:250px}header .logo{max-width:250px}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:100% !important;table-layout:auto}.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 12px;white-space:nowrap}.info_table th:first-of-type,.info_table td:first-of-type{min-width:40px;width:auto}.info_table th:nth-of-type(2),.info_table td:nth-of-type(2){min-width:150px;width:auto}.info_table th:nth-of-type(3),.info_table td:nth-of-type(3){min-width:100px;width:auto}.info_table th:nth-of-type(4),.info_table td:nth-of-type(4){min-width:80px;width:auto}.info_table th:last-of-type,.info_table td:last-of-type{min-width:150px;width:auto}.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}.modal:not(.time-slots-detail-modal){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 h1{font-size:2rem;border-bottom:1px solid #eee;padding-bottom:16px}.announcements h1 span{font-size:14px;display:block;color:#888;margin-bottom:16px}.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%}.shop-announcements-show a{background:#036EB8 !important;color:#fff;font-size:14px;font-weight:600;line-height:1.5;padding:8px 16px;border-radius:4px;display:block;width:120px;margin:3rem auto;text-align:center}.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;border-bottom:none !important}.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 .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{padding:3rem 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}.health_managementPage .health-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;gap:6px;border-bottom:2px solid #dee2e6;padding:0;margin-bottom:1.2rem}.health_managementPage .health-tab{background:none;border:none;border-bottom:3px solid transparent;padding:0.55rem 1.2rem;font-size:0.95rem;font-weight:600;color:#6c757d;cursor:pointer;outline:none;-webkit-transition:color 0.2s, border-color 0.2s;transition:color 0.2s, border-color 0.2s;margin-bottom:-2px}.health_managementPage .health-tab i{margin-right:0.35rem}.health_managementPage .health-tab:hover{color:#036EB8}.health_managementPage .health-tab.active{color:#036EB8;border-bottom-color:#036EB8}.health_managementPage .health-tab-content #filter-form{margin:2rem 0 !important}.health_managementPage .health-tab-content .mt-3{margin:3rem 0 !important}.health_managementPage .health-tab-content .mt-3 h6{margin-bottom:2rem !important}.health_managementPage .health-table-wrap{overflow-x:auto;margin-top:0.5rem;padding-right:1rem;-webkit-overflow-scrolling:touch}.health_managementPage .health-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12px}.health_managementPage .health-table th,.health_managementPage .health-table td{border:1px solid #dee2e6;padding:12px;white-space:nowrap}.health_managementPage .health-table thead th{background:#f8f9fa;font-weight:600}.health_managementPage .health-table tbody td{background:#fff}.health_managementPage .health-table tbody tr:hover td{background:#f5f8fb}.health_managementPage .health-table tbody tr:hover .health-sticky-col{background:#f5f8fb}.health_managementPage .health-sticky-col{position:sticky;z-index:3}.health_managementPage thead .health-sticky-col{z-index:5;background:#f8f9fa}.health_managementPage tbody .health-sticky-col{background:#fff}.health_managementPage .health-sticky-name{left:0;min-width:150px}.health_managementPage .health-sticky-name::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:#dee2e6}.health_managementPage .health-sticky-grade{left:80px;min-width:100px}.health_managementPage .health-sticky-grade::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:#dee2e6}.health_managementPage .health-sticky-class{left:130px;min-width:60px;-webkit-box-shadow:4px 0 6px -2px rgba(0,0,0,0.1);box-shadow:4px 0 6px -2px rgba(0,0,0,0.1)}.health_managementPage .health-sticky-class::after{content:"";position:absolute;top:0;right:-1px;bottom:0;width:1px;background:#dee2e6}.health_managementPage .health-table.no-class-col .health-sticky-grade{-webkit-box-shadow:4px 0 6px -2px rgba(0,0,0,0.1);box-shadow:4px 0 6px -2px rgba(0,0,0,0.1)}.health_managementPage .health-date-col{text-align:center;min-width:45px;font-size:10px;padding:4px !important}.health_managementPage .health-date-day{font-size:9px;color:#6c757d}.health_managementPage .health-date-cell{text-align:center;font-size:11px;padding:4px !important}.health_managementPage .health-legend{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:4px 12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:0.75rem;padding:0.6rem 0.8rem;border-radius:6px;font-size:0.8rem;color:#495057}.health_managementPage .health-legend-title{font-weight:600;color:#333;margin-right:4px}.health_managementPage .health-legend-item{white-space:nowrap}.health_managementPage .health-legend-num{font-weight:700;margin-right:1px}.health_managementPage .health-management-filter-row{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.health_managementPage .health-management-filter-row .col-2{padding:8px !important}.health_managementPage .health-management-filter-row .form-select,.health_managementPage .health-management-filter-row .form-control{height:32px;min-height:32px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 0.5rem;font-size:0.875rem}.health_managementPage .d-flex.gap-2.justify-content-center .btn{min-width:100px;border-radius:8px;font-size:1rem;font-weight:700;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border:none;padding:8px 16px !important;line-height:1}.health_managementPage .d-flex.gap-2.justify-content-center .btn:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.15);box-shadow:0 4px 6px rgba(0,0,0,0.15)}.health_managementPage .d-flex.gap-2.justify-content-center .btn: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)}.health_managementPage .d-flex.gap-2.justify-content-center .btn-primary{background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff}.health_managementPage .d-flex.gap-2.justify-content-center .btn-primary:hover{background:linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%);color:#fff}.health_managementPage .d-flex.gap-2.justify-content-center .btn-primary:active{background:linear-gradient(135deg, #5568d3 0%, #6a3d8f 100%)}.health_managementPage .d-flex.gap-2.justify-content-center .btn-outline-secondary{background:#fff;color:#6c757d;border:1px solid #dee2e6;margin-bottom:0;line-height:1.5;vertical-align:middle}.health_managementPage .d-flex.gap-2.justify-content-center .btn-outline-secondary:hover{background:#f8f9fa;color:#6c757d;border-color:#dee2e6}.health_managementPage .d-flex.gap-2.justify-content-center .btn-outline-secondary:active{background:#f8f9fa}