:root{font-family:Inter,system-ui,sans-serif;color:#203a36;background:#f3f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#123833;color:#fff;padding:22px 5%;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-size:14px;font-weight:800;letter-spacing:2px}nav{display:flex;gap:8px;padding:20px 5%;overflow:auto;background:#fff}main{max-width:1150px;margin:auto;padding:30px 24px}h1{font-size:30px;letter-spacing:-1px}h2{font-size:21px}p{line-height:1.6;color:#586a65}button{border:0;border-radius:9px;background:#176751;color:#fff;padding:11px 16px;cursor:pointer;font-weight:650;font-size:14px}button:disabled{opacity:.5;cursor:wait}.secondary{background:#e8eeea;color:#21473e}header button{margin-left:16px}.selected{background:#123833}label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:600;margin-bottom:16px}input,select,textarea{width:100%;padding:12px;border:1px solid #cbd6cd;border-radius:8px;background:#fff;color:#203a36;font:inherit}textarea{min-height:100px}input:focus,select:focus,textarea:focus{outline:2px solid #42a58a;outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.panel,article{background:#fff;padding:24px;border:1px solid #dce4dd;border-radius:14px;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.cards article{margin:0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.badge{background:#edf0ed;border-radius:30px;padding:6px 10px;font-size:12px}.approved{background:#d9f2df;color:#256437}.returned{background:#fff0ce;color:#7c5b15}.submitted{background:#dcebf9;color:#285a7d}.metrics,.actions{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.metrics b{background:#f2f6f3;padding:10px;border-radius:8px}.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.totals strong{display:block;font-size:28px;margin-top:8px}.error{background:#ffe8e5;color:#8f271c;padding:16px;border-radius:9px}.review{background:#fff5de;padding:12px}.empty{padding:50px;border:1px dashed #b9c9bf;border-radius:12px;text-align:center;color:#61736a}li{padding:12px 0;border-bottom:1px solid #edf0ed;list-style:none}ul{padding:0}li button{margin-left:10px;margin-top:6px}footer{text-align:center;padding:32px;color:#73847b;font-size:12px}.login{max-width:440px;margin:8vh auto}.login form{margin-top:30px}.login button{width:100%}@media(max-width:700px){header{padding:18px;align-items:flex-start}header>div:last-child{font-size:12px}.grid,.cards{grid-template-columns:1fr}.totals{grid-template-columns:repeat(2,1fr)}main{padding:22px 16px}h1{font-size:25px}nav{padding:14px 16px}nav button{white-space:nowrap}.panel,article{padding:18px}.row{flex-wrap:wrap}}:root{--brand-primary:#920025;--brand-primary-hover:#75001e;--brand-teal:#086b6d;--brand-gray:#737d80;--ink:#253438;--muted:#59676c;--border:#dce2e3;color:var(--ink);background:#f4f6f6}header{background:#fff;color:var(--ink);border-top:5px solid var(--brand-primary);border-bottom:1px solid var(--border);padding:18px 5%}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:4px;letter-spacing:1.5px;font-size:10px;color:var(--brand-teal)}.brand img{display:block;width:270px;max-width:100%;height:auto;object-fit:contain}.brand span{padding-left:8px;font-weight:750}nav{background:#fff;border-bottom:1px solid var(--border);padding-top:14px;padding-bottom:14px}h1,h2{color:var(--ink)}p{color:var(--muted)}button{background:var(--brand-primary);transition:background .15s,box-shadow .15s}button:hover:not(:disabled){background:var(--brand-primary-hover)}button:focus-visible{outline:3px solid var(--brand-teal);outline-offset:3px}.secondary{background:#edf2f2;color:#20575b}.secondary:hover:not(:disabled){background:#dce9e9}.selected{background:var(--brand-primary)}input,select,textarea{border-color:#cbd5d7;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-teal)}.panel,article{border-color:var(--border);box-shadow:0 3px 14px #25343805}.metrics b{background:#edf5f5;color:#175c60}.totals article{border-top:3px solid var(--brand-teal)}.approved{background:#e2f3ef;color:#195b4a}.submitted{background:#e4f1f2;color:#195e63}.returned{background:#fff0d6;color:#705015}.error{background:#fbe9ed;color:#85001f}.empty{border-color:#bfced0;color:var(--muted)}li{border-color:var(--border)}footer{color:var(--brand-gray)}.login{max-width:500px;margin:6vh auto;padding:36px;background:#fff;border:1px solid var(--border);border-top:5px solid var(--brand-primary);border-radius:16px;box-shadow:0 16px 50px #2534380b}.login .brand{align-items:center;margin-bottom:32px}.login .brand img{width:360px}.login .brand span{padding:0;font-size:10px}.login h1{font-size:29px;letter-spacing:-.7px}.login button{padding:14px}.login form{margin-top:26px}@media(max-width:700px){header{padding:15px 16px;gap:12px;align-items:center}.brand img{width:210px}.brand span{font-size:8px;padding-left:4px;letter-spacing:1px}header>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:110px;overflow-wrap:anywhere}header button{margin-left:0}.login{margin:24px 16px;padding:26px 22px;max-width:none}.login .brand img{width:100%;max-width:350px}.login h1{font-size:25px}.login .brand{margin-bottom:26px}}@media(max-width:360px){header .brand img{width:170px}.brand span{letter-spacing:.4px}.login{padding:22px 18px}}
