body{margin:0;font-family:Arial,sans-serif}.container{display:flex;height:100vh}.sidebar{width:250px;background:#2c3e50;color:#fff;padding:20px}.sidebar ul li.active{background:#1abc9c;color:#fff;font-weight:700}.sidebar ul li ul li.active{background:#16a085}.sidebar h2{margin-bottom:20px;font-size:1.5rem;text-align:center}.sidebar img{display:block;margin:0 auto 20px}.sidebar ul{list-style:none;padding:0}.sidebar ul li{padding:10px;cursor:pointer;border-radius:4px;transition:background .3s ease}.sidebar ul li:hover{background:#34495e}.sidebar ul li ul{margin-left:20px;margin-top:5px;display:none}.sidebar ul li:hover ul{display:block}.sidebar ul li ul li{padding:8px;background:#3b4a5f;border-radius:4px;margin:4px 0}.sidebar ul li ul li:hover{background:#4a5f77}.content{flex:1;padding:20px;background:#f5f5f5}.add-client-btn{background-color:#5a87b1;color:#fff;border:none;padding:8px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:.3s}.styled-table td{padding:10px;border:1px solid #ddd}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-height:90vh;overflow-y:auto}.add-telerad-form::-webkit-scrollbar{width:8px}.add-telerad-form::-webkit-scrollbar-thumb{background:#2c3e50;border-radius:4px}.add-telerad-form::-webkit-scrollbar-track{background:#ecf0f1}.password-input-wrapper{position:relative;width:100%}.password-toggle-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;color:#999;z-index:10}.password-toggle-icon:hover{color:#333}.add-invoice-btn{background-color:#5a87b1!important;color:#fff!important;border:none!important;padding:8px 15px!important;font-size:14px!important;cursor:pointer!important;border-radius:5px!important;transition:.3s!important;box-shadow:none!important;text-transform:none!important;font-weight:400!important}.add-invoice-btn:hover{background-color:#4a76a8!important}.add-telerad-form{margin:0 auto;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;max-width:100%}.form-group .ant-select{width:100%}.form-group .ant-select-selector{min-height:42px!important;padding:4px 8px!important;border-radius:4px!important;font-size:16px;align-items:center}.form-group .ant-select-selection-overflow{align-items:center}.form-group .ant-select-selection-item{height:28px;line-height:26px;margin-top:2px}.form-group .ant-select-selection-search-input{height:28px;line-height:28px}.add-telerad-form h2{text-align:center;margin-bottom:20px;color:#2c3e50}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#34495e}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px}.form-group input[type=checkbox]{width:auto;margin-right:10px}.error{color:#e74c3c;font-size:14px;margin-top:5px;display:block}.submit-button{width:100%;padding:10px;background:#2c3e50;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.submit-button:hover{background:#34495e}.invoice-table-wrapper{max-height:60vh;overflow-y:auto;overflow-x:auto}.invoice-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;box-shadow:0 2px 10px #0000001a}.invoice-table th,.invoice-table td{padding:10px 12px;text-align:center;border:1px solid #ddd}.invoice-table thead th{position:sticky;top:0;background-color:#5a87b1;color:#fff;z-index:1;border-bottom:2px solid #ddd}.invoice-table tbody tr:nth-child(2n){background-color:#e8f0f5}.invoice-table tbody tr:nth-child(odd){background-color:#fff}.invoice-table tbody tr:hover{background-color:#d0e4f1}.truncate-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;display:block;margin:0 auto}.ant-select-dropdown,.ant-picker-dropdown{z-index:9999!important}.table-container{width:80%;margin:auto;padding:20px}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.table-scroll-wrapper{max-height:70vh;overflow-y:auto;overflow-x:hidden;border:1px solid #ddd}.header{font-size:small}.styled-table thead th{position:sticky;top:0;z-index:2}.table-title{font-size:20px;color:#333}.add-client-btn{background-color:#5a87b1;color:#fff;border:none;padding:8px 15px;font-size:14px;cursor:pointer;border-radius:5px;transition:.3s;margin:3px}.add-client-btn:hover{background-color:#4a76a8}.styled-table{width:100%;border-collapse:collapse;box-shadow:0 2px 10px #0000001a}.styled-table th{background-color:#5a87b1;color:#fff;padding:12px;text-align:left}.styled-table td{padding:10px;border:1px solid #ddd;font-size:smaller}.styled-table tr.even{background-color:#e8f0f5}.styled-table tr.odd{background-color:#fff}.styled-table tr:hover{background-color:#d0e4f1}.truncate-text{display:inline-block;vertical-align:bottom;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-email{display:inline-block;vertical-align:bottom;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-date{display:inline-block;vertical-align:bottom;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.truncate-text-license{display:inline-block;vertical-align:bottom;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-header-title{color:#1890ff;font-weight:700;font-size:18px}.form-label{display:block;margin-bottom:4px}.req{color:red}.form-input-full{width:100%}.form-input-mb{width:100%;margin-bottom:16px}.form-input-mb-lg{width:100%;margin-bottom:24px}.section-container{margin-bottom:24px;padding:16px;border:1px solid #eee;border-radius:8px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{margin:0}.product-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding-bottom:16px;align-items:flex-start}.product-row-border{border-bottom:1px dashed #d9d9d9}.product-col-lg{flex:1 1 180px}.product-col-sm{flex:1 1 100px}.product-col-md{flex:1 1 140px}.user-row{display:flex;gap:8px;margin-bottom:8px;align-items:flex-start}.flex-1{flex:1}.remove-btn-wrapper{padding-top:28px}.remove-btn-container{width:100%;display:flex;justify-content:flex-end;margin-top:-8px}.modal-footer{display:flex;justify-content:flex-end;margin-top:24px}.cancel-btn{margin-right:10px}.action-icon{cursor:pointer;font-size:16px}.edit-icon{color:#1890ff;margin-right:12px}.delete-icon{color:#ff4d4f}.login-container{display:flex;height:100vh;background-color:#cce6ff}.password-wrapper{position:relative;width:100%}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;height:100%;cursor:pointer;font-size:18px;color:#666}.login-box{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.logo{font-size:24px;font-weight:700}h2{font-size:28px;text-align:left}form{width:100%;max-width:400px}label{display:block;font-size:16px;margin-bottom:5px;font-weight:500}input{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.form-group{display:flex;flex-direction:column;align-items:flex-start;width:100%;margin-bottom:15px}.form-group label{height:44px;padding:0 44px 0 14px;line-height:44px;border-radius:25px;box-sizing:border-box}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:25px}.forgot-password{color:#007bff;cursor:pointer;text-align:left;margin-bottom:15px}.sign-in-btn{width:30%;padding:12px;background-color:#007bff;color:#000;border:none;border-radius:15px;font-size:18px;cursor:pointer;transition:.3s}.sign-in-btn:hover{background-color:#0056b3}.footer{font-size:14px;margin-top:20px;color:#333;font-weight:700;display:flex;justify-content:center;gap:15px}.image-box{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-box img{width:100%;height:auto;object-fit:cover;border-radius:20px}.login-box img{width:160px;height:auto;display:block;margin:0 auto 10px}