body{padding:0;margin:0}.loader-parent{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000a3;z-index:9999;display:flex;justify-content:center;align-items:center;height:100%}.loader{height:80px;width:80px;border:5px solid #f3f3f3;border-left-color:transparent;border-radius:50%;animation:loader 1s linear infinite}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-form{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.login-logo img{width:300px;height:auto;border-radius:40px;margin-bottom:30px}.auth-form .input-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:300px;display:flex;flex-direction:column;gap:15px}.auth-form .input-container{display:flex;flex-direction:column;gap:5px}.auth-form .label{font-size:18px;font-weight:700}.auth-form .input{padding:10px;font-size:18px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.auth-form .password-wrapper{display:flex;width:100%;position:relative}.auth-form .password-wrapper input{width:100%;padding-right:35px;box-sizing:border-box}.auth-form .password-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer}.auth-form .error{color:red;font-size:14px;text-align:center}.auth-form button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}.auth-form button:hover{background-color:#0056b3}.forgot-password{text-align:center;cursor:pointer;margin-left:10%;margin-right:10%}@media (max-width: 480px){.auth-form .input-form{margin-left:5%;margin-right:5%}.auth-form .input,.auth-form .password-wrapper input{font-size:16px}}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:5px;box-shadow:0 2px 10px #00000026;max-height:90vh;z-index:2;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;background-color:#fff}.modal::-webkit-scrollbar{display:none}.overlay{background:#9b9bad80;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;overflow:hidden}.modal .cross-icon-container{display:flex;justify-content:flex-end}.modal .cross-icon{cursor:pointer}.set-password{padding:20px;box-sizing:border-box}.set-password .title{text-align:center;font-size:32px;font-weight:700}.set-password .input-container{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:24px;margin-top:10px}.set-password button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;width:30%}.set-password button:hover{background-color:#0056b3}.set-password .password-wrapper{position:relative;width:90%}.set-password .input{width:100%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.set-password .password-eye{position:absolute;top:50%;right:10px;transform:translateY(-50%);cursor:pointer}.forgot-password{display:flex;flex-direction:column;justify-content:center;align-items:center}.forgot-password .forgot-form{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;width:300px;display:flex;flex-direction:column;gap:15px}.forgot-password .input-container{display:flex;flex-direction:column;gap:5px}.forgot-password .label{font-size:18px;font-weight:700}.forgot-password .input{padding:10px;font-size:18px;border:1px solid #ccc;border-radius:4px;width:100%;box-sizing:border-box}.forgot-password .error{color:red;font-size:14px;text-align:center}.forgot-password button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px}.forgot-password button:hover{background-color:#0056b3}.forgot-password .buttons-wrapper{display:flex}.forgot-password .button-container{display:flex;justify-content:center;align-items:center;width:40%;margin-left:5%;margin-right:5%}@media (max-width: 480px){.forgot-password .input-form{margin-left:5%;margin-right:5%}.forgot-password .input,.forgot-password .password-wrapper input{font-size:16px}}.home .contract-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.home .contracts{display:flex;flex-direction:column;gap:20px;border:1px solid black;padding:20px;max-height:40vh;overflow-y:auto;width:40%}.home .contract{border:1px solid black;padding:10px;box-sizing:border-box;width:fit-content;cursor:pointer;width:100%;text-align:center}.home .selected-contract{border-color:#184383;background-color:#184383;color:#fff}.home .non-selected-contract:hover{border-color:#00f;background-color:#00f;color:#fff}.contact-text{text-align:center}.contact-btn{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.contact-btn:hover{background-color:#0056b3}@media (max-width: 480px){.home .contracts{width:90%}}.home .contract-records{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;margin-top:10px}.home .new-report-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.home .new-report-button:hover{background-color:#0056b3}.home .contract-records table{width:100%}.home .contract-records table,.home .contract-records tr,.home .contract-records td,.home .contract-records th{border:1px solid black}@media (max-width: 480px){.home .contract-records{width:90%}}.home .contract-record-row .table-action{display:flex;text-align:center;justify-content:center;align-items:center}.home .contract-record-row .table-action-icon{width:50%}.home .contract-record-row .table-action-icon:hover{color:red;cursor:pointer}@media (max-width: 480px){.home .contract-record-row .table-action{height:50px}}.List{border:1px solid #d9dddd;margin-top:10px}.ListItemEven,.ListItemOdd{display:flex;align-items:center;justify-content:center;cursor:pointer}.ListItemEven:hover,.ListItemOdd:hover{background-color:#00f;color:#fff}.ListItemEven{background-color:#f8f8f0}.add-report{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.add-report .error{color:red}.add-report .title{font-size:30px;margin-bottom:10px;font-weight:700}.add-report .input-container{display:flex;flex-direction:column;width:100%}.add-report .label{width:40%}.add-report .input{width:80%}.add-report .add-report-form{width:90%}.add-report .add-report-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.add-report .add-report-button:hover{background-color:#0056b3}.add-report .input-container{display:flex;align-items:center;margin-bottom:10px;gap:5px;font-size:20px}.add-report .input-label{width:20%;text-align:center}.add-report .input{padding:8px 12px;border:1px solid #ccc;border-radius:4px}.header .logout{text-align:right;margin-right:20px}.header .logout-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.header .logout-button:hover{background-color:#0056b3}.change-name-container{display:flex;justify-content:center}.change-name{display:flex;flex-direction:column;max-width:400px;justify-content:center;text-align:center;align-items:center}.change-name .tab-label{color:red}.close-button-container{display:flex;justify-content:center;margin-top:20px}.close-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.close-button:hover{background-color:#0056b3}.main-contact-info{text-align:center}.tabs .tab-container{text-align:center;margin-top:20px;margin-bottom:20px}.tabs .tab{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin:10px}.tabs .tab:hover{background-color:#0056b3}.tabs .selected-tab{background-color:#3b82f6;color:#fff}.tab-section .new-contact-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin:10px}.tab-section .new-contact-button:hover{background-color:#0056b3}.contact-table .table-action{display:flex;text-align:center;justify-content:center;align-items:center}.contact-table .table-action-icon{width:50%}.contact-table .table-action-icon:hover{color:red;cursor:pointer}.contact-table{width:80%;margin-left:10%;margin-right:10%}@media (max-width: 480px){.contact-table{width:100%;margin-left:0;margin-right:0}}.contact-table table,.contact-table tr,.contact-table td,.contact-table th{border:1px solid black}@media (max-width: 480px){.contact-table .table-action{height:50px}}.add-contact{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.add-contact .error{color:red}.add-contact .title{font-size:30px;margin-bottom:10px;font-weight:700}.add-contact .input-container{display:flex;flex-direction:column;width:100%}.add-contact .label{width:40%}.add-contact .input{width:80%}.add-contact .add-contact-form{width:90%}.add-contact .add-contact-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.add-contact .add-contact-button:hover{background-color:#0056b3}.add-contact .input-container{display:flex;align-items:center;margin-bottom:10px;gap:5px;font-size:20px}.add-contact .input-label{width:20%;text-align:center}.add-contact .input{padding:8px 12px;border:1px solid #ccc;border-radius:4px}.tab-section .new-address-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin:10px}.tab-section .new-address-button:hover{background-color:#0056b3}.address-table .table-action{display:flex;text-align:center;justify-content:center;align-items:center}.address-table .table-action-icon{width:50%}.address-table .table-action-icon:hover{color:red;cursor:pointer}.address-table{width:80%;margin-left:10%;margin-right:10%}@media (max-width: 480px){.address-table{width:100%;margin-left:0;margin-right:0}}.address-table table,.address-table tr,.address-table td,.address-table th{border:1px solid black}@media (max-width: 480px){.address-table .table-action{height:50px}}.add-address{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.add-address .error{color:red}.add-address .title{font-size:30px;margin-bottom:10px;font-weight:700}.add-address .input-container{display:flex;flex-direction:column;width:100%}.add-address .label{width:40%}.add-address .input{width:80%}.add-address .add-address-form{width:90%}.add-address .add-address-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.add-address .add-address-button:hover{background-color:#0056b3}.add-address .input-container{display:flex;align-items:center;margin-bottom:10px;gap:5px;font-size:20px}.add-address .input-label{width:20%;text-align:center}.add-address .input{padding:8px 12px;border:1px solid #ccc;border-radius:4px}.csz{display:flex}.tab-section .new-phone-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin:10px}.tab-section .new-phone-button:hover{background-color:#0056b3}.button-container{display:flex;justify-content:center}.phone-table .table-action{display:flex;text-align:center;justify-content:center;align-items:center}.phone-table .table-action-icon{width:50%}.phone-table .table-action-icon:hover{color:red;cursor:pointer}.phone-table{width:80%;margin-left:10%;margin-right:10%}@media (max-width: 480px){.phone-table{width:100%;margin-left:0;margin-right:0}}.phone-table table,.phone-table tr,.phone-table td,.phone-table th{border:1px solid black}@media (max-width: 480px){.phone-table .table-action{height:50px}}.add-phone{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.add-phone .error{color:red}.add-phone .title{font-size:30px;margin-bottom:10px;font-weight:700}.add-phone .input-container{display:flex;flex-direction:column;width:100%}.add-phone .label{width:40%}.add-phone .input{width:80%}.add-phone .add-phone-form{width:90%}.add-phone .add-phone-button{padding:10px;background-color:#184383;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:18px;margin-top:10px;margin-bottom:10px}.add-phone .add-phone-button:hover{background-color:#0056b3}.add-phone .input-container{display:flex;align-items:center;margin-bottom:10px;gap:5px;font-size:20px}.add-phone .input-label{width:20%;text-align:center}.add-phone .input{padding:8px 12px;border:1px solid #ccc;border-radius:4px}