*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f5f7;color:#1a1a1a}
header{background:#1a1a1a;color:#fff;display:flex;align-items:center;gap:14px;padding:10px 18px}
header img{height:30px}header .t{font-weight:700}header a,header button.l{color:#fff;text-decoration:none;background:none;border:none;font-size:14px;cursor:pointer}
header .sp{margin-left:auto;display:flex;gap:14px;align-items:center}
main{max-width:1180px;margin:18px auto;padding:0 14px}
.card{background:#fff;border:1px solid #e3e6ea;border-radius:10px;padding:14px 16px;margin-bottom:14px}
h1{margin:0 0 6px;font-size:22px}h2{font-size:17px;margin:0 0 8px}
table.t{border-collapse:collapse;width:100%}table.t th,table.t td{border-bottom:1px solid #eceff2;padding:7px 8px;text-align:left;font-size:14px}
table.t th{background:#f7f8fa}.num{text-align:right}
.btn{display:inline-block;padding:8px 14px;border-radius:6px;border:1px solid #1a1a1a;background:#1a1a1a;color:#fff;text-decoration:none;font-size:14px;cursor:pointer}
.btn.g{background:#fff;color:#1a1a1a}.btn.ok{background:#2e7d32;border-color:#2e7d32}.btn.smp{background:#f9d71c;border-color:#e0c010;color:#222}.btn.rej{background:#c62828;border-color:#c62828}
input,select,textarea{padding:7px 9px;border:1px solid #cfd6de;border-radius:6px;font-size:14px}label{display:flex;flex-direction:column;gap:3px;font-size:13px;color:#555}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}.muted{color:#777}.small{font-size:12px}
.msg{padding:9px 12px;border-radius:6px;margin:8px 0}.msg.ok{background:#e6f4ea;color:#137333}.msg.err{background:#fce8e6;color:#c5221f}
.sb{display:inline-block;padding:1px 9px;border-radius:10px;font-size:12px;font-weight:600;background:#eef1f4}
.s-approved{background:#e6f4ea;color:#137333}.s-rejected{background:#fce8e6;color:#c5221f}.s-pending{background:#fff4e5;color:#b35900}
.s-sample_requested{background:#fef7d6;color:#7a5c00}.s-qc_coating,.s-qc_offset{background:#e8f0fe;color:#1a5fb4}
.prog{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.prog>div{height:100%;background:#2e7d32}
.ok-de{color:#137333;font-weight:700}.no-de{color:#c5221f;font-weight:700}
.grid{display:grid;grid-template-columns:280px 1fr;gap:14px}@media(max-width:860px){.grid{grid-template-columns:1fr}}
.center{max-width:420px;margin:60px auto}.code{font-family:Consolas,monospace;font-size:16px;letter-spacing:1px;word-break:break-all;background:#f3f4f6;padding:8px;border-radius:6px}