body {
  background-color: #ffccd5 !important;
  font-family: 'Segoe UI', sans-serif !important;
  text-align: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.container {
  padding: 20px !important;
}

h1 {
  color: #4d0000 !important;
  margin-top: 10px !important;
  font-size: 22px !important;
}

.login-area {
  background-color: #fff0f5 !important;
  padding: 10px !important;
  margin: auto !important;
  width: 90% !important;
  max-width: 500px !important;
  border-radius: 10px !important;
  box-shadow: 0 0 10px #888 !important;
}

.tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  margin: 10px 0 !important;
}

.tab {
  background-color: #cc3300 !important;
  color: white !important;
  padding: 10px 15px !important;
  margin: 5px !important;
  cursor: pointer !important;
  border-radius: 5px !important;
  font-size: 14px !important;
}

.tab:hover {
  background-color: #e60000 !important;
}

input[type="text"],
input[type="password"] {
  padding: 6px !important;
  width: 80% !important;
  max-width: 250px !important;
  margin: 5px !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
}

.button {
  padding: 8px 15px !important;
  margin: 5px 4px !important;
  border-radius: 5px !important;
  border: none !important;
  color: white !important;
  font-weight: bold !important;
  cursor: pointer !important;
  font-size: 14px !important;
}

.green { background-color: #28a745 !important; }
.red { background-color: #c82333 !important; }
.orange { background-color: #fd7e14 !important; }
.blue { background-color: #007bff !important; }
.brown { background-color: #6c757d !important; }

.info {
  margin-top: 20px !important;
  font-size: 16px !important;
}

.highlight {
  color: #00cc00 !important;
  font-weight: bold !important;
}

.blue-text {
  color: #0000ff !important;
  font-weight: bold !important;
}

.contact {
  font-weight: bold !important;
  margin: 10px 0 !important;
}

.footer {
  margin-top: 30px !important;
  font-size: 14px !important;
}

.site-time {
  margin-top: 10px !important;
  color: #333 !important;
  font-size: 14px !important;
}

table {
  width: 100% !important;
  max-width: 250px !important;
  margin: auto !important;
  border-collapse: collapse !important;
}

table td {
  padding: 5px !important;
}

/* Responsive Design */
@media (max-width: 600px) {
  h1 {
    font-size: 18px !important;
  }

  .tab {
    font-size: 12px !important;
    padding: 8px 10px !important;
  }

  .button {
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  .info {
    font-size: 14px !important;
  }

  .footer {
    font-size: 12px !important;
  }

  .site-time {
    font-size: 12px !important;
  }
}

/* WordPress header/footer hide */
header, .site-header, .wp-block-template-part, .site-footer {
  display: none !important;
}

/* Page background set */
body {
  background: #f9f9f9 !important; /* ya jo color chahiye */
}