:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#1d2733;background:#0f2438;--navy: #16324f;--navy-d: #0f2438;--orange: #f2760c;--orange-d: #d9660a;--bg: #0f2438;--card: #ffffff;--text: #1d2733;--muted: #6b7787;--line: #e4e8ee;--green: #1d8a4e;--red: #c0392b}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0f2438}.shell{min-height:100vh;display:grid;place-items:center;padding:1rem;background:#0f2438}.card{width:100%;max-width:460px;background:var(--card);border-radius:12px;padding:1.5rem;box-shadow:0 8px 30px #00000014;border:1px solid var(--line)}.card-wide{max-width:720px}.card-landing{background:linear-gradient(180deg,var(--navy) 0%,var(--navy-d) 100%);color:#fff}.card-landing h1{color:#fff}.card-landing h1 em{color:var(--orange);font-style:normal}.card-landing p{color:#d5dde7}h1{margin-top:0;color:var(--navy)}h1 em{color:var(--orange);font-style:normal}.form{display:grid;gap:.85rem}label{display:grid;gap:.35rem;font-weight:600;color:var(--text)}input,select,textarea,button{font:inherit;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text)}.card-landing input,.card-landing select,.card-landing textarea{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.card-landing input::placeholder,.card-landing select::placeholder,.card-landing textarea::placeholder{color:#c3cedb}textarea{resize:vertical}button{background:var(--orange);color:#fff;border:none;cursor:pointer;font-weight:600;transition:background .2s}button:hover{background:var(--orange-d)}button:disabled{opacity:.6;cursor:not-allowed}.card-landing .error{color:#ff6b6b}.error{color:var(--red);margin:0}.success{color:var(--green);margin:0}.helper-text{margin-bottom:0;color:#c3cedb}.card-landing .helper-text{color:#c3cedb}.card-landing .helper-text a{color:var(--orange);text-decoration:none}.card-landing .helper-text a:hover{text-decoration:underline}.helper-text{margin-bottom:0}.job-list{display:grid;gap:.75rem;margin-top:1rem}.job-item{border:1px solid #d6deea;border-radius:10px;padding:.9rem}.job-item h2{margin-top:0;font-size:1.1rem}@media (max-width: 768px){.card{max-width:100%;padding:1rem}.card-wide{max-width:100%}h1{font-size:1.5rem}.job-list{gap:.5rem}.job-item{padding:.75rem}input,select,textarea,button{padding:.5rem .6rem;font-size:16px}}@media (max-width: 480px){.shell{padding:.75rem}.card{max-width:100%;padding:.9rem;border-radius:8px}h1{font-size:1.25rem}.form{gap:.65rem}label{gap:.25rem;font-size:.9rem}input,select,textarea,button{padding:.5rem;font-size:16px;border-radius:6px}button{padding:.65rem 1rem}.job-item{padding:.65rem;margin-bottom:.5rem}.job-item h2{font-size:.95rem;margin-bottom:.5rem}}.dashboard{display:grid;gap:1rem}@media (max-width: 768px){.dashboard{gap:.75rem}}.nav-tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-tab{flex:0 0 auto;padding:.5rem 1rem;border:none;background:#f0f4f9;border-radius:6px;cursor:pointer;white-space:nowrap}.nav-tab.active{background:#0f6ccf;color:#fff}@media (max-width: 480px){.nav-tabs{gap:.35rem}.nav-tab{padding:.4rem .75rem;font-size:.85rem}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr;gap:.75rem}}.button-group{display:flex;gap:.5rem}@media (max-width: 480px){.button-group{flex-direction:column;gap:.4rem}.button-group button{width:100%}}