body {
          font-family: 'Segoe UI', sans-serif;
          background-color: #f7f7f7;
          margin: 0;
          padding: 0;
          color: #333;
        }
        
        .biodata-container {
          max-width: 500px;
          margin: 30px auto;
          background: #fff;
          border-radius: 12px;
          box-shadow: 0 4px 15px rgba(0,0,0,0.1);
          overflow: hidden;
        }
        
        .photo-section {
          text-align: center;
          background: #b30000;
          padding: 30px 20px;
        }
        
        .photo-section img {
          width: 160px;
          height: 200px;
          object-fit: cover;
          border-radius: 8px;
          border: 4px solid #fff;
          box-shadow: 0 2px 10px rgba(0,0,0,0.2);
        }
        
        .info-section {
          padding: 25px 20px;
          background: #fff;
        }
        
        .info-section h2 {
          text-align: center;
          color: #b30000;
          font-size: 22px;
          margin-bottom: 25px;
          text-transform: uppercase;
        }
        
        .biodata-table {
          width: 100%;
          border-collapse: collapse;
        }
        
        .biodata-table tr {
          border-bottom: 1px solid #eee;
        }
        
        .biodata-table td {
          padding: 10px 5px;
          font-size: 15px;
        }
        
        .label {
          font-weight: 600;
          width: 110px;
          color: #444;
        }
        
        .colon {
          width: 10px;
          color: #666;
        }
        
        .value {
          color: #222;
        }
        
        .badge-status {
          padding: 5px 12px;
          font-size: 13px;
          border-radius: 20px;
          color: white;
          font-weight: bold;
          display: inline-block;
        }
        
        .badge-status.aktif {
          background-color: #4CAF50; /* Hijau aktif */
        }
        
        
        .badge-status.nonaktif {
          background-color: red;
        }
        
        footer {
          margin-top: 25px;
          text-align: center;
          font-size: 13px;
          color: #777;
          border-top: 1px solid #eee;
          padding: 15px 10px 5px;
        }
        .back-button-container {
          text-align: center;
          padding: 15px 0 25px;
        }
        
        .back-button {
          display: inline-block;
          background-color: #b30000;
          color: #fff;
          padding: 10px 18px;
          border-radius: 30px;
          text-decoration: none;
          font-weight: bold;
          font-size: 14px;
          transition: background-color 0.3s ease;
        }
        
        .back-button:hover {
          background-color: #a00000;
        }
        
        .nocopy {
          user-select: none;
          -webkit-user-select: none;
          -moz-user-select: none;
        }