body { font-family: Arial, sans-serif; margin: 0; background: #f7f9fa; }
.sidebar {
    width: 180px; background: #0b6ea4; color: #fff; height: 100vh; position: fixed; left: 0; top: 0;
    display: flex; flex-direction: column; align-items: flex-start; padding-top: 30px;
    box-shadow: 0 6px 18px rgba(11, 110, 164, 0.20);
}
.sidebar h1 { color: #fff; font-size: 1.2em;}
.sidebar h2 { color: #fff; font-size: 1em; margin: 10px 0 20px 20px; }
.sidebar a { color: #fff; text-decoration: none; padding: 10px 20px; width: 100%; display: block; }
.sidebar a.active, .sidebar a:hover { background: #095c88; }
.main-content { margin-left: 180px; padding: 30px; }
.jobs-header { display: flex; align-items: center; justify-content: space-between; }
.search-bar { padding: 6px 12px; border: 1px solid #ccc; border-radius: 4px; width: 220px; }
.filter-group { margin-left: 10px; }
.filter-group select { padding: 5px 8px; margin-right: 5px; }
.run-job-btn { background: #0b6ea4; color: #fff; border: none; padding: 8px 18px; border-radius: 6px; font-weight: bold; cursor: pointer; box-shadow: 0 6px 16px rgba(11,110,164,0.22); }
.run-job-btn:hover { background: #095c88; }
label { display: block; margin: 18px 0 6px 0; font-weight: bold; }
input[type="text"], input[type="number"] { width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; }
select { padding: 8px; border-radius: 4px; }
button[type="submit"] { background: #0b6ea4; color: #fff; border: none; padding: 10px 22px; border-radius: 6px; font-size: 1em; font-weight: bold; cursor: pointer; margin-top: 18px; box-shadow: 0 6px 16px rgba(11,110,164,0.22); }
button[type="submit"]:hover { background: #095c88; }
.job-form-area { background: #fff; padding: 30px; border-radius: 8px; box-shadow: 0 2px 8px #0001; max-width: 700px; margin: 0 auto; }