:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#172638;background:#f3f6fa;font-size:15px}*{box-sizing:border-box}body{margin:0}header{background:#17283e;color:white;padding:16px max(22px,calc((100vw - 1180px)/2));box-shadow:0 2px 12px #132b451a}.brand{font-size:22px;font-weight:800;display:flex;align-items:center;gap:12px}.brand small{font-size:12px;font-weight:400;color:#b8d0e8}nav{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:15px}nav a{color:#e1eaf6;text-decoration:none;font-size:13px}nav span{margin-left:auto;font-size:12px;color:#c9d5e4}main{max-width:1180px;margin:35px auto;padding:0 20px 60px}h1{font-size:27px;letter-spacing:-.6px}h2{font-size:18px;margin-top:0}.panel{background:white;padding:25px;border-radius:14px;margin:20px 0;border:1px solid #e1e8f0;box-shadow:0 5px 20px #1b3c5910}.narrow{max-width:480px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.stat{background:white;border:1px solid #e1e8f0;border-radius:14px;padding:25px;display:flex;flex-direction:column;gap:8px}.stat strong{font-size:34px;color:#145d87}.stat span,.muted{color:#65758a;font-size:13px}label{display:block;font-weight:600;font-size:13px;margin:13px 0}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;margin-top:7px;border:1px solid #cdd8e3;border-radius:8px;font:inherit;background:white;color:#172638}textarea{min-height:85px}.check{display:flex;align-items:center;gap:8px}button,.button{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:#126a99;color:white;text-decoration:none;font-weight:650;font-size:13px;cursor:pointer}.button.secondary,button.ghost{background:#e8eff5;color:#163e5d}button.danger{background:#a63c42}button:hover,.button:hover{filter:brightness(.94)}.inline{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.inline select{width:auto}.item{border-top:1px solid #e8edf3;padding:14px 0}.item:first-child{border-top:0}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}th,td{text-align:left;padding:13px;border-bottom:1px solid #e6ebf1;font-size:13px;white-space:nowrap}th{background:#f6f9fc;color:#617184}a{color:#096a9d}.notice{padding:14px;background:#e4f6ed;border:1px solid #b1e6c8;border-radius:8px}.error{padding:14px;background:#ffeded;border:1px solid #f3c2c2;border-radius:8px}.pill{border-radius:20px;background:#e9eef6;padding:5px 9px;font-size:12px}small{font-size:12px;color:#68798b}@media(max-width:650px){main{margin-top:20px}.panel{padding:16px}nav span{margin-left:0}.brand small{display:none}}

.review-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;flex-wrap:wrap}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;background:#f6f9fc;padding:15px;border-radius:10px}.info-grid div{display:flex;flex-direction:column;gap:5px}.info-grid strong{font-size:14px}.attachment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.attachment-card{border:1px solid #e1e8f0;border-radius:12px;padding:12px;min-width:0}.attachment-card img{width:100%;height:160px;object-fit:cover;border-radius:8px;background:#eaf0f6}.attachment-card b{display:block;overflow-wrap:anywhere;margin-top:8px}.attachment-card small{display:block;margin:5px 0}.file-icon{height:160px;display:grid;place-items:center;background:#f0f5fa;font-size:45px}.timeline{border-left:2px solid #dce8f2;margin-left:9px;padding-left:20px}.timeline-event{position:relative;padding:4px 0 20px}.timeline-event:before{content:'';position:absolute;left:-27px;top:7px;width:11px;height:11px;border-radius:50%;background:#1674a7}.timeline-event span{display:block;color:#65758a;font-size:12px;margin-top:5px}.actions{display:flex;gap:10px;flex-wrap:wrap}.pill.approved{background:#e1f4e9;color:#176a3f}.pill.returned{background:#ffe7e7;color:#9b2929}.pill.submitted{background:#fff0d4;color:#8b5a10}.status-bars{display:grid;gap:15px}.status-bars>div{display:grid;grid-template-columns:minmax(140px,200px) 1fr;align-items:center;gap:12px}.bar-track{height:13px;background:#e9eff6;border-radius:20px;overflow:hidden}.bar-fill{height:100%;background:#d7a040}.bar-fill.approved{background:#198667}.bar-fill.returned{background:#c65757}
