:root{--text-primary: #000000;--text-secondary: #666666;--text-white: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f8f8f8;--bg-tertiary: #ececec;--dark-bg: #000000;--border-light: #dddddd;--border-medium: #cccccc;--accent-color: #d4a574;--success-color: #4CAF50;--error-color: #dc3545;--hover-bg: #f5f5f5;--card-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);--main-color: var(--bg-primary);--text-color: var(--text-primary);--white: var(--text-white);--second-main-color: var(--bg-secondary);--second-text-color: var(--text-white);--main_white: #ffffff;--main_blue: #2196F3;--main_purple: #9C27B0;--main_pink: #E91E63;--main_red: #F44336;--dashboard_icon_color: #000000;--barcode_icon_color: #000000;--products_icon_color: #000000;--report_icon_color: #000000;--users_icon_color: #000000;--warehouses_icon_color: #000000;--pharmacy_icon_color: #000000;--uts_icon_color: #000000;--white-transparent: rgba(255, 255, 255, 0.1);--white-hover-transparent: rgba(255, 255, 255, 0.2);--black-dark-transparent: rgba(0, 0, 0, 0.1);--black-light-transparent: rgba(0, 0, 0, 0.05);--successful_color: var(--success-color);--red: #dc3545;--green: #4CAF50;--dark_green: #2d5016;--blue: #000000;--orange: #d4a574;--colourful: var(--accent-color);--scrollbar-width: 4px;--full-width: 100%;--half-width: 50%;--min-height: calc(100dvh - 73px);--container-width: 1366px;--box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);--mini-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);--toast-animation-duration: 0.3s;--transition-fast: 0.15s ease;--transition-normal: 0.3s ease}::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}::selection{color:var(--text-white);background:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style-type:none}body,html{font-size:16px;color:var(--text-primary);background:var(--bg-tertiary);min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;width:var(--full-width);scroll-behavior:smooth;position:relative;overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;outline:none;text-decoration:none;line-height:1.5;letter-spacing:.3px}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,html a{color:inherit;text-decoration:none;transition:var(--transition-fast)}body a:focus,html a:focus{outline:none}body img,html img{user-select:none;display:block;max-width:100%}body .clicked,html .clicked{transform:scale(0.98)}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:20px 30px;z-index:2;border-bottom:1px solid var(--border-light);background:var(--bg-primary);backdrop-filter:blur(10px)}header .header_left_container{display:flex;align-items:center;gap:15px}header .header_left_container .header_home_button{color:var(--text-primary);user-select:none;cursor:pointer;padding:8px;font-size:28px;transition:var(--transition-fast);border-radius:0}header .header_left_container .header_home_button:hover{opacity:.6}header .header_left_container .page_title{color:var(--text-primary);font-weight:400;font-size:18px;letter-spacing:1px;text-transform:uppercase}header .hamburger{padding:10px;cursor:pointer;transition:var(--transition-fast)}header .hamburger:hover{opacity:.6}header .hamburger .line{width:22px;height:1px;background-color:var(--text-primary);display:block;margin:5px auto;transition:all var(--transition-normal)}header .hamburger.active .line:nth-child(1){transform:translateY(3px) rotate(45deg)}header .hamburger.active .line:nth-child(2){transform:translateY(-3px) rotate(-45deg)}header nav{position:absolute;border:1px solid var(--border-light);top:81px;right:-400px;transition:right var(--transition-normal);display:flex;flex-direction:column;gap:0;padding:20px 0;background:var(--bg-primary);box-shadow:var(--box-shadow);min-width:280px}header nav.active{right:30px}header nav .user_welcome{display:flex;align-items:center;gap:12px;color:var(--text-primary);font-weight:600;padding:20px 30px;border-bottom:1px solid var(--border-light);background:var(--bg-secondary)}header nav .user_welcome .material-symbols-outlined{font-size:1.4rem;color:var(--main-color)}header nav .user_welcome .user_name{font-size:1rem;font-weight:700}header nav .nav_elements .nav_element{margin:0;border-bottom:1px solid var(--border-light)}header nav .nav_elements .nav_element:last-child{border-bottom:none}header nav .nav_elements .nav_element a{display:flex;align-items:center;gap:15px;padding:16px 30px;cursor:pointer;user-select:none;color:var(--text-primary);font-size:14px;letter-spacing:.5px;text-transform:uppercase;transition:var(--transition-fast);position:relative}header nav .nav_elements .nav_element a::before{content:"";position:absolute;left:0;top:0;height:100%;width:2px;background:var(--text-primary);transform:scaleY(0);transition:transform var(--transition-fast)}header nav .nav_elements .nav_element a.active{background-color:var(--hover-bg)}header nav .nav_elements .nav_element a.active::before{transform:scaleY(1)}header nav .nav_elements .nav_element a:hover{background-color:var(--hover-bg)}header nav .nav_elements .nav_element a .nav_dashboard_icon,header nav .nav_elements .nav_element a .nav_barcode_icon,header nav .nav_elements .nav_element a .nav_products_icon,header nav .nav_elements .nav_element a .nav_report_icon,header nav .nav_elements .nav_element a .nav_warehouses_icon,header nav .nav_elements .nav_element a .nav_users_icon,header nav .nav_elements .nav_element a .nav_pharmacy_icon,header nav .nav_elements .nav_element a .nav_uts_icon{color:var(--text-primary);font-size:20px}header nav .nav_elements .nav_maincolor_selection{display:flex;padding:16px 30px;gap:10px;justify-content:flex-start;align-items:center;border-top:1px solid var(--border-light);margin-top:10px}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option{width:24px;height:24px;border-radius:50%;position:relative;display:inline-block;cursor:pointer;border:2px solid rgba(0,0,0,0);transition:var(--transition-fast)}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option:hover{transform:scale(1.1)}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option.selected{border-color:var(--text-primary)}header nav .nav_elements .nav_maincolor_selection .nav_maincolor_option .white{border-color:var(--text-primary) !important}header nav .nav_sign_out{border-top:1px solid var(--border-light);margin-top:10px}header nav .nav_sign_out .nav_element{border-bottom:none}header nav .nav_sign_out .nav_element a{display:flex;align-items:center;gap:15px;padding:16px 30px;cursor:pointer;user-select:none;color:var(--error-color);font-size:14px;letter-spacing:.5px;text-transform:uppercase;transition:var(--transition-fast)}header nav .nav_sign_out .nav_element a:hover{background-color:var(--error-color);color:var(--text-white)}.material-symbols-outlined{user-select:none}.add_new_button{position:fixed;bottom:30px;right:30px;background:var(--text-primary);color:var(--text-white);width:56px;height:56px;border-radius:50%;user-select:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:2;box-shadow:var(--box-shadow)}.add_new_button:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}.add_new_button:active{transform:scale(0.95)}.toast{animation:toast-slide-in var(--toast-animation-duration) ease-out;opacity:1 !important;border-radius:0 !important;box-shadow:var(--box-shadow) !important;width:320px !important;padding:18px 20px !important;right:20px;top:20px;border-left:3px solid var(--text-primary);background:var(--bg-primary) !important;color:var(--text-primary) !important;font-size:14px;letter-spacing:.3px}.toast:hover{box-shadow:0 4px 12px rgba(0,0,0,.12) !important}.toast button{color:var(--text-primary) !important}.toast button:hover{opacity:1 !important}.modal_container{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;padding:20px;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);display:none;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal_container .modal_content{background-color:var(--bg-primary);padding:40px;border-radius:0;width:600px;max-width:100%;margin:auto;position:relative;animation:fadeIn .3s ease-in-out;box-shadow:var(--box-shadow);border:1px solid var(--border-light)}.modal_container .modal_content .close_modal_button{position:absolute;top:15px;right:15px;cursor:pointer;color:var(--text-primary);background:rgba(0,0,0,0);padding:8px;border-radius:0;user-select:none;transition:var(--transition-fast);font-size:24px}.modal_container .modal_content .close_modal_button:hover{opacity:.6}.modal_container .modal_content form{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding-top:20px}.modal_container .modal_content form .user_first_wrapper{display:flex;gap:20px;width:100%;padding-top:10px;font-weight:500;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.modal_container .modal_content form .form_wrapper{width:100%;display:flex;align-items:center;position:relative}.modal_container .modal_content form .form_wrapper .password_eye_button{user-select:none;cursor:pointer;position:absolute;right:12px;transition:var(--transition-fast)}.modal_container .modal_content form .form_wrapper .password_eye_button:hover{opacity:.6}.modal_container .modal_content form .form_wrapper input{width:100%;padding:14px 12px;border:1px solid var(--border-light);border-radius:0;font-size:14px;color:var(--text-primary);transition:border-color var(--transition-fast);background:var(--bg-primary);letter-spacing:.3px}.modal_container .modal_content form .form_wrapper input:focus{border-color:var(--text-primary);outline:none}.modal_container .modal_content form .form_wrapper input::placeholder{color:var(--text-secondary);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:100%}.modal_container .modal_content form .authorities_container .authorities{display:grid;padding-top:20px;width:100%;grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));gap:10px}.modal_container .modal_content form .authorities_container .authorities label{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--bg-primary);padding:12px 16px;border:1px solid var(--border-light);border-radius:0;cursor:pointer;font-size:12px;text-transform:uppercase;letter-spacing:.5px;transition:all var(--transition-fast);user-select:none}.modal_container .modal_content form .authorities_container .authorities label:hover{border-color:var(--text-primary)}.modal_container .modal_content form .authorities_container .authorities label.selected{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--text-white)}.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(--text-white);border:none;padding:14px 24px;font-size:14px;text-transform:uppercase;letter-spacing:1px;border-radius:0;width:100%;cursor:pointer;background:var(--text-primary);transition:all var(--transition-fast);font-weight:500}.modal_container .modal_content form button:hover{opacity:.85;transform:translateY(-1px)}.modal_container .modal_content form button:active{transform:translateY(0)}.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,.4);backdrop-filter:blur(4px);user-select:none;display:flex;justify-content:center;align-items:center}.confirmation_modal_container .confirmation_modal{background-color:var(--bg-primary);padding:40px;border-radius:0;width:400px;max-width:90%;position:relative;animation:fadeIn .3s ease-in-out;font-size:16px;font-weight:400;text-align:center;border:1px solid var(--border-light);box-shadow:var(--box-shadow);letter-spacing:.3px}.confirmation_modal_container .confirmation_modal .confirm_button_container{display:flex;gap:12px;padding-top:40px}.confirmation_modal_container .confirmation_modal .confirm_button_container button{color:var(--text-white);border:none;padding:14px 24px;font-size:14px;text-transform:uppercase;letter-spacing:1px;border-radius:0;width:100%;cursor:pointer;transition:all var(--transition-fast);font-weight:500}.confirmation_modal_container .confirmation_modal .confirm_button_container button.confirm_delete{background:var(--text-primary)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.confirm_delete:hover{opacity:.85;transform:translateY(-1px)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.confirm_delete:active{transform:translateY(0)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.cancel_delete{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-light)}.confirmation_modal_container .confirmation_modal .confirm_button_container button.cancel_delete:hover{background:var(--border-light)}@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-primary);color:var(--text-white);padding:8px 12px;border-radius:0;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:100}[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) translateY(-8px)}.flex_container_title{padding:16px 24px !important;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:1px;background:var(--bg-primary);border-radius:0;box-shadow:var(--card-shadow);border:1px solid var(--border-light);margin-bottom:2px}.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;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:52px;height:28px;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(--text-primary)}.flex_container .buttons .toggle_switch input:checked+.slider:before{transform:translateX(24px)}.flex_container .buttons .toggle_switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-light);transition:var(--transition-normal);border-radius:14px}.flex_container .buttons .toggle_switch .slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:var(--text-white);transition:var(--transition-normal);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.2)}.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:36px;height:36px;border-radius:0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all var(--transition-fast);border:1px solid var(--border-light)}.flex_container .buttons .batch_transfer_button:hover,.flex_container .buttons .warehouse_batch_edit_button:hover,.flex_container .buttons .batch_exit_button:hover,.flex_container .buttons .batch_return_button:hover,.flex_container .buttons .user_open_button:hover,.flex_container .buttons .pharmacy_edit_button:hover,.flex_container .buttons .pharmacy_open_button:hover,.flex_container .buttons .batch_edit_button:hover{transform:scale(1.05)}.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(--text-primary);font-size:20px;user-select:none}.flex_container .buttons .batch_transfer_button,.flex_container .buttons .batch_return_button,.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,.flex_container .buttons .batch_exit_button,.flex_container .buttons .pharmacy_open_button{background:var(--bg-primary)}.flex_container .buttons .batch_transfer_button:hover,.flex_container .buttons .batch_return_button:hover,.flex_container .buttons .warehouse_batch_edit_button:hover,.flex_container .buttons .pharmacy_edit_button:hover,.flex_container .buttons .user_open_button:hover,.flex_container .buttons .batch_edit_button:hover,.flex_container .buttons .batch_exit_button:hover,.flex_container .buttons .pharmacy_open_button:hover{background:var(--text-primary)}.flex_container .buttons .batch_transfer_button:hover span,.flex_container .buttons .batch_return_button:hover span,.flex_container .buttons .warehouse_batch_edit_button:hover span,.flex_container .buttons .pharmacy_edit_button:hover span,.flex_container .buttons .user_open_button:hover span,.flex_container .buttons .batch_edit_button:hover span,.flex_container .buttons .batch_exit_button:hover span,.flex_container .buttons .pharmacy_open_button:hover span{color:var(--text-white)}.custom-select{position:relative;width:100%;user-select:none}.custom-select .select-selected{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border-light);border-radius:0;cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);font-size:14px;background:var(--bg-primary)}.custom-select .select-selected .material-symbols-outlined{font-size:20px}.custom-select .select-selected .material-symbols-outlined.arrow{margin-left:auto;transition:transform var(--transition-normal)}.custom-select .select-selected .selected-text{flex:1;font-size:14px;color:var(--text-primary);letter-spacing:.3px}.custom-select .select-items{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--bg-primary);border-radius:0;box-shadow:var(--box-shadow);border:1px solid var(--border-light);max-height:280px;overflow-y:auto;z-index:100;display:none}.custom-select .select-items .select-item{padding:14px 16px;cursor:pointer;font-size:14px;transition:all var(--transition-fast);letter-spacing:.3px;border-bottom:1px solid var(--border-light)}.custom-select .select-items .select-item:last-child{border-bottom:none}.custom-select .select-items .select-item:hover{background-color:var(--hover-bg)}.custom-select .select-items .select-item.selected{background-color:var(--text-primary);color:var(--text-white)}.custom-select .select-items::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:0}.custom-select .select-items::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.custom-select.active .select-selected{border-color:var(--text-primary);box-shadow:none}.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(--bg-primary);margin-bottom:10px;border-radius:0;width:100%;position:relative;display:flex;height:80px;transition:all var(--transition-normal);border:1px solid var(--border-light);box-shadow:var(--card-shadow)}.user_container:hover,.batch_container:hover,.pharmacy_container:hover,.barcode_container:hover,.log_container:hover{border-color:var(--border-medium);box-shadow:0 2px 6px rgba(0,0,0,.12)}.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:3px;border-radius:0}.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:var(--text-primary)}.user_container .pharmacy_color,.batch_container .pharmacy_color,.pharmacy_container .pharmacy_color,.barcode_container .pharmacy_color,.log_container .pharmacy_color{background:var(--text-primary)}.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:12px 24px;background:var(--bg-primary);color:var(--text-primary);border-radius:0;cursor:pointer;user-select:none;border:1px solid var(--border-light);font-size:12px;text-transform:uppercase;letter-spacing:1px;font-weight:500;transition:all var(--transition-fast)}.load_more_button_container .load_more_button:hover{background:var(--text-primary);color:var(--text-white)}.info_section{background:var(--bg-primary);border-radius:0;min-height:150px;padding:30px;box-shadow:var(--card-shadow);border:1px solid var(--border-light);transition:all var(--transition-normal)}.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:36px;height:36px;border-radius:0;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all var(--transition-fast);border:1px solid var(--border-light);background:var(--bg-primary)}.info_section .info_header .return_button:hover,.info_section .info_header .statistic_button:hover,.info_section .info_header .view_more_button:hover{background:var(--text-primary)}.info_section .info_header .return_button:hover span,.info_section .info_header .statistic_button:hover span,.info_section .info_header .view_more_button:hover span{color:var(--text-white)}.info_section .info_header .return_button span,.info_section .info_header .statistic_button span,.info_section .info_header .view_more_button span{color:var(--text-primary);font-size:22px;user-select:none}.info_section .info_header .return_button:hover{background:var(--error-color);border-color:var(--error-color)}.info_section .info_header .the_pharmacy_buttons{display:flex;gap:10px}.info_section .info_header .the_pharmacy_buttons .view_more_button{display:none}.info_section .info_header .the_pharmacy_buttons .view_more_button span{transition:transform var(--transition-normal)}.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:24px;background:var(--bg-primary);border-radius:0;box-shadow:var(--card-shadow);border:1px solid var(--border-light)}.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(--bg-primary);border:1px solid var(--border-light);border-radius:0;padding:12px 16px;transition:all var(--transition-fast)}.barcode_input_section .barcode_input_container .input_wrapper:focus-within{border-color:var(--text-primary);box-shadow:none}.barcode_input_section .barcode_input_container .input_wrapper .input_icon{color:var(--text-primary);margin-right:12px;user-select:none}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput{flex:1;min-width:50px !important;border:none;padding:8px 0;font-size:14px;background:rgba(0,0,0,0);color:var(--text-primary);letter-spacing:.3px}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput:focus{outline:none}.barcode_input_section .barcode_input_container .input_wrapper #barcodeInput::placeholder{color:var(--text-secondary)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button{background:none;user-select:none;border:none;padding:6px;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button:hover{opacity:.6}.barcode_input_section .barcode_input_container .input_wrapper .clear_button:hover span{color:var(--text-primary)}.barcode_input_section .barcode_input_container .input_wrapper .clear_button span{color:var(--text-secondary);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:20px;right:20px;width:52px;height:52px}.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}}