:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#172b41;background:#f3f6fa;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}aside{position:fixed;inset:0 auto 0 0;width:232px;background:#10283f;color:white;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:28px;font-weight:800;letter-spacing:-1px}.brand span{color:#49dbb1}aside small{color:#a6bdd0;display:block;margin:8px 0 40px}nav{display:grid;gap:8px}nav button{border:0;color:#c9d8e6;background:transparent;text-align:left;padding:14px;border-radius:9px}nav button.active{background:#24465e;color:white}aside footer{margin-top:auto;color:#b5c8d8;font-size:14px;line-height:1.8}main{margin-left:232px;padding:32px 42px;max-width:1600px}.top{display:flex;justify-content:space-between;align-items:center;gap:16px}.label{font-size:14px;color:#557087}.demo{background:#fff2ce;color:#73530a;padding:10px 14px;border-radius:8px;font-size:14px}h1{font-size:32px;letter-spacing:-1px;margin:30px 0 8px}p{color:#5c7185;line-height:1.5}.primary{background:#087f69;color:white;border:1px solid #087f69}.button,button.primary{padding:11px 16px;border-radius:8px;font-weight:600}.button{background:white;border:1px solid #ccd8e2;color:#24465e}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.stat{background:white;border:1px solid #e0e7ee;border-radius:12px;padding:22px}.stat strong{display:block;font-size:32px;margin-top:10px}.stat small{font-size:14px;color:#62788c}.stat.alert strong{color:#c04432}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.toolbar button{padding:10px 16px;border:1px solid #d5e0e8;background:white;border-radius:24px}.toolbar button.selected{background:#10283f;color:white;border-color:#10283f}.search{margin-left:auto;min-width:220px}input,select,textarea{border:1px solid #c9d6e0;padding:11px;border-radius:7px;background:white;width:100%;color:#172b41}.card{background:white;border:1px solid #dce5ec;border-radius:12px;overflow:hidden}.row{display:grid;grid-template-columns:1.6fr 1.2fr 1fr auto;align-items:center;gap:18px;padding:23px;border-bottom:1px solid #e9edf2}.row:last-child{border:0}.row strong{display:block;margin-bottom:6px}.muted{font-size:14px;color:#61788e}.badge{display:inline-block;border-radius:5px;padding:5px 8px;font-size:14px;background:#e6f5f0;color:#166a55}.badge.late{background:#fcece8;color:#a9382b}.row a{color:#087f69;text-decoration:none}h2{font-size:20px}.empty{padding:38px;text-align:center;color:#61788e}dialog{border:0;border-radius:16px;padding:28px;width:560px;max-width:calc(100% - 28px);max-height:90vh;box-shadow:0 24px 90px #10283f44}dialog::backdrop{background:#10283f88}dialog h2{margin-top:0}label{display:block;font-size:14px;font-weight:600;margin:17px 0 7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.history{border-left:3px solid #32b392;padding:0 0 14px 16px;margin:18px 0}.notice{font-size:14px;background:#eaf2f8;padding:14px;border-radius:8px;margin-top:18px}.toast{position:fixed;bottom:25px;right:25px;padding:16px 22px;background:#10283f;color:white;border-radius:10px;z-index:10}.hide{display:none}@media(max-width:900px){aside{position:static;width:auto;padding:18px}.brand{font-size:24px}aside small,aside footer{display:none}nav{display:flex;margin-top:16px}nav button{padding:10px}main{margin:0;padding:22px}.stats{grid-template-columns:repeat(2,1fr)}.row{grid-template-columns:1fr 1fr}.search{margin:0;width:100%}.top{align-items:flex-start}.demo{max-width:210px}}@media(max-width:480px){.row{grid-template-columns:1fr}.top{flex-wrap:wrap}.formgrid{grid-template-columns:1fr}h1{font-size:28px}.stat{padding:16px}.row button{width:100%}}


/* Production forms retain the approved navy and emerald interface. */
a{color:#087f69;text-decoration:none}a:hover{text-decoration:underline}.brand{color:inherit;text-decoration:none}.brand:hover{text-decoration:none}nav a{color:#c9d8e6;padding:14px;border-radius:9px}nav a.active{background:#24465e;color:white}nav a:hover{background:#24465e;text-decoration:none}.button,button.primary{display:inline-block;line-height:1.4;text-align:center;text-decoration:none}.button.primary{background:#087f69;color:white;border-color:#087f69}.button:hover,button:hover{filter:brightness(.96)}.logout{margin-top:14px;padding:8px 0;color:#d4e4ef;background:none;border:0;text-decoration:underline}aside footer form{margin:0}.auth{max-width:510px;margin:7vh auto;padding:26px}.auth .brand{color:#10283f}.auth .brand span{color:#087f69}.auth h1{font-size:30px;line-height:1.2}.form-card{padding:26px;overflow:visible}.wide{max-width:780px}.heading{margin-bottom:24px}.success,.error{padding:16px 20px;margin:20px 0;border-radius:8px;line-height:1.5}.success{background:#e0f3eb;color:#125d48}.error{background:#fcebe6;color:#a32d24}.notice{margin-bottom:20px}.toolbar{align-items:flex-end}.toolbar>div{min-width:150px}.toolbar label{margin-top:0}.toolbar button{border-radius:8px;margin:0}.toolbar .search{margin-left:0;flex:1}.row .client-name{display:block;font-weight:700;color:#172b41;margin-bottom:6px;font-size:18px}.row .muted{display:block}.row .badge{display:inline-block}.row p{margin-bottom:0}.detail-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,1.5fr);gap:24px;align-items:start}.history{padding:22px;margin:0 0 14px;border-left:3px solid #32b392}.history p{margin:12px 0}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere}hr{border:0;border-top:1px solid #dce5ec;margin:24px 0}.pagination{display:flex;align-items:center;gap:12px;margin:22px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{padding:20px;border-bottom:1px solid #e0e7ee;font-size:14px}th{background:#eaf0f5;line-height:1.5}td{font-size:16px}.stats small{font-size:14px}.row{grid-template-columns:1.5fr 1.1fr auto auto}.row>*,.top>*{min-width:0}input,textarea,select{max-width:100%}textarea{resize:vertical}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #2980b9;outline-offset:3px}.muted{line-height:1.5}label{line-height:1.5}.form-card h2{margin-top:0}@media(max-width:1100px){main{padding:26px}.row{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr}}@media(max-width:900px){nav{flex-wrap:wrap}nav a{padding:8px 12px}aside footer{display:block;margin-top:14px}aside footer form{display:inline-block;margin-left:18px}.logout{margin-top:0}aside small{display:none}.auth{margin:3vh auto}.stats{gap:10px}.toolbar>div{flex:1}}@media(max-width:480px){.row{grid-template-columns:1fr}.row .button{display:block;width:100%}.stats strong{font-size:28px}.top{align-items:flex-start}.actions{flex-wrap:wrap}.form-card{padding:20px}.detail-grid{display:block}.detail-grid>section{margin-bottom:22px}nav a{font-size:14px}.pagination{flex-wrap:wrap}}