html,body{margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:#f5f5f5;color:#000}.client-list-container{width:100%}.main-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #ccc;width:95%;margin:0 auto}.title{font-size:18px;margin-bottom:20px}.clients-grid{display:flex;margin:0 auto;flex-wrap:wrap;row-gap:15px;column-gap:20px;max-width:1200px}.clients-grid-header{display:flex;justify-content:space-between;margin:0 auto;flex-wrap:wrap;row-gap:15px;column-gap:20px;max-width:1200px;font-size:18px}.client-card{width:285px;background-color:#fff;border-radius:4px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:space-around;height:138px;margin:0}.card-header p{margin:0;font-size:16px;font-weight:700}.card-body{display:flex;flex-direction:column;align-items:center;gap:8px}.card-body p{margin:0;font-size:14px;font-weight:400}.card-actions{display:flex;justify-content:space-between;width:90%}.icon-button{width:20px;height:20px;background:none;border:none;cursor:pointer;padding:5px;transition:transform .2s}.icon-button:hover{transform:scale(1.1)}.edit-button{color:#000}.delete-button{color:#dc3545}.add-button{color:#000}.create-button-container{width:100%;margin-top:24px;text-align:center}.create-client-button{background-color:#ec6724;color:#fff;padding:15px 30px;border:none;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .3s ease}.create-client-button:hover{width:100%,background-color: #e56000}.pagination-container{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:8px}.page-button{padding:8px 16px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;transition:background-color .3s}.page-button:hover:not(.active){background-color:#f0f0f0}.page-button.active{background-color:#ec6724;color:#fff;border-color:#ec6724}.ellipsis{padding:8px}.modal-container{width:100%}.main-header-button-selected{background-color:transparent;border:none;color:#ec6724;font-family:inherit;font-size:16px;cursor:pointer;padding:0;margin:0 8px;text-decoration:underline}.main-header-button{background-color:transparent;border:none;color:#000;font-family:inherit;font-size:16px;cursor:pointer;padding:0;margin:0 8px}.input-formater{font-family:Inter,sans-serif;font-size:16px;padding:8px 12px;border:1px solid #ccc;border-radius:4px;outline:none;width:93%}.div-input-formater{width:100%}.error-text{color:#d32f2f;font-size:.875rem;margin:0}.records-limit-control{display:flex;align-items:center}.records-select{padding:2px 4px;border:1px solid #ccc;border-radius:4px;font-size:12px;cursor:pointer;margin-left:4px}.records-select:hover{border-color:#999}.records-select:focus{outline:none;border-color:#ff6a00;box-shadow:0 0 0 2px #ff6a0033}.text-label{margin-right:8px;color:#555;font-weight:500}body{font-family:Inter,sans-serif}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.welcome-title{font-size:36px;font-weight:400;color:#000;margin-bottom:20px}.welcome-form{display:flex;flex-direction:column;align-items:center;gap:12px;width:50%;max-width:521px}.submit-button{width:100%;padding:6px;background-color:#ec6724;color:#fff;font-size:24px;font-weight:700;border:none;border-radius:4px;cursor:pointer}.error-message{color:#d9534f;font-size:.8rem;margin-top:-15px;margin-bottom:15px;width:100%;text-align:left}