:root{--navy:#073d61;--blue:#079bd3;--green:#24994a;--bg:#f4f8fb;--text:#173042;--muted:#6b7d8a;--border:#dce7ee}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}header{height:76px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:10px 4%;position:sticky;top:0;z-index:10}header img{height:54px;max-width:280px;object-fit:contain}header a{margin-left:20px;color:var(--navy);text-decoration:none;font-weight:700}.container{max-width:1450px;margin:28px auto;padding:0 22px}.title-row{display:flex;justify-content:space-between;align-items:center}h1{color:var(--navy);margin-bottom:5px}h2{color:var(--navy)}p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:22px 0}.card,.panel{background:white;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 18px #0a42600d}.card{padding:18px}.card span{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:28px;color:var(--navy);margin-top:7px}.panel{padding:22px;margin:18px 0}.grid2,.grid3{display:grid;gap:16px}.grid2{grid-template-columns:repeat(2,1fr)}.grid3{grid-template-columns:repeat(3,1fr)}.span2{grid-column:span 2}.span3{grid-column:span 3}label{font-weight:700;font-size:13px;color:var(--navy)}input,select,textarea{display:block;width:100%;padding:12px;margin-top:6px;border:1px solid #cbdbe5;border-radius:8px;font:inherit;background:white}.btn{display:inline-block;border:0;border-radius:8px;padding:11px 18px;font-weight:800;text-decoration:none;cursor:pointer;background:#e6eef3;color:var(--navy)}.primary{background:var(--navy);color:white}.success{background:var(--green);color:white}.danger{background:#c83b3b;color:white}.small{padding:7px 10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:900px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #e7eef2;font-size:13px}th{background:#f5f9fb;color:var(--navy)}td small{display:block;color:var(--muted)}.pill{padding:5px 9px;border-radius:99px;color:white;font-size:11px;font-weight:800}.green{background:var(--green)}.red{background:#c83b3b}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf8fd,#f8fbfd)}.login-card{width:min(430px,92vw);background:white;padding:34px;border-radius:18px;box-shadow:0 18px 60px #073d6122;text-align:center}.login-card.wide{width:min(800px,94vw)}.logo{width:280px;max-width:100%;height:100px;object-fit:contain}.login-card form{text-align:left}.login-card label{display:block;margin:14px 0}.login-card .btn{width:100%;margin-top:8px}.alert{padding:12px;border-radius:8px;margin:12px 0}.good{background:#e5f7eb;color:#176b34}.bad{background:#fdeaea;color:#9d2424}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.filters label{min-width:180px}@media(max-width:800px){.grid2,.grid3{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}header{height:auto}header img{width:180px}.title-row{align-items:flex-start;gap:12px;flex-direction:column}.container{padding:0 12px}.panel{padding:14px}}

/* --- additions --- */
header nav{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.who{font-weight:700;color:var(--muted);margin-right:8px}
.blue{background:#079bd3}
.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.inline-form{display:flex;gap:6px;align-items:center;margin:0}
.inline-form input{margin:0;padding:7px 9px;width:150px}
@media(max-width:800px){header nav a{margin-left:10px}.who{width:100%}}