body { margin: 0; padding: 0; background-color: #008080; font-family: "MS Sans Serif", Tahoma, Geneva, sans-serif; color: black; }
    a { color: black; text-decoration: none; }
    a:hover { color: #0000cd; }
    .container { width: 800px; max-width: 95%; margin: 40px auto; border: 2px solid #7d7d7d; background-color: #fff; box-shadow: 2px 2px 0 #fff; }
    .title-bar { background: linear-gradient(to right, #000080, #0000cd); color: white; padding: 2px 6px; font-size: 14px; font-weight: bold; border-bottom: 2px solid #7d7d7d; }
    .window-content { padding: 8px; }
    h1 { font-size: 1px; height: 1px; width: 1px; position: absolute; overflow: hidden; }

    label { display: block; margin-bottom: 4px; font-size: 10px; font-weight: bold; }
    textarea, input[type="text"], input[type="date"], select {
      box-sizing: border-box; width: 98%; padding: 4px; margin-bottom: 8px;
      border: 2px inset #7d7d7d; font-size: 12px; font-family: "MS Sans Serif", Tahoma, Geneva, sans-serif; background-color: white;
    }
    button { padding: 4px 8px; margin: 4px 4px 4px 0; background-color: #c0c0c0; border: 2px outset #fff; font-size: 12px; text-transform: uppercase; font-weight: bold; cursor: pointer; }
    button:hover { border: 2px inset #7d7d7d; }
    select { padding: 4px 8px; margin: 4px 4px 4px 0; border: 2px inset #7d7d7d; font-size: 12px; text-transform: uppercase; cursor: pointer; background-color: white; }

    .error, .success { text-align: center; padding: 4px; margin-bottom: 8px; font-size: 12px; display: none; border: 1px solid black; }
    .error { background-color: #ff4c4c; color: white; }
    .success { background-color: #4caf50; color: white; }

    .scr-group { border: 2px solid #7d7d7d; padding: 4px; margin-bottom: 8px; background-color: #fff; }
    .heading { font-size: 12px; font-weight: bold; margin-bottom: 4px; color: #000080; text-transform: uppercase; }
    .send-button-container { display: flex; justify-content: flex-end; gap: 4px; }

    .output-container {
      margin-top: 10px; padding: 8px; border: 2px dashed #7d7d7d; background-color: #f0f0f0;
      font-size: 12px; font-family: monospace; color: #000080; white-space: pre-wrap; word-wrap: break-word;
      max-height: 400px; overflow-y: auto; position: relative;
    }

    footer { font-size: 12px; color: black; text-align: center; margin-top: 12px; padding-bottom: 20px; }
    @media (max-width: 850px) { .container { width: 95%; } }