/* style.css */

body { font-family: 'Segoe UI', sans-serif; background: #f4f6f8; padding: 20px; }
        .container { max-width: 600px; margin: auto; background: #fff; padding: 25px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        h2, h3 { text-align: left; margin-top: 30px; }
        label { display: block; margin-top: 10px; font-weight: 500; }
        input, select, textarea { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 8px; }
        input[type="submit"]:hover { background: #000000; }
        .slot { background: #eef; padding: 10px; margin: 10px 0; border-radius: 8px; position: relative; }
        .edit-btn { background: #ffa500; color: white; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; margin-right: 5px; }
        .delete-btn { background: #d9534f; color: white; border: none; padding: 5px 10px; border-radius: 6px; cursor: pointer; }
        .actions { position: absolute; top: 10px; right: 10px; }
        .error { color: red; margin-top: 10px; text-align: center; }



h2 { text-align: center; margin-bottom: 25px; }
    .info { margin-bottom: 12px; }
    .label { font-weight: bold; color: #333; }
    .value { color: #555; }

.ui-btn-b {
  background-color: #000;
  color: #fff;
}