label { font-weight: bold; display: block; margin-bottom: 8px; }
    input[type="file"], textarea, select {
      width: 100%;
      padding: 12px;
      margin-bottom: 15px;
      font-size: 15px;
      border: 1px solid #ccc;
      border-radius: 6px;
      box-sizing: border-box;
    }
    .btns { text-align: right; margin-top: 10px; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 8px; }
    /* App button style */
    .app {
      display: inline-flex;
      align-items: center;
      justify-content: space-between;
      width: max-content;
      gap: 10px;
      padding: 12px 22px;
      border: none;
      border-radius: 4px;
      background: linear-gradient(135deg, #0a3d62, #07517d);
      color: #fff;
      font-weight: 600;
      font-size: 14px;
      cursor: pointer;
      position: relative;
      overflow: hidden;
      transition: all 0.35s ease;
      box-shadow: 0 6px 18px rgba(78, 78, 78, 0.25);
    }
    .app .text { transition: 0.3s ease; }
    .app .iconn { display: flex; align-items: center; transition: 0.35s ease; }
    .app:hover { box-shadow: 0 10px 25px rgba(0,0,0,0.35); background: linear-gradient(135deg, #07517d, #0a3d62); }
    .app:hover .iconn { transform: translateX(6px); }
    .app:active { transform: scale(0.96); box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
    .app::before {
      content: "";
      position: absolute;
      top: 0;
      left: -75%;
      width: 50%;
      height: 100%;
      background: rgba(255,255,255,0.2);
      transform: skewX(-20deg);
      transition: 0.6s;
    }
    .app:hover::before { left: 120%; }
    .image-table {
      margin-top: 20px;
      overflow-x: auto;
    }

    .image-table table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 20px;
      min-width: 600px;
    }
    .image-table th, .image-table td {
      text-align: center;
      padding: 10px;
      border: 1px solid #ddd;
      vertical-align: middle;
    }
    .image-table td { background-color: whitesmoke; }
    .image-table th { background-color: #0a3d62; color: white; }
    .preview-img { width: 60px; height: 60px; object-fit: contain; border-radius: 6px; border:1px solid #ccc; background:#fff; }
    .progress { font-size: 14px; color: #0a3d62; font-weight: bold; }
    .b64-area { width: 100%; height: 90px; padding: 8px; font-size: 12px; box-sizing: border-box; border-radius: 6px; border: 1px solid #ccc; resize: vertical; }
    .small { font-size: 13px; padding: 6px 10px; }
    .flex { display: flex; gap: 8px; flex-wrap: wrap; }
    .muted { color: #666; font-size: 13px; align-self: center; }