:root{--ink:#1b2430;--mut:#64707d;--line:#dde3ea;--bg:#f4f6f9;--pri:#0b3d91;--pri2:#0a2f70;--ok:#1a7f4b;--warn:#b26a00;--err:#b3261e;--card:#fff}
*{box-sizing:border-box}
body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
.top{background:var(--pri);color:#fff}
.bar{display:flex;justify-content:space-between;align-items:center;min-height:56px;flex-wrap:wrap;gap:8px}
.brand{color:#fff;font-weight:700;text-decoration:none;font-size:18px}
nav{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
nav a,.link{color:#fff;text-decoration:none;background:none;border:0;font:inherit;cursor:pointer;padding:0}
nav a:hover,.link:hover{text-decoration:underline}
.who{opacity:.8;font-size:14px}
form.inline{display:inline}
main{padding:24px 16px 40px}
h1{font-size:24px;margin:0 0 16px}h2{font-size:19px;margin:24px 0 10px}h3{font-size:16px;margin:16px 0 6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:20px}
.narrow{max-width:460px;margin:24px auto}
label{display:block;margin:12px 0;font-weight:600;font-size:14px}
label small{display:block;font-weight:400;color:var(--mut)}
input,select,textarea{width:100%;padding:10px;border:1px solid #c5ced8;border-radius:6px;font:inherit;margin-top:4px;background:#fff}
textarea{min-height:110px;resize:vertical}
label.check{font-weight:400}label.check input{width:auto;margin-right:6px}
.btn{display:inline-block;background:var(--pri);color:#fff;border:0;border-radius:6px;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--pri2)}
.btn.sec{background:#fff;color:var(--pri);border:1px solid var(--pri)}
.btn.danger{background:var(--err)}
.flash{padding:10px 14px;border-radius:6px;margin-bottom:14px;border:1px solid}
.flash.ok{background:#e8f6ee;border-color:#b6e2c9;color:#14532d}
.flash.err{background:#fdecea;border-color:#f3b8b3;color:#7a1712}
.flash.warn{background:#fff4e0;border-color:#f2d199;color:#7a4a00}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:9px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:14px;vertical-align:top}
th{background:#eef2f7;font-weight:600;white-space:nowrap}
th a{color:inherit;text-decoration:none}
.tblwrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600;background:#e6ebf2;color:#33415c}
.badge.COMPLETE,.badge.APPROVED{background:#e0f3e8;color:var(--ok)}
.badge.ACTION_REQUIRED,.badge.INFO_REQUESTED,.badge.RETURNED_FOR_CORRECTION,.badge.CONDITIONALLY_APPROVED{background:#fff1d6;color:var(--warn)}
.badge.REJECTED{background:#fde3e0;color:var(--err)}
.badge.IN_PROGRESS,.badge.UNDER_REVIEW{background:#e0eaff;color:var(--pri)}
.grid{display:grid;gap:16px}
@media(min-width:700px){.grid.two{grid-template-columns:1fr 1fr}.grid.three{grid-template-columns:repeat(3,1fr)}}
.bar-out{height:12px;background:#e6ebf2;border-radius:8px;overflow:hidden}
.bar-in{height:100%;background:var(--ok)}
.stages{list-style:none;padding:0;margin:0}
.stages li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.dot{width:24px;height:24px;border-radius:50%;background:#cfd8e3;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;font-weight:700}
.dot.COMPLETE{background:var(--ok)}.dot.IN_PROGRESS{background:var(--pri)}.dot.ACTION_REQUIRED{background:var(--warn)}
.mut{color:var(--mut);font-size:14px}
.foot{color:var(--mut);font-size:13px;padding-bottom:30px}
.kv{display:grid;grid-template-columns:200px 1fr;gap:6px 14px;font-size:14px}.kv dt{color:var(--mut)}.kv dd{margin:0;white-space:pre-wrap}
@media(max-width:600px){.kv{grid-template-columns:1fr}}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}
.steps a{padding:6px 12px;border-radius:16px;background:#e6ebf2;color:var(--ink);text-decoration:none;font-size:14px}
.steps a.on{background:var(--pri);color:#fff}
.filters{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;margin-bottom:14px}
.filters label{margin:0}
.pager{display:flex;gap:8px;margin-top:12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}
.modal .box{background:#fff;border-radius:12px;max-width:460px;padding:24px}
.warnbox{background:#fff4e0;border:1px solid #f2d199;padding:8px 12px;border-radius:6px;font-size:14px}
.hero{display:grid;gap:24px;align-items:center;padding:20px 0 8px}
@media(min-width:800px){.hero{grid-template-columns:1.1fr .9fr}}
.hero h1{font-size:clamp(26px,4vw,38px);line-height:1.2;margin:6px 0 12px}
.eyebrow{color:var(--pri);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:13px;margin:0}
.lead{font-size:18px;color:#33414f}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0 10px}
.btn.big{padding:13px 24px;font-size:17px}
.hero-card{margin:0}
.badge.VERIFIED{background:#e0f3e8;color:var(--ok)}
.badge.ON_HOLD,.badge.NOT_STARTED,.badge.OPTIONAL,.badge.PENDING{background:#e6ebf2;color:#4a5568}
.dot.REJECTED{background:var(--err)}.dot.ON_HOLD{background:#7a8594}
.inlinefields{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.inlinefields input,.inlinefields select{width:auto;min-width:130px;margin:0;padding:7px}
.inlinefields input[name=reason],.inlinefields input[name=method]{min-width:220px;flex:1}
td input[name=label]{margin:0}