:root{font-family:Inter,system-ui,-apple-system,Arial,sans-serif;color:#1d2939;background:#f8fafc}*{box-sizing:border-box}body{margin:0;padding-bottom:78px}header{background:#fff;border-bottom:1px solid #e5e9ef;padding:18px max(18px,calc((100vw - 980px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}h1{font-size:23px;margin:3px 0}h2{font-size:16px;margin:23px 0 12px}small{color:#697586;font-size:11px}main{max-width:980px;margin:0 auto;padding:20px 16px 40px}a{color:#255b82;text-decoration:none}.header-right{display:flex;gap:12px;align-items:center;font-size:12px}.textbutton{background:none;border:0;color:#667085;cursor:pointer}.chips{display:flex;gap:8px;overflow-x:auto;padding:5px 0 13px}.chip{display:inline-block;white-space:nowrap;background:#fff;border:1px solid #e1e5ea;padding:10px 13px;border-radius:10px;font-size:12px;color:#344054}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0 23px}.metrics>div{background:#fff;border:1px solid #e5e9ef;border-radius:12px;padding:15px;display:flex;flex-direction:column;gap:4px}.metrics strong{font-size:25px}.sectionheading{display:flex;justify-content:space-between;align-items:center}.sectionheading a{font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid #e5e9ef;border-radius:12px;padding:12px;margin:10px 0 22px}input,select,textarea{background:#fff;color:#263445;border:1px solid #d5dbe3;border-radius:8px;padding:10px;max-width:100%;font:inherit;font-size:13px}.filters input{flex:2;min-width:160px}.filters select{flex:1;min-width:110px}button{background:#1e3449;color:#fff;border:0;border-radius:8px;padding:10px 15px;cursor:pointer}button.primary{background:#1e3449}.tasklist{display:grid;gap:10px}.task,.panel{display:block;background:#fff;border:1px solid #e5e9ef;border-radius:12px;padding:16px;margin:10px 0;color:#263445}.taskhead,.taskfoot{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.taskhead b{font-size:14px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0;color:#697586;font-size:12px}.meta span{background:#f2f5f8;border-radius:6px;padding:5px 8px}.taskfoot{font-size:12px;color:#697586}.late{color:#bd3636;font-weight:600}.tag{font-size:10px;background:#eef2f6;padding:5px 7px;border-radius:6px}.warning{background:#fff1d7;color:#9a5c00}.bottom{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e9ef;display:flex;gap:22px;overflow-x:auto;white-space:nowrap;padding:19px max(18px,calc((100vw - 980px)/2));z-index:10;box-shadow:0 -4px 20px #1e293b0a}.bottom a{color:#344054;font-size:13px}.empty{padding:30px;text-align:center;color:#697586}.panel p{font-size:13px;line-height:1.6}.panel form p{display:flex;flex-direction:column;gap:6px}.panel form input,.panel form select,.panel form textarea{width:100%}.login{max-width:420px;margin:12vh auto;background:#fff;padding:30px;border-radius:18px;border:1px solid #e5e9ef}.login form p{display:flex;flex-direction:column;gap:6px}.login input{width:100%}.message{padding:12px;background:#e8f7ed;border-radius:9px}@media(max-width:600px){.metrics strong{font-size:21px}.metrics>div{padding:11px}.filters>*{width:100%;flex:auto}.header-right span{display:none}}