*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1a2230;background:#f6f7f9}
a{color:#0b5cad}header{background:#0f1f33;color:#fff}header .w{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:14px 20px}
header a{color:#cfe0f5;text-decoration:none}header .brand{font-weight:700;font-size:18px;color:#fff;margin-right:auto}header .brand span{color:#f5b301}
.w{max-width:1100px;margin:0 auto;padding:20px}h1{font-size:26px;margin:.2em 0}.muted{color:#5b6677}
.card{background:#fff;border:1px solid #e1e5ea;border-radius:8px;padding:16px;margin:14px 0}
.filters{display:flex;gap:10px;flex-wrap:wrap}.filters input,.filters select{padding:8px;border:1px solid #c9d0d8;border-radius:6px;font:inherit}
.filters input{flex:1;min-width:200px}.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #eceff3;vertical-align:top}th{background:#eef2f6;cursor:pointer;white-space:nowrap;user-select:none}
th.s:after{content:" ↕";color:#99a}.pill{display:inline-block;padding:1px 8px;border-radius:10px;font-size:12px;font-weight:600}
.Pending{background:#fff2cc;color:#7a5800}.Closed{background:#d9f2e3;color:#145c32}.ok{background:#d9f2e3;color:#145c32}.pend{background:#fff2cc;color:#7a5800}.unk{background:#e6e9ee;color:#555}
.tl{list-style:none;padding:0;margin:0;border-left:3px solid #c9d0d8;margin-left:8px}.tl li{position:relative;padding:0 0 14px 18px}
.tl li:before{content:"";position:absolute;left:-8px;top:5px;width:13px;height:13px;border-radius:50%;background:#aab}.tl li.ok:before{background:#2e9d5b}.tl li.pend:before{background:#e0a800}
.tl li{background:none!important}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.stat b{display:block;font-size:22px}form.nl{display:flex;gap:8px;flex-wrap:wrap}form.nl input{flex:1;min-width:200px;padding:9px;border:1px solid #c9d0d8;border-radius:6px}
button{background:#0b5cad;color:#fff;border:0;border-radius:6px;padding:9px 16px;font:inherit;cursor:pointer}footer{color:#5b6677;font-size:13px;text-align:center;padding:30px 20px}
@media(max-width:640px){.hide-sm{display:none}h1{font-size:21px}}
.Approved{background:#d9f2e3;color:#145c32}.Rejected{background:#fde0e0;color:#8a1c1c}