body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#1f2937}header{background:#13294b;color:white;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px}header h1{margin:0;font-size:34px}.logout{color:white;background:#f28c28;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:bold}main{max-width:1300px;margin:auto;padding:24px}.panel{background:white;border-radius:14px;padding:22px;margin-bottom:22px;box-shadow:0 8px 24px #0001}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}input,textarea,button,select{font:inherit}input,textarea{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:12px;margin-bottom:10px}textarea{min-height:90px;resize:vertical}button{border:0;background:#f28c28;color:white;padding:11px 16px;border-radius:10px;font-weight:bold;cursor:pointer}.secondary-button{background:#13294b;margin-left:8px}.cancel-button{background:#6b7280;margin-left:8px}.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px}.project-card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;cursor:pointer}.project-card:hover{border-color:#f28c28}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:bold;text-transform:uppercase}.active{background:#dcfce7;color:#166534}.closed{background:#fee2e2;color:#991b1b}.hidden{display:none}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{border:1px solid #e5e7eb;border-radius:14px;padding:18px;background:#fafafa}.wide{grid-column:1/-1}.record{border-top:1px solid #e5e7eb;padding:12px 0}.record small{display:block;color:#6b7280;margin-bottom:6px}.task-row{display:grid;grid-template-columns:1fr auto;gap:12px}.task-actions{display:flex;gap:8px;align-items:start;flex-wrap:wrap}.toggle{font-weight:bold}.login-page{display:flex;min-height:100vh;align-items:center;justify-content:center;background:#13294b}.login-card{background:white;width:100%;max-width:420px;padding:30px;border-radius:18px;box-shadow:0 14px 40px #0003}.login-card h1{margin-top:0;color:#13294b}.error{background:#fee2e2;color:#991b1b;padding:10px;border-radius:10px;margin-bottom:12px}@media(max-width:800px){.grid{grid-template-columns:1fr}header{align-items:flex-start;flex-direction:column}.task-row{grid-template-columns:1fr}}