:root{--navy:#0b1f5c;--blue:#0a66ff;--green:#0db33b;--bg:#f4f7fb;--line:#e1e7f0;--r:14px}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 "Segoe UI",system-ui,sans-serif;color:#1c2a44;background:var(--bg);display:flex;min-height:100vh}
aside{width:230px;background:#fff;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:18px}aside img{width:100%}
nav a{display:block;padding:9px 12px;border-radius:10px;color:var(--navy);text-decoration:none;margin-bottom:3px}nav a.on,nav a:hover{background:var(--blue);color:#fff}
.me{margin-top:auto;font-size:13px}main{flex:1;padding:26px;max-width:1200px;min-width:0}h1{color:var(--navy);margin:0 0 16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;margin-bottom:14px}.warn{border-color:#f2b84b;background:#fff8e8}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r);overflow:hidden;display:block;overflow-x:auto}th,td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line)}th{background:#eef3fb;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.stat b{display:block;font-size:30px;color:var(--blue)}.stat span{color:#5b6b86}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.cols h3,.cols button{grid-column:1/-1}.cols button{justify-self:start}
label{display:flex;flex-direction:column;font-size:13px;color:#4a5a78;gap:3px}label.chk{flex-direction:row;align-items:center;gap:8px}
input,select,textarea{padding:9px 10px;border:1px solid #cbd5e4;border-radius:10px;font:inherit;min-width:0}textarea{min-height:70px}input[readonly],textarea[readonly]{background:#f1f4f9}
button,.btn{background:var(--blue);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button[name=finalize]{background:var(--green)}
.bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;align-items:center}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}.tabs a{padding:7px 13px;border-radius:20px;background:#fff;border:1px solid var(--line);color:var(--navy);text-decoration:none}.tabs a.on{background:var(--navy);color:#fff}
.flash{background:#e8f7ee;border:1px solid #b7e4c7;padding:10px 14px;border-radius:10px;margin-bottom:14px}.b{padding:2px 10px;border-radius:12px;background:#e8eefb;font-size:12px;color:var(--navy)}
.b-completed,.b-eligible,.b-final,.b-paid,.b-reconciled,.b-closed,.b-active{background:#dff5e6;color:#0a7a2a}.b-denied,.b-returned,.b-noteligible{background:#fde4e4;color:#b42318}.b-unverified,.b-draft{background:#fff1d6;color:#8a5a00}
.steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.steps span{font-size:12px;padding:4px 10px;border-radius:12px;background:#eef1f6;color:#7a879f}.steps .done{background:#dff5e6;color:#0a7a2a}.steps .cur{background:var(--blue);color:#fff}
dl{display:grid;grid-template-columns:180px 1fr;gap:6px 12px}dt{color:#5b6b86}dd{margin:0}.anon{display:block}.login{max-width:360px;margin:12vh auto;display:flex;flex-direction:column;gap:12px}
@media(max-width:760px){body{flex-direction:column}aside{width:auto;flex-direction:row;flex-wrap:wrap;align-items:center}aside img{width:120px}.me{margin:0 0 0 auto}}