:root{font-family:Tahoma,Arial,sans-serif;color:#17243b;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}header{background:#102b4e;color:white;display:flex;align-items:center;gap:32px;padding:18px 4%;flex-wrap:wrap;box-shadow:0 4px 20px #17243b18}.brand{font-size:26px;font-weight:800}.brand small{display:block;font-size:11px;color:#b8cde4;margin-top:4px}nav{display:flex;gap:8px;flex-wrap:wrap}a{color:#1372b7;text-decoration:none}nav a{color:#d9e9fa;padding:10px 15px;border-radius:10px}nav a.active,nav a:hover{background:#244a76}.account{margin-right:auto;font-size:13px}.account a{color:#a6d5ff;margin-right:12px}main{max-width:1350px;margin:30px auto;padding:0 20px}.pagehead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pagehead h1{font-size:26px;margin:0}.pagehead span{color:#6a7c91}.card{background:white;border:1px solid #e5eaf2;border-radius:16px;padding:24px;box-shadow:0 7px 25px #1b35500a;margin-bottom:22px}.card h2{font-size:19px;margin:0 0 20px}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.metric small{display:block;color:#65758b;font-size:14px}.metric strong{font-size:32px;display:block;margin-top:16px;color:#123e69}.grid{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;margin-top:20px}.form{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:end}.form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:bold;color:#4c5d73}input,select,textarea{font:inherit;background:#fff;border:1px solid #d7e0eb;border-radius:9px;padding:11px;width:100%;color:#233b54}textarea{min-height:48px}button,.button{background:#1167aa;color:white;border:0;border-radius:9px;padding:12px 20px;cursor:pointer;font:inherit;display:inline-block;text-align:center}button:hover,.button:hover{background:#0b4e83;color:white}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:right;padding:14px 10px;border-bottom:1px solid #ecf0f6;font-size:13px}th{background:#f5f8fc;color:#5b7088}.badge{display:inline-block;padding:5px 10px;border-radius:50px;background:#e5eaf1;color:#526175;font-size:12px;margin-top:5px}.badge.done{background:#dcfce7;color:#166534}.badge.progress{background:#dbeafe;color:#1d4ed8}.badge.paused{background:#fef3c7;color:#92400e}.badge.late{background:#fee2e2;color:#b91c1c}.bar{width:90px;height:7px;background:#e7edf5;border-radius:10px;overflow:hidden;margin-bottom:5px}.bar span{display:block;height:100%;background:#16a6a0}.inline{display:flex;gap:7px;align-items:center}.inline select{min-width:110px}.inline input{width:70px}.inline button{padding:10px}.notice{background:#dff7ec;border:1px solid #9ad9b7;padding:14px;border-radius:10px;margin-bottom:18px}.error{color:#a52323}.login{max-width:460px;margin:55px auto}.login .form{grid-template-columns:1fr}.login p{color:#71839b}.actions{display:flex;gap:10px;margin-bottom:20px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.form{grid-template-columns:1fr}header{gap:15px}.account{margin-right:0}}@media print{header,.actions,.form{display:none!important}main{max-width:none}.card{box-shadow:none}}