*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#18202a}header{background:#101828;color:white;padding:14px 24px;display:flex;gap:28px;align-items:center;flex-wrap:wrap}.brand{font-size:20px;font-weight:800}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#d0d5dd;text-decoration:none}main{max-width:1180px;margin:0 auto;padding:28px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:20px}.card{background:white;padding:20px;border-radius:14px;box-shadow:0 3px 14px #10182812}.stats strong{display:block;font-size:28px}.stats span{color:#667085}.toolbar{display:flex;justify-content:space-between;align-items:center}.button,button{background:#175cd3;color:white;border:0;border-radius:9px;padding:10px 14px;text-decoration:none;cursor:pointer}input,select,textarea{width:100%;padding:10px;border:1px solid #d0d5dd;border-radius:8px;background:white}label{display:grid;gap:6px;font-weight:600}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:white;padding:22px;border-radius:14px}.full{grid-column:1/-1}textarea{min-height:110px}.search,.task-form{display:flex;gap:10px;margin:18px 0}.table-wrap{overflow:auto;background:white;border-radius:14px}table{border-collapse:collapse;width:100%}th,td{padding:13px;border-bottom:1px solid #eaecf0;text-align:left}.badge{background:#eef4ff;color:#3538cd;padding:4px 8px;border-radius:999px}.task-list{display:grid;gap:10px}.task{display:flex;gap:12px;background:white;padding:14px;border-radius:12px;align-items:center}.task small{display:block;color:#667085;margin-top:4px}.check{border-radius:50%;width:38px;height:38px;padding:0}.login-card{max-width:400px;margin:10vh auto;background:white;padding:28px;border-radius:16px}.login-card form{display:grid;gap:16px}.alert{background:#fee4e2;color:#b42318;padding:10px;border-radius:8px}@media(max-width:700px){main{padding:16px}.form-grid{grid-template-columns:1fr}.search,.task-form{flex-direction:column}}