body {
           overflow-x: hidden;
           background: #f5f7fb;
       }

       /* Sidebar */
       .formcreator-heading {
           font-family: 'Orbitron', sans-serif;
           background: linear-gradient(90deg, #cfb53b, #f3e246);
           letter-spacing: 4px;
           /* 🔥 ith aanu spacing */
           -webkit-background-clip: text;
           background-clip: text;
           -webkit-text-fill-color: transparent;

           font-size: 20px;
           font-weight: 800;
           text-align: center;
           animation: fadeIn 1s ease-in-out;
       }

       @keyframes fadeIn {
           from {
               opacity: 0;
               transform: translateY(-10px);
           }

           to {
               opacity: 1;
               transform: translateY(0);
           }
       }

       .sidebar {
           width: 260px;
           height: 100vh;
           position: fixed;
           background: #111827;
           color: #fff;
           padding-top: 20px;
           display: flex;
           flex-direction: column;
           /* 🔥 important */
       }

       .sidebar-heading {
           padding-left: 30px;
           /* adjust value (10px / 15px / 20px) */
           margin-top: 15px;
           font-size: 20px;
           font-weight: 500;
           color: #fff;
           /* light muted color */
           text-align: left;
           letter-spacing: 1px;
           /* 👈 character spacing */
           border-bottom: 1px solid rgba(255, 255, 255, 0.1);


       }

       .sidebar .logo {
           text-align: center;
           font-size: 22px;
           font-weight: bold;
           margin-bottom: 30px;
       }

       .sidebar a {
           display: block;
           padding: 12px 20px;
           color: #cbd5e1;
           text-decoration: none;
           transition: 0.3s;
       }

       .small-btn {
           padding: 4px 12px;
           /* 🔥 more space inside (top/bottom 4px, left/right 12px) */
           font-size: 12px;
           border-radius: 16px;
           border: 1px solid #fff;
           /* 👈 border added */
       }

       .sidebar a:hover {
           background: #1f2937;
           color: #fff;
       }

       .sidebar a i {
           margin-right: 10px;
       }

       /* Push bottom section down */
       .sidebar-bottom {
           margin-top: auto;
           padding-bottom: 40px;
           text-align: left;
       }





       .form-row {
           display: flex;
           justify-content: space-between;
           align-items: center;
           gap: 10px;

           margin-bottom: 10px;
       }

       /* Left text */
       .form-link {
           color: #fff;
           text-decoration: none;
           font-size: 15px;
           flex: 1;
           font-weight: 500;
           /* 🔥 take full space */
       }

       .form-link:hover {
           color: #f3e246;
       }

       /* Button same size */
       .copy-btn {
           min-width: 70px;
           /* 🔥 same width */
           height: 32px;

           font-size: 12px;
           padding: 4px 8px;

           border: 1px solid rgba(255, 255, 255, 0.3);
           background: transparent;
           color: #fff;

           border-radius: 6px;
           transition: 0.3s;
       }

       /* Hover */
       .copy-btn:hover {
           background: rgba(207, 181, 59, 0.2);
           border-color: #cfb53b;
           color: #f3e246;
       }





.back-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;

    padding: 8px 16px;
    border-radius: 10px;

    background: linear-gradient(135deg, #cfb53b, #f3e246); /* 🔥 RRU Gold */
    color: #1f2937; /* dark text */

    font-weight: 600;
    text-decoration: none;

    border: none;
    box-shadow: 0 4px 12px rgba(207, 181, 59, 0.5);

    transition: all 0.3s ease;
}

/* Icon */
.back-btn i {
    font-size: 16px;
}

/* Hover 🔥 */
.back-btn:hover {
    transform: translateX(-3px);
    box-shadow: 0 8px 20px rgba(207, 181, 59, 0.8);
    background: linear-gradient(135deg, #bfa233, #e6d53c);
}






       /* Content */
       .content {
           margin-left: 250px;
           padding: 20px;
       }

       /* Top navbar */
       .topbar {
           background: #fff;
           padding: 10px 20px;
           border-radius: 10px;
           box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
           margin-bottom: 20px;
       }




       /* Cards */
       .card-box {
           border-radius: 12px;
           padding: 20px;
           background: white;
           box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
       }



       /* User dropdown container */
       .user-dropdown a {
           color: #000;
           font-weight: 500;
       }

       /* Icon style */
       .user-dropdown i {
           font-size: 26px;
           margin-right: 8px;
           color: #000;
           transition: 0.3s;
       }

       /* Hover effect */
       /* .user-dropdown a:hover i {
    color: #b4ea3d;
} */

       /* Dropdown menu */
       .dropdown-menu {
           border-radius: 10px;
           border: none;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
       }

       .dropdown-menu .dropdown-item:active {
           background: none !important;
       }

       /* Dropdown item */
       .dropdown-item {
           font-weight: 500;
       }

       .dropdown-item:hover {
           color: #0e0d0d;
       }





/* editbutton  */
.btn-save {
    background: linear-gradient(135deg, #1f3b68, #163055); /* navy */
    color: #fff;

    padding: 10px;
    border-radius: 10px;
    border: none;

    font-weight: 600;
    letter-spacing: 0.5px;

    box-shadow: 0 4px 12px rgba(31, 59, 104, 0.4);
    transition: all 0.3s ease;
}

/* details */