body {
    background: #fafafa; /*#000000;*/
    color: #333333; /* #333333;*/ /*#FFFFFFC7;*/
    margin-top: 5rem;
    /*min-height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  h1, h2, h3, h4, h5, h6 {
    color: #444444; /*#444444;*/ /*#FFFFFFC7;*/
  }
  
  a {
    color: #000000; /*#000000;*/ /*#FFFFFFC7;*/
  }

  .bg-steel {
    background-color: #000000; /* #5f788a; */
  }
  
  .site-header .navbar-nav .nav-link {
    color: #FFFFFFC7; /* #cbd5db; */
  }
  
  .site-header .navbar-nav .nav-link:hover {
    color: #ffffff;
  }
  
  .site-header .navbar-nav .nav-link.active {
    font-weight: 500;
  }
  
  .content-section {
    background: #ffffff; /* #ffffff;*/ /*#000000;*/
    /*color: #FFFFFFC7;*/ 
    padding: 10px 20px;
    border: 1px solid #dddddd; /*#dddddd;*/ /*#FFF07C;*/
    border-radius: 3px;
    margin-bottom: 20px;
  }
  
  .article-title {
    color: #444444; /*#444444;*/ /*#FFFFFFC7;*/
  }
  
  a.article-title:hover {
    color: #428bca; /*#428bca;*/ /*#000000;*/
    text-decoration: none;
  }
  
  .article-content {
    white-space: pre-line;
  }
  
  .article-img {
    height: 65px;
    width: 65px;
    margin-right: 16px;
  }
  
  .article-metadata {
    padding-bottom: 1px;
    margin-bottom: 4px;
    border-bottom: 1px solid #e3e3e3
  }
  
  .article-metadata a:hover {
    color: #333; /*#333;*/ /*#FFFFFFC7;*/
    text-decoration: none;
  }
  
  .article-svg {
    width: 25px;
    height: 25px;
    vertical-align: middle;
  }
  
  .account-img {
    height: 125px;
    width: 125px;
    margin-right: 20px;
    margin-bottom: 16px;
  }
  
  .account-heading {
    font-size: 2.5rem;
  }

  .btn-outline-info {
    --bs-btn-color: #000; /*#0dcaf0;*/ 
    --bs-btn-border-color: #000; /*#0dcaf0;*/
    --bs-btn-hover-color: #FFFFFFFF; /*#000;*/
    --bs-btn-hover-bg: #000; /*#0dcaf0;*/
    --bs-btn-hover-border-color: #000; /*#0dcaf0;*/
    --bs-btn-focus-shadow-rgb: 13, 202, 240;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #000; /*#0dcaf0;*/
    --bs-btn-active-border-color: #000; /*#0dcaf0;*/
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FFFFFFC7; /*#0dcaf0;*/
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000; /*#0dcaf0;*/
    --bs-gradient: none;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #667eea;
    --bs-btn-border-color: #667eea;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #764ba2;
    --bs-btn-hover-border-color: #764ba2;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #667eea;
    --bs-btn-active-border-color: #667eea;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #198754;
    --bs-btn-disabled-border-color: #198754;
} /* background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); #764ba2 */


/* Login Page Styles */
.login-container {
    background: white;
    border-radius: 16px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.3);
    padding: 3rem;
    max-width: 450px;
    width: 100%;
}

.login-title {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 0.5rem;
}

.login-subtitle {
    color: #666;
    margin-bottom: 2rem;
}

.google-btn {
    background: white;
    border: 2px solid #ddd;
    color: #444;
    font-weight: 500;
    padding: 0.75rem 1.5rem;
    transition: all 0.3s;
}
        
.google-btn:hover {
    background: #f8f9fa;
    border-color: #667eea;
    box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
    transform: translateY(-2px);
    color: #444;
}

.google-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.features {
    margin-top: 2.5rem;
}

.feature-item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: #666;
}

.feature-icon {
    color: #333;
    font-size: 1.25rem;
    margin-right: 0.75rem;
}

/* Add Property styles */
.header-card {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            border: none;
            margin-bottom: 2rem;
        }
        
        .content-card {
            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
        }
        
        .user-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            border: 2px solid white;
        }
        
        .section-title {
            color: #667eea;
            font-weight: 600;
            margin-bottom: 1rem;
            padding-bottom: 0.5rem;
            border-bottom: 2px solid #667eea;
        }
        
        .form-select:focus,
        .form-control:focus {
            border-color: #667eea;
            box-shadow: 0 0 0 0.25rem rgba(102, 126, 234, 0.25);
        }
        
        .info-card {
            background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
            border: none;
        }
        
        .info-label {
            font-weight: 600;
            color: #495057;
        }
        
        .info-value {
            color: #667eea;
            font-weight: 500;
        }
        
        .btn-logout {
            background: rgba(255,255,255,0.2);
            border: 1px solid rgba(255,255,255,0.3);
            color: white;
        }
        
        .btn-logout:hover {
            background: rgba(255,255,255,0.3);
            color: white;
        }

        .stat-card {
            transition: transform 0.3s;
        }

        .stat-card:hover {
            transform: translateY(-3px);
        }

  /*
  list-group {
    background: #000000;
    color: #FFFFFFC7; 
    border: 1px solid #FFF07C;
    border-radius: 3px;
    margin-bottom: 20px;
  }

  .list-group-item {
      position: relative;
      display: block;
      padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
      color: #FFFFFFC7;
      text-decoration: none;
      background-color: #000000;
      border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
  }
  */