:root{--main_white: #efefef;--main_blue: #d7e5ff;--main_purple: #e8d7ff;--main_pink: #ffd7fa;--main_red: #ffd8d7;--main-color: var(--main_white);--text-color: #414141;--white-transparent: #ffffff30;--white-hover-transparent: #ffffff44;--black-dark-transparent: #00000041;--black-light-transparent: #00000010;--second-main-color: #f5f5f5;--second-text-color: #fff;--dashboard_icon_color: #1BB9B1;--barcode_icon_color: #B42EE9;--products_icon_color: #D66F2F;--report_icon_color: #2172CE;--users_icon_color: #7BAE32;--warehouses_icon_color: #538491;--pharmacy_icon_color: #e92222;--uts_icon_color: #0dca16;--colourful: #62449D;--red: #cc3333;--white: #ffffff;--green: #aeddab;--orange: #e9a322;--dark_green: #128a12;--blue: #2196F3;--successful_color: #4CAF50;--error-color: #e92222;--scrollbar-width: 5px;--full-width: 100%;--half-width: 50%;--min-height: calc(100dvh - 73px);--container-width: 1366px;--box-shadow: rgba(50, 50, 93, 0.25) 0px 10px 20px -5px, rgba(0, 0, 0, 0.3) 0px 6px 12px -8px;--mini-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 14px -5px, rgba(0, 0, 0, 0.3) 0px 4px 8px -8px;--toast-animation-duration: 0.5s}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--main-color)}::-webkit-scrollbar-thumb{background:var(--text-color)}::-webkit-scrollbar-thumb:hover{background:var(--colourful)}::selection{color:var(--main-color);background:var(--text-color)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none}body,html{font-size:16px;color:var(--text-color);background:var(--main-color);min-height:100dvh;font-family:"Albert Sans",sans-serif;width:var(--full-width);scroll-behavior:smooth;position:relative;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;text-decoration:none}body.no-scroll,html.no-scroll{overflow:hidden;width:100%;height:100%;position:fixed}body.no-scroll .modal_container,html.no-scroll .modal_container{pointer-events:auto}body a:focus,html a:focus{outline:none}body img,html img{user-select:none;display:block}body .clicked,html .clicked{transform:scale(0.94)}main{overflow-x:hidden !important;width:var(--full-width);padding:20px;overflow:scroll;padding-bottom:90px;display:flex;flex-direction:column;gap:20px}header{position:relative;width:var(--full-width);display:flex;align-items:center;justify-content:space-between;padding:15px 20px;z-index:2;border-bottom:1px solid var(--text-color)}header .header_left_container{display:flex;align-items:center;gap:10px}header .header_left_container .header_home_button{color:var(--text-color);user-select:none;cursor:pointer;padding:6px;font-size:30px}header .header_left_container .header_home_button:hover{background-color:var(--second-text-color);border-radius:6px}header .header_left_container .page_title{color:var(--text-color);font-weight:700;font-size:20px}header .hamburger{padding:10px;border-radius:6px}header .hamburger:hover{cursor:pointer;background-color:var(--second-text-color)}header .hamburger .line{width:24px;height:2px;background-color:var(--text-color);display:block;margin:4px auto;transition:all .3s ease-in-out}header .hamburger.active .line:nth-child(1){transform:translateY(2px) rotate(45deg)}header .hamburger.active .line:nth-child(2){transform:translateY(-4px) rotate(-45deg)}header nav{position:absolute;border:2px solid var(--white);top:93px;right:-400px;transition:right .3s ease-in-out;display:flex;flex-direction:column;gap:10px;border-radius:8px;padding:10px;background:var(--main-color);box-shadow:var(--mini-box-shadow)}header nav.active{right:25px}header nav .nav_elements .nav_element{margin:4px 0}header nav .nav_elements .nav_element a{display:flex;align-items:center;gap:20px;padding:12px 20px;border-radius:6px;cursor:pointer;user-select:none;color:var(--text-color)}header nav .nav_elements .nav_element a.active{background-color:var(--second-text-color)}header nav .nav_elements .nav_element a:hover{background-color:var(--second-text-color)}header nav .nav_elements .nav_element a .nav_dashboard_icon{color:var(--dashboard_icon_color)}header nav .nav_elements .nav_element a .nav_barcode_icon{color:var(--barcode_icon_color)}header nav .nav_elements .nav_element a .nav_products_icon{color:var(--products_icon_color)}header nav .nav_elements .nav_element a .nav_report_icon{color:var(--report_icon_color)}header nav .nav_elements .nav_element a .nav_warehouses_icon{color:var(--warehouses_icon_color)}header nav .nav_elements .nav_element a .nav_users_icon{color:var(--users_icon_color)}header nav .nav_elements .nav_element a .nav_pharmacy_icon{color:var(--pharmacy_icon_color)}header nav .nav_elements .nav_element a .nav_uts_icon{color:var(--uts_icon_color)}header nav .nav_elements .nav_maincolor_selection{display:flex;padding:12px 20px;gap:7px;justify-content:center;align-items:center}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option{width:30px;height:30px;border-radius:6px;position:relative;display:inline-block;cursor:pointer}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option.selected{border:1px solid var(--text-color)}header nav .nav_sign_out .nav_element a{display:flex;align-items:center;gap:20px;padding:12px 20px;border-radius:6px;cursor:pointer;user-select:none;color:var(--error-color)}header nav .nav_sign_out .nav_element a:hover{background-color:var(--error-color);color:var(--white)}.material-symbols-outlined{user-select:none}.add_new_button{position:fixed;bottom:20px;right:25px;background:var(--text-color);color:var(--white);width:50px;height:50px;border-radius:6px;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .1s ease-in-out;z-index:2}.add_new_button:hover{box-shadow:var(--mini-box-shadow)}.toast{animation:toast-slide-in var(--toast-animation-duration) ease-out;opacity:1 !important;border-radius:6px !important;box-shadow:none !important;width:300px !important;padding:15px 15px 15px 50px !important;right:13px;top:10px}.toast:hover{box-shadow:var(--mini-box-shadow) !important}.modal_container{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;padding:10px;background-color:rgba(0,0,0,.6);display:none;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal_container .modal_content{background-color:var(--white);padding:30px;border-radius:10px;width:600px;margin:auto;position:relative;animation:fadeIn .3s ease-in-out}.modal_container .modal_content .close_modal_button{position:absolute;top:20px;right:20px;cursor:pointer;color:var(--white);background:var(--error-color);padding:5px;border-radius:5px;user-select:none}.modal_container .modal_content form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding-top:20px}.modal_container .modal_content form .user_first_wrapper{display:flex;gap:20px;width:90%;padding-top:10px;font-weight:700}.modal_container .modal_content form .form_wrapper{width:90%;display:flex;align-items:center;position:relative}.modal_container .modal_content form .form_wrapper .password_eye_button{user-select:none;cursor:pointer}.modal_container .modal_content form .form_wrapper .password_eye_button:hover{color:var(--colourful)}.modal_container .modal_content form .form_wrapper input{width:100%;padding:12px;border:1px solid var(--black-dark-transparent);border-radius:5px;font-size:1rem;color:var(--text-color);transition:border-color .3s ease}.modal_container .modal_content form .form_wrapper input:focus{border-color:var(--text-color);outline:none}.modal_container .modal_content form .form_wrapper input::placeholder{color:var(--black-dark-transparent);opacity:1;user-select:none}.modal_container .modal_content form .form_wrapper span{user-select:none}.modal_container .modal_content form .password_wrapper{gap:10px}.modal_container .modal_content form .password_wrapper input{width:100%}.modal_container .modal_content form .authorities_container{padding-top:10px;width:90%}.modal_container .modal_content form .authorities_container .authorities{display:grid;padding-top:20px;width:100%;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:12px}.modal_container .modal_content form .authorities_container .authorities label{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--white);padding:12px 19px;border:1px solid var(--black-dark-transparent);border-radius:6px;cursor:pointer;font-size:14px;transition:background-color .3s ease-in-out,color .3s ease-in-out;user-select:none}.modal_container .modal_content form .authorities_container .authorities label.selected{background-color:var(--green);border:1px solid var(--green)}.modal_container .modal_content form .user_other_details{display:flex;flex:1;gap:12px;padding-right:30px}.modal_container .modal_content form .user_other_details .user_status_container{border:1px solid var(--black-dark-transparent);border-radius:6px;user-select:none;cursor:pointer;color:var(--text-color);background:rgba(0,0,0,.0470588235);display:flex;gap:10px;position:relative}.modal_container .modal_content form .user_other_details .user_status_container .user_status_border{position:absolute;top:0;left:0%;width:50%;height:100%;border-radius:6px;background:var(--text-color);z-index:1;transition:transform .2s ease-in-out}.modal_container .modal_content form .user_other_details .user_status_container .user_status{width:100%;height:100%;padding:12px 19px;color:var(--white);z-index:2;transition:color .2s ease-in-out}.modal_container .modal_content form .user_other_details .user_status_container.active .user_status_border{transform:translateX(100%);background:var(--green)}.modal_container .modal_content form .user_other_details .user_status_container.active .user_status_active{color:var(--text-color)}.modal_container .modal_content form .user_other_details .delete_user{padding:13px 19px;border-radius:6px;user-select:none;cursor:pointer;background:var(--error-color);color:var(--white)}.modal_container .modal_content form .other_details{padding-right:0px !important;display:flex;justify-content:flex-end;width:90%}.modal_container .modal_content form .other_details .delete_button{color:var(--red) !important;background:var(--white) !important;padding:0px !important;cursor:pointer}.modal_container .modal_content form button{color:var(--white);border:none;padding:10px 20px;font-size:16px;border-radius:6px;width:90%;cursor:pointer;background:var(--dark_green)}.modal_container .modal_content form button:hover{background:var(--successful_color)}.modal_container .modal_content .color_wrapper{display:flex;flex-direction:column;align-items:flex-start !important;gap:10px}.modal_container .modal_content .color_wrapper .product_color_title{margin-top:5px;font-weight:700}.modal_container .modal_content .color_wrapper .color_picker_container{display:flex;gap:10px;font-weight:700;margin-top:5px;width:100%}.modal_container .modal_content .color_wrapper .color_picker_container .color_picker{height:50px;width:100%;background:rgba(0,0,0,0) !important;cursor:pointer}.modal_container .modal_content .color_wrapper .color_picker_container .color_code{width:120px;border:1px solid var(--black-dark-transparent);border-radius:5px}.confirmation_modal_container{position:fixed;left:0;top:0;width:100%;min-height:100dvh;z-index:1000;background-color:rgba(0,0,0,.6);user-select:none;display:flex;justify-content:center;align-items:center}.confirmation_modal_container .confirmation_modal{background-color:var(--white);padding:30px;border-radius:10px;width:400px;position:relative;animation:fadeIn .3s ease-in-out;font-size:16px;font-weight:bold;text-align:center}.confirmation_modal_container .confirmation_modal .confirm_button_container{display:flex;gap:20px;padding-top:50px}.confirmation_modal_container .confirmation_modal .confirm_button_container button{color:var(--white);border:none;padding:10px 20px;font-size:16px;border-radius:6px;width:90%;cursor:pointer}.confirmation_modal_container .confirmation_modal .confirm_button_container button.confirm_delete{background:var(--dark_green)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.confirm_delete:hover{background:var(--successful_color)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.cancel_delete{background:var(--error-color);color:var(--white)}@keyframes toast-slide-in{from{transform:translateY(100%);opacity:0}}[data-tooltip]{cursor:pointer}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background-color:var(--text-color);color:var(--white);padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out;z-index:100}[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) translateY(-5px)}.flex_container_title{padding:15px 20px 15px 30px !important;font-size:.9rem;background:var(--white);border-radius:6px;box-shadow:var(--mini-box-shadow)}.flex_container{padding:0 20px;display:flex;align-items:center;width:100%;gap:10px}.flex_container div,.flex_container a,.flex_container label{flex:1;display:flex;align-items:center;min-width:0}.flex_container .lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.flex_container .flex_small{width:50px;flex:0 0 50px !important}.flex_container .flex_medium{width:90px;flex:0 0 90px !important}.flex_container .flex_100{width:100px;flex:0 0 100px !important}.flex_container .flex_large{width:125px;flex:0 0 125px !important}.flex_container .flex_200{width:150px;flex:0 0 150px !important}.flex_container .flex_170{width:170px;flex:0 0 170px !important}.flex_container .flex_center{justify-content:center !important}.flex_container .one{justify-content:center;flex-direction:column}.flex_container .buttons{gap:10px;height:35px;display:flex;align-items:center;flex-direction:column;flex-wrap:wrap;align-content:center}.flex_container .buttons .toggle_switch{position:relative;display:inline-block;width:60px;height:34px;vertical-align:middle}.flex_container .buttons .toggle_switch input{opacity:0;width:0;height:0}.flex_container .buttons .toggle_switch input:checked+.slider{background-color:var(--successful_color)}.flex_container .buttons .toggle_switch input:checked+.slider:before{transform:translateX(26px)}.flex_container .buttons .toggle_switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--black-dark-transparent);transition:.4s;border-radius:34px}.flex_container .buttons .toggle_switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--white);transition:.4s;border-radius:50%}.flex_container .buttons .batch_transfer_button,.flex_container .buttons .warehouse_batch_edit_button,.flex_container .buttons .batch_exit_button,.flex_container .buttons .batch_return_button,.flex_container .buttons .user_open_button,.flex_container .buttons .pharmacy_edit_button,.flex_container .buttons .pharmacy_open_button,.flex_container .buttons .batch_edit_button{width:35px;height:35px;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center}.flex_container .buttons .batch_transfer_button span,.flex_container .buttons .warehouse_batch_edit_button span,.flex_container .buttons .batch_exit_button span,.flex_container .buttons .batch_return_button span,.flex_container .buttons .user_open_button span,.flex_container .buttons .pharmacy_edit_button span,.flex_container .buttons .pharmacy_open_button span,.flex_container .buttons .batch_edit_button span{color:var(--white);font-size:24px;user-select:none}.flex_container .buttons .batch_transfer_button,.flex_container .buttons .batch_return_button{background:var(--products_icon_color)}.flex_container .buttons .warehouse_batch_edit_button,.flex_container .buttons .pharmacy_edit_button,.flex_container .buttons .user_open_button,.flex_container .buttons .batch_edit_button{background:var(--text-color)}.flex_container .buttons .batch_exit_button,.flex_container .buttons .pharmacy_open_button{background:var(--dark_green)}.custom-select{position:relative;width:100%;user-select:none}.custom-select .select-selected{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--black-dark-transparent);border-radius:8px;cursor:pointer;transition:border-color .3s ease;color:var(--text-color);font-size:1rem}.custom-select .select-selected .material-symbols-outlined{font-size:20px}.custom-select .select-selected .material-symbols-outlined.arrow{margin-left:auto;transition:transform .2s ease}.custom-select .select-selected .selected-text{flex:1;font-size:14px;color:var(--text-color)}.custom-select .select-items{position:absolute;top:calc(100% + 10px);left:0;right:0;background-color:var(--white);border-radius:8px;box-shadow:var(--mini-box-shadow);max-height:250px;overflow-y:auto;z-index:100;display:none}.custom-select .select-items .select-item{padding:16px;cursor:pointer;font-size:14px;transition:all .2s ease}.custom-select .select-items .select-item:hover{background-color:#e3f2fd}.custom-select .select-items .select-item.selected{background-color:#e3f2fd;color:var(--blue)}.custom-select .select-items::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.custom-select .select-items::-webkit-scrollbar-thumb:hover{background:var(--colourful)}.custom-select.active .select-selected{border:1px solid var(--text-color);box-shadow:var(--mini-box-shadow)}.custom-select.active .select-selected .arrow{transform:rotate(180deg)}.custom-select.active .select-items{display:block;animation:fadeIn .2s ease}.user_container,.batch_container,.pharmacy_container,.barcode_container,.log_container{background:var(--white);margin-bottom:10px;border-radius:9px;width:100%;position:relative;display:flex;height:80px;transition:height .3s ease-in-out}.user_container .user_color,.user_container .batch_color,.user_container .pharmacy_color,.user_container .barcode_color,.user_container .log_color,.batch_container .user_color,.batch_container .batch_color,.batch_container .pharmacy_color,.batch_container .barcode_color,.batch_container .log_color,.pharmacy_container .user_color,.pharmacy_container .batch_color,.pharmacy_container .pharmacy_color,.pharmacy_container .barcode_color,.pharmacy_container .log_color,.barcode_container .user_color,.barcode_container .batch_color,.barcode_container .pharmacy_color,.barcode_container .barcode_color,.barcode_container .log_color,.log_container .user_color,.log_container .batch_color,.log_container .pharmacy_color,.log_container .barcode_color,.log_container .log_color{min-width:10px;border-radius:6px 0 0 6px}.user_container:has(.log_detail.expanded),.batch_container:has(.log_detail.expanded),.pharmacy_container:has(.log_detail.expanded),.barcode_container:has(.log_detail.expanded),.log_container:has(.log_detail.expanded){height:auto;min-height:80px}.user_container .user_color,.user_container .barcode_color,.batch_container .user_color,.batch_container .barcode_color,.pharmacy_container .user_color,.pharmacy_container .barcode_color,.barcode_container .user_color,.barcode_container .barcode_color,.log_container .user_color,.log_container .barcode_color{background:purple}.user_container .pharmacy_color,.batch_container .pharmacy_color,.pharmacy_container .pharmacy_color,.barcode_container .pharmacy_color,.log_container .pharmacy_color{background:var(--pharmacy_icon_color)}.load_more_button_container{width:100%;position:absolute;display:flex;justify-content:center;align-items:center;bottom:31px}.load_more_button_container .load_more_button{padding:10px 15px;background:var(--white);color:var(--text-color);border-radius:6px;cursor:pointer;user-select:none}.load_more_button_container .load_more_button:hover{box-shadow:var(--mini-box-shadow)}.info_section{background:var(--white);border-radius:10px;min-height:150px;padding:20px;box-shadow:var(--mini-box-shadow);transition:1s all ease}.info_section .info_header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;border-bottom:1px solid var(--black-dark-transparent)}.info_section .info_header .return_button,.info_section .info_header .statistic_button,.info_section .info_header .view_more_button{width:35px;height:35px;border-radius:6px;cursor:pointer;display:flex;justify-content:center;align-items:center}.info_section .info_header .return_button span,.info_section .info_header .statistic_button span,.info_section .info_header .view_more_button span{color:var(--white);font-size:24px;user-select:none}.info_section .info_header .return_button{background:var(--error-color)}.info_section .info_header .statistic_button{background:var(--report_icon_color)}.info_section .info_header .the_pharmacy_buttons{display:flex;gap:10px}.info_section .info_header .the_pharmacy_buttons .view_more_button{display:none;background:var(--users_icon_color)}.info_section .info_header .the_pharmacy_buttons .view_more_button span{transition:transform .3s ease}.info_section .info_header .the_pharmacy_buttons .view_more_button.active span{transform:rotate(180deg)}.info_section .info_grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;text-align:center;align-items:center;justify-content:center;padding-top:30px}.info_section .info_grid .info_item{display:flex;flex-direction:column;gap:15px;align-items:center}.info_section .info_grid .info_item label{font-size:14px;color:var(--text-color);opacity:.7}.info_section .info_grid .info_item span{font-size:20px;font-weight:600;color:var(--text-color)}.statistics_container .statistics_content{display:flex;justify-content:center;gap:10px;padding-top:20px;text-align:center;user-select:text;margin-bottom:1rem;padding-bottom:1.5rem;border-bottom:1px solid var(--black-dark-transparent)}@media screen and (max-width: 768px){.statistics_container .statistics_content{flex-direction:column;gap:15px;padding:15px 10px}}.statistics_container .statistics_content p{font-size:2rem;display:flex;flex:1;flex-direction:column;gap:10px}@media screen and (max-width: 1024px){.statistics_container .statistics_content p{font-size:1.5rem}}@media screen and (max-width: 768px){.statistics_container .statistics_content p{font-size:1.25rem;flex-direction:row;align-items:center;justify-content:space-between;display:flex;flex-direction:row-reverse;gap:15px}}.statistics_container .statistics_content p .sub_details{font-size:.9rem;font-weight:bold}@media screen and (max-width: 768px){.statistics_container .statistics_content p .sub_details{font-size:.8rem}}.statistics_container #product_names_list{max-width:100%;line-height:2;user-select:text;max-height:225px;overflow-y:auto}@media screen and (max-width: 768px){.statistics_container #product_names_list{max-height:200px;line-height:1.8}}.statistics_container #product_names_list .product_name_item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:4px;position:relative}@media screen and (max-width: 768px){.statistics_container #product_names_list .product_name_item{padding:.4rem;gap:.3rem}}.statistics_container #product_names_list .product_name_item .product_color{width:3px;height:20px;border-radius:3px;position:absolute;left:0}.statistics_container #product_names_list .product_name_item .product_statistics_container{width:100%;flex:1;display:flex;align-items:center;gap:.25rem;font-size:.9rem;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;padding-left:8px}@media screen and (max-width: 1024px){.statistics_container #product_names_list .product_name_item .product_statistics_container{font-size:.85rem}}@media screen and (max-width: 768px){.statistics_container #product_names_list .product_name_item .product_statistics_container{font-size:.8rem;gap:.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.statistics_container #product_names_list .product_name_item .product_statistics_container::-webkit-scrollbar{height:3px}.statistics_container #product_names_list .product_name_item .product_statistics_container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:3px}}.statistics_container #product_names_list .product_name_item .product_statistics_container span{flex:1;min-width:80px}@media screen and (max-width: 768px){.statistics_container #product_names_list .product_name_item .product_statistics_container span{min-width:70px}}.statistics_container #product_names_list .product_name_item .product_statistics_container .product_name{font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;flex:2;min-width:120px}@media screen and (max-width: 768px){.statistics_container #product_names_list .product_name_item .product_statistics_container .product_name{min-width:100px}}.log_container:hover{box-shadow:var(--mini-box-shadow)}.log_container:has(.log_detail.expanded){height:auto;min-height:80px}.log_container .flex_container{padding:10px 20px}.log_container .flex_container .log_detail{flex:2;position:relative;user-select:none;font-family:"JetBrains Mono",monospace;border-radius:6px;font-size:14px;line-height:1.5;padding:10px;cursor:pointer;max-height:100px;overflow:hidden;word-wrap:break-word;word-break:break-all;white-space:pre-wrap}.log_container .flex_container .log_detail.expanded{max-height:none;white-space:pre-wrap;display:block !important;width:100%}.log_container .flex_container .log_detail.expanded::after{display:none}.log_container .flex_container .log_detail:hover{background:var(--main-color)}.log_container .flex_container .log_detail::after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(transparent, var(--second-main-color));pointer-events:none}.md{opacity:1 !important}.barcode_input_section{padding:20px;background:var(--white);border-radius:8px;box-shadow:var(--mini-box-shadow)}.barcode_input_section .barcode_input_container{max-width:600px;margin:0 auto}.barcode_input_section .barcode_input_container .input_wrapper{position:relative;display:flex;align-items:center;background:var(--white);border:2px solid var(--black-dark-transparent);border-radius:8px;padding:8px 16px;transition:all .3s ease}.barcode_input_section .barcode_input_container .input_wrapper:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--main-color-rgb), 0.25)}.barcode_input_section .barcode_input_container .input_wrapper .input_icon{color:var(--text-color);margin-right:10px;user-select:none}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput{flex:1;min-width:50px !important;border:none;padding:10px 0;font-size:16px;background:rgba(0,0,0,0);color:var(--text-color)}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput:focus{outline:none}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput::placeholder{color:var(--black-dark-transparent)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button{background:none;user-select:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.barcode_input_section .barcode_input_container .input_wrapper .clear_button:hover{background:var(--error-color)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button:hover span{color:var(--white)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button span{color:var(--text-color);font-size:20px}.flex_cargo{justify-content:center !important}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width: 1124px){.flex_container{position:relative;overflow-x:scroll !important;-webkit-overflow-scrolling:touch !important;cursor:grab;user-select:none}.flex_container:active{cursor:grabbing}.flex_container::-webkit-scrollbar{height:4px !important}.flex_container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2) !important;border-radius:4px !important}.flex_container div{min-width:150px !important}.flex_container .flex_small{width:50px;min-width:50px !important;flex:0 0 50px !important}.flex_container .flex_medium{width:90px;min-width:90px !important;flex:0 0 90px !important}.flex_container .flex_100{width:100px;min-width:100px !important;flex:0 0 100px !important}.flex_container .flex_large{width:125px;min-width:125px !important;flex:0 0 125px !important}.flex_container .batch_edit_button,.flex_container .user_open_button,.flex_container .batch_transfer_button,.flex_container .warehouse_batch_edit_button,.flex_container .pharmacy_edit_button,.flex_container .pharmacy_open_button,.flex_container .batch_exit_button,.flex_container .batch_return_button{width:35px;min-width:35px !important;flex:0 0 35px !important}}@media screen and (max-width: 768px){header{padding:10px}header nav{top:73px !important}header nav.active{right:10px !important;top:73px !important}main{gap:10px !important;padding:10px 5px 10px 10px;padding-bottom:70px}.product_container{min-width:200px !important;max-width:100% !important}.add_new_button{bottom:10px;right:10px}.modal_container .modal_content .form_wrapper,.modal_container .modal_content button,.modal_container .modal_content .user_first_wrapper,.modal_container .modal_content .authorities_container,.modal_container .modal_content .other_details{width:100% !important}.dashboard_section{gap:10px !important}.swiper-slide{width:290px !important;min-width:auto !important}.toast{right:-2px !important;top:-2px !important}#pharmacy_info_section{position:relative;max-height:70px;min-height:auto !important;transition:max-height .3s ease;overflow:hidden}#pharmacy_info_section .info_header .the_pharmacy_buttons .view_more_button{display:flex}#pharmacy_info_section .info_header .the_pharmacy_buttons .view_more_button span{transition:transform .3s ease}#pharmacy_info_section.active{overflow:scroll;max-height:400px !important;min-height:0 !important}#pharmacy_info_section.active .info_header{padding-bottom:30px;border-bottom:1px solid var(--black-dark-transparent)}#pharmacy_info_section.active .info_header .view_more_button span{transform:rotate(180deg)}#barcode_info_section .info_header{padding-bottom:20px}#barcode_info_section .info_grid{padding-top:20px;flex-direction:column;display:flex;align-items:center;justify-content:center;margin:0 auto;width:90%;gap:0px}#barcode_info_section .info_grid .info_item{width:100%;height:60px;flex-direction:row;display:flex;align-items:center;justify-content:space-between;padding:25px 0px}#barcode_info_section .info_grid .info_item:nth-child(1){border-bottom:1px solid var(--black-dark-transparent)}#barcode_info_section .info_grid .info_item:nth-child(3){border-top:1px solid var(--black-dark-transparent)}.report_container .info_cards{grid-template-columns:1fr}.report_container .sub_charts{grid-template-columns:1fr}.report_container .table_header{flex-direction:column;gap:10px}.report_container .table_header .table_actions{width:100%;flex-direction:column}.report_container .table_container{overflow-x:auto}}@media screen and (max-width: 550px){.toast{width:250px !important;padding:10px 10px 10px 50px !important}.report_container{gap:10px}.report_container .info_cards .info_card{padding:15px}.report_container .info_cards .info_card span{font-size:24px}.report_container .info_cards .info_card .card_content h3{font-size:13px}.report_container .info_cards .info_card .card_content p{font-size:20px}.report_container .main_chart_section{padding:15px}.report_container .main_chart_section .chart_header{flex-direction:column;align-items:flex-start;gap:10px}.report_container .main_chart_section .chart_header .chart_filters{width:100%;flex-direction:column}.report_container .main_chart_section .chart_header .chart_filters .filter_select{width:100%}.report_container .main_chart_section .chart_header .chart_filters .chart_type_toggle{justify-content:center}.report_container .data_table_section{padding:15px}.report_container .data_table_section .table_header h3{font-size:16px}.report_container .data_table_section table{font-size:14px}.report_container .data_table_section table th,.report_container .data_table_section table td{padding:8px}.report_container .data_table_section table .status{padding:3px 6px;font-size:11px}.report_container .data_table_section .table_footer .pagination button{padding:6px 10px;font-size:14px}}