:root{--navy:#173b6b;--blue:#245b96;--green:#78be20;--orange:#f7a51a;--red:#d94a3a;--teal:#52aabd;--bg:#f4f7fb;--line:#dfe6ee;--text:#1e2937;--muted:#6b7788}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--blue);text-decoration:none}.sidebar{position:fixed;left:0;top:0;bottom:0;width:235px;background:#fff;border-right:1px solid var(--line);padding:18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;margin-bottom:18px}.brand img{width:44px;height:44px;object-fit:contain}.brand strong{display:block;color:var(--navy);font-size:20px}.brand span{font-size:12px;color:var(--muted)}nav a{display:block;padding:10px 12px;border-radius:9px;margin:2px 0;color:#34475f;font-weight:600}nav a.active,nav a:hover{background:#edf4fb;color:var(--navy)}.usercard{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.usercard span,.usercard a{display:block;font-size:12px;margin-top:4px}.main{margin-left:235px;padding:30px;min-height:100vh}.login-main{min-height:100vh;padding:24px}.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.pagehead h1{margin:0;color:var(--navy);font-size:32px}.pagehead p{margin:5px 0;color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:0 4px 16px #1f3b5a0a}.grid2,.grid3{display:grid;gap:18px;margin-bottom:18px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.kpi{background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.kpi span{display:block;color:var(--muted);font-size:12px}.kpi b{display:block;font-size:24px;color:var(--navy);margin-top:5px}.good{border-left:4px solid var(--green)}.warn{border-left:4px solid var(--orange)}.danger{border-left:4px solid var(--red)}table{width:100%;border-collapse:collapse}th,td{padding:11px;border-bottom:1px solid var(--line);text-align:left;font-size:13px}th{background:#f7f9fc;color:#526273;cursor:pointer}.tablewrap{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:auto}.btn{display:inline-block;border:1px solid #cbd6e2;background:#fff;padding:9px 14px;border-radius:8px;color:var(--navy);font-weight:700;cursor:pointer}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.small{padding:5px 9px;font-size:12px}.btn.full{width:100%}.filters,.inlinefilter{display:flex;gap:10px;align-items:center;margin-bottom:16px}.filters input,.filters select,.stack input,.stack select,.stack textarea,.followform input,.followform select,.followform textarea,.inlinefilter select,.inlinefilter input{padding:10px;border:1px solid #cbd6e2;border-radius:8px;background:#fff}.filters .search{min-width:320px}.stack,.followform{display:grid;gap:9px}.stack label,.followform label{font-size:13px;font-weight:700;color:#4c5c6e}.claimgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-bottom:18px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.facts div{background:#f7f9fc;border-radius:9px;padding:10px}.facts span{display:block;color:var(--muted);font-size:11px}.oldnote{white-space:pre-wrap;background:#f8fafc;padding:14px;border-radius:9px;max-height:260px;overflow:auto;font-size:14px;line-height:1.5}.timeline article{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline header{display:flex;justify-content:space-between}.timeline footer span{display:inline-block;background:#eef3f8;border-radius:12px;padding:3px 7px;margin-right:5px;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);margin-top:6px}.status,.flag,.pill{display:inline-block;border-radius:16px;padding:4px 8px;background:#edf4fb;font-size:11px}.flag{background:#fff1e5;color:#9a5400}.priority{font-weight:800}.phi{color:#b42318}.pmed{color:#b26a00}.plo{color:#467254}.callout{background:#eaf7f8;border-left:4px solid var(--teal);padding:14px;margin-bottom:18px;border-radius:7px}.flash{padding:12px 15px;border-radius:8px;margin-bottom:15px}.flash.error{background:#fee8e6;color:#8d2924}.flash.success{background:#eaf6e1;color:#396b14}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:80vh}.login-card{width:min(430px,92vw);background:white;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:0 15px 40px #102c4a18}.login-logo{max-width:260px;width:100%;display:block;margin:0 auto 15px}.login-card form{display:grid;gap:10px}.login-card input{padding:12px;border:1px solid #ccd6e0;border-radius:8px}.bars{display:grid;gap:10px}.barrow{display:grid;grid-template-columns:150px 1fr 50px;gap:10px;align-items:center}.track{height:10px;background:#eef2f6;border-radius:6px;overflow:hidden}.track i{display:block;height:100%;background:var(--blue)}.track.alt i{background:var(--teal)}.agingcards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.agingcard{background:white;border:1px solid var(--line);border-radius:12px;padding:15px}.agingcard span,.agingcard strong,.agingcard em{display:block}.agingcard b{display:block;color:var(--navy);font-size:20px;margin:6px 0}.agetrack{height:7px;background:#eef2f6;border-radius:6px;overflow:hidden;margin-top:10px}.agetrack i{display:block;height:100%;background:var(--teal)}.quicklinks{display:flex;gap:10px;margin-bottom:18px}.quicklinks a{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:9px}.muted,small{color:var(--muted)}.mini-kpis{display:flex;gap:22px;margin:10px 0 18px}.mini-kpis span,.mini-kpis b{display:block}.mini-kpis b{font-size:22px}.cardhead{display:flex;justify-content:space-between;align-items:center}.claimbalance span,.claimbalance b{display:block;text-align:right}.claimbalance b{font-size:24px;color:var(--navy)}.projectcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.narrow{max-width:700px}.check{display:flex;gap:8px;align-items:center}@media(max-width:1000px){.sidebar{position:relative;width:auto}.main{margin-left:0}.kpis,.grid3,.agingcards{grid-template-columns:repeat(2,1fr)}.grid2,.claimgrid{grid-template-columns:1fr}.filters{flex-wrap:wrap}}
