.report-clb-container{max-width:650px;margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 0 10px 0 #ddd;overflow:hidden;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.report-clb-header{background:linear-gradient(135deg,#2c5aa0 0%,#1e3d72 100%);color:#fff;padding:25px;text-align:center}.report-clb-header h3{line-height:30px;font-size:24px!important;font-weight:600;color:white!important}.button-back{display:flex;height:3em;width:100px;align-items:center;justify-content:center;background-color:#eeeeee4b;border-radius:3px;letter-spacing:1px;transition:all 0.2s linear;cursor:pointer;border:1px solid #ddd;background:#fff;margin-bottom:15px}.button-back>svg{margin-right:5px;margin-left:5px;font-size:20px;transition:all 0.4s ease-in}.button-back>svg{font-size:1.2em;transform:translateX(-5px)}.button-back:hover{box-shadow:9px 9px 33px #d1d1d1,-9px -9px 33px #fff;transform:translateY(-2px)}.report-clb-header p{margin:0;font-size:16px;opacity:.9}.report-clb-form{padding:30px 30px 0 30px;margin-bottom:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.required{color:#e74c3c;font-weight:700}.report-clb-container .checkbox-group{display:flex!important;flex-direction:column!important;gap:10px!important;margin-top:12px!important}.report-clb-container .checkbox-item{display:flex!important;align-items:center!important;cursor:pointer!important;padding:16px 18px!important;border:2px solid #e8e8e8!important;border-radius:12px!important;transition:all 0.3s cubic-bezier(.4,0,.2,1)!important;background:#ffffff!important;font-weight:normal!important;margin-bottom:0!important;position:relative!important;box-shadow:0 2px 4px rgb(0 0 0 / .04)!important}.report-clb-container .checkbox-item:hover{border-color:#2c5aa0!important;background:#f8fbff!important;box-shadow:0 4px 12px rgb(44 90 160 / .1)!important;transform:translateY(-1px)!important}.report-clb-container .checkbox-item:hover .checkmark{border-color:#2c5aa0!important;box-shadow:0 0 0 2px rgb(44 90 160 / .1)!important}.report-clb-container .checkbox-item:active{transform:translateY(0)!important;box-shadow:0 2px 6px rgb(44 90 160 / .15)!important}.report-clb-container .checkbox-item input[type="checkbox"]{display:none!important}.report-clb-container .checkmark{width:22px!important;height:22px!important;border:2px solid #d1d5db!important;border-radius:6px!important;margin-right:14px!important;position:relative!important;transition:all 0.3s cubic-bezier(.4,0,.2,1)!important;flex-shrink:0!important;background:#ffffff!important}.report-clb-container .checkbox-item input[type="checkbox"]:checked+.checkmark{background:linear-gradient(135deg,#2c5aa0 0%,#1e3d72 100%)!important;border-color:#2c5aa0!important;box-shadow:0 2px 8px rgb(44 90 160 / .3)!important}.report-clb-container .checkbox-item input[type="checkbox"]:checked+.checkmark::after{content:''!important;position:absolute!important;top:0px!important;left:5px!important;width:6px!important;height:10px!important;border:solid white!important;border-width:0 2px 2px 0!important;transform:rotate(45deg)!important;opacity:1!important}.report-clb-container .checkbox-item input[type="checkbox"]:checked{animation:checkboxPulse 0.3s ease-out!important}.report-clb-container .checkbox-item input[type="checkbox"]:checked~span:not(.checkmark){color:#2c5aa0!important;font-weight:600!important}.checkbox-item:has(input[type="checkbox"]:checked){border-color:#2c5aa0;background:linear-gradient(135deg,#f8fbff 0%,#f0f8ff 100%);box-shadow:0 4px 16px rgb(44 90 160 / .15)}.checkbox-item.selected{border-color:#2c5aa0;background:linear-gradient(135deg,#f8fbff 0%,#f0f8ff 100%);box-shadow:0 4px 16px rgb(44 90 160 / .15)}@keyframes checkboxPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}#other_category_input{animation:slideDown 0.3s ease-out;overflow:hidden}#other_category_input input{border:2px solid #e8e8e8;border-radius:8px;padding:12px 16px;font-size:14px;transition:all 0.3s ease;background:#fff;box-shadow:0 2px 4px rgb(0 0 0 / .04)}#other_category_input input:focus{border-color:#2c5aa0;box-shadow:0 0 0 3px rgb(44 90 160 / .1);outline:none}@keyframes slideDown{from{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:100px;transform:translateY(0)}}@media (max-width:768px){.checkbox-item{padding:14px 16px;font-size:15px}.checkmark{width:20px;height:20px;margin-right:12px}.checkbox-item input[type="checkbox"]:checked+.checkmark::after{top:2px;left:6px;width:5px;height:9px}#other_category_input input{padding:10px 14px;font-size:15px}}.district-selector-form{text-align:center}.district-selector-form .form-group{margin-bottom:25px}.form-control{width:100%;padding:12px 15px!important;border:2px solid #e1e8ed;border-radius:8px!important;font-size:14px;transition:all 0.3s ease;box-sizing:border-box;font-family:inherit}.form-control:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgb(44 90 160 / .1)}.form-control:disabled{background-color:#fff;color:#000;cursor:not-allowed;border:none;box-shadow:none!important}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:120px}.btn-submit{width:100%;background:linear-gradient(135deg,#2c5aa0 0%,#1e3d72 100%);color:#fff;border:none;padding:15px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;position:relative;overflow:hidden;line-height:20px}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(44 90 160 / .3)}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-loading{display:flex;align-items:center;justify-content:center;gap:10px}.spinner{width:16px;height:16px;border:2px solid rgb(255 255 255 / .3);border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.report-message{margin:0 20px 30px;padding:15px 20px;border-radius:8px;font-weight:500;text-align:center;font-size:15px}.report-message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.report-message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.report-clb-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:15px 20px;border-radius:8px;margin:20px 0;text-align:center;font-weight:500}@media (max-width:768px){.report-clb-container{margin:10px;border-radius:8px}.report-clb-header{padding:20px}.report-clb-header h3{font-size:20px}.report-clb-form{padding:20px}.form-control{padding:10px 12px}.btn-submit{padding:12px 16px;font-size:15px}}@media (max-width:480px){.report-clb-container{margin:5px}.report-clb-header{padding:15px}.report-clb-header h3{font-size:18px}.report-clb-form{padding:15px}#report_time{width:100%}}.form-control:disabled{background-color:#f5f5f5!important;color:#999!important;cursor:not-allowed!important;opacity:.7}.district-selector-form{padding:30px}.district-selector-form .form-group{margin-bottom:20px}#district_selector_form,#branch_selector_form{background-color:#fff;border:2px solid #ddd;border-radius:5px;transition:border-color 0.3s ease}#district_selector_form:focus,#branch_selector_form:focus{outline:none;border-color:#2c5aa0;box-shadow:0 0 0 3px rgb(44 90 160 / .1)}#branch_selector_form option[value=""]:first-child{color:#999;font-style:italic}.qr-code-section{text-align:center;margin:20px 0;padding:20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:12px;border:1px solid #dee2e6;position:relative;overflow:hidden}.qr-code-section h4{margin-bottom:15px;color:#2c5aa0;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.qr-code-container{margin-bottom:15px;display:inline-block;padding:10px;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgb(44 90 160 / .15);transition:transform 0.3s ease,box-shadow 0.3s ease}.qr-code-container:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(44 90 160 / .25)}.qr-code-container img{border:2px solid #2c5aa0;border-radius:8px;display:block;transition:border-color 0.3s ease}.qr-code-container:hover img{border-color:#1e3d72}.qr-code-section p{font-size:12px;color:#6c757d;margin:0;font-style:italic;opacity:.8}@media (max-width:768px){.qr-code-section{margin:15px 0;padding:15px}.qr-code-container img{max-width:150px;height:auto}.qr-code-section h4{font-size:14px}}