body {
     background-color: #000000;
     color: white;
 }

 .form-label {
     color: #dfdfe1;
 }

 input[type=details] {
     background-color: white;
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 /* input[type=number] {
    -moz-appearance: textfield;
} */

 input[type=text],
 input[type=number],
 input[type=password],
 input[type=tel],
 input[type=email],
 input[type="file"],
 input[type=date] {
     background-color: #1c1c1f;
     border: none;
 }

 textarea {
     background-color: #1c1c1f !important;
     ;
     border: none !important;
 }

 textarea:focus {
     background-color: #1c1c1f !important;
     color: #fff !important;
 }

 input[type="text"]:focus,
 input[type="number"]:focus,
 input[type="password"]:focus,
 input[type="file"]:focus,
 input[type="tel"]:focus,
 input[type="email"]:focus,
 input[type="date"]:focus {
     background-color: #1c1c1f;
     color: #fff;
 }

 input[type="file"] {
     color: #fff;
 }

 input[type="text"]:not(:placeholder-shown),
 input[type="password"]:not(:placeholder-shown),
 input[type="number"]:not(:placeholder-shown),
 input[type="tel"]:not(:placeholder-shown),
 input[type="email"]:not(:placeholder-shown),
 input[type="date"]:valid {
     color: #ffffff;
 }

 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 select {
     background: #1c1c1f !important;
     color: #ffffff !important;

 }

 .form-control:focus {
     box-shadow: 0 0 0 .1rem rgba(255, 227, 0, 0.90);
 }

 .filled {
     background-color: white !important;
     color: black;
 }

 input[type=number]::-webkit-inner-spin-button,
 input[type=number]::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 .iti {
     width: 100%;
 }

 .iti--inline-dropdown .iti__dropdown-content {
     background: #000000;
 }

 a {
     text-decoration: none;
     color: inherit;
 }

 .button-grid {
     display: flex;
     flex-direction: column;
     gap: 20px;
     margin: 80px auto;
     align-items: center;
 }

 .dash-btn {
     background-color: #1e1e1e;
     color: white;
     border: none;
     width: 300px;
     height: 100px;
     font-size: 22px;
     border-radius: 10px;
     cursor: pointer;
     transition: background 0.3s;
     text-align: center;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .dash-btn:hover {
     background-color: #e1aa24;
     color: #000000;
 }

 .radio-group {
     display: flex;
     justify-content: space-between;
     width: 100%;
 }

 .radio-group input[type="radio"] {
     appearance: none;
     width: 20px;
     height: 20px;
     border-radius: 50%;
     border: 2px solid #e1aa24;
     background-color: #333;
     position: relative;
     cursor: pointer;
     margin-right: 14px;
 }

 .radio-group input[type="radio"]:checked {
     background-color: #e1aa24;
 }

 .radio-group input[type="radio"]:checked::after {
     content: '';
     width: 10px;
     height: 10px;
     background-color: #333;
     border-radius: 50%;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }

 input::placeholder,
 textarea::placeholder {
     color: #888 !important;
     text-transform: capitalize;
 }

 input[type="date"] {
     color: #888;
 }

 .custom-select-wrapper {
     position: relative;
     width: 100%;
 }

 .form-select {
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     width: 100%;
     padding: 10px 35px 10px 12px;
     border: 1px solid #ccc;
     border-radius: 6px;
     font-size: 1rem;
     background-color: #fff;
     color: #333;
     cursor: pointer;
 }

 .select-icon {
     position: absolute;
     right: 12px;
     top: 50%;
     transform: translateY(-50%);
     pointer-events: none;
     font-size: 14px;
     color: #555;
     transition: transform 0.2s ease;
 }

 .form-select:focus+.select-icon {
     transform: translateY(-50%) rotate(90deg);
     content: '\f107';
 }