.text-left {
     text-align: left;
 }

 .status-important {
     color: #97a105;
     ;
     font-weight: bold;
 }

 .status-danger {
     color: #dc3545;
     font-weight: bold;
 }

 .status-warning {
     color: #ffc107;
     font-weight: bold;
 }

 .status-success {
     color: #28a745;
     font-weight: bold;
 }

 .status-normal {
     color: #6c757d;
     font-weight: bold;
 }

 .text-right {
     text-align: right;
 }

 .tracking-container {
     max-width: 800px;
     margin: 0px auto;
     padding: 20px;
 }

 .tracking-form {
     /* background: #f8f9fa; */
     max-width: 600px;
     margin: 0 auto;
     padding: 30px;
     /* border-radius: 10px; */
     /* box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); */
 }

 .tracking-form input {
     /* width: 100%; */
     /* padding: 15px; */
     font-size: 1.2em;
     border: 1px solid #ced4da;
     background-color: rgb(0, 7, 18, 0.8);
 }

 .package-info {
     color: #617ca8;
     font-size: 1.2em;
     margin-top: 20px;
     text-align: center;
     font-weight: bold;
     background-color: #000712;
     padding: 10px 20px;
     border-radius: 10px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
 }

 .package-info p {
     /* color: #617ca8; */
     /* font-size: 1.2em; */
     margin: 0;
     padding: 0;
     line-height: inherit;
 }

 .package-info h3 {
     color: #d5dde9;
 }

 .tracking-form h2 {
     color: #FFF;
     margin-bottom: 20px;
     text-align: center;
 }

 .tracking-form input::-webkit-input-placeholder {
     color: #617ca8;
 }

 .tracking-form input:focus {
     background-color: #000712;
 }

 .tracking-result {
     margin-top: 30px;
     display: none;
 }

 .tracking-timeline {
     position: relative;
     padding: 20px 0;
 }

 .tracking-step {
     padding: 20px;
     margin-bottom: 15px;
     background: #fff;
     border-radius: 10px;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
 }

 .tracking-step p {
     margin: 0;
     padding: 0;
     line-height: 1.5;
 }

 .step-date {
     color: #666;
     font-size: 0.9em;
     font-style: italic;
 }

 .loading {
     display: none;
     text-align: center;
     padding: 20px;
 }

 .error-message {
     display: none;
     color: #dc3545;
     padding: 10px;
     text-align: center;
 }