*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f5f7;color:#172033}a{color:#0b1b34;text-decoration:none}header{background:#0b1b34;color:white;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px}header h1{font-size:20px;margin:0}header a{color:white}main{padding:18px;max-width:1200px;margin:auto}.loginbody{min-height:100vh;display:flex;align-items:center;justify-content:center}.loginbox,.card{background:white;border-radius:12px;padding:18px;box-shadow:0 4px 16px rgba(0,0,0,.08);margin-bottom:18px}.loginbox{width:360px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.stats{grid-template-columns:repeat(3,1fr)}h1,h2,h3{margin-top:0}label{display:block;font-weight:bold;margin-top:10px;font-size:14px}input,select,textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #d9dee7;border-radius:8px;font-size:16px}textarea{min-height:70px}button,.button{display:inline-block;background:#0b1b34;color:white;border:0;border-radius:8px;padding:10px 14px;margin-top:12px;font-weight:bold;cursor:pointer}.danger{background:#b91c1c}.secondary{background:#64748b}.ok{background:#e8f7ee;border:1px solid #b7ebc9;padding:12px;border-radius:10px;margin-bottom:15px}.error{background:#ffe8e8;border:1px solid #ffb3b3;padding:10px;border-radius:8px;margin:10px 0}.stats span{display:block;font-size:30px;font-weight:bold;margin-top:8px}.stats small{color:#64748b}.rowform{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end}.rowform button{margin-top:5px}table{width:100%;border-collapse:collapse}th,td{padding:9px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:top}.jobcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.jobcard{display:block;border:1px solid #e5e7eb;border-radius:10px;padding:14px;background:#fbfdff}.jobcard strong{display:block;font-size:18px}.jobcard small{display:block;color:#64748b;margin:4px 0 8px}.linkbtn{background:none;color:#b91c1c;border:0;padding:0;margin:0;font-weight:bold;text-decoration:underline;cursor:pointer}.userbox{border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-bottom:12px;background:#fbfdff}.userrow{display:grid;grid-template-columns:1.4fr 1.2fr 1fr .8fr auto;gap:8px;align-items:end;margin-bottom:8px}.inlineform{display:inline-flex;gap:8px;align-items:end;margin:6px 8px 6px 0}.inlineform input{width:auto;min-width:190px}.scrollbox{max-height:420px;overflow:auto;border:1px solid #edf0f5;border-radius:10px}.scrollbox table{margin:0}.scrollbox th{position:sticky;top:0;background:#f8fafc;z-index:2}@media(max-width:850px){.grid,.stats,.jobcards,.rowform{grid-template-columns:1fr}header{display:block}header div{margin-top:8px}.loginbox{width:92vw}table{font-size:14px;white-space:nowrap}.scrollbox{max-height:340px}.scrollbox table{min-width:650px}.userrow{grid-template-columns:1fr}.inlineform{display:block}.inlineform input{width:100%}}