.progress-monitoring-container {
max-width: 100%;
margin: 0 auto;
padding: 0 20px;
font-family: Arial, sans-serif;
box-sizing: border-box;
} #progress-monitoring-form {
margin-bottom: 20px;
}
#progress-monitoring-form input {
width: 100%;
padding: 10px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 4px;
}
#progress-monitoring-form button {
width: 100%;
padding: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
}
#progress-monitoring-form button:hover {
background-color: #0056b3;
} .monitoring-data-wrapper {
width: 100vw;
margin-left: calc(-50vw + 50%);
padding: 0 20px;
box-sizing: border-box;
overflow-x: auto;
}
.monitoring-data-table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
white-space: nowrap;
font-size: 14px;
}
.monitoring-data-table th,
.monitoring-data-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.monitoring-data-table th {
background-color: #f2f2f2;
font-weight: bold;
position: sticky;
top: 0;
z-index: 1;
}
.monitoring-data-table tr:nth-child(even) {
background-color: #f9f9f9;
}
.error {
color: red;
font-weight: bold;
} .center-text {
text-align: center;
} @media (max-width: 768px) {
#progress-monitoring-form input,
#progress-monitoring-form button {
width: 100%;
}
.monitoring-data-wrapper {
margin-left: -20px;
margin-right: -20px;
padding: 0 10px;
}
} .progress-monitoring-admin {
max-width: 800px;
margin: 20px auto 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.progress-monitoring-admin h1 {
font-size: 23px;
font-weight: 400;
margin: 0;
padding: 9px 0 4px;
line-height: 1.3;
}
.admin-content {
margin-top: 20px;
}
.csv-upload-section {
background-color: #fff;
border: 1px solid #ccd0d4;
box-shadow: 0 1px 1px rgba(0,0,0,.04);
padding: 20px;
margin-bottom: 30px; }
.csv-upload-section h2 {
font-size: 14px;
padding: 8px 12px;
margin: 0 0 15px 0; line-height: 1.4;
border-bottom: 1px solid #ccd0d4;
}
.csv-upload-section form {
padding-top: 10px; }
.custom-file-upload {
border: 1px solid #7e8993;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
background-color: #f1f1f1;
margin-right: 10px;
border-radius: 3px;
}
#csv-file-input {
display: none;
}
.button-primary {
background: #007cba;
border-color: #007cba;
color: #fff;
text-decoration: none;
text-shadow: none;
}
.branding-container {
background-color: #fff;
border: 1px solid #ccd0d4;
padding: 20px;
display: flex;
align-items: center;
}
.branding-logo {
max-width: 150px;
margin-right: 20px;
}
.branding-content h2 {
color: #23282d;
font-size: 1.3em;
margin-top: 0;
}
.branding-content p {
color: #555;
line-height: 1.5;
margin: 1em 0;
}
.branding-content a {
color: #0073aa;
text-decoration: none;
}
.branding-content a:hover {
color: #00a0d2;
}
.file-input-wrapper {
display: flex;
align-items: center;
margin-bottom: 15px; }
.csv-upload-section .button-primary {
margin-top: 10px; }
.custom-file-upload {
border: 1px solid #7e8993;
display: inline-block;
padding: 6px 12px;
cursor: pointer;
background-color: #f1f1f1;
margin-right: 10px;
border-radius: 3px;
}
#csv-file-input {
display: none;
}
.file-name {
font-style: italic;
color: #666;
}