*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow:#ffc800;--yellow-d:#e6b400;--black:#111;--navy:#1a3557;--grey:#888;--lgrey:#ccc;--bg:#e6e6e6;--white:#fff;--border:#d0d0d0;--green:#2e7d32;--red:#c62828;--amber:#e65100}html{font-size:18px}body{background:var(--bg);color:#222;font-family:Open Sans,sans-serif;line-height:1.45}a{color:var(--navy);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;letter-spacing:1px;text-transform:uppercase;border:none;padding:.3rem .9rem;font-family:Open Sans,sans-serif;font-size:.58rem;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--yellow);color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--yellow-d)}.btn-danger{background:var(--red);color:#fff}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-secondary{background:var(--white);color:#444;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--yellow);background:#fffce8}select,input,textarea{border:1px solid var(--border);color:#222;appearance:none;background:#fafafa;outline:none;padding:.28rem .5rem;font-family:Open Sans,sans-serif;font-size:.74rem}select:focus,input:focus,textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 2px #ffc8002e}.cc{background:var(--white);border:1px solid var(--border);padding:.6rem .75rem;position:relative}.s-hdr{align-items:center;gap:.6rem;margin:.9rem 0 .55rem;display:flex}.s-hdr-bar{background:var(--yellow);flex-shrink:0;width:4px;height:22px}.s-hdr-text{text-transform:uppercase;letter-spacing:1.8px;color:#333;font-size:.68rem;font-weight:800}.s-hdr-tag{text-transform:uppercase;letter-spacing:.8px;margin-left:auto;padding:.15rem .5rem;font-size:.52rem;font-weight:800}.badge{text-transform:uppercase;letter-spacing:.5px;padding:.12rem .5rem;font-size:.58rem;font-weight:800;display:inline-block}.badge-pending{color:#b45309;background:#fff8e1;border:1px solid #fcd34d}.badge-approved{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.badge-rejected{color:#c62828;background:#ffebee;border:1px solid #ef9a9a}.badge-needs_review{color:#1a3557;background:#e8eaf6;border:1px solid #9fa8da}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.8px;color:#666;text-align:left;border-bottom:2px solid var(--border);background:#f5f5f5;padding:.5rem .75rem;font-size:.58rem;font-weight:800}td{border-bottom:1px solid #f2f2f2;padding:.5rem .75rem;font-size:.78rem}tr:last-child td{border-bottom:none}tbody tr:hover{background:#fffce8}.g2{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:.8rem;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}@media (max-width:1100px){.g4{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.g3,.g4{grid-template-columns:1fr 1fr}.g2{grid-template-columns:1fr}}.nav-link{text-transform:uppercase;letter-spacing:1px;color:#555;white-space:nowrap;border-bottom:3px solid #0000;align-items:center;height:100%;padding:0 1.1rem;font-size:.62rem;font-weight:800;text-decoration:none;display:flex}.nav-link:hover{color:#000;background:#fffce8;text-decoration:none}.spin{border:3px solid #ddd;border-top-color:var(--yellow);border-radius:50%;width:28px;height:28px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}