body {
      background:#f4f8f7;
      font-family: 'Poppins', sans-serif;
    }

    /* MAIN WRAPPER */
    .profile-wrapper {
      padding: 40px 0;
      display: flex;
      gap: 25px;
    }

    /* SIDEBAR */
    .sidebar {
      width: 260px;
      background:#fff;
      padding:25px;
      border-radius:12px;
      box-shadow:0 4px 15px rgba(0,0,0,0.08);
      height:max-content;
      position:sticky;
      top:80px;
    }

    .sidebar h5 {
      margin-bottom:20px;
      font-weight:600;
    }

    .sidebar a {
      display:block;
      padding:12px 15px;
      border-radius:8px;
      margin-bottom:10px;
      font-weight:500;
      color:#333;
      transition:0.25s;
    }

    .sidebar a.active,
    .sidebar a:hover {
      background:#0a8f55;
      color:#fff;
    }

    /* PROFILE CARD */
    .profile-card {
      flex:1;
      background:#fff;
      padding:30px;
      border-radius:12px;
      box-shadow:0 4px 15px rgba(0,0,0,0.1);
    }

    .profile-img-wrapper {
      width:140px;
      height:140px;
      border-radius:50%;
      margin:auto;
      overflow:hidden;
      border:4px solid #0a8f55;
    }

    .profile-img {
      width:100%;
      height:100%;
      object-fit:cover;
    }

    .btn-main {
      background:#0a8f55;
      color:#fff;
      padding:10px 25px;
      border-radius:6px;
      border:none;
      transition:.3s;
      font-weight:600;
    }

    .btn-main:hover {
      background:#066b3f;
    }

    .btn-secondary-custom {
      background:#555;
      color:#fff;
      padding:10px 25px;
      border-radius:6px;
      border:none;
      font-weight:600;
    }

    /* CAMERA MODAL */
    .camera-modal {
      position:fixed;
      top:0;left:0;
      width:100%;
      height:100%;
      background:rgba(0,0,0,0.6);
      display:none;
      justify-content:center;
      align-items:center;
      z-index:2000;
    }

    .camera-content {
      background:#fff;
      padding:25px;
      border-radius:10px;
      text-align:center;
      max-width:90%;
    }

    video {
      width:100%;
      max-width:350px;
      border-radius:12px;
    }

    /* RESPONSIVE FIXES */
    @media(max-width:992px) {
      .profile-wrapper {
        flex-direction:column;
      }
      .sidebar {
        width:100%;
        position:relative;
        top:0;
      }
    }

    @media(max-width:576px) {
      .profile-card {
        padding:20px;
      }
      .profile-img-wrapper {
        width:110px;
        height:110px;
      }
      form .col-md-6 {
        width:100%;
      }
    }