:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#172b3e;background:#f4f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#152b40;color:#fff;padding:18px max(20px,calc((100vw - 1150px)/2));box-shadow:0 2px 12px #1b30451b}.brand{display:flex;gap:9px;align-items:center;font-size:22px}.brand small{font-size:12px;color:#a9c3d9;margin-left:auto}nav{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}button{cursor:pointer;border:0;border-radius:9px;padding:11px 15px;background:#146ca5;color:#fff;font-weight:600;font-size:13px}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}button.secondary{background:#e8f1f8;color:#185781}nav button{display:flex;gap:7px;align-items:center;background:#203b52;color:#cddde8;padding:9px 11px}nav button.active{background:#3276a1;color:#fff}main{max-width:1150px;margin:0 auto;padding:26px 20px 70px}h1{font-size:27px;margin:0 0 18px}h2{font-size:20px;margin:0 0 12px}h3{font-size:17px;margin:0 0 13px}p{color:#5a6b7b;line-height:1.5}section{background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:21px;margin:15px 0;box-shadow:0 2px 12px #182e4306}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{background:#fff;border:1px solid #e1e8ee;border-radius:13px;padding:21px}.metric span{display:block;color:#667889;font-size:13px}.metric strong{display:block;font-size:30px;margin-top:9px}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:16px}.field{display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:13px;font-weight:600;color:#425568}input,select{width:100%;border:1px solid #d4dfe8;border-radius:8px;padding:11px;background:#fff;color:#172b3e;font:inherit;font-weight:400;min-width:0}input:disabled,select:disabled{background:#f1f3f6}input:focus,select:focus{outline:2px solid #83c0e8;border-color:#367cae}.item{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;border:1px solid #e0e8ee;border-radius:11px;padding:15px;margin:9px 0}.item small,td small{display:block;color:#738394;font-size:12px;margin-top:4px}.heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.heading h2{margin:0}.pill{border-radius:20px;padding:6px 10px;background:#e5edf4;color:#355772;font-size:12px}.pill.done{background:#dff5e7;color:#19723d}.suggestions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.suggestions button{background:#f0f5f9;color:#23415b;text-align:left}.suggestions small{display:block;font-size:11px;font-weight:400}.tablewrap{overflow-x:auto;margin:14px 0}table{border-collapse:collapse;width:100%;min-width:670px}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #e7edf2;font-size:13px}th{color:#667789;font-size:12px}input.tiny{width:82px;padding:7px}.inline{display:flex;align-items:center;gap:6px;font-size:12px;margin:9px 0}.inline input{width:auto}.iconbutton{background:#fce9e9;color:#a13c3c;padding:8px}.totals{background:#f0f6fb;border-radius:11px;padding:15px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.totals div{font-size:13px}.totals strong{display:block;font-size:17px;margin-top:5px}.success{display:flex;align-items:center;gap:7px;color:#187847}.warning{padding:14px;background:#fff6e7;border-radius:9px;color:#805c22}@media(max-width:700px){header{padding:16px}main{padding:18px 12px 60px}.cards,.formgrid,.suggestions{grid-template-columns:repeat(2,1fr)}.brand{font-size:19px}.brand small{font-size:10px}nav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}nav button{flex:0 0 auto}.item{align-items:flex-start}.item button{white-space:nowrap}section{padding:15px}.totals{display:block}.totals div{margin:8px 0}}@media(max-width:420px){.cards,.formgrid{grid-template-columns:1fr 1fr}.metric{padding:12px}.metric strong{font-size:23px}.suggestions{grid-template-columns:1fr}}.accountbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;font-size:12px;color:#cbdde9;margin-top:10px;flex-wrap:wrap}.accountbar button{padding:7px 12px}.login{max-width:480px;margin:8vh auto}.login section{padding:28px}