@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@theme{ --font-urbanist: "Urbanist", �sans-serif; }.textInput16px{@apply w-full text-black bg-white h-10 sm:h-12 rounded-lg text-lg placeholder-gray-700 px-5 shadow-md font-urbanist text-[16px];}.textInput16pxwithError{@apply w-full text-black bg-white h-10 sm:h-12 rounded-lg text-lg placeholder-gray-700 px-5 shadow-md font-urbanist text-[16px] border border-red-500;}.textDropDown{@apply w-full bg-white p-3 text-black text-sm sm:text-lg rounded-md shadow-sm flex justify-between items-center font-urbanist text-[16px];}.textDropDownPreviewPane{@apply absolute top-full left-0 w-full bg-white shadow-lg rounded-md mt-1 z-10 max-h-60 overflow-y-auto font-urbanist text-[16px];}.textDropDownSelectedItem{@apply p-3 text-sm sm:text-base hover:bg-gray-100 cursor-pointer flex items-center gap-2 font-urbanist text-[16px];}.lable16pxBgWhite{@apply w-full h-10 sm:h-12 flex items-center justify-center bg-white rounded-md text-sm text-center cursor-pointer text-black shadow-md font-urbanist text-[16px];}.lable16px{@apply w-full h-10 sm:h-12 flex items-center justify-center rounded-md text-sm text-center cursor-pointer text-black shadow-md font-urbanist text-[16px];}.lablePageTitel{@apply w-full mb-4 font-urbanist text-[20px];}.btnSubmit{@apply w-full h-10 sm:h-12 bg-black text-white py-2 text-lg rounded-lg shadow-md font-urbanist text-[16px];}.btnCancel{@apply w-full h-10 sm:h-12 bg-white text-black py-2 text-lg rounded-lg shadow-md font-urbanist text-[16px];}:root{--input-bg: #ffffff;--input-color: #111827;--input-placeholder: #9ca3af;--input-radius: 6px}input,textarea,select{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--input-color);background:var(--input-bg);border-radius:var(--input-radius);outline:none;box-shadow:none;border:1px solid #e5e7eb}input,textarea,select{font-size:16px}:root{--input-bg: #e5e7eb;--input-color: #000;--input-placeholder: #6b7280;--input-radius: 8px}input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus,input[type=password]:-webkit-autofill:active{-webkit-text-fill-color:var(--input-color)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;transition:background-color 9999s ease-in-out 0s!important}input[type=password]{-webkit-appearance:none!important;border-radius:var(--input-radius);box-shadow:none!important}input[type=password]::-webkit-text-security{-webkit-text-security:disc}input[type=password]::placeholder{color:var(--input-placeholder);opacity:1}input[type=password]::-webkit-input-placeholder{color:var(--input-placeholder);opacity:1}input[type=password]::-ms-reveal,input[type=password]::-ms-clear{display:none}.safari-password-fix{-webkit-text-fill-color:var(--input-color)!important;-webkit-box-shadow:0 0 0 1000px var(--input-bg) inset!important;transition:background-color 9999s ease-in-out 0s!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#fff;color:#111;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#999;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#666}input,textarea,select{outline:none;font-family:inherit}input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#28a745;transform:none!important}input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;-webkit-text-fill-color:#000!important;transition:background-color 5000s ease-in-out 0s}.text-1-line{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.text-2-line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-select{-webkit-user-select:none;user-select:none}.transition{transition:all .3s ease}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:600px}thead{background:#f5f5f5}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid #e5e5e5;font-size:14px}th{font-weight:600;color:#222}tbody tr:hover{background-color:#fafafa}@media (max-width: 768px){table{min-width:100%}thead{display:none}tbody tr{display:block;background:#fff;margin-bottom:16px;border-radius:8px;box-shadow:0 0 0 1px #e5e5e5;padding:10px}tbody td{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border:none;font-size:13px}tbody td:before{content:attr(data-label);font-weight:600;color:#444}}@media (max-width: 480px){tbody tr{padding:8px}tbody td{font-size:12px}}input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#28a745}@media (max-width: 768px){input[type=checkbox]{width:22px;height:22px}}@media (max-width: 480px){input[type=checkbox]{width:24px;height:24px}}tbody tr:has(input[type=checkbox]:checked){background:#e9f8ee}@media (max-width: 768px){tbody tr:has(input[type=checkbox]:checked){background:#e9f8ee;box-shadow:0 0 0 1px #28a745}}tbody tr{transition:background .25s ease,box-shadow .25s ease}