:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#f4f6fa}*{box-sizing:border-box}body{margin:0}header{height:72px;background:linear-gradient(120deg,#56358f 0%,#7047a8 52%,#8a5fc2 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1200px)/2));box-shadow:0 8px 24px rgba(83,48,132,.22)}.brand{color:#fff;font-family:Georgia,\"Times New Roman\",serif;font-size:28px;font-weight:700;letter-spacing:.3px;line-height:1;text-decoration:none;text-shadow:0 2px 8px rgba(46,21,82,.3)}nav{display:flex;align-items:center;gap:20px}nav a,.link-button{color:#f3eaff;background:none;border:0;font:inherit;cursor:pointer;text-decoration:none}nav a:hover,.link-button:hover{color:#fff}nav form{margin:0}main{max-width:1200px;margin:40px auto;padding:0 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-heading h1,.card h1{margin:0 0 6px}.page-heading p{margin:0;color:#667085}.card{background:#fff;border:1px solid #e3e7ef;border-radius:12px;box-shadow:0 4px 18px #1b274a0d}.button,button{display:inline-block;border:1px solid #cbd2df;border-radius:8px;padding:10px 16px;background:#fff;color:#172033;text-decoration:none;cursor:pointer;font:inherit}.primary{background:#2667ff;color:white;border-color:#2667ff}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:12px;padding:16px;margin-bottom:18px}input,select,textarea{width:100%;border:1px solid #cbd2df;border-radius:8px;padding:10px 12px;font:inherit;background:white}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:15px;border-bottom:1px solid #edf0f5;vertical-align:top}th{font-size:13px;color:#667085;background:#fafbfc}td small{display:block;color:#667085;margin-top:5px}.table-wrap{overflow:hidden}.status{padding:5px 9px;border-radius:99px;font-size:13px;white-space:nowrap;background:#eef2f7}.status.done{background:#dcfae6;color:#087443}.status.in_progress{background:#fff1cc;color:#8a5b00}.status.planned{background:#e7efff;color:#2053b6}.empty{text-align:center;color:#667085;padding:40px}.form-card,.login-card{max-width:640px;margin:auto;padding:28px}.login-card{max-width:420px}.stacked{display:grid;gap:18px}.stacked label{display:grid;gap:7px;font-weight:600}.stacked ul{margin:4px 0;color:#b42318;font-weight:400}.actions{display:flex;gap:10px}.error{color:#b42318}@media(max-width:700px){.filters{grid-template-columns:1fr}.page-heading{align-items:flex-start;gap:18px}.table-wrap{overflow-x:auto}header{height:68px;padding:0 16px}.brand{font-size:23px}nav span{display:none}main{padding:0 12px;margin-top:24px}}